@postenbring/hedwig-css 0.0.40 → 0.0.42

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 (44) hide show
  1. package/dist/all-in-one.css +1 -1
  2. package/dist/all-in-one.css.map +1 -1
  3. package/dist/body.css +1 -1
  4. package/dist/body.css.map +1 -1
  5. package/dist/box.css +1 -1
  6. package/dist/box.css.map +1 -1
  7. package/dist/card.css +1 -1
  8. package/dist/card.css.map +1 -1
  9. package/dist/classnames.d.ts +55 -51
  10. package/dist/description-list.css +1 -1
  11. package/dist/description-list.css.map +1 -1
  12. package/dist/error-message.css +1 -0
  13. package/dist/error-message.css.map +1 -0
  14. package/dist/fieldset.css +1 -0
  15. package/dist/fieldset.css.map +1 -0
  16. package/dist/index.css +1 -1
  17. package/dist/index.css.map +1 -1
  18. package/dist/input-group.css +1 -1
  19. package/dist/input-group.css.map +1 -1
  20. package/dist/input.css +1 -1
  21. package/dist/input.css.map +1 -1
  22. package/dist/link.css +1 -1
  23. package/dist/link.css.map +1 -1
  24. package/dist/list.css +1 -1
  25. package/dist/list.css.map +1 -1
  26. package/dist/message.css +1 -1
  27. package/dist/message.css.map +1 -1
  28. package/dist/modal.css +1 -1
  29. package/dist/modal.css.map +1 -1
  30. package/dist/navbar.css +1 -1
  31. package/dist/navbar.css.map +1 -1
  32. package/dist/prose.css +1 -1
  33. package/dist/prose.css.map +1 -1
  34. package/dist/scoped.css +1 -1
  35. package/dist/select.css +1 -1
  36. package/dist/select.css.map +1 -1
  37. package/dist/spacing.css +1 -0
  38. package/dist/spacing.css.map +1 -0
  39. package/dist/textarea.css.map +1 -1
  40. package/dist/tokens.css +1 -1
  41. package/dist/tokens.css.map +1 -1
  42. package/dist/typography.css +1 -1
  43. package/dist/typography.css.map +1 -1
  44. package/package.json +4 -4
