Emergn Design System VFQ Theme

Emergn Design System VFQ 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-vfq-theme

Getting Started

JS

• Import tokens file into component:

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

• Or use as a constant:

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

SCSS

• Import tokens:

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

• Import styles:

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

Changelog

[1.0.8] - 2022-08-16

Improvement

• Improved typography mixin (DS-587)

[1.0.7] - 2022-07-28

Assets changed

• Renamed "dist" folder to "icons"

[1.0.5] - 2022-06-17

Assets changed

• Changed fonts
• Changed mixins for breakpoints and iconography

Tokens changed

• Changed tokens for fonts

[1.0.0] - 2022-04-14

• 🎉 First release!