@emergn/design-system-vfq-theme v1.0.9

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:

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

• Import styles:

  	```css
  	@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!