@alto-avios/alto-ui 1.1.0 → 1.2.1-alpha.1
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/assets/Badge.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/ClearFieldButton.css +1 -1
- package/dist/assets/DateField.css +1 -1
- package/dist/assets/FieldError.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/Tag.css +1 -0
- package/dist/assets/TagGroup.css +1 -0
- package/dist/assets/TextAreaField.css +1 -1
- package/dist/assets/TextField.css +1 -1
- package/dist/assets/ToggleButton.css +1 -1
- package/dist/assets/ToggleIconButton.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/focusStyles.css +1 -0
- package/dist/assets/global.css +1 -1
- package/dist/components/Badge/Badge.d.ts +34 -0
- package/dist/components/Badge/Badge.js +75 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Badge/index.js +5 -0
- package/dist/components/Button/Button.d.ts +5 -1
- package/dist/components/Button/Button.js +29 -25
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/Checkbox/Checkbox.js +28 -9
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.d.ts +5 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.js +9 -5
- package/dist/components/ClearFieldButton/ClearFieldButton.js.map +1 -1
- package/dist/components/DateField/DateField.d.ts +21 -4
- package/dist/components/DateField/DateField.js +7 -4
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/FieldError/FieldError.js +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconButton/IconButton.d.ts +8 -4
- package/dist/components/IconButton/IconButton.js +36 -41
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/Link/Link.d.ts +5 -1
- package/dist/components/Link/Link.js +13 -9
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/NewButton/NewButton.js +4 -1
- package/dist/components/NewButton/NewButton.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +5 -1
- package/dist/components/Radio/Radio.js +22 -3
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +28 -2
- package/dist/components/RadioGroup/RadioGroup.js +12 -8
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/Tag/Tag.d.ts +36 -0
- package/dist/components/Tag/Tag.js +38 -0
- package/dist/components/Tag/Tag.js.map +1 -0
- package/dist/components/Tag/index.d.ts +1 -0
- package/dist/components/Tag/index.js +5 -0
- package/dist/components/TagGroup/TagGroup.d.ts +10 -0
- package/dist/components/TagGroup/TagGroup.js +39 -0
- package/dist/components/TagGroup/TagGroup.js.map +1 -0
- package/dist/components/TagGroup/index.d.ts +1 -0
- package/dist/components/TagGroup/index.js +5 -0
- package/dist/components/TextAreaField/TextAreaField.js +2 -2
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/ToggleButton/ToggleButton.d.ts +5 -1
- package/dist/components/ToggleButton/ToggleButton.js +30 -20
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/components/ToggleIconButton/ToggleIconButton.d.ts +4 -4
- package/dist/components/ToggleIconButton/ToggleIconButton.js +33 -22
- package/dist/components/ToggleIconButton/ToggleIconButton.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +8 -70
- package/dist/components/Tooltip/Tooltip.js +8 -28
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/index.d.ts +3 -6
- package/dist/components/index.js +6 -12
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +6 -12
- package/dist/index.js.map +1 -1
- package/dist/utils/focus/focusStyles.d.ts +3 -0
- package/dist/utils/focus/focusStyles.js +22 -0
- package/dist/utils/focus/focusStyles.js.map +1 -0
- package/package.json +1 -1
- package/dist/assets/InfoTag.css +0 -1
- package/dist/assets/InfoTagGroup.css +0 -1
- package/dist/assets/NumberField.css +0 -1
- package/dist/assets/SearchField.css +0 -1
- package/dist/assets/SelectTag.css +0 -1
- package/dist/assets/SelectTagGroup.css +0 -1
- package/dist/components/InfoTag/InfoTag.d.ts +0 -36
- package/dist/components/InfoTag/InfoTag.js +0 -86
- package/dist/components/InfoTag/InfoTag.js.map +0 -1
- package/dist/components/InfoTag/index.d.ts +0 -1
- package/dist/components/InfoTag/index.js +0 -5
- package/dist/components/InfoTagGroup/InfoTagGroup.d.ts +0 -8
- package/dist/components/InfoTagGroup/InfoTagGroup.js +0 -31
- package/dist/components/InfoTagGroup/InfoTagGroup.js.map +0 -1
- package/dist/components/InfoTagGroup/index.d.ts +0 -1
- package/dist/components/InfoTagGroup/index.js +0 -5
- package/dist/components/NumberField/NumberField.d.ts +0 -10
- package/dist/components/NumberField/NumberField.js +0 -37
- package/dist/components/NumberField/NumberField.js.map +0 -1
- package/dist/components/NumberField/index.d.ts +0 -1
- package/dist/components/NumberField/index.js +0 -5
- package/dist/components/SearchField/SearchField.d.ts +0 -7
- package/dist/components/SearchField/SearchField.js +0 -31
- package/dist/components/SearchField/SearchField.js.map +0 -1
- package/dist/components/SearchField/index.d.ts +0 -1
- package/dist/components/SearchField/index.js +0 -5
- package/dist/components/SearchField/index.js.map +0 -1
- package/dist/components/SelectTag/SelectTag.d.ts +0 -33
- package/dist/components/SelectTag/SelectTag.js +0 -33
- package/dist/components/SelectTag/SelectTag.js.map +0 -1
- package/dist/components/SelectTag/index.d.ts +0 -1
- package/dist/components/SelectTag/index.js +0 -5
- package/dist/components/SelectTag/index.js.map +0 -1
- package/dist/components/SelectTagGroup/SelectTagGroup.d.ts +0 -10
- package/dist/components/SelectTagGroup/SelectTagGroup.js +0 -40
- package/dist/components/SelectTagGroup/SelectTagGroup.js.map +0 -1
- package/dist/components/SelectTagGroup/index.d.ts +0 -1
- package/dist/components/SelectTagGroup/index.js +0 -5
- package/dist/components/SelectTagGroup/index.js.map +0 -1
- /package/dist/components/{InfoTag → Badge}/index.js.map +0 -0
- /package/dist/components/{InfoTagGroup → Tag}/index.js.map +0 -0
- /package/dist/components/{NumberField → TagGroup}/index.js.map +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._badge_g5nmg_1{align-items:center;border-radius:var(--alto-tag-radius);color:var(--alto-sem-color-fg-inverse-on-subtle);display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}._md_g5nmg_16{font-size:var(--alto-sem-text-body-md-font-size);gap:var(--alto-sem-space-2xs);height:26px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._sm_g5nmg_25{font-size:var(--alto-sem-text-body-xs-font-size);gap:var(--alto-sem-space-4xs);height:20px;letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-2xs)}._neutral_g5nmg_33{background:var(--alto-sem-color-bg-inverse-subtle-default)}._critical_g5nmg_37{background:var(--alto-sem-color-bg-critical-subtle-default)}._warning_g5nmg_41{background:var(--alto-sem-color-bg-warning-subtle-default)}._caution_g5nmg_45{background:var(--alto-sem-color-bg-caution-subtle-default)}._success_g5nmg_49{background:var(--alto-sem-color-bg-success-subtle-default)}._info_g5nmg_53{background:var(--alto-sem-color-bg-information-subtle-default)}._brand_g5nmg_57{background:var(--alto-sem-color-bg-accent-subtle-default)}._sale_g5nmg_61{background:var(--alto-sem-color-bg-sale-vibrant-default)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_s8yax_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._button_s8yax_1[data-focused]:after{border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);border-radius:calc(var(--alto-button-md-radius-focus) + var(--alto-sem-border-width-md));bottom:5px;box-sizing:border-box;content:"";left:5px;pointer-events:none;position:absolute;right:5px;top:5px}._sm_s8yax_38{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_s8yax_43{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_s8yax_48{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._accentPrimary_s8yax_57[data-focused],._accentPrimary_s8yax_57[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_s8yax_57[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_s8yax_57[data-pressed][data-focused]{outline:none}._accentPrimary_s8yax_57[data-focused]{outline-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_s8yax_57._local-class_s8yax_74[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_s8yax_80{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_s8yax_80[data-focused],._accentSecondary_s8yax_80[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_s8yax_80[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_s8yax_80[data-pressed][data-focused]{outline:none}._accentSecondary_s8yax_80[data-focused]{outline:var(--alto-sem-color-border-accent)}._accentSecondary_s8yax_80._local-class_s8yax_74[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_s8yax_111{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_s8yax_111[data-focused],._accentTertiary_s8yax_111[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_s8yax_111[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_s8yax_111[data-pressed][data-focused]{outline:none}._accentTertiary_s8yax_111[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentTertiary_s8yax_111._local-class_s8yax_74[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_s8yax_140{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_s8yax_140[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_s8yax_140[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_s8yax_140[data-pressed][data-focused]{outline:none}._accentQuaternary_s8yax_140[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentQuaternary_s8yax_140._local-class_s8yax_74[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_s8yax_168{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_s8yax_168[data-focused],._criticalPrimary_s8yax_168[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_s8yax_168[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_s8yax_168[data-pressed][data-focused]{outline:none}._criticalPrimary_s8yax_168[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalPrimary_s8yax_168[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_s8yax_196{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_s8yax_196[data-focused],._criticalSecondary_s8yax_196[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_s8yax_196[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_s8yax_196[data-pressed][data-focused]{outline:none}._criticalSecondary_s8yax_196[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalSecondary_s8yax_196[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_s8yax_227{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_s8yax_227[data-focused],._criticalTertiary_s8yax_227[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_s8yax_227[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_s8yax_227[data-pressed][data-focused]{outline:none}._criticalTertiary_s8yax_227[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalTertiary_s8yax_227[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_s8yax_256{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_s8yax_256[data-focused],._criticalQuaternary_s8yax_256[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_s8yax_256[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_s8yax_256[data-pressed][data-focused]{outline:none}._criticalQuaternary_s8yax_256[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalQuaternary_s8yax_256[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_s8yax_285{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_s8yax_285[data-focused],._neutralPrimary_s8yax_285[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_s8yax_285[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_s8yax_285[data-pressed][data-focused]{outline:none}._neutralPrimary_s8yax_285[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralPrimary_s8yax_285[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_s8yax_313{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_s8yax_313[data-focused],._neutralSecondary_s8yax_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_s8yax_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_s8yax_313[data-pressed][data-focused]{outline:none}._neutralSecondary_s8yax_313[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralSecondary_s8yax_313[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_s8yax_342{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_s8yax_342[data-focused],._neutralTertiary_s8yax_342[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_s8yax_342[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_s8yax_342[data-pressed][data-focused]{outline:none}._neutralTertiary_s8yax_342[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralTertiary_s8yax_342[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_s8yax_371{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_s8yax_371[data-focused],._neutralQuaternary_s8yax_371[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_s8yax_371[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_s8yax_371[data-pressed][data-focused]{outline:none}._neutralQuaternary_s8yax_371[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralQuaternary_s8yax_371[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_s8yax_401{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_s8yax_401[data-focused],._whitePrimary_s8yax_401[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_s8yax_401[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_s8yax_401[data-focused],._whitePrimary_s8yax_401[data-pressed][data-focused]{outline:none}._whitePrimary_s8yax_401[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_s8yax_430{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_s8yax_430[data-focused],._whiteSecondary_s8yax_430[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_s8yax_430[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_s8yax_430[data-pressed][data-focused]{outline:none}._whiteSecondary_s8yax_430[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_s8yax_430[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_s8yax_460{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_s8yax_460[data-focused],._whiteTertiary_s8yax_460[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_s8yax_460[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_s8yax_460[data-pressed][data-focused]{outline:none}._whiteTertiary_s8yax_460[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_s8yax_460[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_s8yax_489{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_s8yax_489[data-focused],._whiteQuaternary_s8yax_489[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_s8yax_489[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_s8yax_489[data-pressed][data-focused]{outline:none}._whiteQuaternary_s8yax_489[data-focused]{outline-color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_s8yax_489[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_s8yax_520{height:1rem;width:1rem}._icon-wrapper_s8yax_525{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_1fapr_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._sm_1fapr_25{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1fapr_30{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1fapr_35{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._accentPrimary_1fapr_44[data-focused],._accentPrimary_1fapr_44[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1fapr_44[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1fapr_44[data-pressed][data-focused]{outline:none}._accentPrimary_1fapr_44._local-class_1fapr_61[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1fapr_67{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1fapr_67[data-focused],._accentSecondary_1fapr_67[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1fapr_67[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1fapr_67[data-pressed][data-focused]{outline:none}._accentSecondary_1fapr_67[data-focused]{outline:var(--alto-sem-color-border-accent)}._accentSecondary_1fapr_67._local-class_1fapr_61[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_1fapr_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1fapr_98[data-focused],._accentTertiary_1fapr_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1fapr_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1fapr_98[data-pressed][data-focused]{outline:none}._accentTertiary_1fapr_98[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentTertiary_1fapr_98._local-class_1fapr_61[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1fapr_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1fapr_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1fapr_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1fapr_127[data-pressed][data-focused]{outline:none}._accentQuaternary_1fapr_127[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentQuaternary_1fapr_127._local-class_1fapr_61[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1fapr_155{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1fapr_155[data-focused],._criticalPrimary_1fapr_155[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1fapr_155[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1fapr_155[data-pressed][data-focused]{outline:none}._criticalPrimary_1fapr_155[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalPrimary_1fapr_155[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1fapr_183{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1fapr_183[data-focused],._criticalSecondary_1fapr_183[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1fapr_183[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1fapr_183[data-pressed][data-focused]{outline:none}._criticalSecondary_1fapr_183[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalSecondary_1fapr_183[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_1fapr_214{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1fapr_214[data-focused],._criticalTertiary_1fapr_214[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1fapr_214[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1fapr_214[data-pressed][data-focused]{outline:none}._criticalTertiary_1fapr_214[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalTertiary_1fapr_214[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1fapr_243{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1fapr_243[data-focused],._criticalQuaternary_1fapr_243[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1fapr_243[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1fapr_243[data-pressed][data-focused]{outline:none}._criticalQuaternary_1fapr_243[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalQuaternary_1fapr_243[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1fapr_272{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1fapr_272[data-focused],._neutralPrimary_1fapr_272[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1fapr_272[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1fapr_272[data-pressed][data-focused]{outline:none}._neutralPrimary_1fapr_272[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralPrimary_1fapr_272[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1fapr_300{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1fapr_300[data-focused],._neutralSecondary_1fapr_300[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1fapr_300[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1fapr_300[data-pressed][data-focused]{outline:none}._neutralSecondary_1fapr_300[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralSecondary_1fapr_300[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1fapr_329{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1fapr_329[data-focused],._neutralTertiary_1fapr_329[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1fapr_329[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1fapr_329[data-pressed][data-focused]{outline:none}._neutralTertiary_1fapr_329[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralTertiary_1fapr_329[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1fapr_358{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1fapr_358[data-focused],._neutralQuaternary_1fapr_358[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1fapr_358[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1fapr_358[data-pressed][data-focused]{outline:none}._neutralQuaternary_1fapr_358[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralQuaternary_1fapr_358[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1fapr_388{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1fapr_388[data-focused],._whitePrimary_1fapr_388[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1fapr_388[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1fapr_388[data-focused],._whitePrimary_1fapr_388[data-pressed][data-focused]{outline:none}._whitePrimary_1fapr_388[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1fapr_417{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1fapr_417[data-focused],._whiteSecondary_1fapr_417[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1fapr_417[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1fapr_417[data-pressed][data-focused]{outline:none}._whiteSecondary_1fapr_417[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1fapr_417[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1fapr_447{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1fapr_447[data-focused],._whiteTertiary_1fapr_447[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1fapr_447[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1fapr_447[data-pressed][data-focused]{outline:none}._whiteTertiary_1fapr_447[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1fapr_447[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1fapr_476{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1fapr_476[data-focused],._whiteQuaternary_1fapr_476[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1fapr_476[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1fapr_476[data-pressed][data-focused]{outline:none}._whiteQuaternary_1fapr_476[data-focused]{outline-color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1fapr_476[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1fapr_507{height:1rem;width:1rem}._icon-wrapper_1fapr_512{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_1xmgx_2{align-items:center;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;gap:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._checkboxLabel_1xmgx_19{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_1xmgx_23{padding-left:42px}._checkboxSvgWrapper_1xmgx_27{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._checkbox_1xmgx_2 ._svg_1xmgx_41{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._checkbox_1xmgx_2[data-hovered] ._checkboxSvgWrapper_1xmgx_27{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_1xmgx_2[data-pressed] ._checkboxSvgWrapper_1xmgx_27{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_1xmgx_2[data-focus-visible] ._checkboxSvgWrapper_1xmgx_27{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._defaultFocus_1xmgx_69[data-focus-visible] ._checkboxSvgWrapper_1xmgx_27{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_1xmgx_73[data-focus-visible] ._checkboxSvgWrapper_1xmgx_27{outline-color:var(--alto-sem-color-border-white)}._checkbox_1xmgx_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_1xmgx_27[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_1xmgx_41[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_1xmgx_2[data-selected] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_1xmgx_2[data-selected][data-hovered] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_1xmgx_2[data-selected][data-pressed] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_1xmgx_2[data-selected] ._svg_1xmgx_41{stroke-dashoffset:44}._checkbox_1xmgx_2[data-indeterminate] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_1xmgx_2[data-indeterminate] ._svg_1xmgx_41{stroke:none;fill:var(--alto-sem-color-fg-accent-on-vibrant)}._checkbox_1xmgx_2[data-invalid] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._checkbox_1xmgx_2[data-invalid][data-hovered] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_1xmgx_2[data-invalid][data-pressed] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-tertiary-active)}._checkbox_1xmgx_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_1xmgx_27,._checkbox_1xmgx_2[data-invalid][data-selected] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_1xmgx_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_1xmgx_27,._checkbox_1xmgx_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_1xmgx_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_1xmgx_27,._checkbox_1xmgx_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_1xmgx_27{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_1xmgx_2[data-disabled] ._checkboxSvgWrapper_1xmgx_27{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_1xmgx_2[data-disabled] ._svg_1xmgx_41{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_1xmgx_2[data-indeterminate] ._svg_1xmgx_41{stroke:var(--alto-sem-color-fg-disabled-onSubtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._clearFieldButton_1wxbm_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:none;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-style:normal;font-weight:900;justify-content:center;line-height:normal;text-align:center}._sm_1wxbm_18{height:36px;width:36px}._md_1wxbm_23{height:48px;width:48px}._lg_1wxbm_28{font-size:1.25rem;height:55px;width:55px}._clearFieldButton_1wxbm_1[data-focused],._clearFieldButton_1wxbm_1[data-hovered],._clearFieldButton_1wxbm_1[data-pressed]{color:var(--alto-sem-color-fg-primary)}._clearFieldButton_1wxbm_1[data-focused],._clearFieldButton_1wxbm_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._clearFieldButton_1wxbm_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dateField_197xm_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_197xm_5{align-items:center;background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-text-field-radius);box-sizing:border-box;display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:auto}._dateInput_197xm_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_197xm_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_197xm_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_197xm_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_197xm_5[data-focus-within]{outline:solid 2px var(--alto-sem-color-border-accent);outline-offset:-1px}._dateInput_197xm_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_197xm_48{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-variant-numeric:tabular-nums;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:0 var(--alto-sem-space-3xs);text-align:end}._dateSegment_197xm_48[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_197xm_48[data-focused],._dateSegment_197xm_48[data-invalid]._dateSegment_197xm_48[data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-radius:var(--alto-tag-radius);caret-color:transparent;color:var(--alto-sem-color-fg-accent-on-vibrant);outline:none}._dateSegment_197xm_48[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_197xm_48[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldError_c0ugd_1{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._iconButton_gdq7z_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._sm_gdq7z_25{max-height:36px;max-width:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_gdq7z_31{max-height:48px;max-width:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_gdq7z_37{max-height:55px;max-width:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._accentPrimary_gdq7z_47[data-focused],._accentPrimary_gdq7z_47[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_gdq7z_47[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_gdq7z_47[data-pressed][data-focused]{outline:none}._accentPrimary_gdq7z_47[data-focused]{outline-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_gdq7z_47[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_gdq7z_70{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_gdq7z_70[data-focused],._accentSecondary_gdq7z_70[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_gdq7z_70[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_gdq7z_70[data-pressed][data-focused]{outline:none}._accentSecondary_gdq7z_70[data-focused]{outline:var(--alto-sem-color-border-accent)}._accentSecondary_gdq7z_70[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_gdq7z_101{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_gdq7z_101[data-focused],._accentTertiary_gdq7z_101[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_gdq7z_101[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_gdq7z_101[data-pressed][data-focused]{outline:none}._accentTertiary_gdq7z_101[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentTertiary_gdq7z_101[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_gdq7z_130{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_gdq7z_130[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_gdq7z_130[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_gdq7z_130[data-pressed][data-focused]{outline:none}._accentQuaternary_gdq7z_130[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentQuaternary_gdq7z_130[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_gdq7z_158{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_gdq7z_158[data-focused],._criticalPrimary_gdq7z_158[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_gdq7z_158[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_gdq7z_158[data-pressed][data-focused]{outline:none}._criticalPrimary_gdq7z_158[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalPrimary_gdq7z_158[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_gdq7z_186{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_gdq7z_186[data-focused],._criticalSecondary_gdq7z_186[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_gdq7z_186[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_gdq7z_186[data-pressed][data-focused]{outline:none}._criticalSecondary_gdq7z_186[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalSecondary_gdq7z_186[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_gdq7z_217{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_gdq7z_217[data-focused],._criticalTertiary_gdq7z_217[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_gdq7z_217[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_gdq7z_217[data-pressed][data-focused]{outline:none}._criticalTertiary_gdq7z_217[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalTertiary_gdq7z_217[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_gdq7z_246{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_gdq7z_246[data-focused],._criticalQuaternary_gdq7z_246[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_gdq7z_246[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_gdq7z_246[data-pressed][data-focused]{outline:none}._criticalQuaternary_gdq7z_246[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalQuaternary_gdq7z_246[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_gdq7z_275{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_gdq7z_275[data-focused],._neutralPrimary_gdq7z_275[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_gdq7z_275[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_gdq7z_275[data-pressed][data-focused]{outline:none}._neutralPrimary_gdq7z_275[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralPrimary_gdq7z_275[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_gdq7z_303{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_gdq7z_303[data-focused],._neutralSecondary_gdq7z_303[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_gdq7z_303[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_gdq7z_303[data-pressed][data-focused]{outline:none}._neutralSecondary_gdq7z_303[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralSecondary_gdq7z_303[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_gdq7z_332{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_gdq7z_332[data-focused],._neutralTertiary_gdq7z_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_gdq7z_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_gdq7z_332[data-pressed][data-focused]{outline:none}._neutralTertiary_gdq7z_332[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralTertiary_gdq7z_332[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_gdq7z_361{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_gdq7z_361[data-focused],._neutralQuaternary_gdq7z_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_gdq7z_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_gdq7z_361[data-pressed][data-focused]{outline:none}._neutralQuaternary_gdq7z_361[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralQuaternary_gdq7z_361[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_gdq7z_391{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_gdq7z_391[data-focused],._whitePrimary_gdq7z_391[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_gdq7z_391[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_gdq7z_391[data-pressed][data-focused]{outline:none}._whitePrimary_gdq7z_391[data-focused]{outline-color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_gdq7z_391[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_gdq7z_420{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_gdq7z_420[data-focused],._whiteSecondary_gdq7z_420[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_gdq7z_420[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_gdq7z_420[data-pressed][data-focused]{outline:none}._whiteSecondary_gdq7z_420[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_gdq7z_420[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_gdq7z_450{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_gdq7z_450[data-focused],._whiteTertiary_gdq7z_450[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_gdq7z_450[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_gdq7z_450[data-pressed][data-focused]{outline:none}._whiteTertiary_gdq7z_450[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_gdq7z_450[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_gdq7z_479{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_gdq7z_479[data-focused],._whiteQuaternary_gdq7z_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_gdq7z_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_gdq7z_479[data-pressed][data-focused]{outline:none}._whiteQuaternary_gdq7z_479[data-focused]{outline-color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_gdq7z_479[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_gdq7z_510{height:1rem;width:1rem}._icon-wrapper_gdq7z_515{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._iconButton_1q4my_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._sm_1q4my_24{font-size:16px;height:36px;width:36px}._md_1q4my_30{font-size:16px;height:48px;width:48px}._lg_1q4my_36{font-size:20px;height:55px;width:55px}._accentPrimary_1q4my_46[data-focused],._accentPrimary_1q4my_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1q4my_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1q4my_46[data-pressed][data-focused]{outline:none}._accentPrimary_1q4my_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1q4my_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1q4my_69[data-focused],._accentSecondary_1q4my_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1q4my_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1q4my_69[data-pressed][data-focused]{outline:none}._accentSecondary_1q4my_69[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_1q4my_96{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1q4my_96[data-focused],._accentTertiary_1q4my_96[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1q4my_96[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1q4my_96[data-pressed][data-focused]{outline:none}._accentTertiary_1q4my_96[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1q4my_125{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1q4my_125[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1q4my_125[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1q4my_125[data-pressed][data-focused]{outline:none}._accentQuaternary_1q4my_125[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1q4my_149{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1q4my_149[data-focused],._criticalPrimary_1q4my_149[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1q4my_149[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1q4my_149[data-pressed][data-focused]{outline:none}._criticalPrimary_1q4my_149[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1q4my_173{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1q4my_173[data-focused],._criticalSecondary_1q4my_173[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1q4my_173[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1q4my_173[data-pressed][data-focused]{outline:none}._criticalSecondary_1q4my_173[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_1q4my_200{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1q4my_200[data-focused],._criticalTertiary_1q4my_200[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1q4my_200[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1q4my_200[data-pressed][data-focused]{outline:none}._criticalTertiary_1q4my_200[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1q4my_225{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1q4my_225[data-focused],._criticalQuaternary_1q4my_225[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1q4my_225[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1q4my_225[data-pressed][data-focused]{outline:none}._criticalQuaternary_1q4my_225[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1q4my_250{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1q4my_250[data-focused],._neutralPrimary_1q4my_250[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1q4my_250[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1q4my_250[data-pressed][data-focused]{outline:none}._neutralPrimary_1q4my_250[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1q4my_274{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1q4my_274[data-focused],._neutralSecondary_1q4my_274[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1q4my_274[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1q4my_274[data-pressed][data-focused]{outline:none}._neutralSecondary_1q4my_274[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1q4my_299{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1q4my_299[data-focused],._neutralTertiary_1q4my_299[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1q4my_299[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1q4my_299[data-pressed][data-focused]{outline:none}._neutralTertiary_1q4my_299[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1q4my_324{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1q4my_324[data-focused],._neutralQuaternary_1q4my_324[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1q4my_324[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1q4my_324[data-pressed][data-focused]{outline:none}._neutralQuaternary_1q4my_324[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1q4my_350{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1q4my_350[data-focused],._whitePrimary_1q4my_350[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1q4my_350[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1q4my_350[data-pressed][data-focused]{outline:none}._whitePrimary_1q4my_350[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_1q4my_350[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1q4my_379{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1q4my_379[data-focused],._whiteSecondary_1q4my_379[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1q4my_379[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1q4my_379[data-pressed][data-focused]{outline:none}._whiteSecondary_1q4my_379[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1q4my_379[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1q4my_409{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1q4my_409[data-focused],._whiteTertiary_1q4my_409[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1q4my_409[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1q4my_409[data-pressed][data-focused]{outline:none}._whiteTertiary_1q4my_409[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1q4my_409[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1q4my_438{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1q4my_438[data-focused],._whiteQuaternary_1q4my_438[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1q4my_438[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1q4my_438[data-pressed][data-focused]{outline:none}._whiteQuaternary_1q4my_438[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1q4my_438[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1q4my_469{height:1rem;width:1rem}._icon-wrapper_1q4my_474{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_kftxp_1{color:var(--alto-sem-color-fg-accent-primary);font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);text-decoration:none}._xs_kftxp_9{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_kftxp_15{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_kftxp_21{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_kftxp_27{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._link_kftxp_1[data-focused],._link_kftxp_1[data-hovered]{color:var(--alto-sem-color-fg-accent-secondary);text-decoration:underline}._link_kftxp_1[data-focused]{color:var(--alto-sem-color-fg-accent-secondary)}._link_kftxp_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_kftxp_1[data-pressed]{text-decoration:none}._link_kftxp_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none;text-decoration-line:none}._underline_kftxp_58{text-decoration:underline}._underline_kftxp_58[data-focused],._underline_kftxp_58[data-hovered]{text-decoration:none}._underline_kftxp_58[data-pressed]{text-decoration:underline}._underline_kftxp_58[data-disabled]{text-decoration-line:underline}._iconEnd_kftxp_75 svg{padding-left:8px}
|
package/dist/assets/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._radio_1csym_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;gap:var(--alto-sem-space-sm);justify-content:flex-start;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._radio_1csym_1:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;height:1.5rem;transition:all .2s;width:1.5rem}._radio_1csym_1[data-hovered]:before{border-color:var(--alto-sem-color-border-primary-hover)}._radio_1csym_1[data-focus-visible]:before{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._defaultFocus_1csym_41[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_1csym_45[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-white)}._radio_1csym_1[data-pressed]:before{border-color:var(--alto-sem-color-border-primary-active)}._radio_1csym_1[data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem}._radio_1csym_1[data-selected][data-hovered]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_1csym_1[data-selected][data-focused]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_1csym_1[data-selected][data-focus-visible]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_1csym_1[data-selected][data-pressed]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_1csym_1[data-invalid]:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._radio_1csym_1[data-invalid][data-hovered]:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._radio_1csym_1[data-invalid][data-focused]:before{border-color:var(--alto-sem-color-border-critical)}._radio_1csym_1[data-invalid][data-focus-visible]:before,._radio_1csym_1[data-invalid][data-pressed]:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._radio_1csym_1[data-invalid][data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._radio_1csym_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:default;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._radio_1csym_1[data-disabled]:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._radio_1csym_1[data-disabled][data-selected]:before{border-width:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._radioGroup_18m1j_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._radioGroup_18m1j_1[data-orientation=horizontal]{align-items:center;flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tag_15o1i_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_15o1i_1._isRemovable_15o1i_21{padding-right:0}._tag_15o1i_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_15o1i_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm ) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_15o1i_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_15o1i_1 [slot=remove][data-focused],._tag_15o1i_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_15o1i_1[data-pressed] [slot=remove],._tag_15o1i_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_15o1i_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_15o1i_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_15o1i_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_15o1i_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_15o1i_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_15o1i_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_15o1i_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_15o1i_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_15o1i_1[data-disabled],._tag_15o1i_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_15o1i_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_15o1i_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_15o1i_121{padding-right:14px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tagGroup_1c3p3_1{display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:2px;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);position:relative;width:100%}._tagGroupList_1c3p3_15{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-xs) var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-xs)}._tagGroup_1c3p3_1 ._react-aria-TagList_1c3p3_25{margin-left:0;margin-right:0}._spanContainer_1c3p3_30{align-items:baseline;display:flex;justify-content:space-between}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textAreaField_1h7su_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._textAreaField_1h7su_1 textarea{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:148px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:-webkit-fill-available}._textAreaField_1h7su_1 textarea[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._textAreaField_1h7su_1 textarea[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textAreaField_1h7su_1 textarea[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textAreaField_1h7su_1 textarea[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textAreaField_1h7su_1 [react-aria-TextArea]{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding-bottom:var(--alto-sem-space-3xs)}._textAreaField_1h7su_1 label{color:var(--alto-sem-color-fg-primary);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._textAreaField_1h7su_1 label,._validationError_1h7su_67{display:flex;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-3xs);padding-bottom:var(--alto-sem-space-3xs)}._validationError_1h7su_67{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var (--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._textAreaField_1h7su_1 textarea{scrollbar-width:none;-ms-overflow-style:none}._textAreaField_1h7su_1 textarea::-webkit-scrollbar{width:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1kom2_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._textField_1kom2_1 input{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._textField_1kom2_1 input[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._textField_1kom2_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textField_1kom2_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textField_1kom2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textField_1kom2_1 ._inputWrapper_1kom2_45{align-items:center;display:flex;position:relative}._textField_1kom2_1 ._iconEnd_1kom2_52,._textField_1kom2_1 ._iconStart_1kom2_51{padding:var(--alto-sem-space-sm);position:absolute}._textField_1kom2_1:has(._iconStart_1kom2_51) input{padding-left:44px}._textField_1kom2_1 ._iconEnd_1kom2_52{right:0}._textField_1kom2_1:has(._iconEnd_1kom2_52) input{padding-right:44px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toggleButton_eymuc_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_eymuc_20{height:1rem;width:1rem}._icon-wrapper_eymuc_25{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_eymuc_34{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_eymuc_41,._sm_eymuc_34{font-size:var(--alto-sem-text-label-md-font-size)}._md_eymuc_41{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_eymuc_47{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_eymuc_47 ._fa-spinner-third_eymuc_20{height:1.25rem;width:1.25rem}._toggleButton_eymuc_1[data-focused]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_eymuc_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_eymuc_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_eymuc_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_eymuc_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_eymuc_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_eymuc_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_eymuc_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toggleIconButton_1t6yj_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_1t6yj_26{font-size:16px;height:36px;width:36px}._md_1t6yj_32{font-size:16px;height:48px;width:48px}._lg_1t6yj_38{font-size:20px;height:55px;width:55px}._lg_1t6yj_38 ._fa-spinner-third_1t6yj_44{height:1.25rem;width:1.25rem}._toggleIconButton_1t6yj_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_1t6yj_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_1t6yj_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_1t6yj_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_1t6yj_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_1t6yj_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1t6yj_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_1t6yj_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1t6yj_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_1t6yj_44{height:1rem;width:1rem}._icon-wrapper_1t6yj_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tooltip_46243_2{background:var(--alto-sem-color-bg-inverse-vibrant-default);border-radius:var(--alto-sem-radius-6xs);box-shadow:0 8px 20px #0000001a;box-sizing:border-box;color:var(--alto-sem-color-fg-inverse-on-vibrant);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-xs-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);outline:none;padding:var(--alto-sem-space-5xs) var(--alto-sem-space-2xs);text-align:center;transform:translateZ(0)}._tooltip_46243_2[data-placement=top]{margin-bottom:8px;--origin:translateY(4px)}._tooltip_46243_2[data-placement=bottom]{margin-top:8px;--origin:translateY(-4px)}._tooltip_46243_2[data-placement=right]{margin-left:8px;--origin:translateX(-4px)}._tooltip_46243_2[data-placement=left]{margin-right:8px;--origin:translateX(4px)}._tooltip_46243_2[data-entering]{animation:_slide_46243_1 .2s}._tooltip_46243_2[data-exiting]{animation:_slide_46243_1 .2s ease-in reverse}@keyframes _slide_46243_1{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._defaultFocus_1xolq_1:focus-visible{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_1xolq_5:focus-visible{outline-color:var(--alto-sem-color-border-white)}
|
package/dist/assets/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:focus-visible{outline:var(--alto-sem-color-border-accent)
|
|
1
|
+
:focus-visible{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconProps } from '../Icon/Icon';
|
|
3
|
+
export interface BadgeProps {
|
|
4
|
+
/**
|
|
5
|
+
* The children of the component
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* A string representation of the tag's contents, used for accessibility.
|
|
10
|
+
*/
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The size of the tag
|
|
14
|
+
*/
|
|
15
|
+
size?: 'sm' | 'md';
|
|
16
|
+
/**
|
|
17
|
+
* The style variant of the tag
|
|
18
|
+
*/
|
|
19
|
+
variant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale';
|
|
20
|
+
/**
|
|
21
|
+
* Whether the tag has a leading icon and what icon to use
|
|
22
|
+
*/
|
|
23
|
+
leadingIconProps?: IconProps;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the tag has a trailing icon and what icon to use
|
|
26
|
+
*/
|
|
27
|
+
trailingIconProps?: IconProps;
|
|
28
|
+
/**
|
|
29
|
+
* The focus style of the button
|
|
30
|
+
*/
|
|
31
|
+
focusStyle?: 'default' | 'white';
|
|
32
|
+
}
|
|
33
|
+
export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default Badge;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { c as cva } from "../../index-Cn2Ts93C.js";
|
|
3
|
+
import { Icon } from "../Icon/Icon.js";
|
|
4
|
+
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
5
|
+
import '../../assets/Badge.css';const badge$1 = "_badge_g5nmg_1";
|
|
6
|
+
const md = "_md_g5nmg_16";
|
|
7
|
+
const sm = "_sm_g5nmg_25";
|
|
8
|
+
const neutral = "_neutral_g5nmg_33";
|
|
9
|
+
const critical = "_critical_g5nmg_37";
|
|
10
|
+
const warning = "_warning_g5nmg_41";
|
|
11
|
+
const caution = "_caution_g5nmg_45";
|
|
12
|
+
const success = "_success_g5nmg_49";
|
|
13
|
+
const info = "_info_g5nmg_53";
|
|
14
|
+
const brand = "_brand_g5nmg_57";
|
|
15
|
+
const sale = "_sale_g5nmg_61";
|
|
16
|
+
const styles = {
|
|
17
|
+
badge: badge$1,
|
|
18
|
+
md,
|
|
19
|
+
sm,
|
|
20
|
+
neutral,
|
|
21
|
+
critical,
|
|
22
|
+
warning,
|
|
23
|
+
caution,
|
|
24
|
+
success,
|
|
25
|
+
info,
|
|
26
|
+
brand,
|
|
27
|
+
sale
|
|
28
|
+
};
|
|
29
|
+
const badge = cva(styles.badge, {
|
|
30
|
+
variants: {
|
|
31
|
+
size: {
|
|
32
|
+
sm: styles.sm,
|
|
33
|
+
md: styles.md
|
|
34
|
+
},
|
|
35
|
+
variant: {
|
|
36
|
+
neutral: styles.neutral,
|
|
37
|
+
critical: styles.critical,
|
|
38
|
+
warning: styles.warning,
|
|
39
|
+
caution: styles.caution,
|
|
40
|
+
success: styles.success,
|
|
41
|
+
info: styles.info,
|
|
42
|
+
brand: styles.brand,
|
|
43
|
+
sale: styles.sale
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
size: "md"
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
const Badge = ({
|
|
51
|
+
children,
|
|
52
|
+
size = "md",
|
|
53
|
+
variant = "neutral",
|
|
54
|
+
ariaLabel,
|
|
55
|
+
leadingIconProps,
|
|
56
|
+
trailingIconProps,
|
|
57
|
+
focusStyle = "default",
|
|
58
|
+
...props
|
|
59
|
+
}) => {
|
|
60
|
+
return /* @__PURE__ */ jsxs("span", { className: `${badge({
|
|
61
|
+
size,
|
|
62
|
+
variant
|
|
63
|
+
})} ${focusStyleVariants({
|
|
64
|
+
focusStyle
|
|
65
|
+
})}`, role: "status", "aria-label": ariaLabel, ...props, children: [
|
|
66
|
+
leadingIconProps && /* @__PURE__ */ jsx(Icon, { ...leadingIconProps }),
|
|
67
|
+
children,
|
|
68
|
+
trailingIconProps && /* @__PURE__ */ jsx(Icon, { ...trailingIconProps })
|
|
69
|
+
] });
|
|
70
|
+
};
|
|
71
|
+
export {
|
|
72
|
+
Badge,
|
|
73
|
+
Badge as default
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Badge';
|
|
@@ -95,6 +95,10 @@ export interface ButtonProps {
|
|
|
95
95
|
* The content for the button
|
|
96
96
|
*/
|
|
97
97
|
children?: React.ReactNode;
|
|
98
|
+
/**
|
|
99
|
+
* The focus style of the button
|
|
100
|
+
*/
|
|
101
|
+
focusStyle?: 'default' | 'white';
|
|
98
102
|
}
|
|
99
|
-
export declare const Button: ({ styleType, emphasis, size, isLoading, children, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, onClick, hasLeadingIcon, leadingIconName, hasTrailingIcon, trailingIconName, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
103
|
+
export declare const Button: ({ styleType, emphasis, size, isLoading, focusStyle, children, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, onClick, hasLeadingIcon, leadingIconName, hasTrailingIcon, trailingIconName, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
100
104
|
export default Button;
|
|
@@ -4,33 +4,34 @@ import { useRef, useState, useEffect } from "react";
|
|
|
4
4
|
import { Button as Button$1 } from "react-aria-components";
|
|
5
5
|
import { Icon } from "../Icon/Icon.js";
|
|
6
6
|
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
7
|
+
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
8
|
+
import '../../assets/Button.css';const button$1 = "_button_1fapr_1";
|
|
9
|
+
const sm = "_sm_1fapr_25";
|
|
10
|
+
const md = "_md_1fapr_30";
|
|
11
|
+
const lg = "_lg_1fapr_35";
|
|
12
|
+
const accentPrimary = "_accentPrimary_1fapr_44";
|
|
13
|
+
const accentSecondary = "_accentSecondary_1fapr_67";
|
|
14
|
+
const accentTertiary = "_accentTertiary_1fapr_98";
|
|
15
|
+
const accentQuaternary = "_accentQuaternary_1fapr_127";
|
|
16
|
+
const criticalPrimary = "_criticalPrimary_1fapr_155";
|
|
17
|
+
const criticalSecondary = "_criticalSecondary_1fapr_183";
|
|
18
|
+
const criticalTertiary = "_criticalTertiary_1fapr_214";
|
|
19
|
+
const criticalQuaternary = "_criticalQuaternary_1fapr_243";
|
|
20
|
+
const neutralPrimary = "_neutralPrimary_1fapr_272";
|
|
21
|
+
const neutralSecondary = "_neutralSecondary_1fapr_300";
|
|
22
|
+
const neutralTertiary = "_neutralTertiary_1fapr_329";
|
|
23
|
+
const neutralQuaternary = "_neutralQuaternary_1fapr_358";
|
|
24
|
+
const whitePrimary = "_whitePrimary_1fapr_388";
|
|
25
|
+
const whiteSecondary = "_whiteSecondary_1fapr_417";
|
|
26
|
+
const whiteTertiary = "_whiteTertiary_1fapr_447";
|
|
27
|
+
const whiteQuaternary = "_whiteQuaternary_1fapr_476";
|
|
27
28
|
const styles = {
|
|
28
29
|
button: button$1,
|
|
29
30
|
sm,
|
|
30
31
|
md,
|
|
31
32
|
lg,
|
|
32
33
|
accentPrimary,
|
|
33
|
-
"local-class": "_local-
|
|
34
|
+
"local-class": "_local-class_1fapr_61",
|
|
34
35
|
accentSecondary,
|
|
35
36
|
accentTertiary,
|
|
36
37
|
accentQuaternary,
|
|
@@ -46,8 +47,8 @@ const styles = {
|
|
|
46
47
|
whiteSecondary,
|
|
47
48
|
whiteTertiary,
|
|
48
49
|
whiteQuaternary,
|
|
49
|
-
"fa-spinner-third": "_fa-spinner-
|
|
50
|
-
"icon-wrapper": "_icon-
|
|
50
|
+
"fa-spinner-third": "_fa-spinner-third_1fapr_507",
|
|
51
|
+
"icon-wrapper": "_icon-wrapper_1fapr_512"
|
|
51
52
|
};
|
|
52
53
|
const button = cva(styles.button, {
|
|
53
54
|
variants: {
|
|
@@ -91,6 +92,7 @@ const Button = ({
|
|
|
91
92
|
emphasis = "primary",
|
|
92
93
|
size = "md",
|
|
93
94
|
isLoading = false,
|
|
95
|
+
focusStyle = "default",
|
|
94
96
|
children,
|
|
95
97
|
// react-aria props
|
|
96
98
|
form,
|
|
@@ -118,10 +120,12 @@ const Button = ({
|
|
|
118
120
|
setButtonWidth(buttonRef.current.offsetWidth);
|
|
119
121
|
}
|
|
120
122
|
}, [isLoading]);
|
|
121
|
-
return /* @__PURE__ */ jsxs(Button$1, { className: button({
|
|
123
|
+
return /* @__PURE__ */ jsxs(Button$1, { className: `${button({
|
|
122
124
|
size,
|
|
123
125
|
[styleType]: emphasis
|
|
124
|
-
})
|
|
126
|
+
})} ${focusStyleVariants({
|
|
127
|
+
focusStyle
|
|
128
|
+
})}`, ref: buttonRef, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, onPress: onClick, "aria-label": isLoading ? "Loading Spinner" : void 0, style: {
|
|
125
129
|
width: isLoading && buttonWidth ? `${buttonWidth}px` : "auto"
|
|
126
130
|
}, ...props, children: [
|
|
127
131
|
isLoading && /* @__PURE__ */ jsx(LoadingSpinner, { buttonSize: size }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -33,6 +33,7 @@ export interface CheckboxProps extends AriaCheckboxProps {
|
|
|
33
33
|
validationBehavior?: "native" | "aria";
|
|
34
34
|
description?: string;
|
|
35
35
|
children?: React.ReactNode;
|
|
36
|
+
focusStyle?: 'default' | 'white';
|
|
36
37
|
}
|
|
37
|
-
export declare const Checkbox: ({ label, isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, description, children, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare const Checkbox: ({ label, isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, description, children, focusStyle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
39
|
export default Checkbox;
|