@postenbring/hedwig-css 0.0.9 → 0.0.11
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.
- package/dist/all-in-one.css +1 -1
- package/dist/all-in-one.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/button.css +1 -1
- package/dist/button.css.map +1 -1
- package/dist/classnames.d.ts +1 -3
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/list.css +1 -1
- package/dist/list.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/package.json +4 -4
package/dist/tokens.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"ACCA,i/SA2KA,05DAmCA","sources":["../src/tokens.css","../src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n.hds-theme-posten, .hds-theme-bring {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #7bc144;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #c8dc8c;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #86cc4a;\n --hds-bring-colors-light-green-hover: #d3e593;\n --hds-ui-colors-black: #000000;\n --hds-ui-colors-dark-grey: #6e6e6e;\n --hds-ui-colors-grey: #d6d6d6;\n --hds-ui-colors-light-grey-stroke: #e4e4e4;\n --hds-ui-colors-light-grey-fill: #f2f2f2;\n --hds-ui-colors-white: #ffffff;\n --hds-ui-colors-warning-yellow: #fdbb2f;\n --hds-ui-colors-warning-yellow-stroke: #d68000;\n --hds-ui-colors-warning-yellow-light-fill: #fff5e0;\n --hds-ui-colors-warning-yellow-hover: #ffc340;\n --hds-ui-colors-black-hover: #1e1e1e;\n --hds-dark-mode-colors-obsidian: #121212; /* Base color for dark mode */\n --hds-dark-mode-colors-coal: #252525; /* Background on none-clickable cards */\n --hds-dark-mode-colors-dusk: #2c2c2c; /* Fill inputfields, checkbox, radiobuttons, toogles */\n --hds-dark-mode-colors-spider: #333333; /* Clickable cards or tiles */\n --hds-dark-mode-colors-ash: #999999; /* Default radio buttons, checkbox, label on inputsfields, toogle off (background) */\n --hds-spacing-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-fonts-posten-sans-light: 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-posten-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-bring-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3-title: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-title: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body-small: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-small-title: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-technical: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-technical-title: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-caption-title: 400 13px/18px 'Posten Sans Medium', Arial, sans-serif;\n --hds-border-radius: 2px;\n --hds-stroke-default: 1px;\n --hds-stroke-thick: 2px;\n --hds-shadow-default: 0px 1px 5px 0px #00000022;\n --hds-micro-animation-easing-in: cubic-bezier(0.65, 0, 1, 0.1);\n --hds-micro-animation-easing-out: cubic-bezier(0, 0.45, 0.1, 1);\n --hds-micro-animation-easing-normal: cubic-bezier(0.45, 0.1, 0.65, 1);\n --hds-font-size-posten-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-header-h3: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-h3-title-max: 24px;\n --hds-font-size-body: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-title-min: 14px;\n --hds-font-size-technical-title-max: 16px;\n --hds-font-size-caption: 13px;\n --hds-font-size-caption-title: 13px;\n --hds-line-height-posten-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-header-h3: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-h3-title-max: 32px;\n --hds-line-height-body: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-breakpoints-small: 460px;\n --hds-breakpoints-medium: 720px;\n --hds-breakpoints-large: 940px;\n --hds-breakpoints-xlarge: 1200px;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n}\n.hds-theme-posten {\n --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"mappings":"ACCA,41WA4MA","sources":["../src/tokens.css","../src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #7bc144;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #c8dc8c;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #86cc4a;\n --hds-bring-colors-light-green-hover: #d3e593;\n --hds-ui-colors-black: #000000;\n --hds-ui-colors-dark-grey: #6e6e6e;\n --hds-ui-colors-grey: #d6d6d6;\n --hds-ui-colors-light-grey-stroke: #e4e4e4;\n --hds-ui-colors-light-grey-fill: #f2f2f2;\n --hds-ui-colors-white: #ffffff;\n --hds-ui-colors-warning-yellow: #fdbb2f;\n --hds-ui-colors-warning-yellow-stroke: #d68000;\n --hds-ui-colors-warning-yellow-light-fill: #fff5e0;\n --hds-ui-colors-warning-yellow-hover: #ffc340;\n --hds-ui-colors-black-hover: #1e1e1e;\n --hds-dark-mode-colors-obsidian: #121212; /* Base color for dark mode */\n --hds-dark-mode-colors-coal: #252525; /* Background on none-clickable cards */\n --hds-dark-mode-colors-dusk: #2c2c2c; /* Fill inputfields, checkbox, radiobuttons, toogles */\n --hds-dark-mode-colors-spider: #333333; /* Clickable cards or tiles */\n --hds-dark-mode-colors-ash: #999999; /* Default radio buttons, checkbox, label on inputsfields, toogle off (background) */\n --hds-spacing-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-fonts-posten-sans-light: 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-posten-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-bring-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3-title: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-title: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body-small: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-small-title: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-technical: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-technical-title: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-caption-title: 400 13px/18px 'Posten Sans Medium', Arial, sans-serif;\n --hds-border-radius: 2px;\n --hds-stroke-default: 1px;\n --hds-stroke-thick: 2px;\n --hds-shadow-default: 0px 1px 5px 0px #00000022;\n --hds-micro-animation-easing-in: cubic-bezier(0.65, 0, 1, 0.1);\n --hds-micro-animation-easing-out: cubic-bezier(0, 0.45, 0.1, 1);\n --hds-micro-animation-easing-normal: cubic-bezier(0.45, 0.1, 0.65, 1);\n --hds-font-size-posten-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-header-h3: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-h3-title-max: 24px;\n --hds-font-size-body: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-title-min: 14px;\n --hds-font-size-technical-title-max: 16px;\n --hds-font-size-caption: 13px;\n --hds-font-size-caption-title: 13px;\n --hds-line-height-posten-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-header-h3: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-h3-title-max: 32px;\n --hds-line-height-body: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-breakpoints-small: 460px;\n --hds-breakpoints-medium: 720px;\n --hds-breakpoints-large: 940px;\n --hds-breakpoints-xlarge: 1200px;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n"],"names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@postenbring/hedwig-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/**",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
],
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"browserslist": "4.22.
|
|
12
|
+
"browserslist": "4.22.2",
|
|
13
13
|
"chokidar-cli": "3.0.0",
|
|
14
14
|
"lightningcss": "1.22.1",
|
|
15
15
|
"lightningcss-cli": "1.22.1",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"clsx": "^2.0.0",
|
|
26
|
-
"@postenbring/hedwig-tokens": "0.0.
|
|
26
|
+
"@postenbring/hedwig-tokens": "0.0.4"
|
|
27
27
|
},
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dev:typed-classname": "wait-on dist/index.css && node --watch-preserve-output --watch-path dist/index.css --watch ./typed-classname/build.mjs",
|
|
42
42
|
"lint": "stylelint 'src/**/*.css' 'src/**/*.scss' --cache",
|
|
43
43
|
"lint:fix": "pnpm lint -- --fix",
|
|
44
|
-
"clean": "rm -rf .turbo
|
|
44
|
+
"clean": "rm -rf .turbo node_modules dist",
|
|
45
45
|
"show-css-size": "pnpm build:css && echo '\nSize of dist/index.css (original → gzip)' && pnpm dlx gzip-size-cli dist/index.css --include-original"
|
|
46
46
|
}
|
|
47
47
|
}
|