@postenbring/hedwig-css 0.0.64 → 0.0.66

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.
@@ -1 +1 @@
1
- :root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-step-indicator .hds-step-indicator__header{justify-content:space-between;align-items:center;display:flex}.hds-step-indicator .hds-step-indicator__left-label{color:var(--hds-colors-dark)}.hds-step-indicator .hds-step-indicator__steps{margin-top:var(--hds-spacing-8);column-gap:var(--hds-spacing-4);display:flex}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step{border-radius:var(--hds-border-radius);height:var(--hds-spacing-4);width:100%}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=previous]{background-color:var(--hds-colors-signature)}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=active]{background-color:var(--hds-colors-dark)}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=next]{background-color:var(--hds-ui-colors-grey)}.hds-step-indicator .hds-step-indicator__title{font:var(--hds-typography-h1);color:var(--hds-colors-darker)}.hds-step-indicator .hds-step-indicator__title:not(:empty){margin-top:var(--hds-spacing-24-32)}
1
+ :root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-step-indicator .hds-step-indicator__header{justify-content:space-between;align-items:center;display:flex}.hds-step-indicator .hds-step-indicator__left-label{color:var(--hds-colors-dark)}.hds-step-indicator .hds-step-indicator__steps{margin-top:var(--hds-spacing-8);column-gap:var(--hds-spacing-4);display:flex}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step{border-radius:var(--hds-border-radius);height:var(--hds-spacing-4);width:100%}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=previous]{background-color:var(--hds-colors-signature)}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=active]{background-color:var(--hds-colors-signature)}.hds-step-indicator .hds-step-indicator__steps .hds-step-indicator__step[data-state=next]{background-color:var(--hds-ui-colors-grey)}.hds-step-indicator .hds-step-indicator__title{font:var(--hds-typography-h1);color:var(--hds-colors-darker)}.hds-step-indicator .hds-step-indicator__title:not(:empty){margin-top:var(--hds-spacing-24-32)}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFlPE,8GAMA,iFAIA,4HAKE,uJAKE,2IAIA,oIAIA,qIAMJ,4GAIE","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/step-indicator.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-step-indicator {\n .hds-step-indicator__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .hds-step-indicator__left-label {\n color: var(--hds-colors-dark);\n }\n\n .hds-step-indicator__steps {\n margin-top: var(--hds-spacing-8);\n display: flex;\n column-gap: var(--hds-spacing-4);\n\n .hds-step-indicator__step {\n width: 100%;\n border-radius: var(--hds-border-radius);\n height: var(--hds-spacing-4);\n\n &[data-state=\"previous\"] {\n background-color: var(--hds-colors-signature);\n }\n\n &[data-state=\"active\"] {\n background-color: var(--hds-colors-dark);\n }\n\n &[data-state=\"next\"] {\n background-color: var(--hds-ui-colors-grey);\n }\n }\n }\n\n .hds-step-indicator__title {\n font: var(--hds-typography-h1);\n color: var(--hds-colors-darker);\n\n &:not(:empty) {\n margin-top: var(--hds-spacing-24-32);\n }\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","@import url(\"../_custom-media.css\");\n\n/**\n * Responsive extension of the spacing css variables\n */\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/**\n * Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n *\n * If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n */\n\n/* Margin top */\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/* Responsive margin top. Mobile first, meaning it jumps up on larger screens */\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/* Margin bottom */\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/* Responsive margin bottom. Mobile first, meaning it jumps up on larger screens */\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\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":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFlPE,8GAMA,iFAIA,4HAKE,uJAKE,2IAIA,yIAIA,qIAMJ,4GAIE","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/step-indicator.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/step-indicator/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-step-indicator {\n .hds-step-indicator__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .hds-step-indicator__left-label {\n color: var(--hds-colors-dark);\n }\n\n .hds-step-indicator__steps {\n margin-top: var(--hds-spacing-8);\n display: flex;\n column-gap: var(--hds-spacing-4);\n\n .hds-step-indicator__step {\n width: 100%;\n border-radius: var(--hds-border-radius);\n height: var(--hds-spacing-4);\n\n &[data-state=\"previous\"] {\n background-color: var(--hds-colors-signature);\n }\n\n &[data-state=\"active\"] {\n background-color: var(--hds-colors-signature);\n }\n\n &[data-state=\"next\"] {\n background-color: var(--hds-ui-colors-grey);\n }\n }\n }\n\n .hds-step-indicator__title {\n font: var(--hds-typography-h1);\n color: var(--hds-colors-darker);\n\n &:not(:empty) {\n margin-top: var(--hds-spacing-24-32);\n }\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","@import url(\"../_custom-media.css\");\n\n/**\n * Responsive extension of the spacing css variables\n */\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/**\n * Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n *\n * If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n */\n\n/* Margin top */\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/* Responsive margin top. Mobile first, meaning it jumps up on larger screens */\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/* Margin bottom */\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/* Responsive margin bottom. Mobile first, meaning it jumps up on larger screens */\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\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.64",
3
+ "version": "0.0.66",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist/**",