@veeqo/ui 14.10.1 → 14.10.2

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 (25) hide show
  1. package/dist/components/Action/styles/button.module.scss.cjs +2 -2
  2. package/dist/components/Action/styles/button.module.scss.cjs.map +1 -1
  3. package/dist/components/Action/styles/button.module.scss.js +2 -2
  4. package/dist/components/Action/styles/button.module.scss.js.map +1 -1
  5. package/dist/components/Action/styles/link.module.scss.cjs +2 -2
  6. package/dist/components/Action/styles/link.module.scss.cjs.map +1 -1
  7. package/dist/components/Action/styles/link.module.scss.js +2 -2
  8. package/dist/components/Action/styles/link.module.scss.js.map +1 -1
  9. package/dist/components/Action/utils.cjs +12 -14
  10. package/dist/components/Action/utils.cjs.map +1 -1
  11. package/dist/components/Action/utils.js +12 -14
  12. package/dist/components/Action/utils.js.map +1 -1
  13. package/dist/components/Button/Button.cjs +37 -37
  14. package/dist/components/Button/Button.cjs.map +1 -1
  15. package/dist/components/Button/Button.d.ts +13 -4
  16. package/dist/components/Button/Button.js +37 -37
  17. package/dist/components/Button/Button.js.map +1 -1
  18. package/dist/components/Button/Button.module.scss.cjs +9 -0
  19. package/dist/components/Button/Button.module.scss.cjs.map +1 -0
  20. package/dist/components/Button/Button.module.scss.js +7 -0
  21. package/dist/components/Button/Button.module.scss.js.map +1 -0
  22. package/dist/components/Button/types.d.ts +16 -7
  23. package/dist/components/Pagination/styled.d.ts +6 -1
  24. package/dist/components/VideoModal/styled.d.ts +6 -1
  25. package/package.json +1 -1
