@postenbring/hedwig-css 0.0.36 → 0.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/_custom-media.css +0 -0
  2. package/dist/_custom-media.css.map +1 -0
  3. package/dist/accordion.css +1 -2
  4. package/dist/accordion.css.map +1 -1
  5. package/dist/all-in-one.css +1 -2
  6. package/dist/all-in-one.css.map +1 -1
  7. package/dist/badge.css +1 -2
  8. package/dist/badge.css.map +1 -1
  9. package/dist/body.css +1 -2
  10. package/dist/body.css.map +1 -1
  11. package/dist/box.css +1 -2
  12. package/dist/box.css.map +1 -1
  13. package/dist/breadcrumb.css +1 -2
  14. package/dist/breadcrumb.css.map +1 -1
  15. package/dist/button.css +1 -2
  16. package/dist/button.css.map +1 -1
  17. package/dist/card.css +1 -2
  18. package/dist/card.css.map +1 -1
  19. package/dist/classnames.d.ts +4 -1
  20. package/dist/container.css +1 -2
  21. package/dist/container.css.map +1 -1
  22. package/dist/description-list.css +1 -2
  23. package/dist/description-list.css.map +1 -1
  24. package/dist/flex.css +1 -2
  25. package/dist/flex.css.map +1 -1
  26. package/dist/fonts.css +1 -2
  27. package/dist/fonts.css.map +1 -1
  28. package/dist/index.css +1 -2
  29. package/dist/index.css.map +1 -1
  30. package/dist/input.css +1 -2
  31. package/dist/input.css.map +1 -1
  32. package/dist/link.css +1 -2
  33. package/dist/link.css.map +1 -1
  34. package/dist/list.css +1 -2
  35. package/dist/list.css.map +1 -1
  36. package/dist/message.css +1 -2
  37. package/dist/message.css.map +1 -1
  38. package/dist/modal.css +1 -2
  39. package/dist/modal.css.map +1 -1
  40. package/dist/navbar.css +1 -2
  41. package/dist/navbar.css.map +1 -1
  42. package/dist/prose.css +1 -0
  43. package/dist/prose.css.map +1 -0
  44. package/dist/reset.css +1 -2
  45. package/dist/reset.css.map +1 -1
  46. package/dist/scoped.css +1 -1
  47. package/dist/select.css +1 -2
  48. package/dist/select.css.map +1 -1
  49. package/dist/tabs.css +1 -2
  50. package/dist/tabs.css.map +1 -1
  51. package/dist/textarea.css +1 -2
  52. package/dist/textarea.css.map +1 -1
  53. package/dist/tokens.css +1 -2
  54. package/dist/tokens.css.map +1 -1
  55. package/dist/typography.css +1 -2
  56. package/dist/typography.css.map +1 -1
  57. package/dist/warning-banner.css +1 -2
  58. package/dist/warning-banner.css.map +1 -1
  59. package/package.json +3 -3
