@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.
- package/dist/components/Action/styles/button.module.scss.cjs +2 -2
- package/dist/components/Action/styles/button.module.scss.cjs.map +1 -1
- package/dist/components/Action/styles/button.module.scss.js +2 -2
- package/dist/components/Action/styles/button.module.scss.js.map +1 -1
- package/dist/icons/custom/components/CreditIcon.cjs +7 -7
- package/dist/icons/custom/components/CreditIcon.cjs.map +1 -1
- package/dist/icons/custom/components/CreditIcon.js +7 -7
- package/dist/icons/custom/components/CreditIcon.js.map +1 -1
- package/dist/icons/custom/components/ShipPlusCreditIcon.cjs +30 -0
- package/dist/icons/custom/components/ShipPlusCreditIcon.cjs.map +1 -0
- package/dist/icons/custom/components/ShipPlusCreditIcon.d.ts +3 -0
- package/dist/icons/custom/components/ShipPlusCreditIcon.js +8 -0
- package/dist/icons/custom/components/ShipPlusCreditIcon.js.map +1 -0
- package/dist/icons/custom/index.d.ts +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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-
|
|
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(--
|
|
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-
|
|
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(--
|
|
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
|
|
26
|
-
React__namespace.createElement("path", { d: "
|
|
27
|
-
React__namespace.createElement("path", { d: "
|
|
28
|
-
React__namespace.createElement("path", { d: "
|
|
29
|
-
React__namespace.createElement("path", { d: "
|
|
30
|
-
React__namespace.createElement("path", { d: "
|
|
31
|
-
React__namespace.createElement("path", { d: "
|
|
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
|
|
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
|
|
4
|
-
React.createElement("path", { d: "
|
|
5
|
-
React.createElement("path", { d: "
|
|
6
|
-
React.createElement("path", { d: "
|
|
7
|
-
React.createElement("path", { d: "
|
|
8
|
-
React.createElement("path", { d: "
|
|
9
|
-
React.createElement("path", { d: "
|
|
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
|
|
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,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;
|
package/dist/index.cjs.map
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|