@veeqo/ui 15.20.0 → 15.22.0

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.
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._heading-xxl_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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._reset_16icj_342 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\n}\n._reset_16icj_342:hover {\n cursor: pointer;\n}\n\n._base_16icj_356 {\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 --content-color: var(--colors-secondary-blue-base);\n /* Structural styles */\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\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_16icj_356:hover {\n cursor: pointer;\n}\n._base_16icj_356 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_16icj_356 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_16icj_356:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_16icj_356:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_16icj_356: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_16icj_356._icon_16icj_431 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_16icj_356._dropdown_16icj_434 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_16icj_356._iconOnly_16icj_437 {\n --button-icon-size: var(--sizes-5);\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_16icj_356._xl-size_16icj_444 {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--sizes-sm);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\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 color: var(--accent-color);\n}\n._base_16icj_356._sm-size_16icj_461 {\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_16icj_356._xs-size_16icj_479 {\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_16icj_356._xs-size_16icj_479._iconOnly_16icj_437 svg, ._base_16icj_356._xs-size_16icj_479._dropdown_16icj_434 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_16icj_356._primary-variant_16icj_503 {\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 --content-color: var(--theme-on-primary, white);\n background-color: var(--accent-color);\n color: var(--content-color);\n border-color: var(--accent-color);\n}\n._base_16icj_356._primary-variant_16icj_503:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_16icj_356._primary-variant_16icj_503:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_16icj_356._destructive-variant_16icj_518 {\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_16icj_356._destructive-variant_16icj_518:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_16icj_356._flat-variant_16icj_526 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_16icj_356._flat-variant_16icj_526:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_16icj_356._flat-variant_16icj_526:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_16icj_356._flat-variant_16icj_526:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_16icj_356._flat-variant_16icj_526._disabled_16icj_542 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_16icj_356._disabled_16icj_542 {\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_16icj_554 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_16icj_561 {\n visibility: hidden;\n}\n\n._loadingWrapper_16icj_565 {\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._loadingWrapper_16icj_565 svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n}");
6
- var buttonStyles = {"heading-xxl":"_heading-xxl_16icj_1","heading-xl":"_heading-xl_16icj_12","heading-large":"_heading-large_16icj_23","heading-medium":"_heading-medium_16icj_34","heading-small":"_heading-small_16icj_45","heading-table":"_heading-table_16icj_56","subheading-large":"_subheading-large_16icj_67","subheading-medium":"_subheading-medium_16icj_78","subheading-small":"_subheading-small_16icj_89","subheading-small-bold":"_subheading-small-bold_16icj_100","body":"_body_16icj_111","body-small":"_body-small_16icj_122","body-bold":"_body-bold_16icj_133","body-bold-dark":"_body-bold-dark_16icj_144","body-small-bold":"_body-small-bold_16icj_155","button":"_button_16icj_166","button-small":"_button-small_16icj_177","link-large":"_link-large_16icj_188","link-medium":"_link-medium_16icj_199","link":"_link_16icj_188","link-small":"_link-small_16icj_221","input-label":"_input-label_16icj_232","input-label-small":"_input-label-small_16icj_243","hint-text":"_hint-text_16icj_254","placeholder":"_placeholder_16icj_265","placeholder-small":"_placeholder-small_16icj_276","placeholder-code":"_placeholder-code_16icj_287","placeholder-code-small":"_placeholder-code-small_16icj_298","error":"_error_16icj_309","error-small":"_error-small_16icj_320","success-small":"_success-small_16icj_331","reset":"_reset_16icj_342","base":"_base_16icj_356","icon":"_icon_16icj_431","dropdown":"_dropdown_16icj_434","iconOnly":"_iconOnly_16icj_437","xl-size":"_xl-size_16icj_444","sm-size":"_sm-size_16icj_461","xs-size":"_xs-size_16icj_479","primary-variant":"_primary-variant_16icj_503","destructive-variant":"_destructive-variant_16icj_518","flat-variant":"_flat-variant_16icj_526","disabled":"_disabled_16icj_542","content":"_content_16icj_554","hideContent":"_hideContent_16icj_561","loadingWrapper":"_loadingWrapper_16icj_565"};
5
+ ___$insertStyle("._heading-xxl_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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._reset_uvrv1_342 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\n}\n._reset_uvrv1_342:hover {\n cursor: pointer;\n}\n\n._base_uvrv1_356 {\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 --content-color: var(--colors-secondary-blue-base);\n /* Structural styles */\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\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_uvrv1_356:hover {\n cursor: pointer;\n}\n._base_uvrv1_356 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_uvrv1_356 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_uvrv1_356:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_uvrv1_356:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_uvrv1_356: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_uvrv1_356._icon_uvrv1_431 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_uvrv1_356._dropdown_uvrv1_434 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_uvrv1_356._iconOnly_uvrv1_437 {\n --button-icon-size: var(--sizes-5);\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_uvrv1_356._xl-size_uvrv1_444 {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--radius-base);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\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 color: var(--accent-color);\n}\n._base_uvrv1_356._sm-size_uvrv1_461 {\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_uvrv1_356._xs-size_uvrv1_479 {\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_uvrv1_356._xs-size_uvrv1_479._iconOnly_uvrv1_437 svg, ._base_uvrv1_356._xs-size_uvrv1_479._dropdown_uvrv1_434 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_uvrv1_356._primary-variant_uvrv1_503 {\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 --content-color: var(--theme-on-primary, white);\n background-color: var(--accent-color);\n color: var(--content-color);\n border-color: var(--accent-color);\n}\n._base_uvrv1_356._primary-variant_uvrv1_503:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_uvrv1_356._primary-variant_uvrv1_503:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_uvrv1_356._destructive-variant_uvrv1_518 {\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_uvrv1_356._destructive-variant_uvrv1_518:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526._disabled_uvrv1_542 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_uvrv1_356._disabled_uvrv1_542 {\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_uvrv1_554 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_uvrv1_561 {\n visibility: hidden;\n}\n\n._loadingWrapper_uvrv1_565 {\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._loadingWrapper_uvrv1_565 svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n}");
6
+ var buttonStyles = {"heading-xxl":"_heading-xxl_uvrv1_1","heading-xl":"_heading-xl_uvrv1_12","heading-large":"_heading-large_uvrv1_23","heading-medium":"_heading-medium_uvrv1_34","heading-small":"_heading-small_uvrv1_45","heading-table":"_heading-table_uvrv1_56","subheading-large":"_subheading-large_uvrv1_67","subheading-medium":"_subheading-medium_uvrv1_78","subheading-small":"_subheading-small_uvrv1_89","subheading-small-bold":"_subheading-small-bold_uvrv1_100","body":"_body_uvrv1_111","body-small":"_body-small_uvrv1_122","body-bold":"_body-bold_uvrv1_133","body-bold-dark":"_body-bold-dark_uvrv1_144","body-small-bold":"_body-small-bold_uvrv1_155","button":"_button_uvrv1_166","button-small":"_button-small_uvrv1_177","link-large":"_link-large_uvrv1_188","link-medium":"_link-medium_uvrv1_199","link":"_link_uvrv1_188","link-small":"_link-small_uvrv1_221","input-label":"_input-label_uvrv1_232","input-label-small":"_input-label-small_uvrv1_243","hint-text":"_hint-text_uvrv1_254","placeholder":"_placeholder_uvrv1_265","placeholder-small":"_placeholder-small_uvrv1_276","placeholder-code":"_placeholder-code_uvrv1_287","placeholder-code-small":"_placeholder-code-small_uvrv1_298","error":"_error_uvrv1_309","error-small":"_error-small_uvrv1_320","success-small":"_success-small_uvrv1_331","reset":"_reset_uvrv1_342","base":"_base_uvrv1_356","icon":"_icon_uvrv1_431","dropdown":"_dropdown_uvrv1_434","iconOnly":"_iconOnly_uvrv1_437","xl-size":"_xl-size_uvrv1_444","sm-size":"_sm-size_uvrv1_461","xs-size":"_xs-size_uvrv1_479","primary-variant":"_primary-variant_uvrv1_503","destructive-variant":"_destructive-variant_uvrv1_518","flat-variant":"_flat-variant_uvrv1_526","disabled":"_disabled_uvrv1_542","content":"_content_uvrv1_554","hideContent":"_hideContent_uvrv1_561","loadingWrapper":"_loadingWrapper_uvrv1_565"};
7
7
 
8
8
  module.exports = buttonStyles;
9
9
  //# sourceMappingURL=button.module.scss.cjs.map
@@ -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@use '../styles/reset.module.scss' as reset;\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 --content-color: var(--colors-secondary-blue-base);\n\n /* Structural styles */\n @include reset.reset;\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 --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 &.xl-size {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--sizes-sm);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\n\n @include text.heading-medium;\n\n color: var(--accent-color);\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 --content-color: var(--theme-on-primary, white);\n\n background-color: var(--accent-color);\n color: var(--content-color);\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.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 & svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,imsBAAA;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,OAAA,CAAA,kBAAA,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,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;;;;"}
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@use '../styles/reset.module.scss' as reset;\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 --content-color: var(--colors-secondary-blue-base);\n\n /* Structural styles */\n @include reset.reset;\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 --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 &.xl-size {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--radius-base);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\n\n @include text.heading-medium;\n\n color: var(--accent-color);\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 --content-color: var(--theme-on-primary, white);\n\n background-color: var(--accent-color);\n color: var(--content-color);\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.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 & svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,omsBAAA;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,OAAA,CAAA,kBAAA,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,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;;;;"}
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._heading-xxl_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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_16icj_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._reset_16icj_342 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\n}\n._reset_16icj_342:hover {\n cursor: pointer;\n}\n\n._base_16icj_356 {\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 --content-color: var(--colors-secondary-blue-base);\n /* Structural styles */\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\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_16icj_356:hover {\n cursor: pointer;\n}\n._base_16icj_356 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_16icj_356 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_16icj_356:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_16icj_356:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_16icj_356: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_16icj_356._icon_16icj_431 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_16icj_356._dropdown_16icj_434 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_16icj_356._iconOnly_16icj_437 {\n --button-icon-size: var(--sizes-5);\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_16icj_356._xl-size_16icj_444 {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--sizes-sm);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\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 color: var(--accent-color);\n}\n._base_16icj_356._sm-size_16icj_461 {\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_16icj_356._xs-size_16icj_479 {\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_16icj_356._xs-size_16icj_479._iconOnly_16icj_437 svg, ._base_16icj_356._xs-size_16icj_479._dropdown_16icj_434 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_16icj_356._primary-variant_16icj_503 {\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 --content-color: var(--theme-on-primary, white);\n background-color: var(--accent-color);\n color: var(--content-color);\n border-color: var(--accent-color);\n}\n._base_16icj_356._primary-variant_16icj_503:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_16icj_356._primary-variant_16icj_503:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_16icj_356._destructive-variant_16icj_518 {\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_16icj_356._destructive-variant_16icj_518:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_16icj_356._flat-variant_16icj_526 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_16icj_356._flat-variant_16icj_526:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_16icj_356._flat-variant_16icj_526:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_16icj_356._flat-variant_16icj_526:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_16icj_356._flat-variant_16icj_526._disabled_16icj_542 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_16icj_356._disabled_16icj_542 {\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_16icj_554 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_16icj_561 {\n visibility: hidden;\n}\n\n._loadingWrapper_16icj_565 {\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._loadingWrapper_16icj_565 svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n}");
4
- var buttonStyles = {"heading-xxl":"_heading-xxl_16icj_1","heading-xl":"_heading-xl_16icj_12","heading-large":"_heading-large_16icj_23","heading-medium":"_heading-medium_16icj_34","heading-small":"_heading-small_16icj_45","heading-table":"_heading-table_16icj_56","subheading-large":"_subheading-large_16icj_67","subheading-medium":"_subheading-medium_16icj_78","subheading-small":"_subheading-small_16icj_89","subheading-small-bold":"_subheading-small-bold_16icj_100","body":"_body_16icj_111","body-small":"_body-small_16icj_122","body-bold":"_body-bold_16icj_133","body-bold-dark":"_body-bold-dark_16icj_144","body-small-bold":"_body-small-bold_16icj_155","button":"_button_16icj_166","button-small":"_button-small_16icj_177","link-large":"_link-large_16icj_188","link-medium":"_link-medium_16icj_199","link":"_link_16icj_188","link-small":"_link-small_16icj_221","input-label":"_input-label_16icj_232","input-label-small":"_input-label-small_16icj_243","hint-text":"_hint-text_16icj_254","placeholder":"_placeholder_16icj_265","placeholder-small":"_placeholder-small_16icj_276","placeholder-code":"_placeholder-code_16icj_287","placeholder-code-small":"_placeholder-code-small_16icj_298","error":"_error_16icj_309","error-small":"_error-small_16icj_320","success-small":"_success-small_16icj_331","reset":"_reset_16icj_342","base":"_base_16icj_356","icon":"_icon_16icj_431","dropdown":"_dropdown_16icj_434","iconOnly":"_iconOnly_16icj_437","xl-size":"_xl-size_16icj_444","sm-size":"_sm-size_16icj_461","xs-size":"_xs-size_16icj_479","primary-variant":"_primary-variant_16icj_503","destructive-variant":"_destructive-variant_16icj_518","flat-variant":"_flat-variant_16icj_526","disabled":"_disabled_16icj_542","content":"_content_16icj_554","hideContent":"_hideContent_16icj_561","loadingWrapper":"_loadingWrapper_16icj_565"};
3
+ insertStyle("._heading-xxl_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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_uvrv1_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._reset_uvrv1_342 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\n}\n._reset_uvrv1_342:hover {\n cursor: pointer;\n}\n\n._base_uvrv1_356 {\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 --content-color: var(--colors-secondary-blue-base);\n /* Structural styles */\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: unset;\n font: inherit;\n text-decoration: none;\n text-align: start;\n color: inherit;\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_uvrv1_356:hover {\n cursor: pointer;\n}\n._base_uvrv1_356 svg:first-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_uvrv1_356 svg:last-child:not(:first-child) {\n width: var(--sizes-4);\n height: var(--sizes-4);\n}\n._base_uvrv1_356:hover {\n background-color: var(--colors-neutral-grey-lightest);\n cursor: pointer;\n}\n._base_uvrv1_356:focus-visible {\n outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_uvrv1_356: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_uvrv1_356._icon_uvrv1_431 {\n padding-left: var(--button-icon-inline-padding);\n}\n._base_uvrv1_356._dropdown_uvrv1_434 {\n padding-right: var(--button-icon-inline-padding);\n}\n._base_uvrv1_356._iconOnly_uvrv1_437 {\n --button-icon-size: var(--sizes-5);\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_uvrv1_356._xl-size_uvrv1_444 {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--radius-base);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\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 color: var(--accent-color);\n}\n._base_uvrv1_356._sm-size_uvrv1_461 {\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_uvrv1_356._xs-size_uvrv1_479 {\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_uvrv1_356._xs-size_uvrv1_479._iconOnly_uvrv1_437 svg, ._base_uvrv1_356._xs-size_uvrv1_479._dropdown_uvrv1_434 svg:last-child {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n._base_uvrv1_356._primary-variant_uvrv1_503 {\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 --content-color: var(--theme-on-primary, white);\n background-color: var(--accent-color);\n color: var(--content-color);\n border-color: var(--accent-color);\n}\n._base_uvrv1_356._primary-variant_uvrv1_503:hover {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_uvrv1_356._primary-variant_uvrv1_503:active {\n --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_uvrv1_356._destructive-variant_uvrv1_518 {\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_uvrv1_356._destructive-variant_uvrv1_518:hover {\n --accent-color: var(--colors-secondary-red-dark);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n background-color: unset;\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:active {\n background-color: var(--colors-neutral-grey-lightest);\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526:focus-visible {\n outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_uvrv1_356._flat-variant_uvrv1_526._disabled_uvrv1_542 {\n background-color: transparent;\n border-color: transparent;\n}\n._base_uvrv1_356._disabled_uvrv1_542 {\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_uvrv1_554 {\n display: inline-flex;\n align-items: center;\n gap: var(--button-gap, var(--sizes-sm));\n flex-wrap: nowrap;\n}\n\n._hideContent_uvrv1_561 {\n visibility: hidden;\n}\n\n._loadingWrapper_uvrv1_565 {\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._loadingWrapper_uvrv1_565 svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n}");
4
+ var buttonStyles = {"heading-xxl":"_heading-xxl_uvrv1_1","heading-xl":"_heading-xl_uvrv1_12","heading-large":"_heading-large_uvrv1_23","heading-medium":"_heading-medium_uvrv1_34","heading-small":"_heading-small_uvrv1_45","heading-table":"_heading-table_uvrv1_56","subheading-large":"_subheading-large_uvrv1_67","subheading-medium":"_subheading-medium_uvrv1_78","subheading-small":"_subheading-small_uvrv1_89","subheading-small-bold":"_subheading-small-bold_uvrv1_100","body":"_body_uvrv1_111","body-small":"_body-small_uvrv1_122","body-bold":"_body-bold_uvrv1_133","body-bold-dark":"_body-bold-dark_uvrv1_144","body-small-bold":"_body-small-bold_uvrv1_155","button":"_button_uvrv1_166","button-small":"_button-small_uvrv1_177","link-large":"_link-large_uvrv1_188","link-medium":"_link-medium_uvrv1_199","link":"_link_uvrv1_188","link-small":"_link-small_uvrv1_221","input-label":"_input-label_uvrv1_232","input-label-small":"_input-label-small_uvrv1_243","hint-text":"_hint-text_uvrv1_254","placeholder":"_placeholder_uvrv1_265","placeholder-small":"_placeholder-small_uvrv1_276","placeholder-code":"_placeholder-code_uvrv1_287","placeholder-code-small":"_placeholder-code-small_uvrv1_298","error":"_error_uvrv1_309","error-small":"_error-small_uvrv1_320","success-small":"_success-small_uvrv1_331","reset":"_reset_uvrv1_342","base":"_base_uvrv1_356","icon":"_icon_uvrv1_431","dropdown":"_dropdown_uvrv1_434","iconOnly":"_iconOnly_uvrv1_437","xl-size":"_xl-size_uvrv1_444","sm-size":"_sm-size_uvrv1_461","xs-size":"_xs-size_uvrv1_479","primary-variant":"_primary-variant_uvrv1_503","destructive-variant":"_destructive-variant_uvrv1_518","flat-variant":"_flat-variant_uvrv1_526","disabled":"_disabled_uvrv1_542","content":"_content_uvrv1_554","hideContent":"_hideContent_uvrv1_561","loadingWrapper":"_loadingWrapper_uvrv1_565"};
5
5
 
6
6
  export { buttonStyles as default };
7
7
  //# sourceMappingURL=button.module.scss.js.map
@@ -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@use '../styles/reset.module.scss' as reset;\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 --content-color: var(--colors-secondary-blue-base);\n\n /* Structural styles */\n @include reset.reset;\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 --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 &.xl-size {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--sizes-sm);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\n\n @include text.heading-medium;\n\n color: var(--accent-color);\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 --content-color: var(--theme-on-primary, white);\n\n background-color: var(--accent-color);\n color: var(--content-color);\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.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 & svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,imsBAAA;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,OAAA,CAAA,kBAAA,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,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;;;;"}
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@use '../styles/reset.module.scss' as reset;\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 --content-color: var(--colors-secondary-blue-base);\n\n /* Structural styles */\n @include reset.reset;\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 --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 &.xl-size {\n --button-height: var(--sizes-xxl);\n --button-inline-padding: var(--sizes-md);\n --button-radius: var(--radius-base);\n --button-icon-size: var(--sizes-5);\n --button-icon-inline-padding: var(--sizes-base);\n --button-icon-only-width: var(--sizes-xxl);\n\n @include text.heading-medium;\n\n color: var(--accent-color);\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 --content-color: var(--theme-on-primary, white);\n\n background-color: var(--accent-color);\n color: var(--content-color);\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.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 & svg {\n aspect-ratio: 1;\n width: var(--loader-size);\n height: var(--loader-size);\n color: var(--content-color);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,omsBAAA;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,OAAA,CAAA,kBAAA,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,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;;;;"}
@@ -22,13 +22,13 @@ function _interopNamespaceCompat(e) {
22
22
 
23
23
  var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
24
24
 
25
- const CreditIcon = (props) => (React__namespace.createElement("svg", { viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
26
- React__namespace.createElement("path", { d: "M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z", fill: "#05AD12" }),
27
- React__namespace.createElement("path", { d: "m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z", fill: "#fff" }),
28
- React__namespace.createElement("path", { d: "M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z", stroke: "#070F17", strokeWidth: ".574" }),
29
- React__namespace.createElement("path", { d: "M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z", fill: "#fff", stroke: "#070F17", strokeWidth: ".574" }),
30
- React__namespace.createElement("path", { d: "M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z", fill: "#196F3F" }),
31
- React__namespace.createElement("path", { d: "M13.322 6.135h.928v15.771h-.928V6.136Z", fill: "#196F3F" })));
25
+ const CreditIcon = (props) => (React__namespace.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
26
+ React__namespace.createElement("path", { fill: "#1da563", d: "M31.361 17.28c0 8.597-6.813 14.388-15.411 14.388S.383 24.698.383 16.101 5.12 1.28 16.103.267C28.16.64 31.36 8.682 31.36 17.28" }),
27
+ React__namespace.createElement("path", { fill: "#1da563", d: "M16 0C5.753 0 0 5.753 0 16s5.753 16 16 16 16-5.753 16-16S26.247 0 16 0m0 31.02C6.654 31.02.878 25.351.878 16S6.654.992 16 .992C25.351.992 31.21 6.654 31.21 16S25.347 31.02 16 31.02" }),
28
+ React__namespace.createElement("path", { fill: "#fff", d: "M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z" }),
29
+ React__namespace.createElement("path", { stroke: "#1da563", d: "M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z" }),
30
+ React__namespace.createElement("path", { fill: "#065931", d: "M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z" }),
31
+ React__namespace.createElement("path", { stroke: "#1da563", d: "M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z" })));
32
32
 
33
33
  exports.CreditIcon = CreditIcon;
34
34
  //# sourceMappingURL=CreditIcon.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"CreditIcon.cjs","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n d=\"M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z\"\n fill=\"#05AD12\"\n />\n <path\n d=\"m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z\"\n fill=\"#fff\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z\"\n fill=\"#196F3F\"\n />\n <path d=\"M13.322 6.135h.928v15.771h-.928V6.136Z\" fill=\"#196F3F\" />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClDA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oIAAoI,EACtI,IAAI,EAAC,SAAS,EAAA,CACd;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oOAAoO,EACtO,IAAI,EAAC,MAAM,EAAA,CACX;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gJAAgJ,EAClJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,m4BAAm4B,EACr4B,IAAI,EAAC,SAAS,EAAA,CACd;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wCAAwC,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CAC9D;;;;"}
1
+ {"version":3,"file":"CreditIcon.cjs","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n fill=\"#1da563\"\n d=\"M31.361 17.28c0 8.597-6.813 14.388-15.411 14.388S.383 24.698.383 16.101 5.12 1.28 16.103.267C28.16.64 31.36 8.682 31.36 17.28\"\n />\n <path\n fill=\"#1da563\"\n d=\"M16 0C5.753 0 0 5.753 0 16s5.753 16 16 16 16-5.753 16-16S26.247 0 16 0m0 31.02C6.654 31.02.878 25.351.878 16S6.654.992 16 .992C25.351.992 31.21 6.654 31.21 16S25.347 31.02 16 31.02\"\n />\n <path\n fill=\"#fff\"\n d=\"M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z\"\n />\n <path\n stroke=\"#1da563\"\n d=\"M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z\"\n />\n <path\n fill=\"#065931\"\n d=\"M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z\"\n />\n <path\n stroke=\"#1da563\"\n d=\"M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClDA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,+HAA+H,EAAA,CACjI;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,sLAAsL,EAAA,CACxL;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qJAAqJ,EAAA,CACvJ;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAC,SAAS,EAChB,CAAC,EAAC,qJAAqJ,EAAA,CACvJ;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,+rBAA+rB,EAAA,CACjsB;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAC,SAAS,EAChB,CAAC,EAAC,+rBAA+rB,EAAA,CACjsB,CACE;;;;"}
@@ -1,12 +1,12 @@
1
1
  import * as React from 'react';
2
2
 
3
- const CreditIcon = (props) => (React.createElement("svg", { viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
4
- React.createElement("path", { d: "M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z", fill: "#05AD12" }),
5
- React.createElement("path", { d: "m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z", fill: "#fff" }),
6
- React.createElement("path", { d: "M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z", stroke: "#070F17", strokeWidth: ".574" }),
7
- React.createElement("path", { d: "M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z", fill: "#fff", stroke: "#070F17", strokeWidth: ".574" }),
8
- React.createElement("path", { d: "M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z", fill: "#196F3F" }),
9
- React.createElement("path", { d: "M13.322 6.135h.928v15.771h-.928V6.136Z", fill: "#196F3F" })));
3
+ const CreditIcon = (props) => (React.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
4
+ React.createElement("path", { fill: "#1da563", d: "M31.361 17.28c0 8.597-6.813 14.388-15.411 14.388S.383 24.698.383 16.101 5.12 1.28 16.103.267C28.16.64 31.36 8.682 31.36 17.28" }),
5
+ React.createElement("path", { fill: "#1da563", d: "M16 0C5.753 0 0 5.753 0 16s5.753 16 16 16 16-5.753 16-16S26.247 0 16 0m0 31.02C6.654 31.02.878 25.351.878 16S6.654.992 16 .992C25.351.992 31.21 6.654 31.21 16S25.347 31.02 16 31.02" }),
6
+ React.createElement("path", { fill: "#fff", d: "M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z" }),
7
+ React.createElement("path", { stroke: "#1da563", d: "M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z" }),
8
+ React.createElement("path", { fill: "#065931", d: "M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z" }),
9
+ React.createElement("path", { stroke: "#1da563", d: "M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z" })));
10
10
 
11
11
  export { CreditIcon };
12
12
  //# sourceMappingURL=CreditIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CreditIcon.js","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n d=\"M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z\"\n fill=\"#05AD12\"\n />\n <path\n d=\"m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z\"\n fill=\"#fff\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z\"\n fill=\"#196F3F\"\n />\n <path d=\"M13.322 6.135h.928v15.771h-.928V6.136Z\" fill=\"#196F3F\" />\n </svg>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oIAAoI,EACtI,IAAI,EAAC,SAAS,EAAA,CACd;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oOAAoO,EACtO,IAAI,EAAC,MAAM,EAAA,CACX;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gJAAgJ,EAClJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,m4BAAm4B,EACr4B,IAAI,EAAC,SAAS,EAAA,CACd;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wCAAwC,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CAC9D;;;;"}
1
+ {"version":3,"file":"CreditIcon.js","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n fill=\"#1da563\"\n d=\"M31.361 17.28c0 8.597-6.813 14.388-15.411 14.388S.383 24.698.383 16.101 5.12 1.28 16.103.267C28.16.64 31.36 8.682 31.36 17.28\"\n />\n <path\n fill=\"#1da563\"\n d=\"M16 0C5.753 0 0 5.753 0 16s5.753 16 16 16 16-5.753 16-16S26.247 0 16 0m0 31.02C6.654 31.02.878 25.351.878 16S6.654.992 16 .992C25.351.992 31.21 6.654 31.21 16S25.347 31.02 16 31.02\"\n />\n <path\n fill=\"#fff\"\n d=\"M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z\"\n />\n <path\n stroke=\"#1da563\"\n d=\"M12.868 4.825a4.45 4.45 0 0 1 6.293 0l8.043 8.043a4.45 4.45 0 0 1 0 6.293l-8.043 8.043a4.45 4.45 0 0 1-6.293 0L4.825 19.16a4.45 4.45 0 0 1 0-6.292z\"\n />\n <path\n fill=\"#065931\"\n d=\"M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z\"\n />\n <path\n stroke=\"#1da563\"\n d=\"M16.238 7.823c.345 0 .624.279.625.623v1.111c1.513.292 2.807 1.336 3.354 2.792a.936.936 0 0 1-1.752.658c-.37-.984-1.379-1.67-2.455-1.67h-.088c-.818-.013-1.628.277-2.097.743-.312.308-.47.686-.471 1.122a1.524 1.524 0 0 0 1.303 1.526l3.01.531c1.653.24 2.875 1.66 2.875 3.375v.157a1 1 0 0 1-.005.093c-.193 1.914-1.69 3.339-3.674 3.61v1.071c0 .344-.28.623-.625.623h-.622a.624.624 0 0 1-.624-.623v-1.151c-1.437-.337-2.655-1.351-3.182-2.75a.936.936 0 0 1 1.75-.66c.37.983 1.381 1.67 2.456 1.67h.089c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.419-1.303-1.528l-3.01-.532c-1.65-.239-2.87-1.654-2.875-3.363v-.017a3.39 3.39 0 0 1 1.024-2.442c.626-.62 1.514-1.044 2.484-1.208V8.446c0-.344.28-.623.624-.623z\"\n />\n </svg>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,+HAA+H,EAAA,CACjI;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,sLAAsL,EAAA,CACxL;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qJAAqJ,EAAA,CACvJ;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAC,SAAS,EAChB,CAAC,EAAC,qJAAqJ,EAAA,CACvJ;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,+rBAA+rB,EAAA,CACjsB;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,MAAM,EAAC,SAAS,EAChB,CAAC,EAAC,+rBAA+rB,EAAA,CACjsB,CACE;;;;"}
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ function _interopNamespaceCompat(e) {
6
+ if (e && typeof e === 'object' && 'default' in e) return e;
7
+ var n = Object.create(null);
8
+ if (e) {
9
+ Object.keys(e).forEach(function (k) {
10
+ if (k !== 'default') {
11
+ var d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: function () { return e[k]; }
15
+ });
16
+ }
17
+ });
18
+ }
19
+ n.default = e;
20
+ return Object.freeze(n);
21
+ }
22
+
23
+ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
24
+
25
+ const ShipPlusCreditIcon = (props) => (React__namespace.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Ship Plus Credits", ...props },
26
+ React__namespace.createElement("path", { fill: "#0066c0", d: "M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16" }),
27
+ React__namespace.createElement("path", { fill: "#fff", d: "M16.226 7.815c.344 0 .623.28.623.624v1.11c1.514.292 2.808 1.337 3.355 2.793a.936.936 0 0 1-1.752.657c-.37-.983-1.378-1.67-2.455-1.67h-.089c-.818-.012-1.627.278-2.097.744-.312.308-.47.687-.47 1.123 0 .775.549 1.416 1.303 1.525l3.01.532c1.654.24 2.875 1.661 2.875 3.376v.157a1 1 0 0 1-.004.093c-.194 1.915-1.692 3.34-3.676 3.612v1.07a.624.624 0 0 1-.623.624h-.624a.624.624 0 0 1-.623-.624V22.41c-1.437-.337-2.655-1.352-3.183-2.751a.936.936 0 0 1 1.751-.66c.37.984 1.38 1.67 2.455 1.67h.09c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.42-1.302-1.529l-3.01-.531c-1.651-.239-2.872-1.655-2.877-3.365v-.016a3.39 3.39 0 0 1 1.024-2.443c.626-.62 1.515-1.044 2.485-1.208V8.439c0-.344.279-.624.623-.624z" })));
28
+
29
+ exports.ShipPlusCreditIcon = ShipPlusCreditIcon;
30
+ //# sourceMappingURL=ShipPlusCreditIcon.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShipPlusCreditIcon.cjs","sources":["../../../../src/icons/custom/components/ShipPlusCreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ShipPlusCreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Ship Plus Credits\"\n {...props}\n >\n <path\n fill=\"#0066c0\"\n d=\"M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16\"\n />\n <path\n fill=\"#fff\"\n d=\"M16.226 7.815c.344 0 .623.28.623.624v1.11c1.514.292 2.808 1.337 3.355 2.793a.936.936 0 0 1-1.752.657c-.37-.983-1.378-1.67-2.455-1.67h-.089c-.818-.012-1.627.278-2.097.744-.312.308-.47.687-.47 1.123 0 .775.549 1.416 1.303 1.525l3.01.532c1.654.24 2.875 1.661 2.875 3.376v.157a1 1 0 0 1-.004.093c-.194 1.915-1.692 3.34-3.676 3.612v1.07a.624.624 0 0 1-.623.624h-.624a.624.624 0 0 1-.623-.624V22.41c-1.437-.337-2.655-1.352-3.183-2.751a.936.936 0 0 1 1.751-.66c.37.984 1.38 1.67 2.455 1.67h.09c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.42-1.302-1.529l-3.01-.531c-1.651-.239-2.872-1.655-2.877-3.365v-.016a3.39 3.39 0 0 1 1.024-2.443c.626-.62 1.515-1.044 2.485-1.208V8.439c0-.344.279-.624.623-.624z\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1DA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,mBAAmB,EAAA,GAC1B,KAAK,EAAA;AAET,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wEAAwE,EAAA,CAC1E;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,6rBAA6rB,EAAA,CAC/rB,CACE;;;;"}
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IconComponentProps } from 'src/icons/types';
3
+ export declare const ShipPlusCreditIcon: (props: IconComponentProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+
3
+ const ShipPlusCreditIcon = (props) => (React.createElement("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Ship Plus Credits", ...props },
4
+ React.createElement("path", { fill: "#0066c0", d: "M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16" }),
5
+ React.createElement("path", { fill: "#fff", d: "M16.226 7.815c.344 0 .623.28.623.624v1.11c1.514.292 2.808 1.337 3.355 2.793a.936.936 0 0 1-1.752.657c-.37-.983-1.378-1.67-2.455-1.67h-.089c-.818-.012-1.627.278-2.097.744-.312.308-.47.687-.47 1.123 0 .775.549 1.416 1.303 1.525l3.01.532c1.654.24 2.875 1.661 2.875 3.376v.157a1 1 0 0 1-.004.093c-.194 1.915-1.692 3.34-3.676 3.612v1.07a.624.624 0 0 1-.623.624h-.624a.624.624 0 0 1-.623-.624V22.41c-1.437-.337-2.655-1.352-3.183-2.751a.936.936 0 0 1 1.751-.66c.37.984 1.38 1.67 2.455 1.67h.09c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.42-1.302-1.529l-3.01-.531c-1.651-.239-2.872-1.655-2.877-3.365v-.016a3.39 3.39 0 0 1 1.024-2.443c.626-.62 1.515-1.044 2.485-1.208V8.439c0-.344.279-.624.623-.624z" })));
6
+
7
+ export { ShipPlusCreditIcon };
8
+ //# sourceMappingURL=ShipPlusCreditIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShipPlusCreditIcon.js","sources":["../../../../src/icons/custom/components/ShipPlusCreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ShipPlusCreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Ship Plus Credits\"\n {...props}\n >\n <path\n fill=\"#0066c0\"\n d=\"M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16\"\n />\n <path\n fill=\"#fff\"\n d=\"M16.226 7.815c.344 0 .623.28.623.624v1.11c1.514.292 2.808 1.337 3.355 2.793a.936.936 0 0 1-1.752.657c-.37-.983-1.378-1.67-2.455-1.67h-.089c-.818-.012-1.627.278-2.097.744-.312.308-.47.687-.47 1.123 0 .775.549 1.416 1.303 1.525l3.01.532c1.654.24 2.875 1.661 2.875 3.376v.157a1 1 0 0 1-.004.093c-.194 1.915-1.692 3.34-3.676 3.612v1.07a.624.624 0 0 1-.623.624h-.624a.624.624 0 0 1-.623-.624V22.41c-1.437-.337-2.655-1.352-3.183-2.751a.936.936 0 0 1 1.751-.66c.37.984 1.38 1.67 2.455 1.67h.09c1.14.008 2.405-.582 2.567-1.935v-.105c0-.776-.548-1.42-1.302-1.529l-3.01-.531c-1.651-.239-2.872-1.655-2.877-3.365v-.016a3.39 3.39 0 0 1 1.024-2.443c.626-.62 1.515-1.044 2.485-1.208V8.439c0-.344.279-.624.623-.624z\"\n />\n </svg>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,mBAAmB,EAAA,GAC1B,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wEAAwE,EAAA,CAC1E;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,6rBAA6rB,EAAA,CAC/rB,CACE;;;;"}
@@ -2,6 +2,7 @@ export { ActiveCheckboxIcon } from './components/ActiveCheckboxIcon';
2
2
  export { ActiveRadioIcon } from './components/ActiveRadioIcon';
3
3
  export { AmazonSmileIcon } from './components/AmazonSmileIcon';
4
4
  export { CreditIcon } from './components/CreditIcon';
5
+ export { ShipPlusCreditIcon } from './components/ShipPlusCreditIcon';
5
6
  export { DashboardIcon } from './components/DashboardIcon';
6
7
  export { DestructiveIcon } from './components/DestructiveIcon';
7
8
  export { DoubleArrowAscIcon } from './components/DoubleArrowAscIcon';
package/dist/index.cjs CHANGED
@@ -316,6 +316,7 @@ var ActiveCheckboxIcon = require('./icons/custom/components/ActiveCheckboxIcon.c
316
316
  var ActiveRadioIcon = require('./icons/custom/components/ActiveRadioIcon.cjs');
317
317
  var AmazonSmileIcon = require('./icons/custom/components/AmazonSmileIcon.cjs');
318
318
  var CreditIcon = require('./icons/custom/components/CreditIcon.cjs');
319
+ var ShipPlusCreditIcon = require('./icons/custom/components/ShipPlusCreditIcon.cjs');
319
320
  var DashboardIcon = require('./icons/custom/components/DashboardIcon.cjs');
320
321
  var DestructiveIcon = require('./icons/custom/components/DestructiveIcon.cjs');
321
322
  var DoubleArrowAscIcon = require('./icons/custom/components/DoubleArrowAscIcon.cjs');
@@ -686,6 +687,7 @@ exports.ActiveCheckboxIcon = ActiveCheckboxIcon.ActiveCheckboxIcon;
686
687
  exports.ActiveRadioIcon = ActiveRadioIcon.ActiveRadioIcon;
687
688
  exports.AmazonSmileIcon = AmazonSmileIcon.AmazonSmileIcon;
688
689
  exports.CreditIcon = CreditIcon.CreditIcon;
690
+ exports.ShipPlusCreditIcon = ShipPlusCreditIcon.ShipPlusCreditIcon;
689
691
  exports.DashboardIcon = DashboardIcon.DashboardIcon;
690
692
  exports.DestructiveIcon = DestructiveIcon.DestructiveIcon;
691
693
  exports.DoubleArrowAscIcon = DoubleArrowAscIcon.DoubleArrowAscIcon;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.js CHANGED
@@ -314,6 +314,7 @@ export { ActiveCheckboxIcon } from './icons/custom/components/ActiveCheckboxIcon
314
314
  export { ActiveRadioIcon } from './icons/custom/components/ActiveRadioIcon.js';
315
315
  export { AmazonSmileIcon } from './icons/custom/components/AmazonSmileIcon.js';
316
316
  export { CreditIcon } from './icons/custom/components/CreditIcon.js';
317
+ export { ShipPlusCreditIcon } from './icons/custom/components/ShipPlusCreditIcon.js';
317
318
  export { DashboardIcon } from './icons/custom/components/DashboardIcon.js';
318
319
  export { DestructiveIcon } from './icons/custom/components/DestructiveIcon.js';
319
320
  export { DoubleArrowAscIcon } from './icons/custom/components/DoubleArrowAscIcon.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veeqo/ui",
3
- "version": "15.20.0",
3
+ "version": "15.22.0",
4
4
  "description": "New optimised component library for Veeqo.",
5
5
  "author": "Robert Wealthall",
6
6
  "license": "ISC",