package/dist/textarea.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"AAAA,2EAMI,yNAAA,sOAAA,gQAAA,6OAAA,6QAAA,0PAAA,+PAAA,6OAYA,4lCAWA,oGAAA,0HAMA,8GAKF,qFAIA,yKAMA,mKAKA,gYAWE,uIAAA,8KAAA,2JAMA,qOAAA,kNAAA,oOAAA,kNAUF,sMASE,gHAAA,4GAAA,kGAKA,sDAGE,uGAAA,mGAAA,yFAKF,sHAAA,kHAAA,wGAKF","sources":["../src/textarea/textarea.css"],"sourcesContent":[".hds-textarea {\n display: flex;\n flex-flow: column nowrap;\n gap: var(--hds-spacing-small-1);\n\n &.hds-textarea--error {\n .hds-textarea__textarea-wrapper,\n .hds-textarea__textarea-wrapper:focus-within,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:read-only),\n .hds-textarea__textarea-wrapper[data-readonly=\"true\"] /* Fallback for :has */,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:read-only):focus-within,\n .hds-textarea__textarea-wrapper[data-readonly=\"true\"]:focus-within /* Fallback for :has */,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:disabled),\n .hds-textarea__textarea-wrapper[data-disabled=\"true\"] /* Fallback for :has */ {\n border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow);\n margin-bottom: calc(var(--hds-stroke-thick) - var(--hds-stroke-default));\n }\n\n .hds-textarea__textarea-wrapper {\n background-image: 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>');\n background-repeat: no-repeat;\n background-position-x: calc(100% - var(--hds-spacing-small-4));\n background-position-y: center;\n padding-right: calc(var(--hds-spacing-small-4) + var(--hds-spacing-medium-2));\n }\n }\n\n &, /* Default */\n &.hds-textarea--default {\n .hds-textarea__textarea-wrapper {\n background-color: var(--hds-ui-colors-light-grey-fill);\n }\n }\n\n &.hds-textarea--white {\n .hds-textarea__textarea-wrapper {\n background-color: var(--hds-ui-colors-white);\n }\n }\n\n &:focus-within .hds-textarea__label {\n color: var(--hds-brand-colors-darker);\n }\n\n & .hds-textarea__label {\n transition: color var(--hds-micro-animation-duration-quick)\n var(--hds-micro-animation-easing-normal);\n font: var(--hds-typography-caption);\n }\n\n &:has(.hds-textarea__textarea:read-only, .hds-textarea__textarea:disabled):not(:focus-within)\n .hds-textarea__label {\n color: var(--hds-ui-colors-dark-grey);\n }\n\n & .hds-textarea__textarea-wrapper {\n display: flex;\n flex-flow: row nowrap;\n width: 100%;\n border: var(--hds-stroke-default) solid transparent;\n border-radius: var(--hds-border-radius);\n transition:\n border var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal),\n margin var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);\n box-sizing: border-box;\n\n &:focus-within,\n &:has(.hds-textarea__textarea:read-only):focus-within,\n &[data-readonly=\"true\"]:focus-within /* Fallback for :has */ {\n border-bottom: var(--hds-stroke-default) solid var(--hds-brand-colors-darker);\n }\n\n &:has(.hds-textarea__textarea:read-only),\n &[data-readonly=\"true\"] /* Fallback for :has */,\n &:has(.hds-textarea__textarea:disabled),\n &[data-disabled=\"true\"] /* Fallback for :has */ {\n color: var(--hds-ui-colors-dark-grey);\n background-color: var(--hds-ui-colors-grey);\n border: var(--hds-stroke-default) solid var(--hds-ui-colors-grey);\n }\n }\n\n & .hds-textarea__textarea {\n color: var(--hds-ui-colors-black);\n width: 100%;\n padding: var(--hds-spacing-small-4);\n font: var(--hds-typography-body-small);\n line-height: normal;\n border: 0;\n background: transparent;\n\n &::placeholder {\n color: var(--hds-ui-colors-dark-grey);\n opacity: 1;\n }\n\n &:focus {\n outline: 0;\n\n &::placeholder {\n color: var(--hds-ui-colors-grey);\n }\n }\n\n &:read-only:focus::placeholder {\n color: var(--hds-ui-colors-dark-grey);\n }\n }\n\n & .hds-textarea__error-message {\n font: var(--hds-typography-caption-title);\n color: var(--hds-ui-colors-dark-grey);\n padding: var(--hds-spacing-small-1) 0 0 var(--hds-spacing-small-4);\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAAA,2EAMI,yNAAA,sOAAA,gQAAA,6OAAA,6QAAA,0PAAA,+PAAA,6OAYA,4lCAWA,oGAAA,0HAMA,8GAKF,qFAIA,yKAMA,mKAKA,gYAWE,uIAAA,8KAAA,2JAMA,qOAAA,kNAAA,oOAAA,kNAUF,sMASE,4GAAA,kGAKA,sDAGE,mGAAA,yFAKF,kHAAA,wGAKF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/textarea/textarea.css"],"sourcesContent":[".hds-textarea {\n display: flex;\n flex-flow: column nowrap;\n gap: var(--hds-spacing-small-1);\n\n &.hds-textarea--error {\n .hds-textarea__textarea-wrapper,\n .hds-textarea__textarea-wrapper:focus-within,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:read-only),\n .hds-textarea__textarea-wrapper[data-readonly=\"true\"] /* Fallback for :has */,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:read-only):focus-within,\n .hds-textarea__textarea-wrapper[data-readonly=\"true\"]:focus-within /* Fallback for :has */,\n .hds-textarea__textarea-wrapper:has(.hds-textarea__textarea:disabled),\n .hds-textarea__textarea-wrapper[data-disabled=\"true\"] /* Fallback for :has */ {\n border-bottom: var(--hds-stroke-thick) solid var(--hds-ui-colors-warning-yellow);\n margin-bottom: calc(var(--hds-stroke-thick) - var(--hds-stroke-default));\n }\n\n .hds-textarea__textarea-wrapper {\n background-image: 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>');\n background-repeat: no-repeat;\n background-position-x: calc(100% - var(--hds-spacing-small-4));\n background-position-y: center;\n padding-right: calc(var(--hds-spacing-small-4) + var(--hds-spacing-medium-2));\n }\n }\n\n &, /* Default */\n &.hds-textarea--default {\n .hds-textarea__textarea-wrapper {\n background-color: var(--hds-ui-colors-light-grey-fill);\n }\n }\n\n &.hds-textarea--white {\n .hds-textarea__textarea-wrapper {\n background-color: var(--hds-ui-colors-white);\n }\n }\n\n &:focus-within .hds-textarea__label {\n color: var(--hds-brand-colors-darker);\n }\n\n & .hds-textarea__label {\n transition: color var(--hds-micro-animation-duration-quick)\n var(--hds-micro-animation-easing-normal);\n font: var(--hds-typography-caption);\n }\n\n &:has(.hds-textarea__textarea:read-only, .hds-textarea__textarea:disabled):not(:focus-within)\n .hds-textarea__label {\n color: var(--hds-ui-colors-dark-grey);\n }\n\n & .hds-textarea__textarea-wrapper {\n display: flex;\n flex-flow: row nowrap;\n width: 100%;\n border: var(--hds-stroke-default) solid transparent;\n border-radius: var(--hds-border-radius);\n transition:\n border var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal),\n margin var(--hds-micro-animation-duration-quick) var(--hds-micro-animation-easing-normal);\n box-sizing: border-box;\n\n &:focus-within,\n &:has(.hds-textarea__textarea:read-only):focus-within,\n &[data-readonly=\"true\"]:focus-within /* Fallback for :has */ {\n border-bottom: var(--hds-stroke-default) solid var(--hds-brand-colors-darker);\n }\n\n &:has(.hds-textarea__textarea:read-only),\n &[data-readonly=\"true\"] /* Fallback for :has */,\n &:has(.hds-textarea__textarea:disabled),\n &[data-disabled=\"true\"] /* Fallback for :has */ {\n color: var(--hds-ui-colors-dark-grey);\n background-color: var(--hds-ui-colors-grey);\n border: var(--hds-stroke-default) solid var(--hds-ui-colors-grey);\n }\n }\n\n & .hds-textarea__textarea {\n color: var(--hds-ui-colors-black);\n width: 100%;\n padding: var(--hds-spacing-small-4);\n font: var(--hds-typography-body-small);\n line-height: normal;\n border: 0;\n background: transparent;\n\n &::placeholder {\n color: var(--hds-ui-colors-dark-grey);\n opacity: 1;\n }\n\n &:focus {\n outline: 0;\n\n &::placeholder {\n color: var(--hds-ui-colors-grey);\n }\n }\n\n &:read-only:focus::placeholder {\n color: var(--hds-ui-colors-dark-grey);\n }\n }\n\n & .hds-textarea__error-message {\n font: var(--hds-typography-caption-title);\n color: var(--hds-ui-colors-dark-grey);\n padding: var(--hds-spacing-small-1) 0 0 var(--hds-spacing-small-4);\n }\n}\n"],"names":[]}
package/dist/tokens.css CHANGED
@@ -1,2 +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-small-1:4px;--hds-spacing-small-2:8px;--hds-spacing-small-3:12px;--hds-spacing-small-4:16px;--hds-spacing-medium-1:20px;--hds-spacing-medium-2:24px;--hds-spacing-medium-3:32px;--hds-spacing-medium-4:40px;--hds-spacing-large-1:48px;--hds-spacing-large-2:64px;--hds-spacing-large-3:80px;--hds-spacing-large-4:120px;--hds-spacing-large-5:160px;--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-header-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-header-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-header-h3:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-header-h3-min:22px;--hds-font-size-header-h3-max:24px;--hds-font-size-header-h3-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-header-h3-title-min:22px;--hds-font-size-header-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-header-h3:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-header-h3-min:28px;--hds-line-height-header-h3-max:32px;--hds-line-height-header-h3-title:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-header-h3-title-min:28px;--hds-line-height-header-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-header-h3:400;--hds-font-weight-header-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;--hds-brand-colors-signature:#e32d22;--hds-brand-colors-darker:#4a1011;--hds-brand-colors-dark:#980000;--hds-brand-colors-light:#ff8a5f;--hds-brand-colors-lighter:#fff5f0;--hds-brand-colors-signature-hover:#d62722;--hds-brand-colors-light-hover:#ff7d55;--hds-brand-button-colors-text:#fff;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#e32d22;--hds-brand-link-colors-hover:#e32d22;--hds-brand-link-colors-underline-hover:#e32d22;--hds-brand-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-brand-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-brand-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-brand-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:700;--hds-brand-font-weight-h1:700;--hds-brand-font-weight-h2:500}.hds-theme-bring{--hds-brand-colors-signature:#7bc144;--hds-brand-colors-darker:#002f19;--hds-brand-colors-dark:#00643a;--hds-brand-colors-light:#c8dc8c;--hds-brand-colors-lighter:#f1f7e9;--hds-brand-colors-signature-hover:#86cc4a;--hds-brand-colors-light-hover:#d3e593;--hds-brand-button-colors-text:#000;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#7bc144;--hds-brand-link-colors-hover:#00643a;--hds-brand-link-colors-underline-hover:#00643a;--hds-brand-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-brand-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-brand-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-brand-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:300;--hds-brand-font-weight-h1:300;--hds-brand-font-weight-h2:400}
2
- /*# sourceMappingURL=./tokens.css.map */
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-small-1:4px;--hds-spacing-small-2:8px;--hds-spacing-small-3:12px;--hds-spacing-small-4:16px;--hds-spacing-medium-1:20px;--hds-spacing-medium-2:24px;--hds-spacing-medium-3:32px;--hds-spacing-medium-4:40px;--hds-spacing-large-1:48px;--hds-spacing-large-2:64px;--hds-spacing-large-3:80px;--hds-spacing-large-4:120px;--hds-spacing-large-5:160px;--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-header-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-header-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-header-h3:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-header-h3-min:22px;--hds-font-size-header-h3-max:24px;--hds-font-size-header-h3-title:clamp(22px,calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-header-h3-title-min:22px;--hds-font-size-header-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-header-h3:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-header-h3-min:28px;--hds-line-height-header-h3-max:32px;--hds-line-height-header-h3-title:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-header-h3-title-min:28px;--hds-line-height-header-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-header-h3:400;--hds-font-weight-header-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;--hds-brand-colors-signature:#e32d22;--hds-brand-colors-darker:#4a1011;--hds-brand-colors-dark:#980000;--hds-brand-colors-light:#ff8a5f;--hds-brand-colors-lighter:#fff5f0;--hds-brand-colors-signature-hover:#d62722;--hds-brand-colors-light-hover:#ff7d55;--hds-brand-button-colors-text:#fff;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#e32d22;--hds-brand-link-colors-hover:#e32d22;--hds-brand-link-colors-underline-hover:#e32d22;--hds-brand-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-brand-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-brand-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-brand-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:700;--hds-brand-font-weight-h1:700;--hds-brand-font-weight-h2:500}.hds-theme-bring{--hds-brand-colors-signature:#7bc144;--hds-brand-colors-darker:#002f19;--hds-brand-colors-dark:#00643a;--hds-brand-colors-light:#c8dc8c;--hds-brand-colors-lighter:#f1f7e9;--hds-brand-colors-signature-hover:#86cc4a;--hds-brand-colors-light-hover:#d3e593;--hds-brand-button-colors-text:#000;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#7bc144;--hds-brand-link-colors-hover:#00643a;--hds-brand-link-colors-underline-hover:#00643a;--hds-brand-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-brand-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-brand-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-brand-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300))),72px);--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:clamp(32px,calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300))),48px);--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:clamp(28px,calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300))),32px);--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300))),80px);--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:clamp(40px,calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300))),56px);--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:clamp(36px,calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300))),40px);--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:300;--hds-brand-font-weight-h1:300;--hds-brand-font-weight-h2:400}
package/dist/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"ACCA,shaAgOA","sources":["../src/tokens.css","../src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #7bc144;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #c8dc8c;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #86cc4a;\n --hds-bring-colors-light-green-hover: #d3e593;\n --hds-ui-colors-black: #000000;\n --hds-ui-colors-dark-grey: #6e6e6e;\n --hds-ui-colors-grey: #d6d6d6;\n --hds-ui-colors-light-grey-stroke: #e4e4e4;\n --hds-ui-colors-light-grey-fill: #f2f2f2;\n --hds-ui-colors-white: #ffffff;\n --hds-ui-colors-warning-yellow: #fdbb2f;\n --hds-ui-colors-warning-yellow-stroke: #d68000;\n --hds-ui-colors-warning-yellow-light-fill: #fff5e0;\n --hds-ui-colors-warning-yellow-hover: #ffc340;\n --hds-ui-colors-black-hover: #1e1e1e;\n --hds-dark-mode-colors-obsidian: #121212; /* Base color for dark mode */\n --hds-dark-mode-colors-coal: #252525; /* Background on none-clickable cards */\n --hds-dark-mode-colors-dusk: #2c2c2c; /* Fill inputfields, checkbox, radiobuttons, toogles */\n --hds-dark-mode-colors-spider: #333333; /* Clickable cards or tiles */\n --hds-dark-mode-colors-ash: #999999; /* Default radio buttons, checkbox, label on inputsfields, toogle off (background) */\n --hds-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-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans: '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-header-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-header-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-header-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-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-header-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-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-header-h3: 400;\n --hds-font-weight-header-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 --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 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-brand-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-brand-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-brand-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 700;\n --hds-brand-font-weight-h1: 700;\n --hds-brand-font-weight-h2: 500;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 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-brand-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-brand-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-brand-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 300;\n --hds-brand-font-weight-h1: 300;\n --hds-brand-font-weight-h2: 400;\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACCA,shaAgOA","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-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans: '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-header-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-header-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-header-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-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-header-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-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-header-h3: 400;\n --hds-font-weight-header-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 --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 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-brand-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-brand-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-brand-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 700;\n --hds-brand-font-weight-h1: 700;\n --hds-brand-font-weight-h2: 500;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 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-brand-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-brand-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-brand-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 300;\n --hds-brand-font-weight-h1: 300;\n --hds-brand-font-weight-h2: 400;\n}\n"],"names":[]}
package/dist/typography.css CHANGED
@@ -1,2 +1 @@
1
- .hds-typography-h1-display{font:var(--hds-brand-typography-h1-display)}.hds-typography-h1-display.hds-typography-h1-display--min{font-size:var(--hds-brand-font-size-h1-display-min);line-height:var(--hds-brand-line-height-h1-display-min)}.hds-typography-h1-display.hds-typography-h1-display--max{font-size:var(--hds-brand-font-size-h1-display-max);line-height:var(--hds-brand-line-height-h1-display-max)}.hds-typography-h1{font:var(--hds-brand-typography-h1)}.hds-typography-h1.hds-typography-h1--min{font-size:var(--hds-brand-font-size-h1-min);line-height:var(--hds-brand-line-height-h1-min)}.hds-typography-h1.hds-typography-h1--max{font-size:var(--hds-brand-font-size-h1-max);line-height:var(--hds-brand-line-height-h1-max)}.hds-typography-h2{font:var(--hds-brand-typography-h2)}.hds-typography-h2.hds-typography-h2--min{font-size:var(--hds-brand-font-size-h2-min);line-height:var(--hds-brand-line-height-h2-min)}.hds-typography-h2.hds-typography-h2--max{font-size:var(--hds-brand-font-size-h2-max);line-height:var(--hds-brand-line-height-h2-max)}.hds-typography-h3{font:var(--hds-typography-header-h3)}.hds-typography-h3.hds-typography-h3--min{font-size:var(--hds-font-size-header-h3-min);line-height:var(--hds-line-height-header-h3-min)}.hds-typography-h3.hds-typography-h3--max{font-size:var(--hds-font-size-header-h3-max);line-height:var(--hds-line-height-header-h3-max)}.hds-typography-h3-title{font:var(--hds-typography-header-h3-title)}.hds-typography-h3-title.hds-typography-h3-title--min{font-size:var(--hds-font-size-header-h3-title-min);line-height:var(--hds-line-height-header-h3-title-min)}.hds-typography-h3-title.hds-typography-h3-title--max{font-size:var(--hds-font-size-header-h3-title-max);line-height:var(--hds-line-height-header-h3-title-max)}.hds-typography-body{font:var(--hds-typography-body)}.hds-typography-body.hds-typography-body--min{font-size:var(--hds-font-size-body-min);line-height:var(--hds-line-height-body-min)}.hds-typography-body.hds-typography-body--max{font-size:var(--hds-font-size-body-max);line-height:var(--hds-line-height-body-max)}.hds-typography-body-title{font:var(--hds-typography-body-title)}.hds-typography-body-title.hds-typography-body-title--min{font-size:var(--hds-font-size-body-title-min);line-height:var(--hds-line-height-body-title-min)}.hds-typography-body-title.hds-typography-body-title--max{font-size:var(--hds-font-size-body-title-max);line-height:var(--hds-line-height-body-title-max)}.hds-typography-body-small{font:var(--hds-typography-body-small)}.hds-typography-body-small.hds-typography-body-small--min{font-size:var(--hds-font-size-body-small-min);line-height:var(--hds-line-height-body-small-min)}.hds-typography-body-small.hds-typography-body-small--max{font-size:var(--hds-font-size-body-small-max);line-height:var(--hds-line-height-body-small-max)}.hds-typography-body-small-title{font:var(--hds-typography-body-small-title)}.hds-typography-body-small-title.hds-typography-body-small-title--min{font-size:var(--hds-font-size-body-small-title-min);line-height:var(--hds-line-height-body-small-title-min)}.hds-typography-body-small-title.hds-typography-body-small-title--max{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max)}.hds-typography-caption{font:var(--hds-typography-caption)}.hds-typography-caption-title{font:var(--hds-typography-caption-title)}.hds-typography-technical{font:var(--hds-typography-technical)}.hds-typography-technical.hds-typography-technical--min{font-size:var(--hds-font-size-technical-min);line-height:var(--hds-line-height-technical-min)}.hds-typography-technical.hds-typography-technical--max{font-size:var(--hds-font-size-technical-max);line-height:var(--hds-line-height-technical-max)}.hds-typography-technical-title{font:var(--hds-typography-technical-title)}.hds-typography-technical-title.hds-typography-technical-title--min{font-size:var(--hds-font-size-technical-title-min);line-height:var(--hds-line-height-technical-title-min)}.hds-typography-technical-title.hds-typography-technical-title--max{font-size:var(--hds-font-size-technical-title-max);line-height:var(--hds-line-height-technical-title-max)}.hds-typography-h1--spacing,.hds-typography-h2--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-h1~.hds-typography-h2--spacing{margin-top:var(--hds-spacing-medium-3)}.hds-typography-h3--spacing,.hds-typography-h3-title--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-body--spacing,.hds-typography-body-title--spacing,.hds-typography-body-small--spacing,.hds-typography-body-small-title--spacing,.hds-typography-caption--spacing,.hds-typography-caption-title--spacing{margin-top:var(--hds-spacing-medium-2)}.hds-typography-technical--spacing,.hds-typography-technical-title--spacing{margin-top:var(--hds-spacing-small-1)}
2
- /*# sourceMappingURL=./typography.css.map */
1
+ .hds-typography-h1-display{font:var(--hds-brand-typography-h1-display)}.hds-typography-h1-display.hds-typography-h1-display--min{font-size:var(--hds-brand-font-size-h1-display-min);line-height:var(--hds-brand-line-height-h1-display-min)}.hds-typography-h1-display.hds-typography-h1-display--max{font-size:var(--hds-brand-font-size-h1-display-max);line-height:var(--hds-brand-line-height-h1-display-max)}.hds-typography-h1{font:var(--hds-brand-typography-h1)}.hds-typography-h1.hds-typography-h1--min{font-size:var(--hds-brand-font-size-h1-min);line-height:var(--hds-brand-line-height-h1-min)}.hds-typography-h1.hds-typography-h1--max{font-size:var(--hds-brand-font-size-h1-max);line-height:var(--hds-brand-line-height-h1-max)}.hds-typography-h2{font:var(--hds-brand-typography-h2)}.hds-typography-h2.hds-typography-h2--min{font-size:var(--hds-brand-font-size-h2-min);line-height:var(--hds-brand-line-height-h2-min)}.hds-typography-h2.hds-typography-h2--max{font-size:var(--hds-brand-font-size-h2-max);line-height:var(--hds-brand-line-height-h2-max)}.hds-typography-h3{font:var(--hds-typography-header-h3)}.hds-typography-h3.hds-typography-h3--min{font-size:var(--hds-font-size-header-h3-min);line-height:var(--hds-line-height-header-h3-min)}.hds-typography-h3.hds-typography-h3--max{font-size:var(--hds-font-size-header-h3-max);line-height:var(--hds-line-height-header-h3-max)}.hds-typography-h3-title{font:var(--hds-typography-header-h3-title)}.hds-typography-h3-title.hds-typography-h3-title--min{font-size:var(--hds-font-size-header-h3-title-min);line-height:var(--hds-line-height-header-h3-title-min)}.hds-typography-h3-title.hds-typography-h3-title--max{font-size:var(--hds-font-size-header-h3-title-max);line-height:var(--hds-line-height-header-h3-title-max)}.hds-typography-body{font:var(--hds-typography-body)}.hds-typography-body.hds-typography-body--min{font-size:var(--hds-font-size-body-min);line-height:var(--hds-line-height-body-min)}.hds-typography-body.hds-typography-body--max{font-size:var(--hds-font-size-body-max);line-height:var(--hds-line-height-body-max)}.hds-typography-body-title{font:var(--hds-typography-body-title)}.hds-typography-body-title.hds-typography-body-title--min{font-size:var(--hds-font-size-body-title-min);line-height:var(--hds-line-height-body-title-min)}.hds-typography-body-title.hds-typography-body-title--max{font-size:var(--hds-font-size-body-title-max);line-height:var(--hds-line-height-body-title-max)}.hds-typography-body-small{font:var(--hds-typography-body-small)}.hds-typography-body-small.hds-typography-body-small--min{font-size:var(--hds-font-size-body-small-min);line-height:var(--hds-line-height-body-small-min)}.hds-typography-body-small.hds-typography-body-small--max{font-size:var(--hds-font-size-body-small-max);line-height:var(--hds-line-height-body-small-max)}.hds-typography-body-small-title{font:var(--hds-typography-body-small-title)}.hds-typography-body-small-title.hds-typography-body-small-title--min{font-size:var(--hds-font-size-body-small-title-min);line-height:var(--hds-line-height-body-small-title-min)}.hds-typography-body-small-title.hds-typography-body-small-title--max{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max)}.hds-typography-caption{font:var(--hds-typography-caption)}.hds-typography-caption-title{font:var(--hds-typography-caption-title)}.hds-typography-technical{font:var(--hds-typography-technical)}.hds-typography-technical.hds-typography-technical--min{font-size:var(--hds-font-size-technical-min);line-height:var(--hds-line-height-technical-min)}.hds-typography-technical.hds-typography-technical--max{font-size:var(--hds-font-size-technical-max);line-height:var(--hds-line-height-technical-max)}.hds-typography-technical-title{font:var(--hds-typography-technical-title)}.hds-typography-technical-title.hds-typography-technical-title--min{font-size:var(--hds-font-size-technical-title-min);line-height:var(--hds-line-height-technical-title-min)}.hds-typography-technical-title.hds-typography-technical-title--max{font-size:var(--hds-font-size-technical-title-max);line-height:var(--hds-line-height-technical-title-max)}.hds-typography-h1--spacing,.hds-typography-h2--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-h1~.hds-typography-h2--spacing{margin-top:var(--hds-spacing-medium-3)}.hds-typography-h3--spacing,.hds-typography-h3-title--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-body--spacing,.hds-typography-body-title--spacing,.hds-typography-body-small--spacing,.hds-typography-body-small-title--spacing,.hds-typography-caption--spacing,.hds-typography-caption-title--spacing{margin-top:var(--hds-spacing-medium-2)}.hds-typography-technical--spacing,.hds-typography-technical-title--spacing{margin-top:var(--hds-spacing-small-1)}
package/dist/typography.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"AAGA,uEAGE,sKAKA,sKAMF,uDAGE,sIAKA,sIAMF,uDAGE,sIAKA,sIAMF,wDAGE,wIAKA,wIAMF,oEAGE,gKAKA,gKAMF,qDAGE,kIAKA,kIAMF,iEAGE,0JAKA,0JAMF,iEAGE,0JAKA,0JAMF,6EAGE,kLAKA,kLAMF,2DAIA,uEAIA,+DAGE,sJAKA,sJAMF,2EAGE,8KAKA,8KASF,8FAQA,sFAIA,oGAKA,+PAeA","sources":["../src/typography/typography.css"],"sourcesContent":["/**\n * Font\n */\n.hds-typography-h1-display {\n font: var(--hds-brand-typography-h1-display);\n\n &.hds-typography-h1-display--min {\n font-size: var(--hds-brand-font-size-h1-display-min);\n line-height: var(--hds-brand-line-height-h1-display-min);\n }\n\n &.hds-typography-h1-display--max {\n font-size: var(--hds-brand-font-size-h1-display-max);\n line-height: var(--hds-brand-line-height-h1-display-max);\n }\n}\n\n.hds-typography-h1 {\n font: var(--hds-brand-typography-h1);\n\n &.hds-typography-h1--min {\n font-size: var(--hds-brand-font-size-h1-min);\n line-height: var(--hds-brand-line-height-h1-min);\n }\n\n &.hds-typography-h1--max {\n font-size: var(--hds-brand-font-size-h1-max);\n line-height: var(--hds-brand-line-height-h1-max);\n }\n}\n\n.hds-typography-h2 {\n font: var(--hds-brand-typography-h2);\n\n &.hds-typography-h2--min {\n font-size: var(--hds-brand-font-size-h2-min);\n line-height: var(--hds-brand-line-height-h2-min);\n }\n\n &.hds-typography-h2--max {\n font-size: var(--hds-brand-font-size-h2-max);\n line-height: var(--hds-brand-line-height-h2-max);\n }\n}\n\n.hds-typography-h3 {\n font: var(--hds-typography-header-h3);\n\n &.hds-typography-h3--min {\n font-size: var(--hds-font-size-header-h3-min);\n line-height: var(--hds-line-height-header-h3-min);\n }\n\n &.hds-typography-h3--max {\n font-size: var(--hds-font-size-header-h3-max);\n line-height: var(--hds-line-height-header-h3-max);\n }\n}\n\n.hds-typography-h3-title {\n font: var(--hds-typography-header-h3-title);\n\n &.hds-typography-h3-title--min {\n font-size: var(--hds-font-size-header-h3-title-min);\n line-height: var(--hds-line-height-header-h3-title-min);\n }\n\n &.hds-typography-h3-title--max {\n font-size: var(--hds-font-size-header-h3-title-max);\n line-height: var(--hds-line-height-header-h3-title-max);\n }\n}\n\n.hds-typography-body {\n font: var(--hds-typography-body);\n\n &.hds-typography-body--min {\n font-size: var(--hds-font-size-body-min);\n line-height: var(--hds-line-height-body-min);\n }\n\n &.hds-typography-body--max {\n font-size: var(--hds-font-size-body-max);\n line-height: var(--hds-line-height-body-max);\n }\n}\n\n.hds-typography-body-title {\n font: var(--hds-typography-body-title);\n\n &.hds-typography-body-title--min {\n font-size: var(--hds-font-size-body-title-min);\n line-height: var(--hds-line-height-body-title-min);\n }\n\n &.hds-typography-body-title--max {\n font-size: var(--hds-font-size-body-title-max);\n line-height: var(--hds-line-height-body-title-max);\n }\n}\n\n.hds-typography-body-small {\n font: var(--hds-typography-body-small);\n\n &.hds-typography-body-small--min {\n font-size: var(--hds-font-size-body-small-min);\n line-height: var(--hds-line-height-body-small-min);\n }\n\n &.hds-typography-body-small--max {\n font-size: var(--hds-font-size-body-small-max);\n line-height: var(--hds-line-height-body-small-max);\n }\n}\n\n.hds-typography-body-small-title {\n font: var(--hds-typography-body-small-title);\n\n &.hds-typography-body-small-title--min {\n font-size: var(--hds-font-size-body-small-title-min);\n line-height: var(--hds-line-height-body-small-title-min);\n }\n\n &.hds-typography-body-small-title--max {\n font-size: var(--hds-font-size-body-small-title-max);\n line-height: var(--hds-line-height-body-small-title-max);\n }\n}\n\n.hds-typography-caption {\n font: var(--hds-typography-caption);\n}\n\n.hds-typography-caption-title {\n font: var(--hds-typography-caption-title);\n}\n\n.hds-typography-technical {\n font: var(--hds-typography-technical);\n\n &.hds-typography-technical--min {\n font-size: var(--hds-font-size-technical-min);\n line-height: var(--hds-line-height-technical-min);\n }\n\n &.hds-typography-technical--max {\n font-size: var(--hds-font-size-technical-max);\n line-height: var(--hds-line-height-technical-max);\n }\n}\n\n.hds-typography-technical-title {\n font: var(--hds-typography-technical-title);\n\n &.hds-typography-technical-title--min {\n font-size: var(--hds-font-size-technical-title-min);\n line-height: var(--hds-line-height-technical-title-min);\n }\n\n &.hds-typography-technical-title--max {\n font-size: var(--hds-font-size-technical-title-max);\n line-height: var(--hds-line-height-technical-title-max);\n }\n}\n\n/**\n * Spacing\n */\n.hds-typography-h1--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-h1 ~ .hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-medium-3);\n}\n\n.hds-typography-h3--spacing,\n.hds-typography-h3-title--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-body--spacing,\n.hds-typography-body-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-body-small--spacing,\n.hds-typography-body-small-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-caption--spacing,\n.hds-typography-caption-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-technical--spacing,\n.hds-typography-technical-title--spacing {\n margin-top: var(--hds-spacing-small-1);\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAGA,uEAGE,sKAKA,sKAMF,uDAGE,sIAKA,sIAMF,uDAGE,sIAKA,sIAMF,wDAGE,wIAKA,wIAMF,oEAGE,gKAKA,gKAMF,qDAGE,kIAKA,kIAMF,iEAGE,0JAKA,0JAMF,iEAGE,0JAKA,0JAMF,6EAGE,kLAKA,kLAMF,2DAIA,uEAIA,+DAGE,sJAKA,sJAMF,2EAGE,8KAKA,8KASF,8FAQA,sFAIA,oGAKA,+PAeA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/typography/typography.css"],"sourcesContent":["/**\n * Font\n */\n.hds-typography-h1-display {\n font: var(--hds-brand-typography-h1-display);\n\n &.hds-typography-h1-display--min {\n font-size: var(--hds-brand-font-size-h1-display-min);\n line-height: var(--hds-brand-line-height-h1-display-min);\n }\n\n &.hds-typography-h1-display--max {\n font-size: var(--hds-brand-font-size-h1-display-max);\n line-height: var(--hds-brand-line-height-h1-display-max);\n }\n}\n\n.hds-typography-h1 {\n font: var(--hds-brand-typography-h1);\n\n &.hds-typography-h1--min {\n font-size: var(--hds-brand-font-size-h1-min);\n line-height: var(--hds-brand-line-height-h1-min);\n }\n\n &.hds-typography-h1--max {\n font-size: var(--hds-brand-font-size-h1-max);\n line-height: var(--hds-brand-line-height-h1-max);\n }\n}\n\n.hds-typography-h2 {\n font: var(--hds-brand-typography-h2);\n\n &.hds-typography-h2--min {\n font-size: var(--hds-brand-font-size-h2-min);\n line-height: var(--hds-brand-line-height-h2-min);\n }\n\n &.hds-typography-h2--max {\n font-size: var(--hds-brand-font-size-h2-max);\n line-height: var(--hds-brand-line-height-h2-max);\n }\n}\n\n.hds-typography-h3 {\n font: var(--hds-typography-header-h3);\n\n &.hds-typography-h3--min {\n font-size: var(--hds-font-size-header-h3-min);\n line-height: var(--hds-line-height-header-h3-min);\n }\n\n &.hds-typography-h3--max {\n font-size: var(--hds-font-size-header-h3-max);\n line-height: var(--hds-line-height-header-h3-max);\n }\n}\n\n.hds-typography-h3-title {\n font: var(--hds-typography-header-h3-title);\n\n &.hds-typography-h3-title--min {\n font-size: var(--hds-font-size-header-h3-title-min);\n line-height: var(--hds-line-height-header-h3-title-min);\n }\n\n &.hds-typography-h3-title--max {\n font-size: var(--hds-font-size-header-h3-title-max);\n line-height: var(--hds-line-height-header-h3-title-max);\n }\n}\n\n.hds-typography-body {\n font: var(--hds-typography-body);\n\n &.hds-typography-body--min {\n font-size: var(--hds-font-size-body-min);\n line-height: var(--hds-line-height-body-min);\n }\n\n &.hds-typography-body--max {\n font-size: var(--hds-font-size-body-max);\n line-height: var(--hds-line-height-body-max);\n }\n}\n\n.hds-typography-body-title {\n font: var(--hds-typography-body-title);\n\n &.hds-typography-body-title--min {\n font-size: var(--hds-font-size-body-title-min);\n line-height: var(--hds-line-height-body-title-min);\n }\n\n &.hds-typography-body-title--max {\n font-size: var(--hds-font-size-body-title-max);\n line-height: var(--hds-line-height-body-title-max);\n }\n}\n\n.hds-typography-body-small {\n font: var(--hds-typography-body-small);\n\n &.hds-typography-body-small--min {\n font-size: var(--hds-font-size-body-small-min);\n line-height: var(--hds-line-height-body-small-min);\n }\n\n &.hds-typography-body-small--max {\n font-size: var(--hds-font-size-body-small-max);\n line-height: var(--hds-line-height-body-small-max);\n }\n}\n\n.hds-typography-body-small-title {\n font: var(--hds-typography-body-small-title);\n\n &.hds-typography-body-small-title--min {\n font-size: var(--hds-font-size-body-small-title-min);\n line-height: var(--hds-line-height-body-small-title-min);\n }\n\n &.hds-typography-body-small-title--max {\n font-size: var(--hds-font-size-body-small-title-max);\n line-height: var(--hds-line-height-body-small-title-max);\n }\n}\n\n.hds-typography-caption {\n font: var(--hds-typography-caption);\n}\n\n.hds-typography-caption-title {\n font: var(--hds-typography-caption-title);\n}\n\n.hds-typography-technical {\n font: var(--hds-typography-technical);\n\n &.hds-typography-technical--min {\n font-size: var(--hds-font-size-technical-min);\n line-height: var(--hds-line-height-technical-min);\n }\n\n &.hds-typography-technical--max {\n font-size: var(--hds-font-size-technical-max);\n line-height: var(--hds-line-height-technical-max);\n }\n}\n\n.hds-typography-technical-title {\n font: var(--hds-typography-technical-title);\n\n &.hds-typography-technical-title--min {\n font-size: var(--hds-font-size-technical-title-min);\n line-height: var(--hds-line-height-technical-title-min);\n }\n\n &.hds-typography-technical-title--max {\n font-size: var(--hds-font-size-technical-title-max);\n line-height: var(--hds-line-height-technical-title-max);\n }\n}\n\n/**\n * Spacing\n */\n.hds-typography-h1--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-h1 ~ .hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-medium-3);\n}\n\n.hds-typography-h3--spacing,\n.hds-typography-h3-title--spacing {\n margin-top: var(--hds-spacing-large-2);\n}\n\n.hds-typography-body--spacing,\n.hds-typography-body-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-body-small--spacing,\n.hds-typography-body-small-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-caption--spacing,\n.hds-typography-caption-title--spacing {\n margin-top: var(--hds-spacing-medium-2);\n}\n\n.hds-typography-technical--spacing,\n.hds-typography-technical-title--spacing {\n margin-top: var(--hds-spacing-small-1);\n}\n"],"names":[]}
package/dist/warning-banner.css CHANGED
@@ -1,2 +1 @@
1
- .hds-box.hds-warning-banner{--hds-warning-banner-icon-dimension:var(--hds-spacing-medium-2);background-color:var(--hds-ui-colors-warning-yellow);padding:var(--hds-spacing-small-4);text-align:center;width:100%}.hds-box.hds-warning-banner .hds-warning-banner__description{font:var(--hds-typography-body-small)}.hds-box.hds-warning-banner .hds-warning-banner__title{margin:0}.hds-box.hds-warning-banner .hds-warning-banner__description{margin:0}.hds-box.hds-warning-banner .hds-warning-banner__title~.hds-warning-banner__description{margin-top:var(--hds-spacing-small-3)}@media (min-width:940px){.hds-box.hds-warning-banner .hds-warning-banner__title~.hds-warning-banner__description{margin-top:var(--hds-spacing-small-4)}}.hds-box.hds-warning-banner .hds-warning-banner__title{font:var(--hds-typography-body-small-title)}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger{cursor:pointer;background-color:transparent;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon{padding-left:var(--hds-spacing-small-4);width:var(--hds-warning-banner-icon-dimension);height:var(--hds-warning-banner-icon-dimension);transition:all 50ms;display:inline-block}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon .hds-warning-banner__title-trigger--icon-chevron{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black)}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon svg{vertical-align:baseline;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hds-box.hds-warning-banner .hds-warning-banner--closed.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon svg{-webkit-transform:rotate(0);transform:rotate(0)}.hds-box.hds-warning-banner .hds-warning-banner--closed~.hds-warning-banner__description{display:none}
2
- /*# sourceMappingURL=./warning-banner.css.map */
1
+ .hds-box.hds-warning-banner{--hds-warning-banner-icon-dimension:var(--hds-spacing-medium-2);background-color:var(--hds-ui-colors-warning-yellow);padding:var(--hds-spacing-small-4);text-align:center;width:100%}.hds-box.hds-warning-banner .hds-warning-banner__description{font:var(--hds-typography-body-small)}.hds-box.hds-warning-banner .hds-warning-banner__title{margin:0}.hds-box.hds-warning-banner .hds-warning-banner__description{margin:0}.hds-box.hds-warning-banner .hds-warning-banner__title~.hds-warning-banner__description{margin-top:var(--hds-spacing-small-3)}@media (min-width:940px){.hds-box.hds-warning-banner .hds-warning-banner__title~.hds-warning-banner__description{margin-top:var(--hds-spacing-small-4)}}.hds-box.hds-warning-banner .hds-warning-banner__title{font:var(--hds-typography-body-small-title)}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger{cursor:pointer;background-color:transparent;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon{padding-left:var(--hds-spacing-small-4);width:var(--hds-warning-banner-icon-dimension);height:var(--hds-warning-banner-icon-dimension);transition:all 50ms;display:inline-block}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon .hds-warning-banner__title-trigger--icon-chevron{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black)}.hds-box.hds-warning-banner .hds-warning-banner__title.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon svg{vertical-align:baseline;transform:rotate(180deg)}.hds-box.hds-warning-banner .hds-warning-banner--closed.hds-warning-banner__title-trigger .hds-warning-banner__title-trigger--icon svg{transform:rotate(0)}.hds-box.hds-warning-banner .hds-warning-banner--closed~.hds-warning-banner__description{display:none}
package/dist/warning-banner.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"AAAA,iNAQE,mGAKA,gEAAA,sEAMA,8HAGE,yBAAyB,+HAK3B,mGAGE,0NAUE,kTAOE,oPAKA,wNASJ,uLAKF","sources":["../src/warning-banner/warning-banner.css"],"sourcesContent":[".hds-box.hds-warning-banner {\n --hds-warning-banner-icon-dimension: var(--hds-spacing-medium-2);\n\n width: 100%;\n background-color: var(--hds-ui-colors-warning-yellow);\n padding: var(--hds-spacing-small-4);\n text-align: center;\n\n & .hds-warning-banner__description {\n font: var(--hds-typography-body-small);\n }\n\n /* Reset margin */\n & .hds-warning-banner__title,\n & .hds-warning-banner__description {\n margin: 0;\n }\n\n /* Spacing between title and description */\n & .hds-warning-banner__title ~ .hds-warning-banner__description {\n margin-top: var(--hds-spacing-small-3);\n\n @media (width >= 940px) {\n margin-top: var(--hds-spacing-small-4);\n }\n }\n\n .hds-warning-banner__title {\n font: var(--hds-typography-body-small-title);\n\n &.hds-warning-banner__title-trigger {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n width: 100%;\n border: 0;\n padding: 0;\n background-color: transparent;\n\n .hds-warning-banner__title-trigger--icon {\n transition: all 0.05s ease;\n display: inline-block;\n padding-left: var(--hds-spacing-small-4);\n width: var(--hds-warning-banner-icon-dimension);\n height: var(--hds-warning-banner-icon-dimension);\n\n .hds-warning-banner__title-trigger--icon-chevron {\n color: var(--hds-ui-colors-black);\n fill: var(--hds-ui-colors-black);\n }\n\n & svg {\n vertical-align: baseline;\n transform: rotate(180deg);\n }\n }\n }\n }\n\n & .hds-warning-banner--closed.hds-warning-banner__title-trigger {\n & .hds-warning-banner__title-trigger--icon svg {\n transform: rotate(0deg);\n }\n }\n\n & .hds-warning-banner--closed ~ .hds-warning-banner__description {\n display: none;\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAEA,iNAQE,mGAKA,gEAAA,sEAMA,8HAGE,yBAAkB,+HAKpB,mGAGE,0NAUE,kTAOE,oPAKA,uLASJ,2JAKF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/warning-banner/warning-banner.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/warning-banner/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n\n.hds-box.hds-warning-banner {\n --hds-warning-banner-icon-dimension: var(--hds-spacing-medium-2);\n\n width: 100%;\n background-color: var(--hds-ui-colors-warning-yellow);\n padding: var(--hds-spacing-small-4);\n text-align: center;\n\n & .hds-warning-banner__description {\n font: var(--hds-typography-body-small);\n }\n\n /* Reset margin */\n & .hds-warning-banner__title,\n & .hds-warning-banner__description {\n margin: 0;\n }\n\n /* Spacing between title and description */\n & .hds-warning-banner__title ~ .hds-warning-banner__description {\n margin-top: var(--hds-spacing-small-3);\n\n @media (--large) {\n margin-top: var(--hds-spacing-small-4);\n }\n }\n\n .hds-warning-banner__title {\n font: var(--hds-typography-body-small-title);\n\n &.hds-warning-banner__title-trigger {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n width: 100%;\n border: 0;\n padding: 0;\n background-color: transparent;\n\n .hds-warning-banner__title-trigger--icon {\n transition: all 0.05s ease;\n display: inline-block;\n padding-left: var(--hds-spacing-small-4);\n width: var(--hds-warning-banner-icon-dimension);\n height: var(--hds-warning-banner-icon-dimension);\n\n .hds-warning-banner__title-trigger--icon-chevron {\n color: var(--hds-ui-colors-black);\n fill: var(--hds-ui-colors-black);\n }\n\n & svg {\n vertical-align: baseline;\n transform: rotate(180deg);\n }\n }\n }\n }\n\n & .hds-warning-banner--closed.hds-warning-banner__title-trigger {\n & .hds-warning-banner__title-trigger--icon svg {\n transform: rotate(0deg);\n }\n }\n\n & .hds-warning-banner--closed ~ .hds-warning-banner__description {\n display: none;\n }\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@postenbring/hedwig-css",
3
- "version": "0.0.36",
3
+ "version": "0.0.38",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist/**",
@@ -11,8 +11,8 @@
11
11
  "devDependencies": {
12
12
  "browserslist": "4.22.2",
13
13
  "chokidar-cli": "3.0.0",
14
+ "globby": "14.0.0",
14
15
  "lightningcss": "1.23.0",
15
- "lightningcss-cli": "1.23.0",
16
16
  "sanitize.css": "^13.0.0",
17
17
  "stylelint": "16.1.0",
18
18
  "stylelint-config-standard": "36.0.0",
@@ -31,7 +31,7 @@
31
31
  ],
32
32
  "scripts": {
33
33
  "build": "pnpm run --sequential /^build:.*/",
34
- "build:css": "mkdir -p dist && cd dist && lightningcss --minify --bundle --sourcemap --targets '>= 0.25%' ../src/*.css ../src/**/*.css ../src/**/**/*.css -d .",
34
+ "build:css": "node ./build-css.mjs",
35
35
  "build:typed-classname": "node ./typed-classname/build.mjs",
36
36
  "build:scoped-css": "node ./build-scoped-css.mjs",
37
37
  "dev": "pnpm run --parallel /^dev:.*/",