scania-digital-design-system/tegel
Nov 2024 – Jul 2025
7 Months active
Languages Used
BashCSSHTMLJSONJavaScriptMarkdownSCSSSVG
Technical Skills
Asset ManagementBuild ToolsCI/CDCSSComponent DevelopmentComponent Library
theJohnnyMe
PROFILE
Thejohnnyme
Nikola Johnny Mirkovic contributed to the scania-digital-design-system/tegel repository by building and refining a multi-brand design system, focusing on UI consistency, accessibility, and developer experience. He implemented brand-aware theming, scalable icon and logo support, and standardized design tokens for color, spacing, and typography, enabling dynamic brand switching and internationalization. Using TypeScript, SCSS, and Storybook, Nikola modernized build scripts, optimized asset delivery, and improved CI/CD automation. His work addressed layout, accessibility, and asset integration issues, while enhancing documentation and testing. The depth of his engineering ensured a robust, maintainable system that accelerates product development and supports diverse branding requirements.
Overall Statistics
Feature vs Bugs
84%Features
Repository Contributions
39Total
Bugs
4
Commits
39
Features
21
Lines of code
54,367
Activity Months7
Your Network
23 peopleSame Organization
@scania.com5
Work History
July 2025
6 Commits • 4 Features
Jul 1, 2025July 2025 performance summary for scania-digital-design-system/tegel focusing on UI stability, accessibility, and brand integrity. Delivered key feature work, resolved layout issues, and enhanced component accessibility, testing, and documentation to improve consistency, developer experience, and time-to-market for brand assets.
6 Commits • 4 Features
Jul 1, 2025July 2025 performance summary for scania-digital-design-system/tegel focusing on UI stability, accessibility, and brand integrity. Delivered key feature work, resolved layout issues, and enhanced component accessibility, testing, and documentation to improve consistency, developer experience, and time-to-market for brand assets.
July 2025
June 2025
4 Commits • 2 Features
Jun 1, 2025Concise monthly summary for 2025-06 focusing on key features delivered, major bugs fixed, impact, and skills demonstrated. Includes repository-scoped work on the Scania Design System (Tegel) with emphasis on value to product teams and developers.
June 2025
4 Commits • 2 Features
Jun 1, 2025Concise monthly summary for 2025-06 focusing on key features delivered, major bugs fixed, impact, and skills demonstrated. Includes repository-scoped work on the Scania Design System (Tegel) with emphasis on value to product teams and developers.
May 2025
3 Commits • 2 Features
May 1, 2025May 2025 monthly summary: Delivered brand-aware icon support for the Tegel design system, aligned repository releases, and improved branding consistency across components. The work focused on business value through a scalable, brand-ready icon system and stable release hygiene, enabling faster branding iterations and more predictable deployments.
3 Commits • 2 Features
May 1, 2025May 2025 monthly summary: Delivered brand-aware icon support for the Tegel design system, aligned repository releases, and improved branding consistency across components. The work focused on business value through a scalable, brand-ready icon system and stable release hygiene, enabling faster branding iterations and more predictable deployments.
May 2025
April 2025
6 Commits • 2 Features
Apr 1, 2025April 2025 monthly summary for scania-digital-design-system/tegel. Key features delivered include a unified multibrand theming system across UI components and Storybook with dynamic brand switching for Traton and other brands (covering messages, modal, and spinner), and font delivery optimization by adopting WOFF2 as the primary font format to reduce file sizes and improve load times. A major bug fix addressed local asset naming conflicts by introducing a -local suffix and updating header/footer references to prevent CDN clashes. These outcomes enhance branding consistency, accelerate UI rendering, and simplify maintenance. Value is delivered through improved developer experience via Storybook controls and a token-driven design system, enabling faster iterations and a more consistent user experience across brand portfolios.
April 2025
6 Commits • 2 Features
Apr 1, 2025April 2025 monthly summary for scania-digital-design-system/tegel. Key features delivered include a unified multibrand theming system across UI components and Storybook with dynamic brand switching for Traton and other brands (covering messages, modal, and spinner), and font delivery optimization by adopting WOFF2 as the primary font format to reduce file sizes and improve load times. A major bug fix addressed local asset naming conflicts by introducing a -local suffix and updating header/footer references to prevent CDN clashes. These outcomes enhance branding consistency, accelerate UI rendering, and simplify maintenance. Value is delivered through improved developer experience via Storybook controls and a token-driven design system, enabling faster iterations and a more consistent user experience across brand portfolios.
March 2025
5 Commits • 3 Features
Mar 1, 2025March 2025 highlights: - Implemented Tegel spacing units to standardize layout across products, enabling faster UI alignment and greater design predictability. Commit: d9b83bb99b4a2969d9d276ea271fa801b5b6ac79 - Introduced Tegel color primitives and usage tokens to standardize color usage with theme awareness for light/dark modes. Commits: f4b447c66769d73a58a184c098f242df94afcf09; af4ffecb7a5c0d441ce82358586616c4cdc2588a - Enhanced Scania DS with Cyrillic font support and typography tokens, plus brand radii/spacing primitives to improve internationalization and visual consistency. Commits: 88f90c9c6d8a7932749d37affe9051954cf27f2a; d79b29d789e4ce30f288cd7855365a4413a0a71f Overall impact: Strengthened design-system foundations across Tegel and Scania DS, delivering consistent theming, typography, and spacing. These changes reduce styling ambiguity, accelerate product development, and support international usage with Cyrillic typography. Business value includes improved UX coherence, faster onboarding for design teams, and scalable design tokens for future product scaling.
5 Commits • 3 Features
Mar 1, 2025March 2025 highlights: - Implemented Tegel spacing units to standardize layout across products, enabling faster UI alignment and greater design predictability. Commit: d9b83bb99b4a2969d9d276ea271fa801b5b6ac79 - Introduced Tegel color primitives and usage tokens to standardize color usage with theme awareness for light/dark modes. Commits: f4b447c66769d73a58a184c098f242df94afcf09; af4ffecb7a5c0d441ce82358586616c4cdc2588a - Enhanced Scania DS with Cyrillic font support and typography tokens, plus brand radii/spacing primitives to improve internationalization and visual consistency. Commits: 88f90c9c6d8a7932749d37affe9051954cf27f2a; d79b29d789e4ce30f288cd7855365a4413a0a71f Overall impact: Strengthened design-system foundations across Tegel and Scania DS, delivering consistent theming, typography, and spacing. These changes reduce styling ambiguity, accelerate product development, and support international usage with Cyrillic typography. Business value includes improved UX coherence, faster onboarding for design teams, and scalable design tokens for future product scaling.
March 2025
February 2025
6 Commits • 4 Features
Feb 1, 2025February 2025 (2025-02) monthly summary for scania-digital-design-system/tegel. Key outcomes include UI/UX refinements for tooltips, links, and nested blocks; expanded CODEOWNERS for broader review coverage; release process synchronization between develop and main; and CI/testing upgrade to Playwright v1.50.0. Major bugs fixed include tooltip space and text wrapping improvements and nesting background color issue. Overall impact: more consistent UI, faster and more deterministic releases, and stronger code quality through broader reviews and updated tests. Technologies demonstrated: React UI/component work, CODEOWNERS governance, CI/CD automation, and Playwright-based testing.
February 2025
6 Commits • 4 Features
Feb 1, 2025February 2025 (2025-02) monthly summary for scania-digital-design-system/tegel. Key outcomes include UI/UX refinements for tooltips, links, and nested blocks; expanded CODEOWNERS for broader review coverage; release process synchronization between develop and main; and CI/testing upgrade to Playwright v1.50.0. Major bugs fixed include tooltip space and text wrapping improvements and nesting background color issue. Overall impact: more consistent UI, faster and more deterministic releases, and stronger code quality through broader reviews and updated tests. Technologies demonstrated: React UI/component work, CODEOWNERS governance, CI/CD automation, and Playwright-based testing.
November 2024
9 Commits • 4 Features
Nov 1, 2024November 2024 monthly summary for scania-digital-design-system/tegel: Focused on delivering accessibility-friendly UI improvements, offline hosting capabilities, and streamlined release processes. Key outcomes include shipped Icon Gallery and Icon Library Enhancements (tegel 1.19.0), offline hosting for fonts and logos, a new Popover Control API, UI styling polish for form controls and disabled states, and CI/CD automation improvements that simplify releases. These efforts improve discoverability, offline usability, component predictability, accessibility, and release velocity.
9 Commits • 4 Features
Nov 1, 2024November 2024 monthly summary for scania-digital-design-system/tegel: Focused on delivering accessibility-friendly UI improvements, offline hosting capabilities, and streamlined release processes. Key outcomes include shipped Icon Gallery and Icon Library Enhancements (tegel 1.19.0), offline hosting for fonts and logos, a new Popover Control API, UI styling polish for form controls and disabled states, and CI/CD automation improvements that simplify releases. These efforts improve discoverability, offline usability, component predictability, accessibility, and release velocity.
November 2024
Activity
Loading activity data...
Quality Metrics
Correctness89.2%
Maintainability89.6%
Architecture87.2%
Performance85.6%
AI Usage20.0%
Skills & Technologies
Programming Languages
BashCSSHTMLJSONJavaScriptMarkdownSCSSSVGShellTypeScript
Technical Skills
AccessibilityAngularAsset ManagementBuild ScriptsBuild ToolsBuild Tools (Gulp)CI/CDCSSComponent DevelopmentComponent LibraryComponent Library DevelopmentComponent StylingDependency ManagementDesign SystemsDevOps
Repositories Contributed To
Overview of all repositories you've contributed to across your timeline