@quadient/design-tokens - npm Package Versions

0.0.12

Added

• new tokens: duration-500 duration-550 duration-600 duration-700 duration-800 shadow-focus-100 shadow-focus-error shadow-focus-warning sizing-spinner-050

0.0.11

Fixed

• token names (remove doubled bg prefix): color-bg-error-100 color-bg-warning-100 color-bg-info-100 color-bg-success-100

0.0.10

Added

• new tokens: sizing-spinner-100 sizing-spinner-200 sizing-spinner-300 sizing-spinner-400 sizing-spinner-500 sizing-spinner-600 sizing-spinner-700 sizing-spinner-800 color-bg-error-100 color-bg-warning-100 color-bg-info-100 color-bg-success-100

0.0.9

Changed

• removed token sizing-item-000 use sizing-item-075 instead

Fixed

• value of color-bg-switch-handle-positive color-bg-switch-positive color-bg-switch-negative

Added

• new tokens: sizing-item-020 sizing-item-030 sizing-item-040 sizing-item-050 sizing-item-075 sizing-item-100 color-icon-info color-icon-success font-note

0.0.8

Added

• new token color-chart-grey-100

Fixed

• value of color-text-400 token for dark theme

0.0.7

Added

• new tokens: spacing-000, font-xsmall-*

0.0.6

Added

• new tokens: sizing-item-450 sizing-icon-500 border-width-500 border-width-600 border-width-700 duration-100 duration-150 duration-200 duration-250 duration-300 duration-350 duration-400 easing-standard easing-decelerated easing-accelerated color-text-error color-text-warning color-bg-ui-300-inverted

Fixed

• color-text-300 value for dark theme

0.0.5

Fixed

• fontSize and fontWeight values of font strong for legacy theme

0.0.4

Changed

• used Rubik and Quicksand as default fonts
• font caption tokens were renamed to label
• font navigation tokens were renamed to strong
• font heading tokens were updated according latest UX spec

Added

• new legacy font tokens with Open Sans font family
• new tokens for sizing
• new values for legacy theme
• new tokens for charts: color-chart-amethyst-violet-500 color-chart-amethyst-violet-300 color-chart-lavender-violet-500 color-chart-lavender-violet-300 color-chart-dark-blue-500 color-chart-dark-blue-300
• new token color-bg-tab-pressed

Fixed

• token value for: color-bg-interactive-400 color-bg-interactive-400-hover color-bg-interactive-400-selected color-bg-interactive-400-pressed color-text-100 color-text-300 color-bg-tab color-bg-tab-hover color-bg-tab-selected

0.0.3

Added

• new tokens according latest UX specification:
  • angle-100
  • angle-200
  • angle-300
  • angle-400
  • angle-500
  • angle-600
  • angle-700
  • angle-800
  • color-brand-100
  • color-brand-200
  • color-bg-ui-300
  • color-icon-100-hover
  • color-icon-100-selected
  • color-icon-100-pressed
  • color-icon-400
  • color-base-grey-050
  • color-base-grey-150
  • color-base-grey-850
  • color-base-grey-950
  • gradient-app-logo
  • gradient-app-header-stripe
  • gradient-sign-in-bg
  • interactive200-hover
  • interactive200-selected
  • interactive200-pressed
  • opacity-base-050
  • opacity-base-150
  • opacity-base-850
  • opacity-base-950
  • radius-input-100
  • radius-button-100
  • radius-button-200
  • radius-list-100
  • radius-container-100
  • radius-base-100
  • radius-base-200
  • radius-base-300
  • radius-base-400
  • radius-base-500
  • radius-base-600
  • radius-base-none
  • radius-base-full
  • radius-base-pill

Removed

• removed tokens according latest UX specification:
  • color-brand (use color-brand-100 instead)
  • radius-100 (use radius-base-100 instead)
  • radius-200 (use radius-base-200 instead)
  • radius-300 (use radius-base-300 instead)
  • radius-400 (use radius-base-400 instead)
  • radius-500 (use radius-base-500 instead)
  • radius-none (use radius-base-none instead)
  • radius-full (use radius-base-full instead)
  • radius-pill (use radius-base-pill instead)

Changed

• value of many tokens according latest UX specification