package/dist/body.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AAMA,8NAWA,2EAcA,iCAIA,iCAIA,iCASA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/body.css"],"sourcesContent":["/*\n * All element selector, and general global styles should be defined in this file\n *\n * Based on hedwig global css\n * https://github.com/bring/hedwig/blob/master/src/shared/base/body.css\n */\n:root {\n box-sizing: border-box;\n font: var(--hds-typography-body);\n fill: var(--hds-ui-colors-black);\n color: var(--hds-ui-colors-black);\n line-height: 1.4;\n cursor: auto;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n background: var(--hds-ui-colors-white);\n\n /* Get specificity on the same level as the font decleration in the \n * legacy Hedwig CSS, making it possible to override by ordering */\n font: var(--hds-typography-body);\n}\n\n/**\n * Default typography for headings\n *\n * Since hedwig legacy sets default font-family\n * we need to override it to get the correct `Posten Sans`\n */\nh1 {\n font: var(--hds-typography-h1);\n}\n\nh2 {\n font: var(--hds-typography-h2);\n}\n\nh3 {\n font: var(--hds-typography-h3);\n}\n\n/*\n * Uncommon to use these levels,\n * but default to body-title.\n * The consumer should override to whatever fit's their need\n */\nh4,\nh5,\nh6 {\n font: var(--hds-typography-body-title);\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAMA,8NAWA,2EAcA,iCAIA,iCAIA,iCASA,+CASA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/body.css"],"sourcesContent":["/*\n * All element selector, and general global styles should be defined in this file\n *\n * Based on hedwig global css\n * https://github.com/bring/hedwig/blob/master/src/shared/base/body.css\n */\n:root {\n box-sizing: border-box;\n font: var(--hds-typography-body);\n fill: var(--hds-ui-colors-black);\n color: var(--hds-ui-colors-black);\n line-height: 1.4;\n cursor: auto;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n background: var(--hds-ui-colors-white);\n\n /* Get specificity on the same level as the font decleration in the \n * legacy Hedwig CSS, making it possible to override by ordering */\n font: var(--hds-typography-body);\n}\n\n/**\n * Default typography for headings\n *\n * Since hedwig legacy sets default font-family\n * we need to override it to get the correct `Posten Sans`\n */\nh1 {\n font: var(--hds-typography-h1);\n}\n\nh2 {\n font: var(--hds-typography-h2);\n}\n\nh3 {\n font: var(--hds-typography-h3);\n}\n\n/*\n * Uncommon to use these levels,\n * but default to body-title.\n * The consumer should override to whatever fit's their need\n */\nh4,\nh5,\nh6 {\n font: var(--hds-typography-body-title);\n}\n\n/**\n * Reset spacing but with a lower specificity\n */\n:where(p, a, button, h1, h2, h3, h4, h5, h6) {\n padding: 0;\n margin: 0;\n}\n"],"names":[]}
package/dist/box.css CHANGED
@@ -1 +1 @@
1
- .hds-box{border-radius:var(--hds-border-radius);--hds-component-box-padding:var(--hds-spacing-medium-2);padding:var(--hds-component-box-padding);position:relative}.hds-box{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-box.hds-box--light-grey{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-box.hds-box--lighter{background-color:var(--hds-colors-lighter)}.hds-box.hds-box--white{background-color:var(--hds-ui-colors-white);box-shadow:var(--hds-shadow-default)}.hds-box.hds-box--warning{background-color:var(--hds-ui-colors-warning-yellow)}@media (min-width:720px){.hds-box{--hds-component-box-padding:var(--hds-spacing-medium-3)}}.hds-box.hds-box--closed{display:none}.hds-box .hds-box__close-button{top:var(--hds-spacing-small-4);right:var(--hds-spacing-small-4);cursor:pointer;transition:filter var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");border:none;width:24px;height:24px;padding:0;position:absolute}.hds-box .hds-box__close-button:hover{filter:invert(40%)}.hds-box .hds-box__close-button:active{box-shadow:0 0 0 2px var(--hds-ui-colors-black-hover);outline:none}
1
+ .hds-box{border-radius:var(--hds-border-radius);--hds-component-box-padding:var(--hds-spacing-medium-2);padding:var(--hds-component-box-padding);position:relative}.hds-box{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-box.hds-box--light-grey{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-box.hds-box--lighter{background-color:var(--hds-colors-lighter)}.hds-box.hds-box--white{background-color:var(--hds-ui-colors-white);box-shadow:var(--hds-shadow-default)}.hds-box.hds-box--warning{background-color:var(--hds-ui-colors-warning-yellow)}@media (min-width:720px){.hds-box{--hds-component-box-padding:var(--hds-spacing-medium-3)}}.hds-box.hds-box--closed{display:none}.hds-box .hds-box__close-button{--hds-close-button-padding:var(--hds-spacing-small-2);width:calc(24px + var(--hds-close-button-padding));height:calc(24px + var(--hds-close-button-padding));top:calc(var(--hds-spacing-small-4) - var(--hds-close-button-padding)/2);right:calc(var(--hds-spacing-small-4) - var(--hds-close-button-padding)/2);border-radius:var(--hds-border-radius);cursor:pointer;transition:filter var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);background-color:transparent;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");background-position:50%;border:none;padding:0;position:absolute}.hds-box .hds-box__close-button:hover{background-color:rgba(0,0,0,.1)}.hds-box .hds-box__close-button:active{background-color:rgba(0,0,0,.2)}.hds-box .hds-box__close-button:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--hds-ui-colors-black-hover);outline:2px solid transparent}
package/dist/box.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AAEA,mKAIE,+DAAA,mFAKA,qEAIA,yGAKA,+EAOA,yBAAmB,kEAOnB,sCASF,yhCAmBE,yDAKA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/box/box.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/box/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n\n.hds-box {\n position: relative;\n border-radius: var(--hds-border-radius);\n\n &, /* Default */\n &.hds-box--light-grey {\n background-color: var(--hds-ui-colors-light-grey-fill);\n }\n\n &.hds-box--lighter {\n background-color: var(--hds-colors-lighter);\n }\n\n &.hds-box--white {\n background-color: var(--hds-ui-colors-white);\n box-shadow: var(--hds-shadow-default);\n }\n\n &.hds-box--warning {\n background-color: var(--hds-ui-colors-warning-yellow);\n }\n\n /* Padding */\n --hds-component-box-padding: var(--hds-spacing-medium-2);\n\n @media (--medium) {\n --hds-component-box-padding: var(--hds-spacing-medium-3);\n }\n\n padding: var(--hds-component-box-padding);\n\n /* Closed state */\n &.hds-box--closed {\n display: none;\n }\n}\n\n/**\n * Close button\n * TODO: Styling for the hover and focus effect can be improved upon\n */\n.hds-box .hds-box__close-button {\n /* Icon */\n width: 24px;\n height: 24px;\n background: transparent;\n background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>');\n\n /* Positioning */\n position: absolute;\n top: var(--hds-spacing-small-4);\n right: var(--hds-spacing-small-4);\n padding: 0;\n border: none;\n cursor: pointer;\n\n /* Hover effect */\n transition: filter var(--hds-micro-animation-duration-quick)\n var(--hds-micro-animation-easing-normal);\n\n &:hover {\n filter: invert(40%);\n }\n\n /* Active effect */\n &:active {\n outline: none;\n box-shadow: 0 0 0 2px var(--hds-ui-colors-black-hover);\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":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAEA,mKAIE,+DAAA,mFAKA,qEAIA,yGAKA,+EAOA,yBAAmB,kEAOnB,sCASF,q1CAuBE,sEAKA,uEAOA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/box/box.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/box/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n\n.hds-box {\n position: relative;\n border-radius: var(--hds-border-radius);\n\n &, /* Default */\n &.hds-box--light-grey {\n background-color: var(--hds-ui-colors-light-grey-fill);\n }\n\n &.hds-box--lighter {\n background-color: var(--hds-colors-lighter);\n }\n\n &.hds-box--white {\n background-color: var(--hds-ui-colors-white);\n box-shadow: var(--hds-shadow-default);\n }\n\n &.hds-box--warning {\n background-color: var(--hds-ui-colors-warning-yellow);\n }\n\n /* Padding */\n --hds-component-box-padding: var(--hds-spacing-medium-2);\n\n @media (--medium) {\n --hds-component-box-padding: var(--hds-spacing-medium-3);\n }\n\n padding: var(--hds-component-box-padding);\n\n /* Closed state */\n &.hds-box--closed {\n display: none;\n }\n}\n\n/**\n * Close button\n * TODO: Styling for the hover and focus effect can be improved upon\n */\n.hds-box .hds-box__close-button {\n --hds-close-button-padding: var(--hds-spacing-small-2);\n\n /* Icon */\n width: calc(24px + var(--hds-close-button-padding));\n height: calc(24px + var(--hds-close-button-padding));\n background-color: transparent;\n background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>');\n background-position: center;\n\n /* Positioning */\n position: absolute;\n top: calc(var(--hds-spacing-small-4) - var(--hds-close-button-padding) / 2);\n right: calc(var(--hds-spacing-small-4) - var(--hds-close-button-padding) / 2);\n padding: 0;\n border: none;\n border-radius: var(--hds-border-radius);\n cursor: pointer;\n\n /* Hover effect */\n transition: filter var(--hds-micro-animation-duration-quick)\n var(--hds-micro-animation-easing-normal);\n\n &:hover {\n background-color: rgb(0 0 0 / 10%);\n }\n\n /* Active effect */\n &:active {\n background-color: rgb(0 0 0 / 20%);\n\n /* outline: none; */\n }\n\n /* Keyboard focus */\n &:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n box-shadow: 0 0 0 2px var(--hds-ui-colors-black-hover);\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/dist/card.css CHANGED
@@ -1 +1 @@
1
- .hds-card{border-bottom:initial;-webkit-text-decoration:initial;text-decoration:initial;background:var(--hds-colors-lighter);border-radius:var(--hds-border-radius);transition:transform var(--hds-micro-animation-duration-normal);color:var(--hds-ui-colors-black);flex-direction:column;display:flex;position:relative}.hds-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.12)}.hds-card:hover:after{opacity:1}.hds-card .hds-card__media{width:-moz-fit-content;width:fit-content}.hds-card .hds-card__media .hds-card__media__img{width:100%}.hds-card .hds-card__body{padding:var(--hds-spacing-medium-2)}.hds-card .hds-card__body:hover{color:initial}.hds-card .hds-card__body-header{margin-top:0;margin-bottom:0}.hds-card .hds-card__body-header-overline{font-size:var(--hds-font-size-technical-title);color:var(--hds-colors-dark);display:block}.hds-card .hds-card__body-header-title{font-size:var(--hds-font-size-h2-min);font-weight:var(--hds-font-weight-h3);line-height:var(--hds-spacing-medium-4)}.hds-card .hds-card__body-action-arrow{background-image:url("data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>");border-bottom:none;width:20px;height:20px;display:block}
1
+ .hds-card{border-bottom:initial;-webkit-text-decoration:initial;text-decoration:initial;background:var(--hds-colors-lighter);border-radius:var(--hds-border-radius);transition:box-shadow var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);color:var(--hds-ui-colors-black);flex-direction:column;display:flex;position:relative}.hds-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.12)}.hds-card:hover:after{opacity:1}.hds-card .hds-card__media{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hds-card .hds-card__media .hds-card__media__img{width:100%}.hds-card .hds-card__body{padding:var(--hds-spacing-medium-2)}@media (min-width:940px){.hds-card .hds-card__body{padding:var(--hds-spacing-medium-3)}}.hds-card .hds-card__body:hover{color:initial}.hds-card .hds-card__body-header{margin-top:0;margin-bottom:0}.hds-card .hds-card__body-header-overline{color:var(--hds-colors-dark);font-family:var(--hds-fonts-posten-sans);font-size:var(--hds-font-size-technical-max);font-weight:var(--hds-font-weight-technical);line-height:var(--hds-line-height-technical-max);display:block}.hds-card .hds-card__body-header-title{font-size:var(--hds-font-size-h2-min);font-weight:var(--hds-font-weight-h3);line-height:var(--hds-line-height-h2-max)}.hds-card .hds-card__body-description{margin-top:var(--hds-spacing-small-4);font-family:var(--hds-fonts-posten-sans);font-size:var(--hds-font-size-technical-max);font-weight:var(--hds-font-weight-technical);line-height:var(--hds-line-height-technical-max)}@media (min-width:940px){.hds-card .hds-card__body-description{margin-top:var(--hds-spacing-medium-1)}}.hds-card .hds-card__body-action{margin-top:var(--hds-spacing-small-4);display:inline-block}@media (min-width:940px){.hds-card .hds-card__body-action{margin-top:var(--hds-spacing-medium-1)}}.hds-card .hds-card__body-action-arrow{margin-top:var(--hds-spacing-small-4);display:inline-block}@media (min-width:940px){.hds-card .hds-card__body-action-arrow{margin-top:var(--hds-spacing-medium-1)}}.hds-card .hds-card__body-action-arrow{background-image:url("data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>");border-bottom:none;width:20px;height:20px}
package/dist/card.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AACA,0TAWE,qDAGE,gCAKF,oEAGE,4DAKF,8DAGE,8CAKF,8DAKA,oIAMA,2JAMA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/card/card.css"],"sourcesContent":["/* stylelint-disable selector-class-pattern */\n.hds-card {\n position: relative;\n border-bottom: initial;\n text-decoration: initial;\n background: var(--hds-colors-lighter);\n border-radius: var(--hds-border-radius);\n transition: transform var(--hds-micro-animation-duration-normal);\n display: flex;\n flex-direction: column;\n color: var(--hds-ui-colors-black);\n\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0 0 0 / 12%);\n\n &::after {\n opacity: 1;\n }\n }\n\n .hds-card__media {\n width: fit-content;\n\n .hds-card__media__img {\n width: 100%;\n }\n }\n\n .hds-card__body {\n padding: var(--hds-spacing-medium-2);\n\n &:hover {\n color: initial;\n }\n }\n\n .hds-card__body-header {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .hds-card__body-header-overline {\n display: block;\n font-size: var(--hds-font-size-technical-title);\n color: var(--hds-colors-dark);\n }\n\n .hds-card__body-header-title {\n font-size: var(--hds-font-size-h2-min);\n font-weight: var(--hds-font-weight-h3);\n line-height: var(--hds-spacing-medium-4);\n }\n\n .hds-card__body-action-arrow {\n background-image: url('data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>');\n width: 20px;\n height: 20px;\n display: block;\n border-bottom: none;\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AAGA,mWAYE,qDAGE,gCAKF,8FAGE,4DAKF,8DAGE,yBAAkB,+DAIlB,8CAKF,8DAKA,yQASA,6JAMA,gQAGE,yBAAkB,8EAUpB,4FAKE,yBAAkB,yEALpB,kGAKE,yBAAkB,+EAKpB","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/card/card.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/card/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n\n/* stylelint-disable selector-class-pattern */\n.hds-card {\n position: relative;\n border-bottom: initial;\n text-decoration: initial;\n background: var(--hds-colors-lighter);\n border-radius: var(--hds-border-radius);\n transition: box-shadow var(--hds-micro-animation-duration-normal)\n var(--hds-micro-animation-easing-normal);\n display: flex;\n flex-direction: column;\n color: var(--hds-ui-colors-black);\n\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0 0 0 / 12%);\n\n &::after {\n opacity: 1;\n }\n }\n\n .hds-card__media {\n width: fit-content;\n\n .hds-card__media__img {\n width: 100%;\n }\n }\n\n .hds-card__body {\n padding: var(--hds-spacing-medium-2);\n\n @media (--large) {\n padding: var(--hds-spacing-medium-3);\n }\n\n &:hover {\n color: initial;\n }\n }\n\n .hds-card__body-header {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .hds-card__body-header-overline {\n display: block;\n color: var(--hds-colors-dark);\n font-family: var(--hds-fonts-posten-sans);\n font-size: var(--hds-font-size-technical-max);\n font-weight: var(--hds-font-weight-technical);\n line-height: var(--hds-line-height-technical-max);\n }\n\n .hds-card__body-header-title {\n font-size: var(--hds-font-size-h2-min);\n font-weight: var(--hds-font-weight-h3);\n line-height: var(--hds-line-height-h2-max);\n }\n\n .hds-card__body-description {\n margin-top: var(--hds-spacing-small-4);\n\n @media (--large) {\n margin-top: var(--hds-spacing-medium-1);\n }\n\n font-family: var(--hds-fonts-posten-sans);\n font-size: var(--hds-font-size-technical-max);\n font-weight: var(--hds-font-weight-technical);\n line-height: var(--hds-line-height-technical-max);\n }\n\n .hds-card__body-action,\n .hds-card__body-action-arrow {\n display: inline-block;\n margin-top: var(--hds-spacing-small-4);\n\n @media (--large) {\n margin-top: var(--hds-spacing-medium-1);\n }\n }\n\n .hds-card__body-action-arrow {\n background-image: url('data:image/svg+xml,<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.7891 5.25229L11.0859 5.92026C10.9102 6.09604 10.9102 6.37729 11.0859 6.51791L16.5352 11.9671H4.54688C4.30078 11.9671 4.125 12.1781 4.125 12.389V13.3734C4.125 13.6195 4.30078 13.7953 4.54688 13.7953H16.5352L11.0859 19.2796C10.9102 19.4203 10.9102 19.7015 11.0859 19.8773L11.7891 20.5453C11.9297 20.721 12.2109 20.721 12.3867 20.5453L19.7344 13.1976C19.9102 13.0218 19.9102 12.7757 19.7344 12.5999L12.3867 5.25229C12.2109 5.07651 11.9297 5.07651 11.7891 5.25229Z\" fill=\"black\"/></svg>');\n width: 20px;\n height: 20px;\n border-bottom: 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/dist/classnames.d.ts CHANGED
@@ -46,16 +46,9 @@ export type ClassNames =
46
46
  | "hds-card__body-header"
47
47
  | "hds-card__body-header-overline"
48
48
  | "hds-card__body-header-title"
49
+ | "hds-card__body-description"
50
+ | "hds-card__body-action"
49
51
  | "hds-card__body-action-arrow"
50
- | "hds-input"
51
- | "hds-input-group__input"
52
- | "hds-input-group"
53
- | "hds-input-group--error"
54
- | "hds-input-group__input-wrapper"
55
- | "hds-input-group__error-message"
56
- | "hds-input-group--default"
57
- | "hds-input-group--white"
58
- | "hds-input-group__label"
59
52
  | "hds-container"
60
53
  | "hds-container--default"
61
54
  | "hds-container--slim"
@@ -101,12 +94,18 @@ export type ClassNames =
101
94
  | "hds-message__description"
102
95
  | "hds-modal"
103
96
  | "hds-modal__header"
97
+ | "hds-modal__content"
98
+ | "hds-modal__footer"
99
+ | "hds-modal-scroll-lock"
104
100
  | "hds-navbar"
105
- | "hds-navbar__expandable-menu-trigger"
106
101
  | "hds-navbar__expandable-menu-content"
102
+ | "hds-navbar__button"
103
+ | "hds-navbar__navigation"
107
104
  | "hds-navbar__logo"
108
105
  | "hds-theme-bring"
109
- | "hds-select"
106
+ | "hds-prose"
107
+ | "hds-prose--small"
108
+ | "hds-prose--darkmode"
110
109
  | "hds-tabs"
111
110
  | "hds-tabs--list"
112
111
  | "hds-tabs--list-horizontal"
@@ -114,54 +113,46 @@ export type ClassNames =
114
113
  | "hds-tabs--tab-active"
115
114
  | "hds-tabs--list-vertical"
116
115
  | "hds-tabs--contents"
117
- | "hds-textarea"
116
+ | "hds-mt-small-1"
117
+ | "hds-mt-small-2"
118
+ | "hds-mt-small-3"
119
+ | "hds-mt-small-4"
120
+ | "hds-mt-medium-1"
121
+ | "hds-mt-medium-2"
122
+ | "hds-mt-medium-3"
123
+ | "hds-mt-medium-4"
124
+ | "hds-mt-large-1"
125
+ | "hds-mt-large-2"
126
+ | "hds-mt-large-3"
127
+ | "hds-mt-large-4"
128
+ | "hds-mt-small-1-responsive"
129
+ | "hds-mt-small-2-responsive"
130
+ | "hds-mt-small-3-responsive"
131
+ | "hds-mt-small-4-responsive"
132
+ | "hds-mt-medium-1-responsive"
133
+ | "hds-mt-medium-2-responsive"
134
+ | "hds-mt-medium-3-responsive"
135
+ | "hds-mt-medium-4-responsive"
136
+ | "hds-mt-large-1-responsive"
137
+ | "hds-mt-large-2-responsive"
138
+ | "hds-mt-large-3-responsive"
139
+ | "hds-mt-large-4-responsive"
118
140
  | "hds-typography-h1-display"
119
- | "hds-typography-h1-display--min"
120
- | "hds-typography-h1-display--max"
141
+ | "hds-typography--min"
142
+ | "hds-typography--max"
121
143
  | "hds-typography-h1"
122
- | "hds-typography-h1--min"
123
- | "hds-typography-h1--max"
124
144
  | "hds-typography-h2"
125
- | "hds-typography-h2--min"
126
- | "hds-typography-h2--max"
127
145
  | "hds-typography-h3"
128
- | "hds-typography-h3--min"
129
- | "hds-typography-h3--max"
130
146
  | "hds-typography-h3-title"
131
- | "hds-typography-h3-title--min"
132
- | "hds-typography-h3-title--max"
133
147
  | "hds-typography-body"
134
- | "hds-typography-body--min"
135
- | "hds-typography-body--max"
136
148
  | "hds-typography-body-title"
137
- | "hds-typography-body-title--min"
138
- | "hds-typography-body-title--max"
139
149
  | "hds-typography-body-small"
140
- | "hds-typography-body-small--min"
141
- | "hds-typography-body-small--max"
142
150
  | "hds-typography-body-small-title"
143
- | "hds-typography-body-small-title--min"
144
- | "hds-typography-body-small-title--max"
145
- | "hds-typography-caption"
146
- | "hds-typography-caption-title"
147
151
  | "hds-typography-technical"
148
- | "hds-typography-technical--min"
149
- | "hds-typography-technical--max"
150
152
  | "hds-typography-technical-title"
151
- | "hds-typography-technical-title--min"
152
- | "hds-typography-technical-title--max"
153
- | "hds-typography-h1--spacing"
154
- | "hds-typography-h2--spacing"
155
- | "hds-typography-h3--spacing"
156
- | "hds-typography-h3-title--spacing"
157
- | "hds-typography-body--spacing"
158
- | "hds-typography-body-title--spacing"
159
- | "hds-typography-body-small--spacing"
160
- | "hds-typography-body-small-title--spacing"
161
- | "hds-typography-caption--spacing"
162
- | "hds-typography-caption-title--spacing"
163
- | "hds-typography-technical--spacing"
164
- | "hds-typography-technical-title--spacing"
153
+ | "hds-typography-caption"
154
+ | "hds-typography-caption-title"
155
+ | "hds-typography--spacing"
165
156
  | "hds-warning-banner"
166
157
  | "hds-warning-banner__description"
167
158
  | "hds-warning-banner__title"
@@ -169,6 +160,19 @@ export type ClassNames =
169
160
  | "hds-warning-banner__title-trigger--icon"
170
161
  | "hds-warning-banner__title-trigger--icon-chevron"
171
162
  | "hds-warning-banner--closed"
172
- | "hds-prose"
173
- | "hds-prose--small"
174
- | "hds-prose--darkmode";
163
+ | "hds-error-message"
164
+ | "hds-fieldset"
165
+ | "hds-fieldset__legend"
166
+ | "hds-fieldset__legend--default"
167
+ | "hds-fieldset__legend--large"
168
+ | "hds-fieldset__input-wrapper"
169
+ | "hds-input"
170
+ | "hds-input-group__input"
171
+ | "hds-input-group"
172
+ | "hds-input-group--error"
173
+ | "hds-input-group__input-wrapper"
174
+ | "hds-input-group--default"
175
+ | "hds-input-group--white"
176
+ | "hds-input-group__label"
177
+ | "hds-select"
178
+ | "hds-textarea";
package/dist/description-list.css CHANGED
@@ -1 +1 @@
1
- :where(.hds-list){margin:0}.hds-description-list{font:var(--hds-typography-body);padding-left:0;list-style:none}.hds-description-list dt{font:var(--hds-typography-body-title)}.hds-description-list :is(dt,div):not(:first-of-type){margin-top:var(--hds-spacing-small-3)}.hds-description-list dd{margin-left:0}.hds-description-list dd{margin-top:2px}.hds-description-list.hds-description-list--vertical dd{margin-top:2px}.hds-description-list.hds-description-list--horizontal dt{margin-right:var(--hds-spacing-small-2);display:inline-block}.hds-description-list.hds-description-list--horizontal dd{margin-top:0;display:inline}.hds-description-list.hds-description-list--horizontal dd:after{content:"\a ";white-space:pre}.hds-description-list.hds-description-list--horizontal :is(dt,dd) *{display:inline}
1
+ :where(.hds-list){margin:0}.hds-description-list{font:var(--hds-typography-body);padding-left:0;list-style:none}.hds-description-list dt{font:var(--hds-typography-body-title)}.hds-description-list :-webkit-any(dt,div):not(:first-of-type){margin-top:var(--hds-spacing-small-3)}.hds-description-list :is(dt,div):not(:first-of-type){margin-top:var(--hds-spacing-small-3)}.hds-description-list dd{margin-left:0}.hds-description-list dd{margin-top:2px}.hds-description-list.hds-description-list--vertical dd{margin-top:2px}.hds-description-list.hds-description-list--horizontal dt{margin-right:var(--hds-spacing-small-2);display:inline-block}.hds-description-list.hds-description-list--horizontal dd{margin-top:0;display:inline}.hds-description-list.hds-description-list--horizontal dd:after{content:"\a ";white-space:pre}.hds-description-list.hds-description-list--horizontal :-webkit-any(dt,dd) *{display:inline}.hds-description-list.hds-description-list--horizontal :is(dt,dd) *{display:inline}
package/dist/description-list.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AACA,2BAIA,qFAKE,+DASA,4FAIA,uCAME,wCAAA,uEAMA,uHAKA,sFAIE,8FAUF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/list/description-list.css"],"sourcesContent":["/* Reset outer margin from the browser defaults, but let consumers easily override it */\n:where(.hds-list) {\n margin: 0;\n}\n\n.hds-description-list {\n list-style: none;\n padding-left: 0;\n font: var(--hds-typography-body);\n\n & dt {\n font: var(--hds-typography-body-title);\n }\n\n /**\n * Spacing between each item\n * a description list can either have `div` wrapping the groups of `dt` and `dd`\n * or just the `dt` and `dd` as a flat list next to each other\n */\n & :is(dt, div):not(:first-of-type) {\n margin-top: var(--hds-spacing-small-3);\n }\n\n & dd {\n margin-left: 0;\n }\n\n &, /* Default */\n &.hds-description-list--vertical {\n & dd {\n margin-top: 2px;\n }\n }\n\n &.hds-description-list--horizontal {\n & dt {\n display: inline-block;\n margin-right: var(--hds-spacing-small-2);\n }\n\n & dd {\n display: inline;\n margin-top: 0;\n\n &::after {\n content: \"\\a\";\n white-space: pre;\n }\n }\n\n /**\n * When a non-text element is inside it will mess up the layout\n * if has `display: block` and/or some margin\n */\n & :is(dt, dd) * {\n display: inline;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"AACA,2BAIA,qFAKE,+DASA,qGAAA,4FAIA,uCAME,wCAAA,uEAMA,uHAKA,sFAIE,8FAUF,4FAAA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/list/description-list.css"],"sourcesContent":["/* Reset outer margin from the browser defaults, but let consumers easily override it */\n:where(.hds-list) {\n margin: 0;\n}\n\n.hds-description-list {\n list-style: none;\n padding-left: 0;\n font: var(--hds-typography-body);\n\n & dt {\n font: var(--hds-typography-body-title);\n }\n\n /**\n * Spacing between each item\n * a description list can either have `div` wrapping the groups of `dt` and `dd`\n * or just the `dt` and `dd` as a flat list next to each other\n */\n & :is(dt, div):not(:first-of-type) {\n margin-top: var(--hds-spacing-small-3);\n }\n\n & dd {\n margin-left: 0;\n }\n\n &, /* Default */\n &.hds-description-list--vertical {\n & dd {\n margin-top: 2px;\n }\n }\n\n &.hds-description-list--horizontal {\n & dt {\n display: inline-block;\n margin-right: var(--hds-spacing-small-2);\n }\n\n & dd {\n display: inline;\n margin-top: 0;\n\n &::after {\n content: \"\\a\";\n white-space: pre;\n }\n }\n\n /**\n * When a non-text element is inside it will mess up the layout\n * if has `display: block` and/or some margin\n */\n & :is(dt, dd) * {\n display: inline;\n }\n }\n}\n"],"names":[]}
package/dist/error-message.css ADDED
@@ -0,0 +1 @@
1
+ .hds-error-message{font:var(--hds-typography-caption-title);color:var(--hds-ui-colors-dark-grey);padding:var(--hds-spacing-small-1)0 0 var(--hds-spacing-medium-4)}.hds-error-message:empty{display:none}.hds-error-message:not(:empty){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>");background-repeat:no-repeat;background-position-x:var(--hds-spacing-small-2);background-position-y:top}
package/dist/error-message.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"AAAA,mKAME,sCAIA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/error-message/error-message.css"],"sourcesContent":[".hds-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-medium-4);\n\n /* Avoid spacing when no errors are active, but keep the element always in DOM so `aria-live` works */\n &:empty {\n display: none;\n }\n\n &:not(:empty) {\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: var(--hds-spacing-small-2);\n background-position-y: top;\n }\n}\n"],"names":[]}
package/dist/fieldset.css ADDED
@@ -0,0 +1 @@
1
+ .hds-fieldset{gap:var(--hds-spacing-small-1);border:0;flex-flow:column;margin:0;padding:0;display:flex}.hds-fieldset:focus-within .hds-fieldset__legend{color:var(--hds-colors-darker)}.hds-fieldset .hds-fieldset__legend{margin-bottom:var(--hds-spacing-small-1);transition:color var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);font:var(--hds-typography-caption);padding:0}.hds-fieldset .hds-fieldset__legend--default{margin-bottom:var(--hds-spacing-small-1);transition:color var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);font:var(--hds-typography-caption);padding:0}.hds-fieldset .hds-fieldset__legend--large{font:var(--hds-typography-body-title)}.hds-fieldset .hds-fieldset__input-wrapper{opacity:1}
package/dist/fieldset.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"AAAA,uGAQE,gFAIA,6NAAA,sOASA,iFAIA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/fieldset/fieldset.css"],"sourcesContent":[".hds-fieldset {\n display: flex;\n flex-flow: column nowrap;\n gap: var(--hds-spacing-small-1);\n border: 0;\n margin: 0;\n padding: 0;\n\n &:focus-within .hds-fieldset__legend {\n color: var(--hds-colors-darker);\n }\n\n & .hds-fieldset__legend,\n & .hds-fieldset__legend--default {\n padding: 0;\n margin-bottom: var(--hds-spacing-small-1);\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 & .hds-fieldset__legend--large {\n font: var(--hds-typography-body-title);\n }\n\n & .hds-fieldset__input-wrapper {\n opacity: 1; /* TODO do we need wrapper? Does it need styling? Adding this to make a valid, existing class for clsx() */\n }\n}\n"],"names":[]}