@postenbring/hedwig-css 0.0.70 → 0.0.71
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/accordion.css +1 -1
- package/dist/box.css +1 -1
- package/dist/box.css.map +1 -1
- package/dist/button.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/date-picker.css +1 -1
- package/dist/date-picker.css.map +1 -1
- package/dist/fonts.css +1 -1
- package/dist/fonts.css.map +1 -1
- package/dist/footer.css +1 -1
- package/dist/footer.css.map +1 -1
- package/dist/grid.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/input-group.css +1 -1
- package/dist/message.css +1 -1
- package/dist/message.css.map +1 -1
- package/dist/navbar.css +1 -1
- package/dist/navbar.css.map +1 -1
- package/dist/radiobutton.css +1 -1
- package/dist/scoped.css +1 -1
- package/dist/stack.css +1 -1
- package/dist/tabs.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/dist/warning-banner.css +1 -1
- package/package.json +3 -3
- package/assets/fonts/PostenSans-Light.woff2 +0 -0
package/dist/stack.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hds-stack{--hds-stack-gap-initial:initial;--hds-stack-gap-small:var(--hds-stack-gap-initial);--hds-stack-gap-medium:var(--hds-stack-gap-small);--hds-stack-gap-large:var(--hds-stack-gap-medium);--hds-stack-gap-xlarge:var(--hds-stack-gap-large);--hds-stack-gap:var(--hds-stack-gap-initial);--hds-stack-gap-x-initial:var(--hds-stack-gap);--hds-stack-gap-x-small:var(--hds-stack-gap-x-initial);--hds-stack-gap-x-medium:var(--hds-stack-gap-x-small);--hds-stack-gap-x-large:var(--hds-stack-gap-x-medium);--hds-stack-gap-x-xlarge:var(--hds-stack-gap-x-large);--hds-stack-gap-x:var(--hds-stack-gap-x-initial);--hds-stack-gap-y-initial:var(--hds-stack-gap);--hds-stack-gap-y-small:var(--hds-stack-gap-y-initial);--hds-stack-gap-y-medium:var(--hds-stack-gap-y-small);--hds-stack-gap-y-large:var(--hds-stack-gap-y-medium);--hds-stack-gap-y-xlarge:var(--hds-stack-gap-y-large);--hds-stack-gap-y:var(--hds-stack-gap-y-initial);--hds-stack-direction-initial:initial;--hds-stack-direction-small:var(--hds-stack-direction-initial);--hds-stack-direction-medium:var(--hds-stack-direction-small);--hds-stack-direction-large:var(--hds-stack-direction-medium);--hds-stack-direction-xlarge:var(--hds-stack-direction-large);--hds-stack-direction:var(--hds-stack-direction-initial);--hds-stack-wrap-initial:nowrap;--hds-stack-wrap-small:var(--hds-stack-wrap-initial);--hds-stack-wrap-medium:var(--hds-stack-wrap-small);--hds-stack-wrap-large:var(--hds-stack-wrap-medium);--hds-stack-wrap-xlarge:var(--hds-stack-wrap-large);--hds-stack-wrap:var(--hds-stack-wrap-initial);--hds-stack-align-initial:initial;--hds-stack-align-small:var(--hds-stack-align-initial);--hds-stack-align-medium:var(--hds-stack-align-small);--hds-stack-align-large:var(--hds-stack-align-medium);--hds-stack-align-xlarge:var(--hds-stack-align-large);--hds-stack-align:var(--hds-stack-align-initial);--hds-stack-justify-initial:initial;--hds-stack-justify-small:var(--hds-stack-justify-initial);--hds-stack-justify-medium:var(--hds-stack-justify-small);--hds-stack-justify-large:var(--hds-stack-justify-medium);--hds-stack-justify-xlarge:var(--hds-stack-justify-large);--hds-stack-justify:var(--hds-stack-justify-initial);
|
|
1
|
+
.hds-stack{column-gap:var(--hds-stack-gap-x);row-gap:var(--hds-stack-gap-y);flex-direction:var(--hds-stack-direction);flex-wrap:var(--hds-stack-wrap);align-items:var(--hds-stack-align);justify-content:var(--hds-stack-justify);--hds-stack-gap-initial:initial;--hds-stack-gap-small:var(--hds-stack-gap-initial);--hds-stack-gap-medium:var(--hds-stack-gap-small);--hds-stack-gap-large:var(--hds-stack-gap-medium);--hds-stack-gap-xlarge:var(--hds-stack-gap-large);--hds-stack-gap:var(--hds-stack-gap-initial);--hds-stack-gap-x-initial:var(--hds-stack-gap);--hds-stack-gap-x-small:var(--hds-stack-gap-x-initial);--hds-stack-gap-x-medium:var(--hds-stack-gap-x-small);--hds-stack-gap-x-large:var(--hds-stack-gap-x-medium);--hds-stack-gap-x-xlarge:var(--hds-stack-gap-x-large);--hds-stack-gap-x:var(--hds-stack-gap-x-initial);--hds-stack-gap-y-initial:var(--hds-stack-gap);--hds-stack-gap-y-small:var(--hds-stack-gap-y-initial);--hds-stack-gap-y-medium:var(--hds-stack-gap-y-small);--hds-stack-gap-y-large:var(--hds-stack-gap-y-medium);--hds-stack-gap-y-xlarge:var(--hds-stack-gap-y-large);--hds-stack-gap-y:var(--hds-stack-gap-y-initial);--hds-stack-direction-initial:initial;--hds-stack-direction-small:var(--hds-stack-direction-initial);--hds-stack-direction-medium:var(--hds-stack-direction-small);--hds-stack-direction-large:var(--hds-stack-direction-medium);--hds-stack-direction-xlarge:var(--hds-stack-direction-large);--hds-stack-direction:var(--hds-stack-direction-initial);--hds-stack-wrap-initial:nowrap;--hds-stack-wrap-small:var(--hds-stack-wrap-initial);--hds-stack-wrap-medium:var(--hds-stack-wrap-small);--hds-stack-wrap-large:var(--hds-stack-wrap-medium);--hds-stack-wrap-xlarge:var(--hds-stack-wrap-large);--hds-stack-wrap:var(--hds-stack-wrap-initial);--hds-stack-align-initial:initial;--hds-stack-align-small:var(--hds-stack-align-initial);--hds-stack-align-medium:var(--hds-stack-align-small);--hds-stack-align-large:var(--hds-stack-align-medium);--hds-stack-align-xlarge:var(--hds-stack-align-large);--hds-stack-align:var(--hds-stack-align-initial);--hds-stack-justify-initial:initial;--hds-stack-justify-small:var(--hds-stack-justify-initial);--hds-stack-justify-medium:var(--hds-stack-justify-small);--hds-stack-justify-large:var(--hds-stack-justify-medium);--hds-stack-justify-xlarge:var(--hds-stack-justify-large);--hds-stack-justify:var(--hds-stack-justify-initial);display:flex}@media (min-width:460px){.hds-stack{--hds-stack-gap:var(--hds-stack-gap-small);--hds-stack-gap-x:var(--hds-stack-gap-x-small);--hds-stack-gap-y:var(--hds-stack-gap-y-small);--hds-stack-direction:var(--hds-stack-direction-small);--hds-stack-wrap:var(--hds-stack-wrap-small);--hds-stack-align:var(--hds-stack-align-small);--hds-stack-justify:var(--hds-stack-justify-small)}}@media (min-width:720px){.hds-stack{--hds-stack-gap:var(--hds-stack-gap-medium);--hds-stack-gap-x:var(--hds-stack-gap-x-medium);--hds-stack-gap-y:var(--hds-stack-gap-y-medium);--hds-stack-direction:var(--hds-stack-direction-medium);--hds-stack-wrap:var(--hds-stack-wrap-medium);--hds-stack-align:var(--hds-stack-align-medium);--hds-stack-justify:var(--hds-stack-justify-medium)}}@media (min-width:940px){.hds-stack{--hds-stack-gap:var(--hds-stack-gap-large);--hds-stack-gap-x:var(--hds-stack-gap-x-large);--hds-stack-gap-y:var(--hds-stack-gap-y-large);--hds-stack-direction:var(--hds-stack-direction-large);--hds-stack-wrap:var(--hds-stack-wrap-large);--hds-stack-align:var(--hds-stack-align-large);--hds-stack-justify:var(--hds-stack-justify-large)}}@media (min-width:1200px){.hds-stack{--hds-stack-gap:var(--hds-stack-gap-xlarge);--hds-stack-gap-x:var(--hds-stack-gap-x-xlarge);--hds-stack-gap-y:var(--hds-stack-gap-y-xlarge);--hds-stack-direction:var(--hds-stack-direction-xlarge);--hds-stack-wrap:var(--hds-stack-wrap-xlarge);--hds-stack-align:var(--hds-stack-align-xlarge);--hds-stack-justify:var(--hds-stack-justify-xlarge)}}
|
package/dist/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hds-tabs{--_hds-tabs-border-active-size:var(--hds-stroke-thick);--_hds-tabs-marker-color:var(--hds-colors-signature);--_hds-tabs-marker-border-fallback-color:var(--_hds-tabs-marker-color);--_hds-tabs-marker-animated-color:transparent;--_hds-tabs-marker-top:0;--_hds-tabs-marker-left:0;--_hds-tabs-marker-height:0;--_hds-tabs-marker-width:0
|
|
1
|
+
.hds-tabs{font:var(--hds-typography-body);--_hds-tabs-border-active-size:var(--hds-stroke-thick);--_hds-tabs-marker-color:var(--hds-colors-signature);--_hds-tabs-marker-border-fallback-color:var(--_hds-tabs-marker-color);--_hds-tabs-marker-animated-color:transparent;--_hds-tabs-marker-top:0;--_hds-tabs-marker-left:0;--_hds-tabs-marker-height:0;--_hds-tabs-marker-width:0}.hds-tabs .hds-tabs__list{width:auto;padding-left:0;display:inline-flex;position:relative}.hds-tabs .hds-tabs__list .hds-tabs__tab{cursor:pointer;font:var(--hds-typography-body);color:inherit;text-align:left;background:0 0;border:0}.hds-tabs .hds-tabs__list .hds-tabs__tab:hover{color:var(--hds-colors-dark)}.hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active{color:var(--hds-colors-dark)}.hds-tabs .hds-tabs__list{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column}.hds-tabs .hds-tabs__list .hds-tabs__tab{padding:var(--hds-spacing-8)var(--hds-spacing-16);border-left:var(--_hds-tabs-border-active-size)solid transparent;width:auto}.hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list:before{content:"";width:var(--_hds-tabs-border-active-size);scale:1 var(--_hds-tabs-marker-height);translate:0 var(--_hds-tabs-marker-top);transform-origin:0 0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);height:100%;position:absolute;top:0;left:0;right:0}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab{padding:var(--hds-spacing-8)var(--hds-spacing-16);border-left:var(--_hds-tabs-border-active-size)solid transparent;width:auto}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical:before{content:"";width:var(--_hds-tabs-border-active-size);scale:1 var(--_hds-tabs-marker-height);translate:0 var(--_hds-tabs-marker-top);transform-origin:0 0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);height:100%;position:absolute;top:0;left:0;right:0}@media (min-width:720px){.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal{border-left:0;border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-fill);flex-direction:row}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab{padding:var(--hds-spacing-12)0;border-bottom:var(--_hds-tabs-border-active-size)solid transparent;border-left:0}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:first-child){margin-left:var(--hds-spacing-16)}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:last-child){margin-right:var(--hds-spacing-16)}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal:before{content:"";bottom:0;left:0;right:0;top:unset;width:unset;height:var(--_hds-tabs-border-active-size);scale:var(--_hds-tabs-marker-width)1;translate:var(--_hds-tabs-marker-left)0;transform-origin:0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);position:absolute}}.hds-tabs .hds-tabs__contents{margin-top:var(--hds-spacing-64)}
|
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ff8a5f;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#d62722;--hds-posten-colors-light-red-hover:#ff7d55;--hds-bring-colors-signature-green:#7bc144;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#c8dc8c;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#86cc4a;--hds-bring-colors-light-green-hover:#d3e593;--hds-ui-colors-black:#000;--hds-ui-colors-dark-grey:#6e6e6e;--hds-ui-colors-grey:#d6d6d6;--hds-ui-colors-light-grey-stroke:#e4e4e4;--hds-ui-colors-light-grey-fill:#f2f2f2;--hds-ui-colors-white:#fff;--hds-ui-colors-warning-yellow:#fdbb2f;--hds-ui-colors-warning-yellow-stroke:#d68000;--hds-ui-colors-warning-yellow-light-fill:#fff5e0;--hds-ui-colors-warning-yellow-hover:#ffc340;--hds-ui-colors-black-hover:#1e1e1e;--hds-dark-mode-colors-obsidian:#121212;--hds-dark-mode-colors-coal:#252525;--hds-dark-mode-colors-dusk:#2c2c2c;--hds-dark-mode-colors-spider:#333;--hds-dark-mode-colors-ash:#999;--hds-breakpoint-small:460px;--hds-breakpoint-medium:720px;--hds-breakpoint-large:940px;--hds-breakpoint-xlarge:1200px;--hds-spacing-4:4px;--hds-spacing-8:8px;--hds-spacing-12:12px;--hds-spacing-16:16px;--hds-spacing-20:20px;--hds-spacing-24:24px;--hds-spacing-32:32px;--hds-spacing-40:40px;--hds-spacing-48:48px;--hds-spacing-64:64px;--hds-spacing-80:80px;--hds-spacing-120:120px;--hds-spacing-160:160px;--hds-navbar-height:112px;--hds-fonts-posten-sans:"Posten Sans",Arial,sans-serif;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-fonts-posten-sans-light:"Posten Sans Light",Arial,sans-serif;--hds-typography-posten-h1-display:700 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h1:700 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1-display:300 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1:300 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h2:400 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-h3:400 clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-h3-title:500 clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-body:400 clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-title:500 clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small:400 clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small-title:500 clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-technical:400 clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-technical-title:500 clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans",Arial,sans-serif;--hds-typography-caption-title:500 13px/18px "Posten Sans",Arial,sans-serif;--hds-border-radius:2px;--hds-stroke-default:1px;--hds-stroke-thick:2px;--hds-shadow-default:0px 1px 5px 0px rgba(0,0,0,.133);--hds-micro-animation-easing-in:cubic-bezier(.65,0,1,.1);--hds-micro-animation-easing-out:cubic-bezier(0,.45,.1,1);--hds-micro-animation-easing-normal:cubic-bezier(.45,.1,.65,1);--hds-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-font-size-posten-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-h3:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-min:22px;--hds-font-size-h3-max:24px;--hds-font-size-h3-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-title-min:22px;--hds-font-size-h3-title-max:24px;--hds-font-size-body:clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-title-min:14px;--hds-font-size-technical-title-max:16px;--hds-font-size-caption:13px;--hds-font-size-caption-title:13px;--hds-line-height-posten-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-h3:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-min:28px;--hds-line-height-h3-max:32px;--hds-line-height-h3-title:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-title-min:28px;--hds-line-height-h3-title-max:32px;--hds-line-height-body:clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-font-weight-posten-h1-display:700;--hds-font-weight-posten-h1:700;--hds-font-weight-posten-h2:500;--hds-font-weight-bring-h1-display:300;--hds-font-weight-bring-h1:300;--hds-font-weight-bring-h2:400;--hds-font-weight-h3:400;--hds-font-weight-h3-title:500;--hds-font-weight-body:400;--hds-font-weight-body-title:500;--hds-font-weight-body-small:400;--hds-font-weight-body-small-title:500;--hds-font-weight-technical:400;--hds-font-weight-technical-title:500;--hds-font-weight-caption:400;--hds-font-weight-caption-title:500}:root,.hds-theme-posten{--hds-typography-h1-display:700 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:700 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:700;--hds-font-weight-h1:700;--hds-font-weight-h2:500;--hds-colors-signature:#e32d22;--hds-colors-darker:#4a1011;--hds-colors-dark:#980000;--hds-colors-light:#ff8a5f;--hds-colors-lighter:#fff5f0;--hds-colors-signature-hover:#d62722;--hds-colors-light-hover:#ff7d55;--hds-button-colors-text:#fff;--hds-link-colors-text:#000;--hds-link-colors-underline:#e32d22;--hds-link-colors-hover:#e32d22;--hds-link-colors-underline-hover:#e32d22}.hds-theme-bring{--hds-typography-h1-display:300 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:300 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:400 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:300;--hds-font-weight-h1:300;--hds-font-weight-h2:400;--hds-colors-signature:#7bc144;--hds-colors-darker:#002f19;--hds-colors-dark:#00643a;--hds-colors-light:#c8dc8c;--hds-colors-lighter:#f1f7e9;--hds-colors-signature-hover:#86cc4a;--hds-colors-light-hover:#d3e593;--hds-button-colors-text:#000;--hds-link-colors-text:#000;--hds-link-colors-underline:#7bc144;--hds-link-colors-hover:#00643a;--hds-link-colors-underline-hover:#00643a}
|
|
1
|
+
:root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ff8a5f;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#d62722;--hds-posten-colors-light-red-hover:#ff7d55;--hds-bring-colors-signature-green:#7bc144;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#c8dc8c;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#86cc4a;--hds-bring-colors-light-green-hover:#d3e593;--hds-ui-colors-black:#000;--hds-ui-colors-dark-grey:#6e6e6e;--hds-ui-colors-grey:#d6d6d6;--hds-ui-colors-light-grey-stroke:#e4e4e4;--hds-ui-colors-light-grey-fill:#f2f2f2;--hds-ui-colors-white:#fff;--hds-ui-colors-warning-yellow:#fdbb2f;--hds-ui-colors-warning-yellow-stroke:#d68000;--hds-ui-colors-warning-yellow-light-fill:#fff5e0;--hds-ui-colors-warning-yellow-hover:#ffc340;--hds-ui-colors-black-hover:#1e1e1e;--hds-dark-mode-colors-obsidian:#121212;--hds-dark-mode-colors-coal:#252525;--hds-dark-mode-colors-dusk:#2c2c2c;--hds-dark-mode-colors-spider:#333;--hds-dark-mode-colors-ash:#999;--hds-breakpoint-small:460px;--hds-breakpoint-medium:720px;--hds-breakpoint-large:940px;--hds-breakpoint-xlarge:1200px;--hds-spacing-4:4px;--hds-spacing-8:8px;--hds-spacing-12:12px;--hds-spacing-16:16px;--hds-spacing-20:20px;--hds-spacing-24:24px;--hds-spacing-32:32px;--hds-spacing-40:40px;--hds-spacing-48:48px;--hds-spacing-64:64px;--hds-spacing-80:80px;--hds-spacing-120:120px;--hds-spacing-160:160px;--hds-navbar-height:112px;--hds-fonts-posten-sans:"Posten Sans",Arial,sans-serif;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-typography-posten-h1-display:700 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h1:700 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1-display:500 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1:500 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-h3:400 clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-h3-title:500 clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-body:400 clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-title:500 clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small:400 clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small-title:500 clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-technical:400 clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-technical-title:500 clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans",Arial,sans-serif;--hds-typography-caption-title:500 13px/18px "Posten Sans",Arial,sans-serif;--hds-border-radius:2px;--hds-stroke-default:1px;--hds-stroke-thick:2px;--hds-shadow-default:0px 1px 5px 0px rgba(0,0,0,.133);--hds-micro-animation-easing-in:cubic-bezier(.65,0,1,.1);--hds-micro-animation-easing-out:cubic-bezier(0,.45,.1,1);--hds-micro-animation-easing-normal:cubic-bezier(.45,.1,.65,1);--hds-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-font-size-posten-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-h3:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-min:22px;--hds-font-size-h3-max:24px;--hds-font-size-h3-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-title-min:22px;--hds-font-size-h3-title-max:24px;--hds-font-size-body:clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:clamp(18px,calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:clamp(16px,calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:clamp(14px,calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-title-min:14px;--hds-font-size-technical-title-max:16px;--hds-font-size-caption:13px;--hds-font-size-caption-title:13px;--hds-line-height-posten-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-h3:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-min:28px;--hds-line-height-h3-max:32px;--hds-line-height-h3-title:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-title-min:28px;--hds-line-height-h3-title-max:32px;--hds-line-height-body:clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:clamp(26px,calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:clamp(24px,calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-font-weight-posten-h1-display:700;--hds-font-weight-posten-h1:700;--hds-font-weight-posten-h2:500;--hds-font-weight-bring-h1-display:500;--hds-font-weight-bring-h1:500;--hds-font-weight-bring-h2:500;--hds-font-weight-h3:400;--hds-font-weight-h3-title:500;--hds-font-weight-body:400;--hds-font-weight-body-title:500;--hds-font-weight-body-small:400;--hds-font-weight-body-small-title:500;--hds-font-weight-technical:400;--hds-font-weight-technical-title:500;--hds-font-weight-caption:400;--hds-font-weight-caption-title:500}:root,.hds-theme-posten{--hds-typography-h1-display:700 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:700 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:700;--hds-font-weight-h1:700;--hds-font-weight-h2:500;--hds-colors-signature:#e32d22;--hds-colors-darker:#4a1011;--hds-colors-dark:#980000;--hds-colors-light:#ff8a5f;--hds-colors-lighter:#fff5f0;--hds-colors-signature-hover:#d62722;--hds-colors-light-hover:#ff7d55;--hds-button-colors-text:#fff;--hds-link-colors-text:#000;--hds-link-colors-underline:#e32d22;--hds-link-colors-hover:#e32d22;--hds-link-colors-underline-hover:#e32d22}.hds-theme-bring{--hds-typography-h1-display:500 clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:500 clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:500;--hds-font-weight-h1:500;--hds-font-weight-h2:500;--hds-colors-signature:#7bc144;--hds-colors-darker:#002f19;--hds-colors-dark:#00643a;--hds-colors-light:#c8dc8c;--hds-colors-lighter:#f1f7e9;--hds-colors-signature-hover:#86cc4a;--hds-colors-light-hover:#d3e593;--hds-button-colors-text:#000;--hds-link-colors-text:#000;--hds-link-colors-underline:#7bc144;--hds-link-colors-hover:#00643a;--hds-link-colors-underline-hover:#00643a}
|
package/dist/tokens.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACCA,mtVA6LA,w+DAuCA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/tokens.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/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-breakpoint-small: 460px; /* Larger mobile phones */\n --hds-breakpoint-medium: 720px; /* Most tablets */\n --hds-breakpoint-large: 940px; /* Smaller laptops and desktop monitors. This is where the navbar goes from the mobile version to the desktop version */\n --hds-breakpoint-xlarge: 1200px; /* Most modern laptops and desktop monitors */\n --hds-spacing-4: 4px;\n --hds-spacing-8: 8px;\n --hds-spacing-12: 12px;\n --hds-spacing-16: 16px;\n --hds-spacing-20: 20px;\n --hds-spacing-24: 24px;\n --hds-spacing-32: 32px;\n --hds-spacing-40: 40px;\n --hds-spacing-48: 48px;\n --hds-spacing-64: 64px;\n --hds-spacing-80: 80px;\n --hds-spacing-120: 120px;\n --hds-spacing-160: 160px;\n --hds-navbar-height: 112px;\n --hds-fonts-posten-sans: 'Posten Sans', Arial, sans-serif;\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: 700 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1-display: 300 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1: 300 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h2: 400 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3: 400 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3-title: 500 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body: 400 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-title: 500 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small: 400 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small-title: 500 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical: 400 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical-title: 500 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption-title: 500 13px/18px 'Posten Sans', 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-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-font-size-posten-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-min: 22px;\n --hds-font-size-h3-max: 24px;\n --hds-font-size-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-title-min: 22px;\n --hds-font-size-h3-title-max: 24px;\n --hds-font-size-body: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\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: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-min: 28px;\n --hds-line-height-h3-max: 32px;\n --hds-line-height-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-title-min: 28px;\n --hds-line-height-h3-title-max: 32px;\n --hds-line-height-body: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\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-font-weight-posten-h1-display: 700;\n --hds-font-weight-posten-h1: 700;\n --hds-font-weight-posten-h2: 500;\n --hds-font-weight-bring-h1-display: 300;\n --hds-font-weight-bring-h1: 300;\n --hds-font-weight-bring-h2: 400;\n --hds-font-weight-h3: 400;\n --hds-font-weight-h3-title: 500;\n --hds-font-weight-body: 400;\n --hds-font-weight-body-title: 500;\n --hds-font-weight-body-small: 400;\n --hds-font-weight-body-small-title: 500;\n --hds-font-weight-technical: 400;\n --hds-font-weight-technical-title: 500;\n --hds-font-weight-caption: 400;\n --hds-font-weight-caption-title: 500;\n}\n:root, /* Default */\n.hds-theme-posten {\n --hds-typography-h1-display: 700 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 700;\n --hds-font-weight-h1: 700;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #e32d22;\n --hds-colors-darker: #4a1011;\n --hds-colors-dark: #980000;\n --hds-colors-light: #ff8a5f;\n --hds-colors-lighter: #fff5f0;\n --hds-colors-signature-hover: #d62722;\n --hds-colors-light-hover: #ff7d55;\n --hds-button-colors-text: #ffffff;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #e32d22;\n --hds-link-colors-hover: #e32d22;\n --hds-link-colors-underline-hover: #e32d22;\n}\n.hds-theme-bring {\n --hds-typography-h1-display: 300 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 300 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 400 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 300;\n --hds-font-weight-h1: 300;\n --hds-font-weight-h2: 400;\n --hds-colors-signature: #7bc144;\n --hds-colors-darker: #002f19;\n --hds-colors-dark: #00643a;\n --hds-colors-light: #c8dc8c;\n --hds-colors-lighter: #f1f7e9;\n --hds-colors-signature-hover: #86cc4a;\n --hds-colors-light-hover: #d3e593;\n --hds-button-colors-text: #000000;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #7bc144;\n --hds-link-colors-hover: #00643a;\n --hds-link-colors-underline-hover: #00643a;\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACCA,gpVA4LA,w+DAuCA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/tokens.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/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-breakpoint-small: 460px; /* Larger mobile phones */\n --hds-breakpoint-medium: 720px; /* Most tablets */\n --hds-breakpoint-large: 940px; /* Smaller laptops and desktop monitors. This is where the navbar goes from the mobile version to the desktop version */\n --hds-breakpoint-xlarge: 1200px; /* Most modern laptops and desktop monitors */\n --hds-spacing-4: 4px;\n --hds-spacing-8: 8px;\n --hds-spacing-12: 12px;\n --hds-spacing-16: 16px;\n --hds-spacing-20: 20px;\n --hds-spacing-24: 24px;\n --hds-spacing-32: 32px;\n --hds-spacing-40: 40px;\n --hds-spacing-48: 48px;\n --hds-spacing-64: 64px;\n --hds-spacing-80: 80px;\n --hds-spacing-120: 120px;\n --hds-spacing-160: 160px;\n --hds-navbar-height: 112px;\n --hds-fonts-posten-sans: 'Posten Sans', Arial, sans-serif;\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-typography-posten-h1-display: 700 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3: 400 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3-title: 500 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body: 400 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-title: 500 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small: 400 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small-title: 500 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical: 400 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical-title: 500 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption-title: 500 13px/18px 'Posten Sans', 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-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-font-size-posten-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-min: 22px;\n --hds-font-size-h3-max: 24px;\n --hds-font-size-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-title-min: 22px;\n --hds-font-size-h3-title-max: 24px;\n --hds-font-size-body: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\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: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-min: 28px;\n --hds-line-height-h3-max: 32px;\n --hds-line-height-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-title-min: 28px;\n --hds-line-height-h3-title-max: 32px;\n --hds-line-height-body: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\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-font-weight-posten-h1-display: 700;\n --hds-font-weight-posten-h1: 700;\n --hds-font-weight-posten-h2: 500;\n --hds-font-weight-bring-h1-display: 500;\n --hds-font-weight-bring-h1: 500;\n --hds-font-weight-bring-h2: 500;\n --hds-font-weight-h3: 400;\n --hds-font-weight-h3-title: 500;\n --hds-font-weight-body: 400;\n --hds-font-weight-body-title: 500;\n --hds-font-weight-body-small: 400;\n --hds-font-weight-body-small-title: 500;\n --hds-font-weight-technical: 400;\n --hds-font-weight-technical-title: 500;\n --hds-font-weight-caption: 400;\n --hds-font-weight-caption-title: 500;\n}\n:root, /* Default */\n.hds-theme-posten {\n --hds-typography-h1-display: 700 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 700;\n --hds-font-weight-h1: 700;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #e32d22;\n --hds-colors-darker: #4a1011;\n --hds-colors-dark: #980000;\n --hds-colors-light: #ff8a5f;\n --hds-colors-lighter: #fff5f0;\n --hds-colors-signature-hover: #d62722;\n --hds-colors-light-hover: #ff7d55;\n --hds-button-colors-text: #ffffff;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #e32d22;\n --hds-link-colors-hover: #e32d22;\n --hds-link-colors-underline-hover: #e32d22;\n}\n.hds-theme-bring {\n --hds-typography-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 500;\n --hds-font-weight-h1: 500;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #7bc144;\n --hds-colors-darker: #002f19;\n --hds-colors-dark: #00643a;\n --hds-colors-light: #c8dc8c;\n --hds-colors-lighter: #f1f7e9;\n --hds-colors-signature-hover: #86cc4a;\n --hds-colors-light-hover: #d3e593;\n --hds-button-colors-text: #000000;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #7bc144;\n --hds-link-colors-hover: #00643a;\n --hds-link-colors-underline-hover: #00643a;\n}\n"],"names":[]}
|
package/dist/warning-banner.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--_hds-icons-times:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");--_hds-icons-cheveron-left-black:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"> <path d=\"M11.0404 13.9322L11.3917 13.5887C11.462 13.4983 11.462 13.3537 11.3917 13.2814L8.21212 9.99096L11.3917 6.71864C11.462 6.64633 11.462 6.50169 11.3917 6.4113L11.0404 6.0678C10.9526 5.9774 10.8296 5.9774 10.7418 6.0678L7.0527 9.84633C6.98243 9.93672 6.98243 10.0633 7.0527 10.1537L10.7418 13.9322C10.8296 14.0226 10.9526 14.0226 11.0404 13.9322Z\" fill=\"black\"/></svg>");--_hds-icons-cheveron-right-dark-grey:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M7.9596 6.0678L7.60826 6.4113C7.53799 6.50169 7.53799 6.64633 7.60826 6.71864L10.7879 10.009L7.60826 13.2814C7.53799 13.3537 7.53799 13.4983 7.60826 13.5887L7.9596 13.9322C8.04743 14.0226 8.1704 14.0226 8.25823 13.9322L11.9473 10.1537C12.0176 10.0633 12.0176 9.93672 11.9473 9.84633L8.25823 6.0678C8.1704 5.9774 8.04743 5.9774 7.9596 6.0678Z\" fill=\"%236E6E6E\"/></svg>");--_hds-icons-cheveron-down:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"m19.629 9.656-.668-.703c-.176-.176-.457-.176-.598 0L12 15.316 5.602 8.953c-.141-.176-.422-.176-.598 0l-.668.703c-.176.14-.176.422 0 .598l7.348 7.348a.405.405 0 0 0 .597 0l7.348-7.348c.176-.176.176-.457 0-.598Z\"/></svg>");--_hds-icons-cheveron-down-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z\" fill=\"%23980000\"/></svg>");--_hds-icons-arrow-right:url("data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>");--_hds-icons-calendar-days:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.34375 3.84375C9.34375 3.37617 8.96758 3 8.5 3C8.03242 3 7.65625 3.37617 7.65625 3.84375V5.25H6.25C5.00898 5.25 4 6.25898 4 7.5V8.0625V9.75V18.75C4 19.991 5.00898 21 6.25 21H17.5C18.741 21 19.75 19.991 19.75 18.75V9.75V8.0625V7.5C19.75 6.25898 18.741 5.25 17.5 5.25H16.0938V3.84375C16.0938 3.37617 15.7176 3 15.25 3C14.7824 3 14.4062 3.37617 14.4062 3.84375V5.25H9.34375V3.84375ZM5.6875 9.75H8.5V11.7188H5.6875V9.75ZM5.6875 13.4062H8.5V15.6562H5.6875V13.4062ZM10.1875 13.4062H13.5625V15.6562H10.1875V13.4062ZM15.25 13.4062H18.0625V15.6562H15.25V13.4062ZM18.0625 11.7188H15.25V9.75H18.0625V11.7188ZM18.0625 17.3438V18.75C18.0625 19.0594 17.8094 19.3125 17.5 19.3125H15.25V17.3438H18.0625ZM13.5625 17.3438V19.3125H10.1875V17.3438H13.5625ZM8.5 17.3438V19.3125H6.25C5.94062 19.3125 5.6875 19.0594 5.6875 18.75V17.3438H8.5ZM13.5625 11.7188H10.1875V9.75H13.5625V11.7188Z\" fill=\"black\"/></svg>");--_hds-warning-yellow:url("data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><rect fill=\"black\" height=\"12\" rx=\"3\" width=\"6\" x=\"9\" y=\"7\" /><path d=\"M22.3552 18.4687C22.998 19.5938 22.1944 21 20.8685 21H3.7123C2.38641 21 1.58283 19.5938 2.22569 18.4687L10.8239 3.84375C11.4668 2.71875 13.1141 2.71875 13.7971 3.84375L22.3552 18.4687ZM11.3462 8.46429V13.6071C11.3462 14.1696 11.8284 14.5714 12.3105 14.5714C12.8328 14.5714 13.2748 14.1696 13.2748 13.6071V8.46429C13.2748 7.94196 12.8328 7.5 12.3105 7.5C11.748 7.5 11.3462 7.94196 11.3462 8.46429ZM12.3105 18.4286C12.9935 18.4286 13.556 17.8661 13.556 17.183C13.556 16.5 12.9935 15.9375 12.3105 15.9375C11.5873 15.9375 11.0248 16.5 11.0248 17.183C11.0248 17.8661 11.5873 18.4286 12.3105 18.4286Z\" fill=\"%23FDBB2F\" /></svg>");--_hds-warning-hollow:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M29.0323 23.7656C29.8537 25.2031 28.8269 27 27.1327 27H5.21084C3.51664 27 2.48986 25.2031 3.25994 23.7656L14.2466 5.07812C14.7086 4.35938 15.4274 4 16.1974 4C16.9162 4 17.6349 4.35938 18.097 5.07812L29.0323 23.7656ZM5.72423 24.5357H26.6193L16.1461 6.72098L5.72423 24.5357ZM16.1974 19.7098C17.0702 19.7098 17.789 20.4286 17.789 21.3013C17.789 22.1741 17.0702 22.8929 16.1974 22.8929C15.2733 22.8929 14.5546 22.1741 14.5546 21.3013C14.5546 20.4286 15.2733 19.7098 16.1974 19.7098ZM14.9653 11.8036C14.9653 11.1362 15.4787 10.5714 16.1974 10.5714C16.8649 10.5714 17.4296 11.1362 17.4296 11.8036V16.7321C17.4296 17.4509 16.8649 17.9643 16.1974 17.9643C15.4787 17.9643 14.9653 17.4509 14.9653 16.7321V11.8036Z\" fill=\"black\"/></svg>");--_hds-warning-black:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><rect x=\"12\" y=\"10\" width=\"8\" height=\"14.6667\" rx=\"4\" fill=\"%23FDBB2F\"/><path d=\"M29.0094 24.7656C29.8308 26.2031 28.804 28 27.1098 28H5.18794C3.49374 28 2.46695 26.2031 3.28838 24.7656L14.275 6.07812C15.0964 4.64062 17.2013 4.64062 18.0741 6.07812L29.0094 24.7656ZM14.9424 11.9821V18.5536C14.9424 19.2723 15.5585 19.7857 16.1745 19.7857C16.842 19.7857 17.4067 19.2723 17.4067 18.5536V11.9821C17.4067 11.3147 16.842 10.75 16.1745 10.75C15.4558 10.75 14.9424 11.3147 14.9424 11.9821ZM16.1745 24.7143C17.0473 24.7143 17.7661 23.9955 17.7661 23.1228C17.7661 22.25 17.0473 21.5312 16.1745 21.5312C15.2504 21.5312 14.5317 22.25 14.5317 23.1228C14.5317 23.9955 15.2504 24.7143 16.1745 24.7143Z\" fill=\"black\"/></svg>");--_hds-success-green:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M27.6412 7.54758C28.3713 8.22153 28.3713 9.40094 27.6412 10.0749L13.2636 24.4524C12.5897 25.1825 11.4103 25.1825 10.7363 24.4524L3.54758 17.2637C2.81747 16.5897 2.81747 15.4103 3.54758 14.7363C4.22153 14.0062 5.40094 14.0062 6.07488 14.7363L11.9719 20.6334L25.1139 7.54758C25.7878 6.81747 26.9672 6.81747 27.6412 7.54758Z\" fill=\"%237BC144\"/></svg>");--_hds-plus-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z\" fill=\"%23980000\"/></svg>");--_hds-info-square:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"Size=Normal (24x24)\"><path id=\"&%23239;&%23140;&%23143;\" d=\"M18 3C19.3672 3 20.5 4.13281 20.5 5.5V18C20.5 19.4062 19.3672 20.5 18 20.5H5.5C4.09375 20.5 3 19.4062 3 18V5.5C3 4.13281 4.09375 3 5.5 3H18ZM11.75 6.75C11.0469 6.75 10.5 7.33594 10.5 8C10.5 8.70312 11.0469 9.25 11.75 9.25C12.4141 9.25 13 8.70312 13 8C13 7.33594 12.4141 6.75 11.75 6.75ZM13.3125 16.75C13.8203 16.75 14.25 16.3594 14.25 15.8125C14.25 15.3047 13.8203 14.875 13.3125 14.875H12.6875V11.4375C12.6875 10.9297 12.2578 10.5 11.75 10.5H10.5C9.95312 10.5 9.5625 10.9297 9.5625 11.4375C9.5625 11.9844 9.95312 12.375 10.5 12.375H10.8125V14.875H10.1875C9.64062 14.875 9.25 15.3047 9.25 15.8125C9.25 16.3594 9.64062 16.75 10.1875 16.75H13.3125Z\" fill=\"black\"/></g></svg>")}.hds-theme-bring{--_hds-icons-cheveron-down-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z\" fill=\"%2300643A\"/></svg>");--_hds-plus-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z\" fill=\"%2300643A\"/></svg>")}:root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-warning-banner{--hds-warning-banner-icon-dimension:var(--hds-spacing-24);background-color:var(--hds-ui-colors-warning-yellow);text-align:center;width:100%;position:relative}@media (min-width:720px){.hds-warning-banner .hds-warning-banner__title>*{max-width:590px}}@media (min-width:940px){.hds-warning-banner .hds-warning-banner__title>*{max-width:762px}}@media (min-width:720px){.hds-warning-banner .hds-warning-banner__description{max-width:590px}}@media (min-width:940px){.hds-warning-banner .hds-warning-banner__description{max-width:762px}}.hds-warning-banner .hds-warning-banner__description{font:var(--hds-typography-body-small);padding:0 var(--hds-spacing-16)var(--hds-spacing-32);margin:0 auto}.hds-warning-banner .hds-warning-banner__title{font:var(--hds-typography-body-small-title);padding:var(--hds-spacing-16);margin:0}.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger{cursor:pointer;color:inherit;background-color:transparent;border:0;justify-content:center;align-items:center;width:100%;display:flex}.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger:after{content:"";width:var(--hds-warning-banner-icon-dimension);height:var(--hds-warning-banner-icon-dimension);background-image:var(--_hds-icons-cheveron-down);margin-left:var(--hds-spacing-16);transform:rotate(180deg)}.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed]:after{transform:rotate(0)}.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed]~.hds-warning-banner__description{display:none}
|
|
1
|
+
:root{--_hds-icons-times:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");--_hds-icons-cheveron-left-black:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"> <path d=\"M11.0404 13.9322L11.3917 13.5887C11.462 13.4983 11.462 13.3537 11.3917 13.2814L8.21212 9.99096L11.3917 6.71864C11.462 6.64633 11.462 6.50169 11.3917 6.4113L11.0404 6.0678C10.9526 5.9774 10.8296 5.9774 10.7418 6.0678L7.0527 9.84633C6.98243 9.93672 6.98243 10.0633 7.0527 10.1537L10.7418 13.9322C10.8296 14.0226 10.9526 14.0226 11.0404 13.9322Z\" fill=\"black\"/></svg>");--_hds-icons-cheveron-right-dark-grey:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M7.9596 6.0678L7.60826 6.4113C7.53799 6.50169 7.53799 6.64633 7.60826 6.71864L10.7879 10.009L7.60826 13.2814C7.53799 13.3537 7.53799 13.4983 7.60826 13.5887L7.9596 13.9322C8.04743 14.0226 8.1704 14.0226 8.25823 13.9322L11.9473 10.1537C12.0176 10.0633 12.0176 9.93672 11.9473 9.84633L8.25823 6.0678C8.1704 5.9774 8.04743 5.9774 7.9596 6.0678Z\" fill=\"%236E6E6E\"/></svg>");--_hds-icons-cheveron-down:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"m19.629 9.656-.668-.703c-.176-.176-.457-.176-.598 0L12 15.316 5.602 8.953c-.141-.176-.422-.176-.598 0l-.668.703c-.176.14-.176.422 0 .598l7.348 7.348a.405.405 0 0 0 .597 0l7.348-7.348c.176-.176.176-.457 0-.598Z\"/></svg>");--_hds-icons-cheveron-down-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z\" fill=\"%23980000\"/></svg>");--_hds-icons-arrow-right:url("data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>");--_hds-icons-calendar-days:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.34375 3.84375C9.34375 3.37617 8.96758 3 8.5 3C8.03242 3 7.65625 3.37617 7.65625 3.84375V5.25H6.25C5.00898 5.25 4 6.25898 4 7.5V8.0625V9.75V18.75C4 19.991 5.00898 21 6.25 21H17.5C18.741 21 19.75 19.991 19.75 18.75V9.75V8.0625V7.5C19.75 6.25898 18.741 5.25 17.5 5.25H16.0938V3.84375C16.0938 3.37617 15.7176 3 15.25 3C14.7824 3 14.4062 3.37617 14.4062 3.84375V5.25H9.34375V3.84375ZM5.6875 9.75H8.5V11.7188H5.6875V9.75ZM5.6875 13.4062H8.5V15.6562H5.6875V13.4062ZM10.1875 13.4062H13.5625V15.6562H10.1875V13.4062ZM15.25 13.4062H18.0625V15.6562H15.25V13.4062ZM18.0625 11.7188H15.25V9.75H18.0625V11.7188ZM18.0625 17.3438V18.75C18.0625 19.0594 17.8094 19.3125 17.5 19.3125H15.25V17.3438H18.0625ZM13.5625 17.3438V19.3125H10.1875V17.3438H13.5625ZM8.5 17.3438V19.3125H6.25C5.94062 19.3125 5.6875 19.0594 5.6875 18.75V17.3438H8.5ZM13.5625 11.7188H10.1875V9.75H13.5625V11.7188Z\" fill=\"black\"/></svg>");--_hds-warning-yellow:url("data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><rect fill=\"black\" height=\"12\" rx=\"3\" width=\"6\" x=\"9\" y=\"7\" /><path d=\"M22.3552 18.4687C22.998 19.5938 22.1944 21 20.8685 21H3.7123C2.38641 21 1.58283 19.5938 2.22569 18.4687L10.8239 3.84375C11.4668 2.71875 13.1141 2.71875 13.7971 3.84375L22.3552 18.4687ZM11.3462 8.46429V13.6071C11.3462 14.1696 11.8284 14.5714 12.3105 14.5714C12.8328 14.5714 13.2748 14.1696 13.2748 13.6071V8.46429C13.2748 7.94196 12.8328 7.5 12.3105 7.5C11.748 7.5 11.3462 7.94196 11.3462 8.46429ZM12.3105 18.4286C12.9935 18.4286 13.556 17.8661 13.556 17.183C13.556 16.5 12.9935 15.9375 12.3105 15.9375C11.5873 15.9375 11.0248 16.5 11.0248 17.183C11.0248 17.8661 11.5873 18.4286 12.3105 18.4286Z\" fill=\"%23FDBB2F\" /></svg>");--_hds-warning-hollow:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M29.0323 23.7656C29.8537 25.2031 28.8269 27 27.1327 27H5.21084C3.51664 27 2.48986 25.2031 3.25994 23.7656L14.2466 5.07812C14.7086 4.35938 15.4274 4 16.1974 4C16.9162 4 17.6349 4.35938 18.097 5.07812L29.0323 23.7656ZM5.72423 24.5357H26.6193L16.1461 6.72098L5.72423 24.5357ZM16.1974 19.7098C17.0702 19.7098 17.789 20.4286 17.789 21.3013C17.789 22.1741 17.0702 22.8929 16.1974 22.8929C15.2733 22.8929 14.5546 22.1741 14.5546 21.3013C14.5546 20.4286 15.2733 19.7098 16.1974 19.7098ZM14.9653 11.8036C14.9653 11.1362 15.4787 10.5714 16.1974 10.5714C16.8649 10.5714 17.4296 11.1362 17.4296 11.8036V16.7321C17.4296 17.4509 16.8649 17.9643 16.1974 17.9643C15.4787 17.9643 14.9653 17.4509 14.9653 16.7321V11.8036Z\" fill=\"black\"/></svg>");--_hds-warning-black:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><rect x=\"12\" y=\"10\" width=\"8\" height=\"14.6667\" rx=\"4\" fill=\"%23FDBB2F\"/><path d=\"M29.0094 24.7656C29.8308 26.2031 28.804 28 27.1098 28H5.18794C3.49374 28 2.46695 26.2031 3.28838 24.7656L14.275 6.07812C15.0964 4.64062 17.2013 4.64062 18.0741 6.07812L29.0094 24.7656ZM14.9424 11.9821V18.5536C14.9424 19.2723 15.5585 19.7857 16.1745 19.7857C16.842 19.7857 17.4067 19.2723 17.4067 18.5536V11.9821C17.4067 11.3147 16.842 10.75 16.1745 10.75C15.4558 10.75 14.9424 11.3147 14.9424 11.9821ZM16.1745 24.7143C17.0473 24.7143 17.7661 23.9955 17.7661 23.1228C17.7661 22.25 17.0473 21.5312 16.1745 21.5312C15.2504 21.5312 14.5317 22.25 14.5317 23.1228C14.5317 23.9955 15.2504 24.7143 16.1745 24.7143Z\" fill=\"black\"/></svg>");--_hds-success-green:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M27.6412 7.54758C28.3713 8.22153 28.3713 9.40094 27.6412 10.0749L13.2636 24.4524C12.5897 25.1825 11.4103 25.1825 10.7363 24.4524L3.54758 17.2637C2.81747 16.5897 2.81747 15.4103 3.54758 14.7363C4.22153 14.0062 5.40094 14.0062 6.07488 14.7363L11.9719 20.6334L25.1139 7.54758C25.7878 6.81747 26.9672 6.81747 27.6412 7.54758Z\" fill=\"%237BC144\"/></svg>");--_hds-plus-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z\" fill=\"%23980000\"/></svg>");--_hds-info-square:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"Size=Normal (24x24)\"><path id=\"&%23239;&%23140;&%23143;\" d=\"M18 3C19.3672 3 20.5 4.13281 20.5 5.5V18C20.5 19.4062 19.3672 20.5 18 20.5H5.5C4.09375 20.5 3 19.4062 3 18V5.5C3 4.13281 4.09375 3 5.5 3H18ZM11.75 6.75C11.0469 6.75 10.5 7.33594 10.5 8C10.5 8.70312 11.0469 9.25 11.75 9.25C12.4141 9.25 13 8.70312 13 8C13 7.33594 12.4141 6.75 11.75 6.75ZM13.3125 16.75C13.8203 16.75 14.25 16.3594 14.25 15.8125C14.25 15.3047 13.8203 14.875 13.3125 14.875H12.6875V11.4375C12.6875 10.9297 12.2578 10.5 11.75 10.5H10.5C9.95312 10.5 9.5625 10.9297 9.5625 11.4375C9.5625 11.9844 9.95312 12.375 10.5 12.375H10.8125V14.875H10.1875C9.64062 14.875 9.25 15.3047 9.25 15.8125C9.25 16.3594 9.64062 16.75 10.1875 16.75H13.3125Z\" fill=\"black\"/></g></svg>")}.hds-theme-bring{--_hds-icons-cheveron-down-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19.6289 9.15625L18.9609 8.45312C18.7852 8.27734 18.5039 8.27734 18.3633 8.45312L12 14.8164L5.60156 8.45312C5.46094 8.27734 5.17969 8.27734 5.00391 8.45312L4.33594 9.15625C4.16016 9.29688 4.16016 9.57812 4.33594 9.75391L11.6836 17.1016C11.8594 17.2773 12.1055 17.2773 12.2812 17.1016L19.6289 9.75391C19.8047 9.57812 19.8047 9.29688 19.6289 9.15625Z\" fill=\"%2300643A\"/></svg>");--_hds-plus-dark:url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.4688 11.4062H12.8438V5.78125C12.8438 5.64062 12.7031 5.5 12.5625 5.5H11.4375C11.2617 5.5 11.1562 5.64062 11.1562 5.78125V11.4062H5.53125C5.35547 11.4062 5.25 11.5469 5.25 11.6875V12.8125C5.25 12.9883 5.35547 13.0938 5.53125 13.0938H11.1562V18.7188C11.1562 18.8945 11.2617 19 11.4375 19H12.5625C12.7031 19 12.8438 18.8945 12.8438 18.7188V13.0938H18.4688C18.6094 13.0938 18.75 12.9883 18.75 12.8125V11.6875C18.75 11.5469 18.6094 11.4062 18.4688 11.4062Z\" fill=\"%2300643A\"/></svg>")}:root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-warning-banner{background-color:var(--hds-ui-colors-warning-yellow);text-align:center;--hds-warning-banner-icon-dimension:var(--hds-spacing-24);width:100%;position:relative}@media (min-width:720px){.hds-warning-banner .hds-warning-banner__title>*{max-width:590px}}@media (min-width:940px){.hds-warning-banner .hds-warning-banner__title>*{max-width:762px}}@media (min-width:720px){.hds-warning-banner .hds-warning-banner__description{max-width:590px}}@media (min-width:940px){.hds-warning-banner .hds-warning-banner__description{max-width:762px}}.hds-warning-banner .hds-warning-banner__description{font:var(--hds-typography-body-small);padding:0 var(--hds-spacing-16)var(--hds-spacing-32);margin:0 auto}.hds-warning-banner .hds-warning-banner__title{font:var(--hds-typography-body-small-title);padding:var(--hds-spacing-16);margin:0}.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger{cursor:pointer;color:inherit;background-color:transparent;border:0;justify-content:center;align-items:center;width:100%;display:flex}.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger:after{content:"";width:var(--hds-warning-banner-icon-dimension);height:var(--hds-warning-banner-icon-dimension);background-image:var(--_hds-icons-cheveron-down);margin-left:var(--hds-spacing-16);transform:rotate(180deg)}.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed]:after{transform:rotate(0)}.hds-warning-banner .hds-warning-banner__title-trigger[data-state=closed]~.hds-warning-banner__description{display:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@postenbring/hedwig-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.71",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/**",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"browserslist": "4.23.0",
|
|
29
29
|
"chokidar-cli": "3.0.0",
|
|
30
30
|
"globby": "14.0.1",
|
|
31
|
-
"lightningcss": "1.
|
|
31
|
+
"lightningcss": "1.25.0",
|
|
32
32
|
"sanitize.css": "^13.0.0",
|
|
33
33
|
"stylelint": "16.5.0",
|
|
34
34
|
"stylelint-config-standard": "36.0.0",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"clsx": "^2.1.1",
|
|
40
|
-
"@postenbring/hedwig-tokens": "0.0.
|
|
40
|
+
"@postenbring/hedwig-tokens": "0.0.14"
|
|
41
41
|
},
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"access": "public"
|
|
Binary file
|