Emergn Design System Core Theme

Emergn Design System Core Theme package contains:

• Icons
• Style tokens
• Mixins
• Fonts
• Favicons

Theme package is transformed and ready to use with help of Amazon's Style Dictionary.

Installation

To install, you can use npm.

$ npm install @emergn/design-system-core-theme

Getting Started

JS

• Import tokens file into component:

  import tokens from '@emergn/design-system-core-theme/assets/tokens/tokens.js’;

• Or use as a constant:

  const  tokens = require('@emergn/design-system-core-theme/assets/tokens/tokens');

SCSS

• Import tokens:

  @import '@emergn/design-system-core-theme/assets/tokens/tokens';

• Import styles:

  @import '@emergn/design-system-core-theme/assets/styles/styles'; 

Changelog

[1.0.7] - 2022-08-16

Improvement

• Improved typography mixin (DS-587)

[1.0.6] - 2022-07-28

Assets changed

• Renamed "dist" folder to "icons"

[1.0.5] - 2022-06-17

Tokens changed

• Changed tokens for fonts

[1.0.2] - 2022-05-19

Assets added

• Added list of favicons

[1.0.1] - 2022-04-14

Tokens added

• Added tokens for container focus state
• Added tokens for datepicker (form tokens)

[1.0.0] - 2022-04-06

• 🎉 First release!