package/dist/components/Action/styles/button.module.scss.cjs CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._heading-xxl_1d6dx_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1d6dx_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1d6dx_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1d6dx_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1d6dx_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1d6dx_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1d6dx_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1d6dx_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1d6dx_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1d6dx_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1d6dx_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1d6dx_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1d6dx_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1d6dx_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1d6dx_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1d6dx_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1d6dx_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1d6dx_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1d6dx_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1d6dx_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1d6dx_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1d6dx_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1d6dx_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1d6dx_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1d6dx_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1d6dx_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1d6dx_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1d6dx_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1d6dx_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1d6dx_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1d6dx_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_1d6dx_342 {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n /* Default button */\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n /* Icon Slot */\n /* External Icon */\n}\n._base_1d6dx_342 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_1d6dx_342 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_1d6dx_342:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_1d6dx_342:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342._icon_1d6dx_405 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._dropdown_1d6dx_408 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._iconOnly_1d6dx_411 {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n}\n._base_1d6dx_342._sm-size_1d6dx_419 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437._iconOnly_1d6dx_411 svg, ._base_1d6dx_342._xs-size_1d6dx_437._dropdown_1d6dx_408 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461 {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475 {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483._disabled_1d6dx_499 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_1d6dx_342._disabled_1d6dx_499 {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}\n\n._content_1d6dx_511 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_1d6dx_518 {\n visibility: hidden;\n}\n\n._loadingWrapper_1d6dx_522 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._loader_1d6dx_533 {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}");
6
- var buttonStyles = {"heading-xxl":"_heading-xxl_1d6dx_1","heading-xl":"_heading-xl_1d6dx_12","heading-large":"_heading-large_1d6dx_23","heading-medium":"_heading-medium_1d6dx_34","heading-small":"_heading-small_1d6dx_45","heading-table":"_heading-table_1d6dx_56","subheading-large":"_subheading-large_1d6dx_67","subheading-medium":"_subheading-medium_1d6dx_78","subheading-small":"_subheading-small_1d6dx_89","subheading-small-bold":"_subheading-small-bold_1d6dx_100","body":"_body_1d6dx_111","body-small":"_body-small_1d6dx_122","body-bold":"_body-bold_1d6dx_133","body-bold-dark":"_body-bold-dark_1d6dx_144","body-small-bold":"_body-small-bold_1d6dx_155","button":"_button_1d6dx_166","button-small":"_button-small_1d6dx_177","link-large":"_link-large_1d6dx_188","link-medium":"_link-medium_1d6dx_199","link":"_link_1d6dx_188","link-small":"_link-small_1d6dx_221","input-label":"_input-label_1d6dx_232","input-label-small":"_input-label-small_1d6dx_243","hint-text":"_hint-text_1d6dx_254","placeholder":"_placeholder_1d6dx_265","placeholder-small":"_placeholder-small_1d6dx_276","placeholder-code":"_placeholder-code_1d6dx_287","placeholder-code-small":"_placeholder-code-small_1d6dx_298","error":"_error_1d6dx_309","error-small":"_error-small_1d6dx_320","success-small":"_success-small_1d6dx_331","base":"_base_1d6dx_342","icon":"_icon_1d6dx_405","dropdown":"_dropdown_1d6dx_408","iconOnly":"_iconOnly_1d6dx_411","sm-size":"_sm-size_1d6dx_419","xs-size":"_xs-size_1d6dx_437","primary-variant":"_primary-variant_1d6dx_461","destructive-variant":"_destructive-variant_1d6dx_475","flat-variant":"_flat-variant_1d6dx_483","disabled":"_disabled_1d6dx_499","content":"_content_1d6dx_511","hideContent":"_hideContent_1d6dx_518","loadingWrapper":"_loadingWrapper_1d6dx_522","loader":"_loader_1d6dx_533"};
5
+ ___$insertStyle("._heading-xxl_1dm92_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1dm92_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1dm92_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1dm92_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1dm92_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1dm92_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1dm92_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1dm92_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1dm92_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1dm92_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1dm92_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1dm92_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1dm92_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1dm92_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1dm92_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1dm92_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1dm92_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1dm92_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1dm92_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1dm92_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1dm92_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1dm92_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1dm92_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1dm92_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1dm92_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1dm92_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1dm92_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1dm92_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1dm92_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1dm92_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1dm92_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._button_1dm92_166 {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n /* Default button */\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n /* Icon Slot */\n /* External Icon */\n}\n._button_1dm92_166 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._button_1dm92_166 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._button_1dm92_166:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._button_1dm92_166:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166._icon_1dm92_405 {\n padding-left: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._dropdown_1dm92_408 {\n padding-right: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._iconOnly_1dm92_411 {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n}\n._button_1dm92_166._sm_1dm92_419 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437._iconOnly_1dm92_411 svg, ._button_1dm92_166._xs_1dm92_437._dropdown_1dm92_408 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._button_1dm92_166._primary_1dm92_461 {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n}\n._button_1dm92_166._primary_1dm92_461:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._primary_1dm92_461:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._destructive_1dm92_475 {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n}\n._button_1dm92_166._destructive_1dm92_475:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._button_1dm92_166._flat_1dm92_483 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._button_1dm92_166._flat_1dm92_483:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._button_1dm92_166._flat_1dm92_483:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483._disabled_1dm92_499 {\n background-color: transparent;\n border-color: transparent;\n}\n._button_1dm92_166 ._hideContent_1dm92_503 {\n opacity: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 > ._loader_1dm92_517 {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}\n\n._button_1dm92_166:disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}");
6
+ var buttonStyles = {"heading-xxl":"_heading-xxl_1dm92_1","heading-xl":"_heading-xl_1dm92_12","heading-large":"_heading-large_1dm92_23","heading-medium":"_heading-medium_1dm92_34","heading-small":"_heading-small_1dm92_45","heading-table":"_heading-table_1dm92_56","subheading-large":"_subheading-large_1dm92_67","subheading-medium":"_subheading-medium_1dm92_78","subheading-small":"_subheading-small_1dm92_89","subheading-small-bold":"_subheading-small-bold_1dm92_100","body":"_body_1dm92_111","body-small":"_body-small_1dm92_122","body-bold":"_body-bold_1dm92_133","body-bold-dark":"_body-bold-dark_1dm92_144","body-small-bold":"_body-small-bold_1dm92_155","button":"_button_1dm92_166","button-small":"_button-small_1dm92_177","link-large":"_link-large_1dm92_188","link-medium":"_link-medium_1dm92_199","link":"_link_1dm92_188","link-small":"_link-small_1dm92_221","input-label":"_input-label_1dm92_232","input-label-small":"_input-label-small_1dm92_243","hint-text":"_hint-text_1dm92_254","placeholder":"_placeholder_1dm92_265","placeholder-small":"_placeholder-small_1dm92_276","placeholder-code":"_placeholder-code_1dm92_287","placeholder-code-small":"_placeholder-code-small_1dm92_298","error":"_error_1dm92_309","error-small":"_error-small_1dm92_320","success-small":"_success-small_1dm92_331","icon":"_icon_1dm92_405","dropdown":"_dropdown_1dm92_408","iconOnly":"_iconOnly_1dm92_411","sm":"_sm_1dm92_419","xs":"_xs_1dm92_437","primary":"_primary_1dm92_461","destructive":"_destructive_1dm92_475","flat":"_flat_1dm92_483","disabled":"_disabled_1dm92_499","hideContent":"_hideContent_1dm92_503","loadingWrapper":"_loadingWrapper_1dm92_506","loader":"_loader_1dm92_517"};
7
7
 
8
8
  module.exports = buttonStyles;
9
9
  //# sourceMappingURL=button.module.scss.cjs.map
package/dist/components/Action/styles/button.module.scss.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.module.scss.cjs","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.base {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n\n @include text.button;\n /* Default button */\n\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n\n /* Icon Slot */\n svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n\n /* External Icon */\n svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &.icon {\n padding-left: var(--button-icon-inline-padding);\n }\n\n &.dropdown {\n padding-right: var(--button-icon-inline-padding);\n }\n\n &.iconOnly {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n }\n\n &.sm-size {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n\n @include text.button-small;\n\n color: var(--accent-color);\n }\n\n &.xs-size {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n\n @include text.button-small;\n\n color: var(--accent-color);\n\n &.iconOnly svg,\n &.dropdown svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n }\n\n &.primary-variant {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n\n &:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n }\n\n &.destructive-variant {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n\n &:hover {\n --accent-color: var(--colors-secondary-red-dark);\n }\n }\n\n &.flat-variant {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &.disabled {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n }\n\n}\n\n.content {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n.hideContent {\n visibility: hidden;\n}\n\n.loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n// Inherits --loader-size from parent .base element via CSS custom property cascade\n.loader {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,8ypBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}
1
+ {"version":3,"file":"button.module.scss.cjs","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.button {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n\n @include text.button;\n /* Default button */\n\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n\n /* Icon Slot */\n svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n\n /* External Icon */\n svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &.icon {\n padding-left: var(--button-icon-inline-padding);\n }\n\n &.dropdown {\n padding-right: var(--button-icon-inline-padding);\n }\n\n &.iconOnly {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n }\n\n &.sm {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n\n @include text.button-small;\n\n color: var(--accent-color);\n }\n\n &.xs {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n\n @include text.button-small;\n\n color: var(--accent-color);\n\n &.iconOnly svg,\n &.dropdown svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n }\n\n &.primary {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n\n &:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n }\n\n &.destructive {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n\n &:hover {\n --accent-color: var(--colors-secondary-red-dark);\n }\n }\n\n &.flat {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &.disabled {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .hideContent {\n opacity: 0;\n }\n\n .loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n > .loader {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n }\n }\n}\n\n.button:disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,6rpBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}
package/dist/components/Action/styles/button.module.scss.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._heading-xxl_1d6dx_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1d6dx_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1d6dx_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1d6dx_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1d6dx_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1d6dx_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1d6dx_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1d6dx_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1d6dx_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1d6dx_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1d6dx_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1d6dx_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1d6dx_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1d6dx_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1d6dx_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1d6dx_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1d6dx_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1d6dx_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1d6dx_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1d6dx_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1d6dx_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1d6dx_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1d6dx_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1d6dx_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1d6dx_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1d6dx_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1d6dx_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1d6dx_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1d6dx_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1d6dx_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1d6dx_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_1d6dx_342 {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n /* Default button */\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n /* Icon Slot */\n /* External Icon */\n}\n._base_1d6dx_342 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_1d6dx_342 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_1d6dx_342:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_1d6dx_342:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342._icon_1d6dx_405 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._dropdown_1d6dx_408 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._iconOnly_1d6dx_411 {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n}\n._base_1d6dx_342._sm-size_1d6dx_419 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437._iconOnly_1d6dx_411 svg, ._base_1d6dx_342._xs-size_1d6dx_437._dropdown_1d6dx_408 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461 {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475 {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483._disabled_1d6dx_499 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_1d6dx_342._disabled_1d6dx_499 {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}\n\n._content_1d6dx_511 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_1d6dx_518 {\n visibility: hidden;\n}\n\n._loadingWrapper_1d6dx_522 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._loader_1d6dx_533 {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}");
4
- var buttonStyles = {"heading-xxl":"_heading-xxl_1d6dx_1","heading-xl":"_heading-xl_1d6dx_12","heading-large":"_heading-large_1d6dx_23","heading-medium":"_heading-medium_1d6dx_34","heading-small":"_heading-small_1d6dx_45","heading-table":"_heading-table_1d6dx_56","subheading-large":"_subheading-large_1d6dx_67","subheading-medium":"_subheading-medium_1d6dx_78","subheading-small":"_subheading-small_1d6dx_89","subheading-small-bold":"_subheading-small-bold_1d6dx_100","body":"_body_1d6dx_111","body-small":"_body-small_1d6dx_122","body-bold":"_body-bold_1d6dx_133","body-bold-dark":"_body-bold-dark_1d6dx_144","body-small-bold":"_body-small-bold_1d6dx_155","button":"_button_1d6dx_166","button-small":"_button-small_1d6dx_177","link-large":"_link-large_1d6dx_188","link-medium":"_link-medium_1d6dx_199","link":"_link_1d6dx_188","link-small":"_link-small_1d6dx_221","input-label":"_input-label_1d6dx_232","input-label-small":"_input-label-small_1d6dx_243","hint-text":"_hint-text_1d6dx_254","placeholder":"_placeholder_1d6dx_265","placeholder-small":"_placeholder-small_1d6dx_276","placeholder-code":"_placeholder-code_1d6dx_287","placeholder-code-small":"_placeholder-code-small_1d6dx_298","error":"_error_1d6dx_309","error-small":"_error-small_1d6dx_320","success-small":"_success-small_1d6dx_331","base":"_base_1d6dx_342","icon":"_icon_1d6dx_405","dropdown":"_dropdown_1d6dx_408","iconOnly":"_iconOnly_1d6dx_411","sm-size":"_sm-size_1d6dx_419","xs-size":"_xs-size_1d6dx_437","primary-variant":"_primary-variant_1d6dx_461","destructive-variant":"_destructive-variant_1d6dx_475","flat-variant":"_flat-variant_1d6dx_483","disabled":"_disabled_1d6dx_499","content":"_content_1d6dx_511","hideContent":"_hideContent_1d6dx_518","loadingWrapper":"_loadingWrapper_1d6dx_522","loader":"_loader_1d6dx_533"};
3
+ insertStyle("._heading-xxl_1dm92_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1dm92_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1dm92_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1dm92_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1dm92_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1dm92_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1dm92_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1dm92_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1dm92_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1dm92_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1dm92_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1dm92_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1dm92_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1dm92_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1dm92_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1dm92_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1dm92_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1dm92_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1dm92_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1dm92_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1dm92_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1dm92_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1dm92_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1dm92_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1dm92_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1dm92_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1dm92_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1dm92_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1dm92_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1dm92_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1dm92_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._button_1dm92_166 {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n /* Default button */\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n /* Icon Slot */\n /* External Icon */\n}\n._button_1dm92_166 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._button_1dm92_166 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._button_1dm92_166:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._button_1dm92_166:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166._icon_1dm92_405 {\n padding-left: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._dropdown_1dm92_408 {\n padding-right: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._iconOnly_1dm92_411 {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n}\n._button_1dm92_166._sm_1dm92_419 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437 {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437._iconOnly_1dm92_411 svg, ._button_1dm92_166._xs_1dm92_437._dropdown_1dm92_408 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._button_1dm92_166._primary_1dm92_461 {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n}\n._button_1dm92_166._primary_1dm92_461:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._primary_1dm92_461:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._destructive_1dm92_475 {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n}\n._button_1dm92_166._destructive_1dm92_475:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._button_1dm92_166._flat_1dm92_483 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._button_1dm92_166._flat_1dm92_483:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._button_1dm92_166._flat_1dm92_483:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483._disabled_1dm92_499 {\n background-color: transparent;\n border-color: transparent;\n}\n._button_1dm92_166 ._hideContent_1dm92_503 {\n opacity: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 > ._loader_1dm92_517 {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}\n\n._button_1dm92_166:disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}");
4
+ var buttonStyles = {"heading-xxl":"_heading-xxl_1dm92_1","heading-xl":"_heading-xl_1dm92_12","heading-large":"_heading-large_1dm92_23","heading-medium":"_heading-medium_1dm92_34","heading-small":"_heading-small_1dm92_45","heading-table":"_heading-table_1dm92_56","subheading-large":"_subheading-large_1dm92_67","subheading-medium":"_subheading-medium_1dm92_78","subheading-small":"_subheading-small_1dm92_89","subheading-small-bold":"_subheading-small-bold_1dm92_100","body":"_body_1dm92_111","body-small":"_body-small_1dm92_122","body-bold":"_body-bold_1dm92_133","body-bold-dark":"_body-bold-dark_1dm92_144","body-small-bold":"_body-small-bold_1dm92_155","button":"_button_1dm92_166","button-small":"_button-small_1dm92_177","link-large":"_link-large_1dm92_188","link-medium":"_link-medium_1dm92_199","link":"_link_1dm92_188","link-small":"_link-small_1dm92_221","input-label":"_input-label_1dm92_232","input-label-small":"_input-label-small_1dm92_243","hint-text":"_hint-text_1dm92_254","placeholder":"_placeholder_1dm92_265","placeholder-small":"_placeholder-small_1dm92_276","placeholder-code":"_placeholder-code_1dm92_287","placeholder-code-small":"_placeholder-code-small_1dm92_298","error":"_error_1dm92_309","error-small":"_error-small_1dm92_320","success-small":"_success-small_1dm92_331","icon":"_icon_1dm92_405","dropdown":"_dropdown_1dm92_408","iconOnly":"_iconOnly_1dm92_411","sm":"_sm_1dm92_419","xs":"_xs_1dm92_437","primary":"_primary_1dm92_461","destructive":"_destructive_1dm92_475","flat":"_flat_1dm92_483","disabled":"_disabled_1dm92_499","hideContent":"_hideContent_1dm92_503","loadingWrapper":"_loadingWrapper_1dm92_506","loader":"_loader_1dm92_517"};
5
5
 
6
6
  export { buttonStyles as default };
7
7
  //# sourceMappingURL=button.module.scss.js.map
package/dist/components/Action/styles/button.module.scss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.module.scss.js","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.base {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n\n @include text.button;\n /* Default button */\n\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n\n /* Icon Slot */\n svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n\n /* External Icon */\n svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &.icon {\n padding-left: var(--button-icon-inline-padding);\n }\n\n &.dropdown {\n padding-right: var(--button-icon-inline-padding);\n }\n\n &.iconOnly {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n }\n\n &.sm-size {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n\n @include text.button-small;\n\n color: var(--accent-color);\n }\n\n &.xs-size {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n\n @include text.button-small;\n\n color: var(--accent-color);\n\n &.iconOnly svg,\n &.dropdown svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n }\n\n &.primary-variant {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n\n &:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n }\n\n &.destructive-variant {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n\n &:hover {\n --accent-color: var(--colors-secondary-red-dark);\n }\n }\n\n &.flat-variant {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &.disabled {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n }\n\n}\n\n.content {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n.hideContent {\n visibility: hidden;\n}\n\n.loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n// Inherits --loader-size from parent .base element via CSS custom property cascade\n.loader {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,8ypBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}
1
+ {"version":3,"file":"button.module.scss.js","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.button {\n --outline-width: var(--sizes-xs);\n --accent-color: var(--colors-neutral-ink-base);\n --accent-color-dark: var(--colors-secondary-blue-base);\n --highlight-color: var(--colors-secondary-blue-light);\n --button-height: var(--sizes-10);\n --button-inline-padding: var(--sizes-base);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-sm);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-10);\n --loader-size: var(--sizes-base);\n\n /* Structural styles */\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--button-gap);\n flex-shrink: 0;\n border: var(--sizes-line) solid;\n white-space: nowrap;\n\n height: var(--button-height);\n padding-inline: var(--button-inline-padding);\n border-radius: var(--button-radius);\n\n @include text.button;\n /* Default button */\n\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: var(--shadows-sm);\n color: var(--accent-color);\n\n /* Icon Slot */\n svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n\n /* External Icon */\n svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n }\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--accent-color-dark);\n outline: var(--outline-width) solid var(--highlight-color);\n }\n\n &.icon {\n padding-left: var(--button-icon-inline-padding);\n }\n\n &.dropdown {\n padding-right: var(--button-icon-inline-padding);\n }\n\n &.iconOnly {\n --button-icon-size: var(--sizes-5);\n --accent-color: var(--colors-secondary-blue-base);\n --loader-size: var(--sizes-5);\n\n height: var(--button-icon-only-width);\n width: var(--button-icon-only-width);\n padding-inline: var(--sizes-2);\n }\n\n &.sm {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-lg);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-icon-size: var(--sizes-base);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-8);\n\n @include text.button-small;\n\n color: var(--accent-color);\n }\n\n &.xs {\n --outline-width: var(--sizes-xs);\n --button-height: var(--sizes-md);\n --button-inline-padding: var(--sizes-3);\n --button-radius: var(--sizes-xs);\n --button-gap: var(--sizes-xs);\n --button-icon-size: var(--sizes-3);\n --button-icon-inline-padding: var(--sizes-sm);\n --button-icon-only-width: var(--sizes-md);\n --loader-size: var(--sizes-3);\n\n @include text.button-small;\n\n color: var(--accent-color);\n\n &.iconOnly svg,\n &.dropdown svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n }\n\n &.primary {\n --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n --highlight-color: var(--colors-secondary-blue-light);\n\n background-color: var(--accent-color);\n color: var(--theme-on-primary, white);\n border-color: var(--accent-color);\n\n &:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n }\n\n &.destructive {\n --accent-color: var(--colors-secondary-red-base);\n --accent-color-dark: var(--colors-secondary-red-base);\n --highlight-color: var(--colors-secondary-red-light);\n\n &:hover {\n --accent-color: var(--colors-secondary-red-dark);\n }\n }\n\n &.flat {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n }\n\n &.disabled {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .hideContent {\n opacity: 0;\n }\n\n .loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n > .loader {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n }\n }\n}\n\n.button:disabled {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-base);\n color: var(--colors-neutral-ink-light);\n border: none;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,6rpBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}
package/dist/components/Action/styles/link.module.scss.cjs CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._heading-xxl_8wwpq_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_8wwpq_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_8wwpq_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_8wwpq_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_8wwpq_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_8wwpq_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_8wwpq_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_8wwpq_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_8wwpq_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_8wwpq_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_8wwpq_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_8wwpq_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_8wwpq_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_8wwpq_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_8wwpq_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_8wwpq_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_8wwpq_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_8wwpq_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_8wwpq_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_8wwpq_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_8wwpq_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_8wwpq_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_8wwpq_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_8wwpq_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_8wwpq_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_8wwpq_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_8wwpq_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_8wwpq_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_8wwpq_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_8wwpq_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_8wwpq_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_8wwpq_342 {\n --link-icon-size: var(--sizes-base);\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n}\n._base_8wwpq_342 svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n}\n._base_8wwpq_342._sm-size_8wwpq_364, ._base_8wwpq_342._xs-size_8wwpq_364 {\n --link-icon-size: var(--sizes-3);\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n._base_8wwpq_342:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n}\n._base_8wwpq_342:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 var(--sizes-xs) white, 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n}\n._base_8wwpq_342._inherit-size_8wwpq_384 {\n font-size: inherit;\n line-height: inherit;\n --link-icon-size: 1em;\n}");
6
- var linkStyles = {"heading-xxl":"_heading-xxl_8wwpq_1","heading-xl":"_heading-xl_8wwpq_12","heading-large":"_heading-large_8wwpq_23","heading-medium":"_heading-medium_8wwpq_34","heading-small":"_heading-small_8wwpq_45","heading-table":"_heading-table_8wwpq_56","subheading-large":"_subheading-large_8wwpq_67","subheading-medium":"_subheading-medium_8wwpq_78","subheading-small":"_subheading-small_8wwpq_89","subheading-small-bold":"_subheading-small-bold_8wwpq_100","body":"_body_8wwpq_111","body-small":"_body-small_8wwpq_122","body-bold":"_body-bold_8wwpq_133","body-bold-dark":"_body-bold-dark_8wwpq_144","body-small-bold":"_body-small-bold_8wwpq_155","button":"_button_8wwpq_166","button-small":"_button-small_8wwpq_177","link-large":"_link-large_8wwpq_188","link-medium":"_link-medium_8wwpq_199","link":"_link_8wwpq_188","link-small":"_link-small_8wwpq_221","input-label":"_input-label_8wwpq_232","input-label-small":"_input-label-small_8wwpq_243","hint-text":"_hint-text_8wwpq_254","placeholder":"_placeholder_8wwpq_265","placeholder-small":"_placeholder-small_8wwpq_276","placeholder-code":"_placeholder-code_8wwpq_287","placeholder-code-small":"_placeholder-code-small_8wwpq_298","error":"_error_8wwpq_309","error-small":"_error-small_8wwpq_320","success-small":"_success-small_8wwpq_331","base":"_base_8wwpq_342","sm-size":"_sm-size_8wwpq_364","xs-size":"_xs-size_8wwpq_364","inherit-size":"_inherit-size_8wwpq_384"};
5
+ ___$insertStyle("._heading-xxl_1m4o3_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1m4o3_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1m4o3_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1m4o3_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1m4o3_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1m4o3_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1m4o3_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1m4o3_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1m4o3_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1m4o3_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1m4o3_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1m4o3_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1m4o3_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1m4o3_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1m4o3_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1m4o3_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1m4o3_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1m4o3_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1m4o3_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1m4o3_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1m4o3_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1m4o3_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1m4o3_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1m4o3_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1m4o3_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1m4o3_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1m4o3_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1m4o3_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1m4o3_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1m4o3_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1m4o3_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._link_1m4o3_188 {\n --link-icon-size: var(--sizes-base);\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n}\n._link_1m4o3_188 svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n}\n._link_1m4o3_188._sm_1m4o3_364, ._link_1m4o3_188._xs_1m4o3_364 {\n --link-icon-size: var(--sizes-3);\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n._link_1m4o3_188:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n}\n._link_1m4o3_188:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 var(--sizes-xs) white, 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n}\n._link_1m4o3_188._inherit_1m4o3_384 {\n font-size: inherit;\n line-height: inherit;\n --link-icon-size: 1em;\n}");
6
+ var linkStyles = {"heading-xxl":"_heading-xxl_1m4o3_1","heading-xl":"_heading-xl_1m4o3_12","heading-large":"_heading-large_1m4o3_23","heading-medium":"_heading-medium_1m4o3_34","heading-small":"_heading-small_1m4o3_45","heading-table":"_heading-table_1m4o3_56","subheading-large":"_subheading-large_1m4o3_67","subheading-medium":"_subheading-medium_1m4o3_78","subheading-small":"_subheading-small_1m4o3_89","subheading-small-bold":"_subheading-small-bold_1m4o3_100","body":"_body_1m4o3_111","body-small":"_body-small_1m4o3_122","body-bold":"_body-bold_1m4o3_133","body-bold-dark":"_body-bold-dark_1m4o3_144","body-small-bold":"_body-small-bold_1m4o3_155","button":"_button_1m4o3_166","button-small":"_button-small_1m4o3_177","link-large":"_link-large_1m4o3_188","link-medium":"_link-medium_1m4o3_199","link":"_link_1m4o3_188","link-small":"_link-small_1m4o3_221","input-label":"_input-label_1m4o3_232","input-label-small":"_input-label-small_1m4o3_243","hint-text":"_hint-text_1m4o3_254","placeholder":"_placeholder_1m4o3_265","placeholder-small":"_placeholder-small_1m4o3_276","placeholder-code":"_placeholder-code_1m4o3_287","placeholder-code-small":"_placeholder-code-small_1m4o3_298","error":"_error_1m4o3_309","error-small":"_error-small_1m4o3_320","success-small":"_success-small_1m4o3_331","sm":"_sm_1m4o3_364","xs":"_xs_1m4o3_364","inherit":"_inherit_1m4o3_384"};
7
7
 
8
8
  module.exports = linkStyles;
9
9
  //# sourceMappingURL=link.module.scss.cjs.map
package/dist/components/Action/styles/link.module.scss.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link.module.scss.cjs","sources":["../../../../src/components/Action/styles/link.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.base {\n --link-icon-size: var(--sizes-base);\n\n @include text.link;\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n & svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n }\n\n &.sm-size,\n &.xs-size {\n --link-icon-size: var(--sizes-3);\n\n @include text.link-small;\n }\n\n &:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 var(--sizes-xs) white,\n 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n }\n &.inherit-size {\n font-size: inherit;\n line-height: inherit;\n\n --link-icon-size: 1em;\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,kofAAA;AACA,iBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,cAAA,CAAA,yBAAA;;;;"}
1
+ {"version":3,"file":"link.module.scss.cjs","sources":["../../../../src/components/Action/styles/link.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.link {\n --link-icon-size: var(--sizes-base);\n\n @include text.link;\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n & svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n }\n\n &.sm,\n &.xs {\n --link-icon-size: var(--sizes-3);\n\n @include text.link-small;\n }\n\n &:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 var(--sizes-xs) white,\n 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n }\n &.inherit {\n font-size: inherit;\n line-height: inherit;\n\n --link-icon-size: 1em;\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,mnfAAA;AACA,iBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}
package/dist/components/Action/styles/link.module.scss.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._heading-xxl_8wwpq_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_8wwpq_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_8wwpq_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_8wwpq_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_8wwpq_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_8wwpq_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_8wwpq_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_8wwpq_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_8wwpq_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_8wwpq_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_8wwpq_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_8wwpq_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_8wwpq_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_8wwpq_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_8wwpq_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_8wwpq_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_8wwpq_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_8wwpq_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_8wwpq_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_8wwpq_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_8wwpq_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_8wwpq_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_8wwpq_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_8wwpq_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_8wwpq_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_8wwpq_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_8wwpq_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_8wwpq_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_8wwpq_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_8wwpq_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_8wwpq_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_8wwpq_342 {\n --link-icon-size: var(--sizes-base);\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n}\n._base_8wwpq_342 svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n}\n._base_8wwpq_342._sm-size_8wwpq_364, ._base_8wwpq_342._xs-size_8wwpq_364 {\n --link-icon-size: var(--sizes-3);\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n._base_8wwpq_342:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n}\n._base_8wwpq_342:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 var(--sizes-xs) white, 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n}\n._base_8wwpq_342._inherit-size_8wwpq_384 {\n font-size: inherit;\n line-height: inherit;\n --link-icon-size: 1em;\n}");
4
- var linkStyles = {"heading-xxl":"_heading-xxl_8wwpq_1","heading-xl":"_heading-xl_8wwpq_12","heading-large":"_heading-large_8wwpq_23","heading-medium":"_heading-medium_8wwpq_34","heading-small":"_heading-small_8wwpq_45","heading-table":"_heading-table_8wwpq_56","subheading-large":"_subheading-large_8wwpq_67","subheading-medium":"_subheading-medium_8wwpq_78","subheading-small":"_subheading-small_8wwpq_89","subheading-small-bold":"_subheading-small-bold_8wwpq_100","body":"_body_8wwpq_111","body-small":"_body-small_8wwpq_122","body-bold":"_body-bold_8wwpq_133","body-bold-dark":"_body-bold-dark_8wwpq_144","body-small-bold":"_body-small-bold_8wwpq_155","button":"_button_8wwpq_166","button-small":"_button-small_8wwpq_177","link-large":"_link-large_8wwpq_188","link-medium":"_link-medium_8wwpq_199","link":"_link_8wwpq_188","link-small":"_link-small_8wwpq_221","input-label":"_input-label_8wwpq_232","input-label-small":"_input-label-small_8wwpq_243","hint-text":"_hint-text_8wwpq_254","placeholder":"_placeholder_8wwpq_265","placeholder-small":"_placeholder-small_8wwpq_276","placeholder-code":"_placeholder-code_8wwpq_287","placeholder-code-small":"_placeholder-code-small_8wwpq_298","error":"_error_8wwpq_309","error-small":"_error-small_8wwpq_320","success-small":"_success-small_8wwpq_331","base":"_base_8wwpq_342","sm-size":"_sm-size_8wwpq_364","xs-size":"_xs-size_8wwpq_364","inherit-size":"_inherit-size_8wwpq_384"};
3
+ insertStyle("._heading-xxl_1m4o3_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1m4o3_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1m4o3_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1m4o3_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1m4o3_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1m4o3_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1m4o3_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1m4o3_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1m4o3_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1m4o3_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1m4o3_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1m4o3_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1m4o3_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1m4o3_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1m4o3_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1m4o3_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1m4o3_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1m4o3_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1m4o3_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1m4o3_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1m4o3_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1m4o3_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1m4o3_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1m4o3_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1m4o3_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1m4o3_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1m4o3_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1m4o3_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1m4o3_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1m4o3_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1m4o3_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._link_1m4o3_188 {\n --link-icon-size: var(--sizes-base);\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n}\n._link_1m4o3_188 svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n}\n._link_1m4o3_188._sm_1m4o3_364, ._link_1m4o3_188._xs_1m4o3_364 {\n --link-icon-size: var(--sizes-3);\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n._link_1m4o3_188:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n}\n._link_1m4o3_188:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 var(--sizes-xs) white, 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n}\n._link_1m4o3_188._inherit_1m4o3_384 {\n font-size: inherit;\n line-height: inherit;\n --link-icon-size: 1em;\n}");
4
+ var linkStyles = {"heading-xxl":"_heading-xxl_1m4o3_1","heading-xl":"_heading-xl_1m4o3_12","heading-large":"_heading-large_1m4o3_23","heading-medium":"_heading-medium_1m4o3_34","heading-small":"_heading-small_1m4o3_45","heading-table":"_heading-table_1m4o3_56","subheading-large":"_subheading-large_1m4o3_67","subheading-medium":"_subheading-medium_1m4o3_78","subheading-small":"_subheading-small_1m4o3_89","subheading-small-bold":"_subheading-small-bold_1m4o3_100","body":"_body_1m4o3_111","body-small":"_body-small_1m4o3_122","body-bold":"_body-bold_1m4o3_133","body-bold-dark":"_body-bold-dark_1m4o3_144","body-small-bold":"_body-small-bold_1m4o3_155","button":"_button_1m4o3_166","button-small":"_button-small_1m4o3_177","link-large":"_link-large_1m4o3_188","link-medium":"_link-medium_1m4o3_199","link":"_link_1m4o3_188","link-small":"_link-small_1m4o3_221","input-label":"_input-label_1m4o3_232","input-label-small":"_input-label-small_1m4o3_243","hint-text":"_hint-text_1m4o3_254","placeholder":"_placeholder_1m4o3_265","placeholder-small":"_placeholder-small_1m4o3_276","placeholder-code":"_placeholder-code_1m4o3_287","placeholder-code-small":"_placeholder-code-small_1m4o3_298","error":"_error_1m4o3_309","error-small":"_error-small_1m4o3_320","success-small":"_success-small_1m4o3_331","sm":"_sm_1m4o3_364","xs":"_xs_1m4o3_364","inherit":"_inherit_1m4o3_384"};
5
5
 
6
6
  export { linkStyles as default };
7
7
  //# sourceMappingURL=link.module.scss.js.map
package/dist/components/Action/styles/link.module.scss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"link.module.scss.js","sources":["../../../../src/components/Action/styles/link.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.base {\n --link-icon-size: var(--sizes-base);\n\n @include text.link;\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n & svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n }\n\n &.sm-size,\n &.xs-size {\n --link-icon-size: var(--sizes-3);\n\n @include text.link-small;\n }\n\n &:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 var(--sizes-xs) white,\n 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n }\n &.inherit-size {\n font-size: inherit;\n line-height: inherit;\n\n --link-icon-size: 1em;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,kofAAA;AACA,iBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,cAAA,CAAA,yBAAA;;;;"}
1
+ {"version":3,"file":"link.module.scss.js","sources":["../../../../src/components/Action/styles/link.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.link {\n --link-icon-size: var(--sizes-base);\n\n @include text.link;\n display: inline-flex;\n align-items: center;\n gap: var(--radius-sm);\n\n color: var(--colors-secondary-blue-base);\n text-decoration: underline;\n & svg {\n width: var(--link-icon-size);\n height: var(--link-icon-size);\n vertical-align: middle;\n flex-shrink: 0;\n }\n\n &.sm,\n &.xs {\n --link-icon-size: var(--sizes-3);\n\n @include text.link-small;\n }\n\n &:hover {\n text-decoration-thickness: 2px;\n cursor: pointer;\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 var(--sizes-xs) white,\n 0 0 0 var(--sizes-sm) var(--colors-secondary-blue-light);\n border-radius: var(--sizes-xs);\n }\n &.inherit {\n font-size: inherit;\n line-height: inherit;\n\n --link-icon-size: 1em;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,mnfAAA;AACA,iBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}
package/dist/components/Action/utils.cjs CHANGED
@@ -7,37 +7,35 @@ var button_module = require('./styles/button.module.scss.cjs');
7
7
  var link_module = require('./styles/link.module.scss.cjs');
8
8
 
9
9
  const getButtonVariantClasses = (variant) => [
10
- (variant === 'primary' || variant === 'primaryDestructive') && button_module['primary-variant'],
11
- (variant === 'destructive' || variant === 'primaryDestructive') &&
12
- button_module['destructive-variant'],
13
- variant === 'flat' && button_module['flat-variant'],
10
+ (variant === 'primary' || variant === 'primaryDestructive') && button_module.primary,
11
+ (variant === 'destructive' || variant === 'primaryDestructive') && button_module.destructive,
12
+ variant === 'flat' && button_module.flat,
14
13
  ].filter(Boolean);
15
14
  const getAppearanceClasses = (appearance, props) => {
15
+ const baseClasses = [props.className, base_module.reset];
16
16
  const hasIcon = !!props.iconSlot;
17
17
  const isIconOnly = hasIcon && (props.children == null || props.children === '');
18
18
  const iconClasses = [hasIcon && button_module.icon, isIconOnly && button_module.iconOnly];
19
19
  switch (appearance) {
20
20
  case 'button':
21
21
  return buildClassnames.buildClassnames([
22
- props.className,
23
- base_module.reset,
24
- button_module.base,
22
+ ...baseClasses,
23
+ button_module.button,
25
24
  ...iconClasses,
26
25
  props.disabled && button_module.disabled,
27
- props.size && props.size !== 'base' && button_module[`${props.size}-size`],
26
+ props.size && props.size !== 'base' && button_module[props.size],
28
27
  props.dropdown && button_module.dropdown,
29
28
  ...getButtonVariantClasses(props.variant),
30
29
  ]);
31
30
  case 'link':
32
31
  return buildClassnames.buildClassnames([
33
- props.className,
34
- base_module.reset,
35
- link_module.base,
36
- !props.size && link_module['inherit-size'],
37
- props.size && props.size !== 'base' && link_module[`${props.size}-size`],
32
+ ...baseClasses,
33
+ link_module.link,
34
+ !props.size && link_module.inherit,
35
+ props.size && props.size !== 'base' && link_module[props.size],
38
36
  ]);
39
37
  default:
40
- return buildClassnames.buildClassnames([props.className, base_module.reset]);
38
+ return buildClassnames.buildClassnames(baseClasses);
41
39
  }
42
40
  };
43
41