digdir/designsystemet
Oct 2024 – Mar 2026
17 Months active
Languages Used
CSSJavaScriptTypeScriptJSONMarkdownSCSSHTMLYAML
Technical Skills
CLI DevelopmentCSSDesign SystemsDesign TokensFront-end DevelopmentJavaScript
Une Sofie Kinn Ekroll
PROFILE
Une Sofie Kinn Ekroll
Over 17 months, contributed to the digdir/designsystemet repository by building and refining a robust design system focused on accessibility, theming, and developer experience. Delivered features such as automated color token generation, responsive sizing aligned with Figma, and advanced theming pipelines supporting multi-brand UI. Addressed cross-browser and accessibility issues through targeted CSS and React updates, while enhancing documentation and onboarding for both React and non-React consumers. Leveraged TypeScript, CSS, and JavaScript to implement reliable build automation, Storybook-based testing, and configuration management. The work emphasized maintainability, API clarity, and visual consistency, reducing manual QA and supporting scalable, accessible front-end development.
Overall Statistics
Feature vs Bugs
63%Features
Repository Contributions
67Total
Bugs
18
Commits
67
Features
30
Lines of code
23,963
Activity Months17
Your Network
41 peopleShared Repositories
16
Work History
March 2026
1 Commits
Mar 1, 2026March 2026 (2026-03) monthly summary for digdir/designsystemet: A targeted Safari icon scaling fix was delivered to improve accessibility and visual consistency. The change removes fixed font sizes and uses explicit height/width, ensuring icons scale correctly across Safari zoom levels and different DPI settings. This reduces layout shifts and enhances cross-browser reliability for the design system’s iconography.
1 Commits
Mar 1, 2026March 2026 (2026-03) monthly summary for digdir/designsystemet: A targeted Safari icon scaling fix was delivered to improve accessibility and visual consistency. The change removes fixed font sizes and uses explicit height/width, ensuring icons scale correctly across Safari zoom levels and different DPI settings. This reduces layout shifts and enhances cross-browser reliability for the design system’s iconography.
March 2026
January 2026
2 Commits • 1 Features
Jan 1, 2026January 2026 monthly summary for the digdir/designsystemet repository. Focused on stabilizing theme tooling and improving documentation to support diverse usage scenarios.
January 2026
2 Commits • 1 Features
Jan 1, 2026January 2026 monthly summary for the digdir/designsystemet repository. Focused on stabilizing theme tooling and improving documentation to support diverse usage scenarios.
December 2025
1 Commits
Dec 1, 2025Month: 2025-12 — Key accomplishments focused on UI correctness and cross-browser consistency in the digdir/designsystemet repository. Delivered a targeted fix for rendering of the uppercase Å in input fields on Chrome and Safari, improving accessibility and visual reliability. The change was implemented via CSS adjustments and committed as fix: uppercase Å looked like Ă in input fields (#4301), co-authored by eirikbacker. This work reduces user confusion, enhances internationalization support, and reinforces the design system's cross-browser stability. Technologies demonstrated include CSS adjustments, cross-browser debugging, accessibility considerations, and effective collaboration.
1 Commits
Dec 1, 2025Month: 2025-12 — Key accomplishments focused on UI correctness and cross-browser consistency in the digdir/designsystemet repository. Delivered a targeted fix for rendering of the uppercase Å in input fields on Chrome and Safari, improving accessibility and visual reliability. The change was implemented via CSS adjustments and committed as fix: uppercase Å looked like Ă in input fields (#4301), co-authored by eirikbacker. This work reduces user confusion, enhances internationalization support, and reinforces the design system's cross-browser stability. Technologies demonstrated include CSS adjustments, cross-browser debugging, accessibility considerations, and effective collaboration.
December 2025
November 2025
2 Commits • 1 Features
Nov 1, 2025Monthly summary for 2025-11 (digdir/designsystemet) focusing on improving UX reliability and maintainability of the design system. Delivered two primary items: a UX bug fix for the Popover component and a package separation for design system types, with backward compatibility preserved. These changes reduce runtime dependencies, improve performance, and facilitate downstream adoption.
November 2025
2 Commits • 1 Features
Nov 1, 2025Monthly summary for 2025-11 (digdir/designsystemet) focusing on improving UX reliability and maintainability of the design system. Delivered two primary items: a UX bug fix for the Popover component and a package separation for design system types, with backward compatibility preserved. These changes reduce runtime dependencies, improve performance, and facilitate downstream adoption.
October 2025
1 Commits
Oct 1, 2025October 2025: Focused on UI polish and stability in the digdir/designsystemet design system. Delivered a critical ToggleGroup bug fix that improves visual consistency and usability, reducing layout glitches and ensuring color alignment across text and icons. This work enhances end-user experience and developer confidence by delivering predictable rendering across ToggleGroup variants.
1 Commits
Oct 1, 2025October 2025: Focused on UI polish and stability in the digdir/designsystemet design system. Delivered a critical ToggleGroup bug fix that improves visual consistency and usability, reducing layout glitches and ensuring color alignment across text and icons. This work enhances end-user experience and developer confidence by delivering predictable rendering across ToggleGroup variants.
October 2025
September 2025
5 Commits • 2 Features
Sep 1, 2025September 2025 monthly summary for digdir/designsystemet: Delivered a unified sizing system and responsive CSS sizing aligned with the Figma size mode, fixed token display and font scaling issues, and improved ARIA accessibility for Avatar and Spinner. These changes enhance design-to-code parity, consistency of typography across components, and overall accessibility.
September 2025
5 Commits • 2 Features
Sep 1, 2025September 2025 monthly summary for digdir/designsystemet: Delivered a unified sizing system and responsive CSS sizing aligned with the Figma size mode, fixed token display and font scaling issues, and improved ARIA accessibility for Avatar and Spinner. These changes enhance design-to-code parity, consistency of typography across components, and overall accessibility.
August 2025
4 Commits • 3 Features
Aug 1, 2025August 2025 performance summary for digdir/designsystemet. Delivered UX and developer experience improvements across the design system: refined Link spacing for icon/text alignment; cleaned Skeleton API by deprecating the unused characters prop; introduced CSS-variable-based badge positioning for flexible UI adjustments; and corrected Switch documentation to reflect accurate prop labeling. These changes reduce API surface, enhance visual consistency, and improve documentation, contributing to faster UI development and higher quality user interfaces.
4 Commits • 3 Features
Aug 1, 2025August 2025 performance summary for digdir/designsystemet. Delivered UX and developer experience improvements across the design system: refined Link spacing for icon/text alignment; cleaned Skeleton API by deprecating the unused characters prop; introduced CSS-variable-based badge positioning for flexible UI adjustments; and corrected Switch documentation to reflect accurate prop labeling. These changes reduce API surface, enhance visual consistency, and improve documentation, contributing to faster UI development and higher quality user interfaces.
August 2025
July 2025
9 Commits • 3 Features
Jul 1, 2025July 2025 monthly summary for digdir/designsystemet. Focused on stabilizing core components, expanding cross-version React support, and tightening developer tooling and documentation to boost reliability and accessibility. Key features delivered: - Divider documentation improvements: clarified accessibility usage and improved guidance on when to use Divider for better visual structure (commits 866ed4c5232b41b56e9da86c43c07e4b29533934; cc4606c47ec415361cd65fcbb7ff7acedd3df928). - React environment compatibility and testing improvements: added React 18 test capability alongside React 19 tests and alignment for version checks; addressed React strict mode issues across components to prevent duplicates and improve accessibility attributes (commits 458fd32851db5c0f42c76526da7de8365fb75ea2; 90006f0d3819582fa72e91e906bda97992513923). - Internal tooling and UI/documentation polish: fixes to token directory path and destination for token files; refined code block styling in table data cells for documentation visuals (commits 3c2e0daa257b9c7c4ba63c0a3ece24e39a2f8bad; a5a9363b31c76e1da8900c8a21f675a7b8f404bd). Major bugs fixed: - Suggestion component stability: crash in controlled value changes with single-selection; updates input properly; Storybook examples added for single and multiple controlled selection scenarios (commits e2fb30d56b36c5f5b8cc052bf32cc4c8a43f61cf; 101fd4f3570fff25fea9faadf6755f8ca50f0aee). - Textfield prop type safety: corrected the type definition for the Textfield 'type' prop and prevented invalid usage (commit 98a83d2569f900f296d3cdd3840de8f055d6f5b9). - React strict mode related bugs: fixes in field, checkbox, radio, textfield, and dialog when running under React strict mode (commit 90006f0d...). Overall impact and accomplishments: - Increased component stability and accessibility across critical form controls; reduced runtime errors related to controlled inputs and strict mode; improved cross-version React support for a smoother upgrade path; enhanced documentation and UI token tooling for faster onboarding and lower maintenance. Technologies/skills demonstrated: - React 18/19 compatibility, React strict mode debugging, TypeScript typings, Storybook-based validation, accessibility-focused documentation, and internal tooling improvements for token generation and docs formatting.
July 2025
9 Commits • 3 Features
Jul 1, 2025July 2025 monthly summary for digdir/designsystemet. Focused on stabilizing core components, expanding cross-version React support, and tightening developer tooling and documentation to boost reliability and accessibility. Key features delivered: - Divider documentation improvements: clarified accessibility usage and improved guidance on when to use Divider for better visual structure (commits 866ed4c5232b41b56e9da86c43c07e4b29533934; cc4606c47ec415361cd65fcbb7ff7acedd3df928). - React environment compatibility and testing improvements: added React 18 test capability alongside React 19 tests and alignment for version checks; addressed React strict mode issues across components to prevent duplicates and improve accessibility attributes (commits 458fd32851db5c0f42c76526da7de8365fb75ea2; 90006f0d3819582fa72e91e906bda97992513923). - Internal tooling and UI/documentation polish: fixes to token directory path and destination for token files; refined code block styling in table data cells for documentation visuals (commits 3c2e0daa257b9c7c4ba63c0a3ece24e39a2f8bad; a5a9363b31c76e1da8900c8a21f675a7b8f404bd). Major bugs fixed: - Suggestion component stability: crash in controlled value changes with single-selection; updates input properly; Storybook examples added for single and multiple controlled selection scenarios (commits e2fb30d56b36c5f5b8cc052bf32cc4c8a43f61cf; 101fd4f3570fff25fea9faadf6755f8ca50f0aee). - Textfield prop type safety: corrected the type definition for the Textfield 'type' prop and prevented invalid usage (commit 98a83d2569f900f296d3cdd3840de8f055d6f5b9). - React strict mode related bugs: fixes in field, checkbox, radio, textfield, and dialog when running under React strict mode (commit 90006f0d...). Overall impact and accomplishments: - Increased component stability and accessibility across critical form controls; reduced runtime errors related to controlled inputs and strict mode; improved cross-version React support for a smoother upgrade path; enhanced documentation and UI token tooling for faster onboarding and lower maintenance. Technologies/skills demonstrated: - React 18/19 compatibility, React strict mode debugging, TypeScript typings, Storybook-based validation, accessibility-focused documentation, and internal tooling improvements for token generation and docs formatting.
June 2025
3 Commits • 1 Features
Jun 1, 2025June 2025 — Performance-focused month for digdir/designsystemet. Key work centered on visual consistency, test reliability, and accessibility in the Design System. Delivered three targeted changes with business value: pixel-perfect CSS rounding across font sizes, more robust Storybook stories, and deterministic IDs for hidden form controls. These updates reduce UI rendering inconsistencies, decrease test flakiness, and improve form submission accuracy for assistive tech.
3 Commits • 1 Features
Jun 1, 2025June 2025 — Performance-focused month for digdir/designsystemet. Key work centered on visual consistency, test reliability, and accessibility in the Design System. Delivered three targeted changes with business value: pixel-perfect CSS rounding across font sizes, more robust Storybook stories, and deterministic IDs for hidden form controls. These updates reduce UI rendering inconsistencies, decrease test flakiness, and improve form submission accuracy for assistive tech.
June 2025
May 2025
5 Commits • 3 Features
May 1, 2025Month: 2025-05 Focus: Documentation and developer UX improvements in the digdir/designsystemet repository, with emphasis on accessibility, Storybook rendering, and consistent styling. The month delivered targeted documentation enhancements and Storybook code-example rendering improvements that elevate developer experience and product accessibility.
May 2025
5 Commits • 3 Features
May 1, 2025Month: 2025-05 Focus: Documentation and developer UX improvements in the digdir/designsystemet repository, with emphasis on accessibility, Storybook rendering, and consistent styling. The month delivered targeted documentation enhancements and Storybook code-example rendering improvements that elevate developer experience and product accessibility.
April 2025
5 Commits • 2 Features
Apr 1, 2025April 2025: Delivered key enhancements to Storybook-based design-system documentation, focusing on navigation and readability to improve developer productivity and external usability. The work reduces time-to-find information and ensures consistent typography and layout across docs, aligning with design-system quality standards.
5 Commits • 2 Features
Apr 1, 2025April 2025: Delivered key enhancements to Storybook-based design-system documentation, focusing on navigation and readability to improve developer productivity and external usability. The work reduces time-to-find information and ensures consistent typography and layout across docs, aligning with design-system quality standards.
April 2025
March 2025
5 Commits • 2 Features
Mar 1, 2025March 2025 — Delivered automated color tokens and theming, strengthened Storybook accessibility, and fixed a visual regression in Fieldset legends. These efforts improve theming consistency across themes, raise accessibility compliance, and enhance UI stability for components in the design system. The work also broadens automated validation and reduces manual QA overhead by codifying tokens and accessibility checks into CI/test pipelines.
March 2025
5 Commits • 2 Features
Mar 1, 2025March 2025 — Delivered automated color tokens and theming, strengthened Storybook accessibility, and fixed a visual regression in Fieldset legends. These efforts improve theming consistency across themes, raise accessibility compliance, and enhance UI stability for components in the design system. The work also broadens automated validation and reduces manual QA overhead by codifying tokens and accessibility checks into CI/test pipelines.
February 2025
5 Commits • 3 Features
Feb 1, 2025February 2025 monthly summary for digdir/designsystemet: focused on delivering high-value features, stabilizing API surfaces, and advancing token automation workflows. Key work includes enabling Chromatic visual testing opt-in in Storybook, aligning color typing with API expectations, and documenting/locking in CLI token workflows with explicit option precedence. These efforts improve visual QA reliability, API consistency for developers, and automation readiness, delivering measurable business value across components and tooling.
5 Commits • 3 Features
Feb 1, 2025February 2025 monthly summary for digdir/designsystemet: focused on delivering high-value features, stabilizing API surfaces, and advancing token automation workflows. Key work includes enabling Chromatic visual testing opt-in in Storybook, aligning color typing with API expectations, and documenting/locking in CLI token workflows with explicit option precedence. These efforts improve visual QA reliability, API consistency for developers, and automation readiness, delivering measurable business value across components and tooling.
February 2025
January 2025
6 Commits • 3 Features
Jan 1, 2025January 2025 — digdir/designsystemet monthly summary focused on delivering configurability, stability, and design-system fidelity across the CLI, token tooling, and Storybook integration. Key outcomes include JSON-driven tokens create configuration, improved CLI UX with clearer error messaging and config-path mapping, and a major upgrade to Storybook 8.5 with modern testing. Critical bug fixes refined UI consistency and reliability, including outDir handling and data-size/data-color safety in components and props. These efforts reduce manual steps, improve developer onboarding, and strengthen design system theming and automation.
January 2025
6 Commits • 3 Features
Jan 1, 2025January 2025 — digdir/designsystemet monthly summary focused on delivering configurability, stability, and design-system fidelity across the CLI, token tooling, and Storybook integration. Key outcomes include JSON-driven tokens create configuration, improved CLI UX with clearer error messaging and config-path mapping, and a major upgrade to Storybook 8.5 with modern testing. Critical bug fixes refined UI consistency and reliability, including outDir handling and data-size/data-color safety in components and props. These efforts reduce manual steps, improve developer onboarding, and strengthen design system theming and automation.
December 2024
2 Commits
Dec 1, 2024December 2024 monthly summary: Focused on reliability improvements and maintainability in digdir/designsystemet. No new end-user features released this month; priority was stabilizing packaging and type definitions to reduce crashes and improve developer experience across downstream consumers.
2 Commits
Dec 1, 2024December 2024 monthly summary: Focused on reliability improvements and maintainability in digdir/designsystemet. No new end-user features released this month; priority was stabilizing packaging and type definitions to reduce crashes and improve developer experience across downstream consumers.
December 2024
November 2024
9 Commits • 4 Features
Nov 1, 2024November 2024 (digdir/designsystemet) — Key outcomes: major Design System Color System Overhaul, CLI Theme Customization enhancements, Chromatic testing font loader, CLI Tokens API refactor, and build-system reliability fixes. These efforts improve theming clarity, developer experience, automated testing stability, and API maintainability, enabling faster theming iterations, fewer build-time regressions, and more predictable releases.
November 2024
9 Commits • 4 Features
Nov 1, 2024November 2024 (digdir/designsystemet) — Key outcomes: major Design System Color System Overhaul, CLI Theme Customization enhancements, Chromatic testing font loader, CLI Tokens API refactor, and build-system reliability fixes. These efforts improve theming clarity, developer experience, automated testing stability, and API maintainability, enabling faster theming iterations, fewer build-time regressions, and more predictable releases.
October 2024
2 Commits • 2 Features
Oct 1, 20242024-10 monthly summary for digdir/designsystemet. Focused on delivering scalable, multi-brand color theming improvements within the design system. Implemented two core capabilities to enable granular, brand-aware theming: semantic color category support and data-color attribute-driven tokens, plus automatic CSS generation for multiple brands. These changes strengthen design consistency across products and accelerate brand-specific UI deployment.
2 Commits • 2 Features
Oct 1, 20242024-10 monthly summary for digdir/designsystemet. Focused on delivering scalable, multi-brand color theming improvements within the design system. Implemented two core capabilities to enable granular, brand-aware theming: semantic color category support and data-color attribute-driven tokens, plus automatic CSS generation for multiple brands. These changes strengthen design consistency across products and accelerate brand-specific UI deployment.
October 2024
Activity
Loading activity data...
Quality Metrics
Correctness89.2%
Maintainability88.2%
Architecture84.0%
Performance83.4%
AI Usage20.0%
Skills & Technologies
Programming Languages
CSSHTMLJSONJavaScriptMarkdownSCSSTSXTypeScriptYAML
Technical Skills
AccessibilityAccessibility TestingBuild ConfigurationBuild ToolsBuild automationCLI DevelopmentCLI developmentCSSCSS pre-processingCode RefactoringComponent DevelopmentComponent DocumentationComponent Library DevelopmentComponent TestingConfiguration
Repositories Contributed To
Overview of all repositories you've contributed to across your timeline