enefit-design-system 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +1 -15
  2. package/dist/styles.css +1 -0
  3. package/package.json +6 -3
package/README.md CHANGED
@@ -1,17 +1,3 @@
1
1
  # Enefit Design System
2
2
 
3
- ## Developer quickstart
4
-
5
- Build library:
6
-
7
- ```
8
- npx vite build
9
- ```
10
-
11
- Run tests:
12
-
13
- ```
14
- npx vitest run
15
- ```
16
-
17
- .
3
+ See the documentation at https://enefit-design-system.pages.dev
package/dist/styles.css ADDED
@@ -0,0 +1 @@
1
+ :root{--breakpoint-1024: 1024px;--breakpoint-1152: 1152px;--breakpoint-1680: 1680px;--breakpoint-320: 320px;--breakpoint-360: 360px;--breakpoint-768: 768px;--colour-brand-primary-100: rgba(233,249,233,1);--colour-brand-primary-150: rgba(216,245,214,1);--colour-brand-primary-200: rgba(189,240,187,1);--colour-brand-primary-250: rgba(156,232,154,1);--colour-brand-primary-300: rgba(127,226,127,1);--colour-brand-primary-350: rgba(91,208,106,1);--colour-brand-primary-400: rgba(61,190,88,1);--colour-brand-primary-450: rgba(30,170,68,1);--colour-brand-primary-50: rgba(245,252,244,1);--colour-brand-primary-500: rgba(0,151,58,1);--colour-brand-primary-550: rgba(0,136,52,1);--colour-brand-primary-600: rgba(0,126,48,1);--colour-brand-primary-650: rgba(0,113,44,1);--colour-brand-primary-700: rgba(0,101,39,1);--colour-brand-primary-750: rgba(0,88,34,1);--colour-brand-primary-800: rgba(0,76,29,1);--colour-brand-primary-850: rgba(0,63,24,1);--colour-brand-primary-900: rgba(0,50,19,1);--colour-brand-primary-950: rgba(0,38,15,1);--colour-brand-primary-999: rgba(0,25,10,1);--colour-brand-secondary-100: rgba(237,238,241,1);--colour-brand-secondary-150: rgba(223,224,227,1);--colour-brand-secondary-200: rgba(206,207,211,1);--colour-brand-secondary-250: rgba(192,193,197,1);--colour-brand-secondary-300: rgba(176,177,181,1);--colour-brand-secondary-350: rgba(160,162,167,1);--colour-brand-secondary-400: rgba(143,145,152,1);--colour-brand-secondary-450: rgba(126,129,138,1);--colour-brand-secondary-50: rgba(246,247,250,1);--colour-brand-secondary-500: rgba(111,114,123,1);--colour-brand-secondary-550: rgba(96,99,108,1);--colour-brand-secondary-600: rgba(79,82,90,1);--colour-brand-secondary-650: rgba(65,68,76,1);--colour-brand-secondary-700: rgba(49,52,60,1);--colour-brand-secondary-750: rgba(43,46,54,1);--colour-brand-secondary-800: rgba(36,38,45,1);--colour-brand-secondary-850: rgba(31,33,39,1);--colour-brand-secondary-900: rgba(26,28,34,1);--colour-brand-secondary-950: rgba(21,23,29,1);--colour-brand-secondary-999: rgba(15,16,21,1);--colour-brand-tertiary-100: rgba(205,225,254,1);--colour-brand-tertiary-200: rgba(184,212,255,1);--colour-brand-tertiary-300: rgba(154,194,254,1);--colour-brand-tertiary-400: rgba(133,181,253,1);--colour-brand-tertiary-50: rgba(237,244,254,1);--colour-brand-tertiary-500: rgba(99,161,253,1);--colour-brand-tertiary-600: rgba(57,134,248,1);--colour-brand-tertiary-700: rgba(28,104,217,1);--colour-brand-tertiary-800: rgba(23,89,189,1);--colour-brand-tertiary-900: rgba(17,68,145,1);--colour-brand-tertiary-950: rgba(11,47,102,1);--colour-brand-tertiary-999: rgba(6,28,61,1);--colour-global-alert-100: rgba(254,227,232,1);--colour-global-alert-200: rgba(253,172,187,1);--colour-global-alert-300: rgba(255,123,148,1);--colour-global-alert-400: rgba(250,62,96,1);--colour-global-alert-500: rgba(248,7,51,1);--colour-global-alert-600: rgba(193,5,39,1);--colour-global-alert-700: rgba(138,4,28,1);--colour-global-alert-800: rgba(83,2,17,1);--colour-global-alert-900: rgba(28,1,6,1);--colour-global-bw-black: rgba(0,0,0,1);--colour-global-bw-white: rgba(255,255,255,1);--colour-global-neutral-100: rgba(221,221,221,1);--colour-global-neutral-200: rgba(187,187,187,1);--colour-global-neutral-25: rgba(247,247,247,1);--colour-global-neutral-300: rgba(152,152,152,1);--colour-global-neutral-400: rgba(118,118,118,1);--colour-global-neutral-50: rgba(238,238,238,1);--colour-global-neutral-500: rgba(84,84,84,1);--colour-global-neutral-600: rgba(67,67,67,1);--colour-global-neutral-700: rgba(50,50,50,1);--colour-global-neutral-800: rgba(34,34,34,1);--colour-global-neutral-900: rgba(18,18,18,1);--colour-global-success-100: rgba(240,251,231,1);--colour-global-success-200: rgba(209,242,183,1);--colour-global-success-300: rgba(178,234,135,1);--colour-global-success-400: rgba(147,225,87,1);--colour-global-success-500: rgba(116,217,38,1);--colour-global-success-600: rgba(90,168,30,1);--colour-global-success-700: rgba(65,120,21,1);--colour-global-success-800: rgba(39,72,13,1);--colour-global-success-900: rgba(13,24,4,1);--colour-global-warning-100: rgba(255,245,227,1);--colour-global-warning-200: rgba(255,226,170,1);--colour-global-warning-300: rgba(255,207,113,1);--colour-global-warning-400: rgba(255,185,49,1);--colour-global-warning-500: rgba(255,168,0,1);--colour-global-warning-600: rgba(210,126,0,1);--colour-global-warning-700: rgba(167,100,0,1);--colour-global-warning-800: rgba(111,66,0,1);--colour-global-warning-900: rgba(49,29,0,1);--column-columns-12: 12px;--column-columns-4: 4px;--column-columns-8: 8px;--container-max-width: 1416px;--radius-0: 0px;--radius-12: 12px;--radius-16: 16px;--radius-2: 2px;--radius-20: 20px;--radius-24: 24px;--radius-32: 32px;--radius-4: 4px;--radius-40: 40px;--radius-8: 8px;--radius-999: 999px;--size-size-0: 0px;--size-size-112: 112px;--size-size-12: 12px;--size-size-128: 128px;--size-size-16: 16px;--size-size-2: 2px;--size-size-20: 20px;--size-size-24: 24px;--size-size-28: 28px;--size-size-32: 32px;--size-size-36: 36px;--size-size-4: 4px;--size-size-40: 40px;--size-size-44: 44px;--size-size-48: 48px;--size-size-56: 56px;--size-size-6: 6px;--size-size-64: 64px;--size-size-72: 72px;--size-size-8: 8px;--size-size-80: 80px;--size-size-88: 88px;--size-size-96: 96px;--size-size-999: 999px;--width-0: 0px;--width-1: 1px;--width-2: 2px;--eds-radius-default: 8px;--eds-radius-huge: 40px;--eds-radius-large: 16px;--eds-radius-rounded: 999px;--eds-radius-xlarge: 32px;--eds-width-minimum: 1px;--eds-width-none: 0px;--eds-width-small: 2px;--eds-colour-bg-accent-main-light: rgba(0,136,52,1);--eds-colour-bg-accent-main-dark: rgba(0,101,39,1);--eds-colour-bg-accent-strong-light: rgba(0,126,48,1);--eds-colour-bg-accent-strong-dark: rgba(0,76,29,1);--eds-colour-bg-accent-stronger-light: rgba(0,101,39,1);--eds-colour-bg-accent-stronger-dark: rgba(0,50,19,1);--eds-colour-bg-alert-main-light: rgba(254,227,232,1);--eds-colour-bg-alert-main-dark: rgba(111,66,0,1);--eds-colour-bg-alert-strong-light: rgba(253,172,187,1);--eds-colour-bg-alert-strong-dark: rgba(167,100,0,1);--eds-colour-bg-alert-stronger-light: rgba(255,123,148,1);--eds-colour-bg-alert-stronger-dark: rgba(210,126,0,1);--eds-colour-bg-basic-invert-main-light: rgba(26,28,34,1);--eds-colour-bg-basic-invert-main-dark: rgba(26,28,34,1);--eds-colour-bg-basic-invert-strong-light: rgba(21,23,29,1);--eds-colour-bg-basic-invert-strong-dark: rgba(26,28,34,1);--eds-colour-bg-basic-invert-weak-light: rgba(36,38,45,1);--eds-colour-bg-basic-invert-weak-dark: rgba(26,28,34,1);--eds-colour-bg-basic-invert-weaker-light: rgba(49,52,60,1);--eds-colour-bg-basic-invert-weaker-dark: rgba(26,28,34,1);--eds-colour-bg-basic-main-light: rgba(255,255,255,1);--eds-colour-bg-basic-main-dark: rgba(36,38,45,1);--eds-colour-bg-basic-max-light: rgba(206,207,211,1);--eds-colour-bg-basic-max-dark: rgba(96,99,108,1);--eds-colour-bg-basic-strong-light: rgba(246,247,250,1);--eds-colour-bg-basic-strong-dark: rgba(49,52,60,1);--eds-colour-bg-basic-stronger-light: rgba(237,238,241,1);--eds-colour-bg-basic-stronger-dark: rgba(65,68,76,1);--eds-colour-bg-basic-strongest-light: rgba(223,224,227,1);--eds-colour-bg-basic-strongest-dark: rgba(79,82,90,1);--eds-colour-bg-info-main-light: rgba(237,244,254,1);--eds-colour-bg-info-main-dark: rgba(111,66,0,1);--eds-colour-bg-info-strong-light: rgba(205,225,254,1);--eds-colour-bg-info-strong-dark: rgba(167,100,0,1);--eds-colour-bg-info-stronger-light: rgba(184,212,255,1);--eds-colour-bg-info-stronger-dark: rgba(210,126,0,1);--eds-colour-bg-on-accent-main-light: rgba(255,255,255,1);--eds-colour-bg-on-accent-main-dark: rgba(216,245,214,1);--eds-colour-bg-on-accent-strong-light: rgba(255,255,255,1);--eds-colour-bg-on-accent-strong-dark: rgba(216,245,214,1);--eds-colour-bg-on-accent-weak-light: rgba(233,249,233,1);--eds-colour-bg-on-accent-weak-dark: rgba(216,245,214,1);--eds-colour-bg-on-accent-weaker-light: rgba(189,240,187,1);--eds-colour-bg-on-accent-weaker-dark: rgba(216,245,214,1);--eds-colour-bg-on-basic-invert-main-light: rgba(255,255,255,1);--eds-colour-bg-on-basic-invert-main-dark: rgba(216,245,214,1);--eds-colour-bg-on-basic-invert-max-light: rgba(255,255,255,1);--eds-colour-bg-on-basic-invert-max-dark: rgba(216,245,214,1);--eds-colour-bg-on-basic-invert-weak-light: rgba(233,249,233,1);--eds-colour-bg-on-basic-invert-weak-dark: rgba(216,245,214,1);--eds-colour-bg-on-basic-invert-weaker-light: rgba(189,240,187,1);--eds-colour-bg-on-basic-invert-weaker-dark: rgba(216,245,214,1);--eds-colour-bg-success-main-light: rgba(240,251,231,1);--eds-colour-bg-success-main-dark: rgba(111,66,0,1);--eds-colour-bg-success-strong-light: rgba(209,242,183,1);--eds-colour-bg-success-strong-dark: rgba(167,100,0,1);--eds-colour-bg-success-stronger-light: rgba(178,234,135,1);--eds-colour-bg-success-stronger-dark: rgba(210,126,0,1);--eds-colour-bg-warning-main-light: rgba(255,245,227,1);--eds-colour-bg-warning-main-dark: rgba(111,66,0,1);--eds-colour-bg-warning-strong-light: rgba(255,226,170,1);--eds-colour-bg-warning-strong-dark: rgba(167,100,0,1);--eds-colour-bg-warning-stronger-light: rgba(255,207,113,1);--eds-colour-bg-warning-stronger-dark: rgba(210,126,0,1);--eds-colour-icon-accent-invert-main-light: rgba(91,208,106,1);--eds-colour-icon-accent-invert-main-dark: rgba(216,245,214,1);--eds-colour-icon-accent-invert-strong-light: rgba(156,232,154,1);--eds-colour-icon-accent-invert-strong-dark: rgba(216,245,214,1);--eds-colour-icon-accent-invert-stronger-light: rgba(189,240,187,1);--eds-colour-icon-accent-invert-stronger-dark: rgba(216,245,214,1);--eds-colour-icon-accent-main-light: rgba(0,151,58,1);--eds-colour-icon-accent-main-dark: rgba(216,245,214,1);--eds-colour-icon-accent-strong-light: rgba(0,101,39,1);--eds-colour-icon-accent-strong-dark: rgba(216,245,214,1);--eds-colour-icon-accent-stronger-light: rgba(0,76,29,1);--eds-colour-icon-accent-stronger-dark: rgba(216,245,214,1);--eds-colour-icon-accent-weak-light: rgba(61,190,88,1);--eds-colour-icon-accent-weak-dark: rgba(216,245,214,1);--eds-colour-icon-alert-main-light: rgba(193,5,39,1);--eds-colour-icon-alert-main-dark: rgba(255,123,148,1);--eds-colour-icon-alert-strong-light: rgba(138,4,28,1);--eds-colour-icon-alert-strong-dark: rgba(253,172,187,1);--eds-colour-icon-alert-stronger-light: rgba(83,2,17,1);--eds-colour-icon-alert-stronger-dark: rgba(254,227,232,1);--eds-colour-icon-basic-invert-main-light: rgba(192,193,197,1);--eds-colour-icon-basic-invert-main-dark: rgba(26,28,34,1);--eds-colour-icon-basic-invert-maximum-light: rgba(255,255,255,1);--eds-colour-icon-basic-invert-maximum-dark: rgba(26,28,34,1);--eds-colour-icon-basic-invert-weak-light: rgba(160,162,167,1);--eds-colour-icon-basic-invert-weak-dark: rgba(26,28,34,1);--eds-colour-icon-basic-main-light: rgba(96,99,108,1);--eds-colour-icon-basic-main-dark: rgba(26,28,34,1);--eds-colour-icon-basic-strong-light: rgba(49,52,60,1);--eds-colour-icon-basic-strong-dark: rgba(26,28,34,1);--eds-colour-icon-basic-stronger-light: rgba(36,38,45,1);--eds-colour-icon-basic-stronger-dark: rgba(26,28,34,1);--eds-colour-icon-link-invert-main-light: rgba(133,181,253,1);--eds-colour-icon-link-invert-main-dark: rgba(216,245,214,1);--eds-colour-icon-link-invert-strong-light: rgba(184,212,255,1);--eds-colour-icon-link-invert-strong-dark: rgba(216,245,214,1);--eds-colour-icon-link-invert-stronger-light: rgba(205,225,254,1);--eds-colour-icon-link-invert-stronger-dark: rgba(216,245,214,1);--eds-colour-icon-link-main-light: rgba(23,89,189,1);--eds-colour-icon-link-main-dark: rgba(216,245,214,1);--eds-colour-icon-link-strong-light: rgba(17,68,145,1);--eds-colour-icon-link-strong-dark: rgba(216,245,214,1);--eds-colour-icon-link-stronger-light: rgba(11,47,102,1);--eds-colour-icon-link-stronger-dark: rgba(216,245,214,1);--eds-colour-icon-on-accent-main-light: rgba(156,232,154,1);--eds-colour-icon-on-accent-main-dark: rgba(127,226,127,1);--eds-colour-icon-on-accent-maximum-light: rgba(255,255,255,1);--eds-colour-icon-on-accent-maximum-dark: rgba(127,226,127,1);--eds-colour-icon-on-accent-strong-light: rgba(233,249,233,1);--eds-colour-icon-on-accent-strong-dark: rgba(127,226,127,1);--eds-colour-icon-success-main-light: rgba(65,120,21,1);--eds-colour-icon-success-main-dark: rgba(178,234,135,1);--eds-colour-icon-success-strong-light: rgba(39,72,13,1);--eds-colour-icon-success-strong-dark: rgba(209,242,183,1);--eds-colour-icon-success-stronger-light: rgba(13,24,4,1);--eds-colour-icon-success-stronger-dark: rgba(240,251,231,1);--eds-colour-icon-warning-main-light: rgba(167,100,0,1);--eds-colour-icon-warning-main-dark: rgba(255,207,113,1);--eds-colour-icon-warning-strong-light: rgba(111,66,0,1);--eds-colour-icon-warning-strong-dark: rgba(255,226,170,1);--eds-colour-icon-warning-stronger-light: rgba(49,29,0,1);--eds-colour-icon-warning-stronger-dark: rgba(255,245,227,1);--eds-colour-stroke-accent-main-light: rgba(0,126,48,1);--eds-colour-stroke-accent-main-dark: rgba(216,245,214,1);--eds-colour-stroke-accent-strong-light: rgba(0,101,39,1);--eds-colour-stroke-accent-strong-dark: rgba(216,245,214,1);--eds-colour-stroke-accent-stronger-light: rgba(0,76,29,1);--eds-colour-stroke-accent-stronger-dark: rgba(216,245,214,1);--eds-colour-stroke-accent-weak-light: rgba(61,190,88,1);--eds-colour-stroke-accent-weak-dark: rgba(216,245,214,1);--eds-colour-stroke-alert-weak-light: rgba(253,172,187,1);--eds-colour-stroke-alert-weak-dark: rgba(216,245,214,1);--eds-colour-stroke-info-weak-light: rgba(184,212,255,1);--eds-colour-stroke-info-weak-dark: rgba(17,68,145,1);--eds-colour-stroke-on-accent-main-light: rgba(156,232,154,1);--eds-colour-stroke-on-accent-main-dark: rgba(216,245,214,1);--eds-colour-stroke-on-accent-maximum-light: rgba(255,255,255,1);--eds-colour-stroke-on-accent-maximum-dark: rgba(216,245,214,1);--eds-colour-stroke-on-accent-strong-light: rgba(233,249,233,1);--eds-colour-stroke-on-accent-strong-dark: rgba(216,245,214,1);--eds-colour-stroke-on-surface-invert-main-light: rgba(192,193,197,1);--eds-colour-stroke-on-surface-invert-main-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-invert-maximum-light: rgba(255,255,255,1);--eds-colour-stroke-on-surface-invert-maximum-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-invert-weak-light: rgba(160,162,167,1);--eds-colour-stroke-on-surface-invert-weak-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-invert-weakest-light: rgba(111,114,123,1);--eds-colour-stroke-on-surface-invert-weakest-dark: rgba(152,152,152,1);--eds-colour-stroke-on-surface-main-light: rgba(126,129,138,1);--eds-colour-stroke-on-surface-main-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-minimum-light: rgba(255,255,255,1);--eds-colour-stroke-on-surface-minimum-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-strong-light: rgba(79,82,90,1);--eds-colour-stroke-on-surface-strong-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-stronger-light: rgba(36,38,45,1);--eds-colour-stroke-on-surface-stronger-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-weak-light: rgba(176,177,181,1);--eds-colour-stroke-on-surface-weak-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-weaker-light: rgba(223,224,227,1);--eds-colour-stroke-on-surface-weaker-dark: rgba(26,28,34,1);--eds-colour-stroke-on-surface-weakest-light: rgba(237,238,241,1);--eds-colour-stroke-on-surface-weakest-dark: rgba(26,28,34,1);--eds-colour-stroke-success-weak-light: rgba(178,234,135,1);--eds-colour-stroke-success-weak-dark: rgba(216,245,214,1);--eds-colour-stroke-warning-weak-light: rgba(255,207,113,1);--eds-colour-stroke-warning-weak-dark: rgba(216,245,214,1);--eds-colour-text-accent-invert-main-light: rgba(91,208,106,1);--eds-colour-text-accent-invert-main-dark: rgba(216,245,214,1);--eds-colour-text-accent-main-light: rgba(0,126,48,1);--eds-colour-text-accent-main-dark: rgba(216,245,214,1);--eds-colour-text-accent-strong-light: rgba(0,101,39,1);--eds-colour-text-accent-strong-dark: rgba(216,245,214,1);--eds-colour-text-accent-stronger-light: rgba(0,76,29,1);--eds-colour-text-accent-stronger-dark: rgba(216,245,214,1);--eds-colour-text-alert-main-light: rgba(193,5,39,1);--eds-colour-text-alert-main-dark: rgba(253,172,187,1);--eds-colour-text-alert-strong-light: rgba(138,4,28,1);--eds-colour-text-alert-strong-dark: rgba(253,172,187,1);--eds-colour-text-basic-invert-main-light: rgba(223,224,227,1);--eds-colour-text-basic-invert-main-dark: rgba(26,28,34,1);--eds-colour-text-basic-invert-strong-light: rgba(255,255,255,1);--eds-colour-text-basic-invert-strong-dark: rgba(26,28,34,1);--eds-colour-text-basic-invert-weak-light: rgba(192,193,197,1);--eds-colour-text-basic-invert-weak-dark: rgba(26,28,34,1);--eds-colour-text-basic-main-light: rgba(65,68,76,1);--eds-colour-text-basic-main-dark: rgba(237,238,241,1);--eds-colour-text-basic-strong-light: rgba(26,28,34,1);--eds-colour-text-basic-strong-dark: rgba(246,247,250,1);--eds-colour-text-basic-weak-light: rgba(96,99,108,1);--eds-colour-text-basic-weak-dark: rgba(206,207,211,1);--eds-colour-text-link-invert-main-light: rgba(133,181,253,1);--eds-colour-text-link-invert-main-dark: rgba(184,212,255,1);--eds-colour-text-link-invert-strong-light: rgba(184,212,255,1);--eds-colour-text-link-invert-strong-dark: rgba(205,225,254,1);--eds-colour-text-link-invert-stronger-light: rgba(205,225,254,1);--eds-colour-text-link-invert-stronger-dark: rgba(237,244,254,1);--eds-colour-text-link-main-light: rgba(23,89,189,1);--eds-colour-text-link-main-dark: rgba(184,212,255,1);--eds-colour-text-link-strong-light: rgba(17,68,145,1);--eds-colour-text-link-strong-dark: rgba(205,225,254,1);--eds-colour-text-link-stronger-light: rgba(11,47,102,1);--eds-colour-text-link-stronger-dark: rgba(237,244,254,1);--eds-colour-text-on-accent-main-light: rgba(255,255,255,1);--eds-colour-text-on-accent-main-dark: rgba(216,245,214,1);--eds-colour-text-on-accent-weak-light: rgba(233,249,233,1);--eds-colour-text-on-accent-weak-dark: rgba(216,245,214,1);--eds-colour-text-success-main-light: rgba(65,120,21,1);--eds-colour-text-success-main-dark: rgba(178,234,135,1);--eds-colour-text-success-strong-light: rgba(39,72,13,1);--eds-colour-text-success-strong-dark: rgba(209,242,183,1);--eds-colour-text-warning-main-light: rgba(111,66,0,1);--eds-colour-text-warning-main-dark: rgba(167,100,0,1);--eds-colour-text-warning-weak-light: rgba(167,100,0,1);--eds-colour-text-warning-weak-dark: rgba(167,100,0,1);--eds-breakpoint-large: 1024px;--eds-breakpoint-medium: 768px;--eds-breakpoint-small: 360px;--eds-breakpoint-xlarge: 1152px;--eds-breakpoint-xxlarge: 1680px;--eds-breakpoint-xxsmall: 320px;--eds-grid-gutter-bp-large: 24px;--eds-grid-gutter-bp-medium: 16px;--eds-grid-gutter-bp-small: 16px;--eds-grid-gutter-bp-xlarge: 24px;--eds-grid-gutter-bp-xsmall: 16px;--eds-grid-gutter-bp-xxlarge: 24px;--eds-grid-gutter-none: 0px;--eds-grid-margin-bp-large: 32px;--eds-grid-margin-bp-medium: 32px;--eds-grid-margin-bp-small: 20px;--eds-grid-margin-bp-xlarge: 88px;--eds-grid-margin-bp-xsmall: 16px;--eds-grid-margin-bp-xxlarge: 88px;--eds-grid-margin-none: 0px;--eds-spacing-x05: 2px;--eds-spacing-x1: 4px;--eds-spacing-x1-5: 6px;--eds-spacing-x10: 40px;--eds-spacing-x11: 44px;--eds-spacing-x12: 48px;--eds-spacing-x14: 56px;--eds-spacing-x2: 8px;--eds-spacing-x20: 80px;--eds-spacing-x22: 88px;--eds-spacing-x24: 96px;--eds-spacing-x3: 12px;--eds-spacing-x32: 128px;--eds-spacing-x4: 16px;--eds-spacing-x5: 20px;--eds-spacing-x6: 24px;--eds-spacing-x7: 28px;--eds-spacing-x8: 32px;--eds-spacing-x9: 36px;--eds-colour-action-bg-accent-active: rgba(0,101,39,1);--eds-colour-action-bg-accent-default: rgba(0,136,52,1);--eds-colour-action-bg-accent-focus: rgba(0,126,48,1);--eds-colour-action-bg-accent-hover: rgba(0,126,48,1);--eds-colour-action-bg-basic-alternative-active: rgba(246,247,250,1);--eds-colour-action-bg-basic-alternative-default: rgba(246,247,250,1);--eds-colour-action-bg-basic-alternative-focus: rgba(237,238,241,1);--eds-colour-action-bg-basic-alternative-hover: rgba(237,238,241,1);--eds-colour-action-bg-basic-main-active: rgba(237,238,241,1);--eds-colour-action-bg-basic-main-default: rgba(255,255,255,1);--eds-colour-action-bg-basic-main-focus: rgba(246,247,250,1);--eds-colour-action-bg-basic-main-hover: rgba(246,247,250,1);--eds-colour-action-bg-button-invert-primary-active: rgba(189,240,187,1);--eds-colour-action-bg-button-invert-primary-default: rgba(255,255,255,1);--eds-colour-action-bg-button-invert-primary-focus: rgba(233,249,233,1);--eds-colour-action-bg-button-invert-primary-hover: rgba(233,249,233,1);--eds-colour-action-bg-button-invert-tertiary-active: rgba(0,101,39,1);--eds-colour-action-bg-button-invert-tertiary-focus: rgba(0,126,48,1);--eds-colour-action-bg-button-invert-tertiary-hover: rgba(0,126,48,1);--eds-colour-action-bg-button-alert-active: rgba(254,227,232,1);--eds-colour-action-bg-button-alert-default: rgba(254,227,232,1);--eds-colour-action-bg-button-alert-focus: rgba(253,172,187,1);--eds-colour-action-bg-button-alert-hover: rgba(253,172,187,1);--eds-colour-action-bg-button-primary-active: rgba(0,101,39,1);--eds-colour-action-bg-button-primary-default: rgba(0,136,52,1);--eds-colour-action-bg-button-primary-focus: rgba(0,126,48,1);--eds-colour-action-bg-button-primary-hover: rgba(0,126,48,1);--eds-colour-action-bg-button-secondary-active: rgba(246,247,250,1);--eds-colour-action-bg-button-secondary-focus: rgba(237,238,241,1);--eds-colour-action-bg-button-secondary-hover: rgba(237,238,241,1);--eds-colour-action-bg-button-tertiary-active: rgba(246,247,250,1);--eds-colour-action-bg-button-tertiary-focus: rgba(237,238,241,1);--eds-colour-action-bg-button-tertiary-hover: rgba(237,238,241,1);--eds-colour-action-bg-form-active: rgba(255,255,255,1);--eds-colour-action-bg-form-default: rgba(255,255,255,1);--eds-colour-action-bg-form-focus: rgba(255,255,255,1);--eds-colour-action-bg-form-hover: rgba(255,255,255,1);--eds-colour-action-bg-quicklink-active: rgba(0,101,39,1);--eds-colour-action-bg-quicklink-default: rgba(255,255,255,1);--eds-colour-action-bg-quicklink-focus: rgba(0,126,48,1);--eds-colour-action-bg-quicklink-hover: rgba(0,126,48,1);--eds-colour-action-icon-only-button-invert-primary-active: rgba(0,76,29,1);--eds-colour-action-icon-only-button-invert-primary-default: rgba(0,151,58,1);--eds-colour-action-icon-only-button-invert-primary-focus: rgba(0,101,39,1);--eds-colour-action-icon-only-button-invert-primary-hover: rgba(0,101,39,1);--eds-colour-action-icon-only-button-invert-secondary-active: rgba(255,255,255,1);--eds-colour-action-icon-only-button-invert-secondary-default: rgba(255,255,255,1);--eds-colour-action-icon-only-button-invert-secondary-focus: rgba(233,249,233,1);--eds-colour-action-icon-only-button-invert-secondary-hover: rgba(233,249,233,1);--eds-colour-action-icon-only-button-invert-tertiary-active: rgba(255,255,255,1);--eds-colour-action-icon-only-button-invert-tertiary-default: rgba(255,255,255,1);--eds-colour-action-icon-only-button-invert-tertiary-focus: rgba(156,232,154,1);--eds-colour-action-icon-only-button-invert-tertiary-hover: rgba(156,232,154,1);--eds-colour-action-icon-only-button-alert-active: rgba(138,4,28,1);--eds-colour-action-icon-only-button-alert-default: rgba(193,5,39,1);--eds-colour-action-icon-only-button-alert-focus: rgba(138,4,28,1);--eds-colour-action-icon-only-button-alert-hover: rgba(138,4,28,1);--eds-colour-action-icon-only-button-primary-active: rgba(255,255,255,1);--eds-colour-action-icon-only-button-primary-default: rgba(255,255,255,1);--eds-colour-action-icon-only-button-primary-focus: rgba(255,255,255,1);--eds-colour-action-icon-only-button-primary-hover: rgba(255,255,255,1);--eds-colour-action-icon-only-button-secondary-active: rgba(36,38,45,1);--eds-colour-action-icon-only-button-secondary-default: rgba(96,99,108,1);--eds-colour-action-icon-only-button-secondary-focus: rgba(49,52,60,1);--eds-colour-action-icon-only-button-secondary-hover: rgba(49,52,60,1);--eds-colour-action-icon-only-button-tertiary-active: rgba(36,38,45,1);--eds-colour-action-icon-only-button-tertiary-default: rgba(96,99,108,1);--eds-colour-action-icon-only-button-tertiary-focus: rgba(49,52,60,1);--eds-colour-action-icon-only-button-tertiary-hover: rgba(49,52,60,1);--eds-colour-action-icon-accent-active: rgba(0,76,29,1);--eds-colour-action-icon-accent-default: rgba(0,151,58,1);--eds-colour-action-icon-accent-focus: rgba(0,101,39,1);--eds-colour-action-icon-accent-hover: rgba(0,101,39,1);--eds-colour-action-icon-button-invert-primary-active: rgba(0,76,29,1);--eds-colour-action-icon-button-invert-primary-default: rgba(0,151,58,1);--eds-colour-action-icon-button-invert-primary-focus: rgba(0,101,39,1);--eds-colour-action-icon-button-invert-primary-hover: rgba(0,101,39,1);--eds-colour-action-icon-button-invert-secondary-active: rgba(255,255,255,1);--eds-colour-action-icon-button-invert-secondary-default: rgba(255,255,255,1);--eds-colour-action-icon-button-invert-secondary-focus: rgba(156,232,154,1);--eds-colour-action-icon-button-invert-secondary-hover: rgba(156,232,154,1);--eds-colour-action-icon-button-invert-tertiary-active: rgba(255,255,255,1);--eds-colour-action-icon-button-invert-tertiary-default: rgba(255,255,255,1);--eds-colour-action-icon-button-invert-tertiary-focus: rgba(156,232,154,1);--eds-colour-action-icon-button-invert-tertiary-hover: rgba(156,232,154,1);--eds-colour-action-icon-button-alert-active: rgba(138,4,28,1);--eds-colour-action-icon-button-alert-default: rgba(193,5,39,1);--eds-colour-action-icon-button-alert-focus: rgba(138,4,28,1);--eds-colour-action-icon-button-alert-hover: rgba(138,4,28,1);--eds-colour-action-icon-button-primary-active: rgba(255,255,255,1);--eds-colour-action-icon-button-primary-default: rgba(255,255,255,1);--eds-colour-action-icon-button-primary-focus: rgba(255,255,255,1);--eds-colour-action-icon-button-primary-hover: rgba(255,255,255,1);--eds-colour-action-icon-button-secondary-active: rgba(36,38,45,1);--eds-colour-action-icon-button-secondary-default: rgba(96,99,108,1);--eds-colour-action-icon-button-secondary-focus: rgba(49,52,60,1);--eds-colour-action-icon-button-secondary-hover: rgba(49,52,60,1);--eds-colour-action-icon-button-tertiary-active: rgba(11,47,102,1);--eds-colour-action-icon-button-tertiary-default: rgba(23,89,189,1);--eds-colour-action-icon-button-tertiary-focus: rgba(17,68,145,1);--eds-colour-action-icon-button-tertiary-hover: rgba(17,68,145,1);--eds-colour-action-icon-link-invert-active: rgba(205,225,254,1);--eds-colour-action-icon-link-invert-default: rgba(133,181,253,1);--eds-colour-action-icon-link-invert-focus: rgba(184,212,255,1);--eds-colour-action-icon-link-invert-hover: rgba(184,212,255,1);--eds-colour-action-icon-link-active: rgba(11,47,102,1);--eds-colour-action-icon-link-default: rgba(23,89,189,1);--eds-colour-action-icon-link-focus: rgba(17,68,145,1);--eds-colour-action-icon-link-hover: rgba(17,68,145,1);--eds-colour-action-icon-on-basic-invert-active: rgba(0,151,58,1);--eds-colour-action-icon-on-basic-invert-default: rgba(255,255,255,1);--eds-colour-action-icon-on-basic-invert-focus: rgba(91,208,106,1);--eds-colour-action-icon-on-basic-invert-hover: rgba(91,208,106,1);--eds-colour-action-icon-on-basic-active: rgba(36,38,45,1);--eds-colour-action-icon-on-basic-default: rgba(96,99,108,1);--eds-colour-action-icon-on-basic-focus: rgba(49,52,60,1);--eds-colour-action-icon-on-basic-hover: rgba(49,52,60,1);--eds-colour-action-stroke-button-invert-secondary-active: rgba(255,255,255,1);--eds-colour-action-stroke-button-invert-secondary-default: rgba(255,255,255,1);--eds-colour-action-stroke-button-invert-secondary-focus: rgba(156,232,154,1);--eds-colour-action-stroke-button-invert-secondary-hover: rgba(156,232,154,1);--eds-colour-action-stroke-button-secondary-active: rgba(36,38,45,1);--eds-colour-action-stroke-button-secondary-default: rgba(126,129,138,1);--eds-colour-action-stroke-button-secondary-focus: rgba(79,82,90,1);--eds-colour-action-stroke-button-secondary-hover: rgba(79,82,90,1);--eds-colour-action-stroke-divider-active: rgba(36,38,45,1);--eds-colour-action-stroke-divider-default: rgba(223,224,227,1);--eds-colour-action-stroke-divider-focus: rgba(79,82,90,1);--eds-colour-action-stroke-divider-hover: rgba(79,82,90,1);--eds-colour-action-stroke-footer-underline-default: rgba(111,114,123,1);--eds-colour-action-stroke-form-active: rgba(126,129,138,1);--eds-colour-action-stroke-form-default: rgba(223,224,227,1);--eds-colour-action-stroke-form-focus: rgba(176,177,181,1);--eds-colour-action-stroke-form-hover: rgba(176,177,181,1);--eds-colour-action-stroke-shadow-container-active: rgba(255,255,255,1);--eds-colour-action-stroke-shadow-container-default: rgba(255,255,255,1);--eds-colour-action-stroke-shadow-container-focus: rgba(255,255,255,1);--eds-colour-action-stroke-shadow-container-hover: rgba(255,255,255,1);--eds-colour-action-text-button-invert-primary-active: rgba(0,76,29,1);--eds-colour-action-text-button-invert-primary-default: rgba(0,126,48,1);--eds-colour-action-text-button-invert-primary-focus: rgba(0,101,39,1);--eds-colour-action-text-button-invert-primary-hover: rgba(0,101,39,1);--eds-colour-action-text-button-invert-secondary-active: rgba(255,255,255,1);--eds-colour-action-text-button-invert-secondary-default: rgba(255,255,255,1);--eds-colour-action-text-button-invert-secondary-focus: rgba(255,255,255,1);--eds-colour-action-text-button-invert-secondary-hover: rgba(255,255,255,1);--eds-colour-action-text-button-invert-tertiary-active: rgba(233,249,233,1);--eds-colour-action-text-button-invert-tertiary-default: rgba(233,249,233,1);--eds-colour-action-text-button-invert-tertiary-focus: rgba(255,255,255,1);--eds-colour-action-text-button-invert-tertiary-hover: rgba(255,255,255,1);--eds-colour-action-text-button-alert-active: rgba(138,4,28,1);--eds-colour-action-text-button-alert-default: rgba(193,5,39,1);--eds-colour-action-text-button-alert-focus: rgba(138,4,28,1);--eds-colour-action-text-button-alert-hover: rgba(138,4,28,1);--eds-colour-action-text-button-primary-active: rgba(255,255,255,1);--eds-colour-action-text-button-primary-default: rgba(255,255,255,1);--eds-colour-action-text-button-primary-focus: rgba(255,255,255,1);--eds-colour-action-text-button-primary-hover: rgba(255,255,255,1);--eds-colour-action-text-button-secondary-active: rgba(26,28,34,1);--eds-colour-action-text-button-secondary-default: rgba(96,99,108,1);--eds-colour-action-text-button-secondary-focus: rgba(65,68,76,1);--eds-colour-action-text-button-secondary-hover: rgba(65,68,76,1);--eds-colour-action-text-button-tertiary-active: rgba(11,47,102,1);--eds-colour-action-text-button-tertiary-default: rgba(23,89,189,1);--eds-colour-action-text-button-tertiary-focus: rgba(17,68,145,1);--eds-colour-action-text-button-tertiary-hover: rgba(17,68,145,1);--eds-colour-action-text-link-active: rgba(11,47,102,1);--eds-colour-action-text-link-default: rgba(23,89,189,1);--eds-colour-action-text-link-focus: rgba(17,68,145,1);--eds-colour-action-text-link-hover: rgba(17,68,145,1);--eds-colour-action-text-link-on-accent-active: rgba(255,255,255,1);--eds-colour-action-text-link-on-accent-default: rgba(255,255,255,1);--eds-colour-action-text-link-on-accent-focus: rgba(233,249,233,1);--eds-colour-action-text-link-on-accent-hover: rgba(233,249,233,1);--eds-colour-action-text-link-on-footer-active: rgba(0,126,48,1);--eds-colour-action-text-link-on-footer-default: rgba(192,193,197,1);--eds-colour-action-text-link-on-footer-focus: rgba(91,208,106,1);--eds-colour-action-text-link-on-footer-hover: rgba(91,208,106,1);--eds-colour-action-text-link-on-invert-active: rgba(205,225,254,1);--eds-colour-action-text-link-on-invert-default: rgba(133,181,253,1);--eds-colour-action-text-link-on-invert-focus: rgba(184,212,255,1);--eds-colour-action-text-link-on-invert-hover: rgba(184,212,255,1);--eds-colour-action-text-on-basic-active: rgba(26,28,34,1);--eds-colour-action-text-on-basic-default: rgba(96,99,108,1);--eds-colour-action-text-on-basic-focus: rgba(65,68,76,1);--eds-colour-action-text-on-basic-headline-active: rgba(26,28,34,1);--eds-colour-action-text-on-basic-headline-default: rgba(26,28,34,1);--eds-colour-action-text-on-basic-headline-focus: rgba(65,68,76,1);--eds-colour-action-text-on-basic-headline-hover: rgba(65,68,76,1);--eds-colour-action-text-on-basic-hover: rgba(65,68,76,1);--eds-colour-static-bg-accent-alternative: rgba(0,126,48,1);--eds-colour-static-bg-accent-main: rgba(0,136,52,1);--eds-colour-static-bg-alert-alternative: rgba(253,172,187,1);--eds-colour-static-bg-alert-main: rgba(254,227,232,1);--eds-colour-static-bg-basic-invert-alternative: rgba(36,38,45,1);--eds-colour-static-bg-basic-invert-higher: rgba(21,23,29,1);--eds-colour-static-bg-basic-invert-main: rgba(26,28,34,1);--eds-colour-static-bg-basic-alternative: rgba(246,247,250,1);--eds-colour-static-bg-basic-higher: rgba(237,238,241,1);--eds-colour-static-bg-basic-main: rgba(255,255,255,1);--eds-colour-static-bg-info-alternative: rgba(205,225,254,1);--eds-colour-static-bg-info-main: rgba(237,244,254,1);--eds-colour-static-bg-success-alternative: rgba(209,242,183,1);--eds-colour-static-bg-success-main: rgba(240,251,231,1);--eds-colour-static-bg-table-cell: rgba(255,255,255,1);--eds-colour-static-bg-table-cell-zebra: rgba(246,247,250,1);--eds-colour-static-bg-table-header: rgba(237,238,241,1);--eds-colour-static-bg-warning-alternative: rgba(255,226,170,1);--eds-colour-static-bg-warning-main: rgba(255,245,227,1);--eds-colour-static-icon-alert-main: rgba(193,5,39,1);--eds-colour-static-icon-info-main: rgba(23,89,189,1);--eds-colour-static-icon-on-accent-alternative: rgba(255,255,255,1);--eds-colour-static-icon-on-accent-main: rgba(156,232,154,1);--eds-colour-static-icon-on-basic-invert-accent: rgba(61,190,88,1);--eds-colour-static-icon-on-basic-invert-main: rgba(192,193,197,1);--eds-colour-static-icon-on-basic-accent: rgba(0,151,58,1);--eds-colour-static-icon-on-basic-main: rgba(96,99,108,1);--eds-colour-static-icon-success-main: rgba(65,120,21,1);--eds-colour-static-icon-warning-main: rgba(167,100,0,1);--eds-colour-static-stroke-alert-main: rgba(253,172,187,1);--eds-colour-static-stroke-info-main: rgba(184,212,255,1);--eds-colour-static-stroke-on-accent-container: rgba(156,232,154,1);--eds-colour-static-stroke-on-accent-divider: rgba(156,232,154,1);--eds-colour-static-stroke-on-accent-highlighted: rgba(255,255,255,1);--eds-colour-static-stroke-on-basic-invert-accent: rgba(61,190,88,1);--eds-colour-static-stroke-on-basic-invert-container: rgba(160,162,167,1);--eds-colour-static-stroke-on-basic-invert-divider: rgba(160,162,167,1);--eds-colour-static-stroke-on-basic-accent: rgba(0,126,48,1);--eds-colour-static-stroke-on-basic-container: rgba(223,224,227,1);--eds-colour-static-stroke-on-basic-divider: rgba(223,224,227,1);--eds-colour-static-stroke-success-main: rgba(178,234,135,1);--eds-colour-static-stroke-table-container: rgba(223,224,227,1);--eds-colour-static-stroke-table-divider: rgba(237,238,241,1);--eds-colour-static-stroke-warning-main: rgba(255,207,113,1);--eds-colour-static-text-alert-body: rgba(138,4,28,1);--eds-colour-static-text-alert-headline: rgba(138,4,28,1);--eds-colour-static-text-alert-supportive: rgba(193,5,39,1);--eds-colour-static-text-on-accent-body: rgba(255,255,255,1);--eds-colour-static-text-on-accent-headline: rgba(255,255,255,1);--eds-colour-static-text-on-accent-supportive: rgba(255,255,255,1);--eds-colour-static-text-on-basic-invert-accent: rgba(91,208,106,1);--eds-colour-static-text-on-basic-invert-body: rgba(223,224,227,1);--eds-colour-static-text-on-basic-invert-headline: rgba(255,255,255,1);--eds-colour-static-text-on-basic-invert-highlighted: rgba(255,255,255,1);--eds-colour-static-text-on-basic-invert-supportive: rgba(192,193,197,1);--eds-colour-static-text-on-basic-accent: rgba(0,126,48,1);--eds-colour-static-text-on-basic-body: rgba(65,68,76,1);--eds-colour-static-text-on-basic-headline: rgba(26,28,34,1);--eds-colour-static-text-on-basic-highlighted: rgba(26,28,34,1);--eds-colour-static-text-on-basic-supportive: rgba(96,99,108,1);--eds-colour-static-text-on-notification-body: rgba(65,68,76,1);--eds-colour-static-text-on-notification-headline: rgba(26,28,34,1);--eds-colour-static-text-success-body: rgba(39,72,13,1);--eds-colour-static-text-success-headline: rgba(39,72,13,1);--eds-colour-static-text-success-supportive: rgba(65,120,21,1);--eds-colour-static-text-warning-body: rgba(111,66,0,1);--eds-colour-static-text-warning-headline: rgba(111,66,0,1);--eds-colour-static-text-warning-supportive: rgba(167,100,0,1);--eds-grid-breakpoint-desktop-1440: 1440px;--eds-grid-breakpoint-desktop-1680: 1680px;--eds-grid-breakpoint-desktop-1920: 1920px;--eds-grid-breakpoint-mobile-320: 320px;--eds-grid-breakpoint-mobile-390: 390px;--eds-grid-breakpoint-tablet-1024: 1024px;--eds-grid-breakpoint-tablet-768: 768px;--eds-grid-container-max-width: 1416px;--eds-grid-gutter-bp-1024-1920: 24px;--eds-grid-gutter-bp-320-1023: 16px;--eds-grid-margin-bp-1024-1151: 32px;--eds-grid-margin-bp-1152-1920: 88px;--eds-grid-margin-bp-320-359: 16px;--eds-grid-margin-bp-360-767: 20px;--eds-grid-margin-bp-768-1023: 32px;--eds-radius-full: 999px;--eds-radius-main: 8px;--eds-radius-minimum: 2px;--eds-radius-modal: 16px;--eds-radius-none: 0px;--eds-radius-small: 4px;--eds-spacing-large-1: 56px;--eds-spacing-large-2: 80px;--eds-spacing-large-3: 88px;--eds-spacing-large-4: 96px;--eds-spacing-large-5: 128px;--eds-spacing-medium-1: 16px;--eds-spacing-medium-2: 20px;--eds-spacing-medium-3: 24px;--eds-spacing-medium-4: 32px;--eds-spacing-medium-5: 36px;--eds-spacing-medium-6: 40px;--eds-spacing-medium-7: 44px;--eds-spacing-medium-8: 48px;--eds-spacing-none: 0px;--eds-spacing-small-1: 2px;--eds-spacing-small-2: 4px;--eds-spacing-small-3: 6px;--eds-spacing-small-4: 8px;--eds-spacing-small-5: 12px;--eds-stroke-container-main: 1px;--eds-stroke-container-strong: 2px;--eds-stroke-divider-main: 1px;--eds-stroke-divider-strong: 2px;--eds-stroke-none: 0px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "enefit-design-system",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "description": "Enefit design system",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
@@ -10,6 +10,9 @@
10
10
  "exports": {
11
11
  ".": {
12
12
  "import": "./dist/index.js"
13
+ },
14
+ "./styles.css": {
15
+ "import": "./dist/styles.css"
13
16
  }
14
17
  },
15
18
  "engines": {
@@ -20,9 +23,9 @@
20
23
  "build": "next build",
21
24
  "start": "next start",
22
25
  "test": "vitest",
23
- "icons": "node ./scripts/icons.js",
24
26
  "lib:test": "vitest run",
25
- "lib:build": "vite build"
27
+ "lib:build": "vite build",
28
+ "icons": "node ./scripts/icons.js"
26
29
  },
27
30
  "dependencies": {
28
31
  "@mdx-js/loader": "^3.0.1",