@alto-avios/alto-ui 1.1.0-alpha.8 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/DateField.css +1 -1
- package/dist/assets/FieldDescription.css +1 -1
- package/dist/assets/FieldError.css +1 -1
- package/dist/assets/FieldHeader.css +1 -1
- package/dist/assets/FieldLabel.css +1 -1
- package/dist/assets/NewButton.css +1 -1
- package/dist/assets/NumberField.css +1 -0
- package/dist/assets/SearchField.css +1 -0
- package/dist/assets/TextField.css +1 -1
- package/dist/assets/global.css +1 -0
- package/dist/components/Button/Button.js +23 -23
- package/dist/components/Checkbox/Checkbox.d.ts +6 -3
- package/dist/components/Checkbox/Checkbox.js +21 -11
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
- package/dist/components/CheckboxGroup/CheckboxGroup.js +5 -6
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.d.ts +2 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.js +3 -2
- package/dist/components/ClearFieldButton/ClearFieldButton.js.map +1 -1
- package/dist/components/DateField/DateField.d.ts +3 -2
- package/dist/components/DateField/DateField.js +3 -3
- package/dist/components/FieldDescription/FieldDescription.d.ts +4 -1
- package/dist/components/FieldDescription/FieldDescription.js +3 -2
- package/dist/components/FieldDescription/FieldDescription.js.map +1 -1
- package/dist/components/FieldError/FieldError.js +1 -1
- package/dist/components/FieldHeader/FieldHeader.js +2 -2
- package/dist/components/FieldLabel/FieldLabel.js +1 -1
- package/dist/components/Icon/Icon.d.ts +3 -2
- package/dist/components/Icon/Icon.js +7 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/NewButton/NewButton.d.ts +13 -5
- package/dist/components/NewButton/NewButton.js +42 -25
- package/dist/components/NewButton/NewButton.js.map +1 -1
- package/dist/components/NumberField/NumberField.d.ts +10 -0
- package/dist/components/NumberField/NumberField.js +37 -0
- package/dist/components/NumberField/NumberField.js.map +1 -0
- package/dist/components/NumberField/index.d.ts +1 -0
- package/dist/components/NumberField/index.js +5 -0
- package/dist/components/NumberField/index.js.map +1 -0
- package/dist/components/SearchField/SearchField.d.ts +7 -0
- package/dist/components/SearchField/SearchField.js +31 -0
- package/dist/components/SearchField/SearchField.js.map +1 -0
- package/dist/components/SearchField/index.d.ts +1 -0
- package/dist/components/SearchField/index.js +5 -0
- package/dist/components/SearchField/index.js.map +1 -0
- package/dist/components/TextField/TextField.d.ts +13 -1
- package/dist/components/TextField/TextField.js +15 -6
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +5 -0
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/alto-tokens/app/aer-lingus/dark/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/border-index.js +0 -12
- package/dist/alto-tokens/app/aer-lingus/dark/border-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/aer-lingus/dark/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/colors-index.js +0 -128
- package/dist/alto-tokens/app/aer-lingus/dark/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/opacity-index.js +0 -21
- package/dist/alto-tokens/app/aer-lingus/dark/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/padding-index.js +0 -8
- package/dist/alto-tokens/app/aer-lingus/dark/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/radius-index.js +0 -28
- package/dist/alto-tokens/app/aer-lingus/dark/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/space-index.js +0 -20
- package/dist/alto-tokens/app/aer-lingus/dark/space-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/dark/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/dark/text-index.js +0 -61
- package/dist/alto-tokens/app/aer-lingus/dark/text-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/border-index.js +0 -12
- package/dist/alto-tokens/app/aer-lingus/light/border-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/aer-lingus/light/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/colors-index.js +0 -128
- package/dist/alto-tokens/app/aer-lingus/light/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/opacity-index.js +0 -21
- package/dist/alto-tokens/app/aer-lingus/light/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/padding-index.js +0 -8
- package/dist/alto-tokens/app/aer-lingus/light/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/radius-index.js +0 -28
- package/dist/alto-tokens/app/aer-lingus/light/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/space-index.js +0 -20
- package/dist/alto-tokens/app/aer-lingus/light/space-index.js.map +0 -1
- package/dist/alto-tokens/app/aer-lingus/light/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/aer-lingus/light/text-index.js +0 -61
- package/dist/alto-tokens/app/aer-lingus/light/text-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/border-index.js +0 -12
- package/dist/alto-tokens/app/avios/dark/border-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/avios/dark/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/colors-index.js +0 -128
- package/dist/alto-tokens/app/avios/dark/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/opacity-index.js +0 -21
- package/dist/alto-tokens/app/avios/dark/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/padding-index.js +0 -8
- package/dist/alto-tokens/app/avios/dark/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/radius-index.js +0 -28
- package/dist/alto-tokens/app/avios/dark/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/space-index.js +0 -20
- package/dist/alto-tokens/app/avios/dark/space-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/dark/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/dark/text-index.js +0 -61
- package/dist/alto-tokens/app/avios/dark/text-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/border-index.js +0 -12
- package/dist/alto-tokens/app/avios/light/border-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/avios/light/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/colors-index.js +0 -128
- package/dist/alto-tokens/app/avios/light/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/opacity-index.js +0 -21
- package/dist/alto-tokens/app/avios/light/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/padding-index.js +0 -8
- package/dist/alto-tokens/app/avios/light/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/radius-index.js +0 -28
- package/dist/alto-tokens/app/avios/light/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/space-index.js +0 -20
- package/dist/alto-tokens/app/avios/light/space-index.js.map +0 -1
- package/dist/alto-tokens/app/avios/light/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/avios/light/text-index.js +0 -61
- package/dist/alto-tokens/app/avios/light/text-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/border-index.js +0 -12
- package/dist/alto-tokens/app/iberia/dark/border-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/iberia/dark/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/colors-index.js +0 -128
- package/dist/alto-tokens/app/iberia/dark/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/opacity-index.js +0 -21
- package/dist/alto-tokens/app/iberia/dark/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/padding-index.js +0 -8
- package/dist/alto-tokens/app/iberia/dark/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/radius-index.js +0 -28
- package/dist/alto-tokens/app/iberia/dark/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/space-index.js +0 -20
- package/dist/alto-tokens/app/iberia/dark/space-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/dark/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/dark/text-index.js +0 -61
- package/dist/alto-tokens/app/iberia/dark/text-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/border-index.js +0 -12
- package/dist/alto-tokens/app/iberia/light/border-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/iberia/light/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/colors-index.js +0 -128
- package/dist/alto-tokens/app/iberia/light/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/opacity-index.js +0 -21
- package/dist/alto-tokens/app/iberia/light/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/padding-index.js +0 -8
- package/dist/alto-tokens/app/iberia/light/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/radius-index.js +0 -28
- package/dist/alto-tokens/app/iberia/light/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/space-index.js +0 -20
- package/dist/alto-tokens/app/iberia/light/space-index.js.map +0 -1
- package/dist/alto-tokens/app/iberia/light/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/iberia/light/text-index.js +0 -61
- package/dist/alto-tokens/app/iberia/light/text-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/border-index.js +0 -12
- package/dist/alto-tokens/app/vueling/dark/border-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/vueling/dark/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/colors-index.js +0 -128
- package/dist/alto-tokens/app/vueling/dark/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/opacity-index.js +0 -21
- package/dist/alto-tokens/app/vueling/dark/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/padding-index.js +0 -8
- package/dist/alto-tokens/app/vueling/dark/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/radius-index.js +0 -28
- package/dist/alto-tokens/app/vueling/dark/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/space-index.js +0 -20
- package/dist/alto-tokens/app/vueling/dark/space-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/dark/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/dark/text-index.js +0 -61
- package/dist/alto-tokens/app/vueling/dark/text-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/border-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/border-index.js +0 -12
- package/dist/alto-tokens/app/vueling/light/border-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/breakpoint-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/breakpoint-index.js +0 -17
- package/dist/alto-tokens/app/vueling/light/breakpoint-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/colors-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/colors-index.js +0 -128
- package/dist/alto-tokens/app/vueling/light/colors-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/opacity-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/opacity-index.js +0 -21
- package/dist/alto-tokens/app/vueling/light/opacity-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/padding-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/padding-index.js +0 -8
- package/dist/alto-tokens/app/vueling/light/padding-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/radius-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/radius-index.js +0 -28
- package/dist/alto-tokens/app/vueling/light/radius-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/space-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/space-index.js +0 -20
- package/dist/alto-tokens/app/vueling/light/space-index.js.map +0 -1
- package/dist/alto-tokens/app/vueling/light/text-index.d.ts +0 -4
- package/dist/alto-tokens/app/vueling/light/text-index.js +0 -61
- package/dist/alto-tokens/app/vueling/light/text-index.js.map +0 -1
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_r8z6z_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_r8z6z_25{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_r8z6z_30{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_r8z6z_35{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._accentPrimary_r8z6z_44[data-focused],._accentPrimary_r8z6z_44[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_r8z6z_44[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_r8z6z_44[data-pressed][data-focused]{outline:none}._accentPrimary_r8z6z_44[data-focused]{outline-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_r8z6z_44._local-class_r8z6z_61[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_r8z6z_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_r8z6z_67[data-focused],._accentSecondary_r8z6z_67[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_r8z6z_67[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_r8z6z_67[data-pressed][data-focused]{outline:none}._accentSecondary_r8z6z_67[data-focused]{outline:var(--alto-sem-color-border-accent)}._accentSecondary_r8z6z_67._local-class_r8z6z_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_r8z6z_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_r8z6z_98[data-focused],._accentTertiary_r8z6z_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_r8z6z_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_r8z6z_98[data-pressed][data-focused]{outline:none}._accentTertiary_r8z6z_98[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentTertiary_r8z6z_98._local-class_r8z6z_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_r8z6z_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_r8z6z_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_r8z6z_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_r8z6z_127[data-pressed][data-focused]{outline:none}._accentQuaternary_r8z6z_127[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentQuaternary_r8z6z_127._local-class_r8z6z_61[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_r8z6z_155{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_r8z6z_155[data-focused],._criticalPrimary_r8z6z_155[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_r8z6z_155[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_r8z6z_155[data-pressed][data-focused]{outline:none}._criticalPrimary_r8z6z_155[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalPrimary_r8z6z_155[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_r8z6z_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_r8z6z_183[data-focused],._criticalSecondary_r8z6z_183[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_r8z6z_183[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_r8z6z_183[data-pressed][data-focused]{outline:none}._criticalSecondary_r8z6z_183[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalSecondary_r8z6z_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_r8z6z_214{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_r8z6z_214[data-focused],._criticalTertiary_r8z6z_214[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_r8z6z_214[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_r8z6z_214[data-pressed][data-focused]{outline:none}._criticalTertiary_r8z6z_214[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalTertiary_r8z6z_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_r8z6z_243{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_r8z6z_243[data-focused],._criticalQuaternary_r8z6z_243[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_r8z6z_243[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_r8z6z_243[data-pressed][data-focused]{outline:none}._criticalQuaternary_r8z6z_243[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalQuaternary_r8z6z_243[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_r8z6z_272{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_r8z6z_272[data-focused],._neutralPrimary_r8z6z_272[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_r8z6z_272[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_r8z6z_272[data-pressed][data-focused]{outline:none}._neutralPrimary_r8z6z_272[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralPrimary_r8z6z_272[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_r8z6z_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_r8z6z_300[data-focused],._neutralSecondary_r8z6z_300[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_r8z6z_300[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_r8z6z_300[data-pressed][data-focused]{outline:none}._neutralSecondary_r8z6z_300[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralSecondary_r8z6z_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_r8z6z_329{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_r8z6z_329[data-focused],._neutralTertiary_r8z6z_329[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_r8z6z_329[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_r8z6z_329[data-pressed][data-focused]{outline:none}._neutralTertiary_r8z6z_329[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralTertiary_r8z6z_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_r8z6z_358{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_r8z6z_358[data-focused],._neutralQuaternary_r8z6z_358[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_r8z6z_358[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_r8z6z_358[data-pressed][data-focused]{outline:none}._neutralQuaternary_r8z6z_358[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralQuaternary_r8z6z_358[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_r8z6z_388{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_r8z6z_388[data-focused],._whitePrimary_r8z6z_388[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_r8z6z_388[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_r8z6z_388[data-pressed][data-focused]{outline:none}._whitePrimary_r8z6z_388[data-focused]{outline-color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_r8z6z_388[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_r8z6z_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_r8z6z_417[data-focused],._whiteSecondary_r8z6z_417[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_r8z6z_417[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_r8z6z_417[data-pressed][data-focused]{outline:none}._whiteSecondary_r8z6z_417[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_r8z6z_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_r8z6z_447{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_r8z6z_447[data-focused],._whiteTertiary_r8z6z_447[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_r8z6z_447[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_r8z6z_447[data-pressed][data-focused]{outline:none}._whiteTertiary_r8z6z_447[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_r8z6z_447[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_r8z6z_476{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_r8z6z_476[data-focused],._whiteQuaternary_r8z6z_476[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_r8z6z_476[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_r8z6z_476[data-pressed][data-focused]{outline:none}._whiteQuaternary_r8z6z_476[data-focused]{outline-color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_r8z6z_476[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_r8z6z_507{height:1rem;width:1rem}._icon-wrapper_r8z6z_512{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
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}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_gvuww_2{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:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._checkboxLabel_gvuww_17{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_gvuww_21{padding-left:42px}._checkboxSvgWrapper_gvuww_25{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-checkbox-radius);display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._checkbox_gvuww_2 ._svg_gvuww_38{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_gvuww_2[data-hovered] ._checkboxSvgWrapper_gvuww_25{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_gvuww_2[data-pressed] ._checkboxSvgWrapper_gvuww_25{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_gvuww_2[data-focus-visible] ._checkboxSvgWrapper_gvuww_25{outline:2px solid var(--alto-sem-color-border-accent);outline-offset:2px}._checkbox_gvuww_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_gvuww_25[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_gvuww_38[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_gvuww_2[data-selected] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_gvuww_2[data-selected][data-hovered] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_gvuww_2[data-selected][data-pressed] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_gvuww_2[data-selected] ._svg_gvuww_38{stroke-dashoffset:44}._checkbox_gvuww_2[data-indeterminate] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_gvuww_2[data-indeterminate] ._svg_gvuww_38{stroke:none;fill:var(--alto-sem-color-fg-accent-on-vibrant)}._checkbox_gvuww_2[data-invalid] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md,2px) solid var(--alto-sem-color-border-critical)}._checkbox_gvuww_2[data-invalid][data-hovered] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_gvuww_2[data-invalid][data-pressed] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-tertiary-active)}._checkbox_gvuww_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_gvuww_25,._checkbox_gvuww_2[data-invalid][data-selected] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_gvuww_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_gvuww_25,._checkbox_gvuww_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_gvuww_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_gvuww_25,._checkbox_gvuww_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_gvuww_25{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_gvuww_2[data-disabled] ._checkboxSvgWrapper_gvuww_25{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_gvuww_2[data-disabled] ._svg_gvuww_38{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_gvuww_2[data-indeterminate] ._svg_gvuww_38{stroke:var(--alto-sem-color-fg-disabled-onSubtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dateField_fn05z_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_fn05z_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);display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:auto}._dateInput_fn05z_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_fn05z_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_fn05z_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_fn05z_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_fn05z_5[data-focus-within]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-accent)}._dateInput_fn05z_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_fn05z_45{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_fn05z_45[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_fn05z_45[data-focused],._dateSegment_fn05z_45[data-invalid]._dateSegment_fn05z_45[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_fn05z_45[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_fn05z_45[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldDescription_2cs9c_1{color:var(--alto-sem-color-fg-secondary);display:flex;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);justify-content:left;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldError_1d0lz_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);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldHeader_t60vq_1{color:var(--alto-sem-color-fg-primary);flex-direction:column;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-5xs);margin-bottom:var(--alto-sem-space-2xs)}._fieldHeader_t60vq_1,._label-container_t60vq_12{display:flex;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight)}._label-container_t60vq_12{align-items:center;color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);gap:8px;justify-content:space-between;line-height:var(--alto-sem-text-body-sm-line-height)}._fieldHeader_t60vq_1 label{display:flex;flex-wrap:wrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldLabel_7i7ld_1{color:var(--alto-sem-color-fg-primary);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-3xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._newButton_1nxar_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_1nxar_25{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1nxar_30{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1nxar_35{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._accentPrimary_1nxar_44[data-focused],._accentPrimary_1nxar_44[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1nxar_44[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1nxar_44[data-pressed][data-focused]{outline:none}._accentPrimary_1nxar_44[data-focused]{outline-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1nxar_44:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1nxar_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_1nxar_67[data-focused],._accentSecondary_1nxar_67[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1nxar_67[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1nxar_67[data-pressed][data-focused]{outline:none}._accentSecondary_1nxar_67[data-focused]{outline:var(--alto-sem-color-border-accent)}._accentSecondary_1nxar_67: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_1nxar_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1nxar_98[data-focused],._accentTertiary_1nxar_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1nxar_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1nxar_98[data-pressed][data-focused]{outline:none}._accentTertiary_1nxar_98[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentTertiary_1nxar_98:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1nxar_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1nxar_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1nxar_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1nxar_127[data-pressed][data-focused]{outline:none}._accentQuaternary_1nxar_127[data-focused]{outline-color:var(--alto-sem-color-border-accent)}._accentQuaternary_1nxar_127:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1nxar_155{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1nxar_155[data-focused],._criticalPrimary_1nxar_155[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1nxar_155[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1nxar_155[data-pressed][data-focused]{outline:none}._criticalPrimary_1nxar_155[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalPrimary_1nxar_155:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1nxar_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_1nxar_183[data-focused],._criticalSecondary_1nxar_183[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1nxar_183[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1nxar_183[data-pressed][data-focused]{outline:none}._criticalSecondary_1nxar_183[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalSecondary_1nxar_183: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_1nxar_214{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1nxar_214[data-focused],._criticalTertiary_1nxar_214[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1nxar_214[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1nxar_214[data-pressed][data-focused]{outline:none}._criticalTertiary_1nxar_214[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalTertiary_1nxar_214:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1nxar_243{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1nxar_243[data-focused],._criticalQuaternary_1nxar_243[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1nxar_243[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1nxar_243[data-pressed][data-focused]{outline:none}._criticalQuaternary_1nxar_243[data-focused]{outline-color:var(--alto-sem-color-border-critical)}._criticalQuaternary_1nxar_243:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1nxar_272{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1nxar_272[data-focused],._neutralPrimary_1nxar_272[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1nxar_272[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1nxar_272[data-pressed][data-focused]{outline:none}._neutralPrimary_1nxar_272[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralPrimary_1nxar_272:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1nxar_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_1nxar_300[data-focused],._neutralSecondary_1nxar_300[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1nxar_300[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1nxar_300[data-pressed][data-focused]{outline:none}._neutralSecondary_1nxar_300[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralSecondary_1nxar_300:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1nxar_329{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1nxar_329[data-focused],._neutralTertiary_1nxar_329[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1nxar_329[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1nxar_329[data-pressed][data-focused]{outline:none}._neutralTertiary_1nxar_329[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralTertiary_1nxar_329:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1nxar_358{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1nxar_358[data-focused],._neutralQuaternary_1nxar_358[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1nxar_358[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1nxar_358[data-pressed][data-focused]{outline:none}._neutralQuaternary_1nxar_358[data-focused]{outline-color:var(--alto-sem-color-border-inverse)}._neutralQuaternary_1nxar_358:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1nxar_388{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1nxar_388[data-focused],._whitePrimary_1nxar_388[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1nxar_388[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1nxar_388[data-pressed][data-focused]{outline:none}._whitePrimary_1nxar_388[data-focused]{outline-color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1nxar_388:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1nxar_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_1nxar_417[data-focused],._whiteSecondary_1nxar_417[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1nxar_417[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1nxar_417[data-pressed][data-focused]{outline:none}._whiteSecondary_1nxar_417[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1nxar_417:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1nxar_447{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1nxar_447[data-focused],._whiteTertiary_1nxar_447[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1nxar_447[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1nxar_447[data-pressed][data-focused]{outline:none}._whiteTertiary_1nxar_447[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1nxar_447:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1nxar_476{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1nxar_476[data-focused],._whiteQuaternary_1nxar_476[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1nxar_476[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1nxar_476[data-pressed][data-focused]{outline:none}._whiteQuaternary_1nxar_476[data-focused]{outline-color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1nxar_476:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1nxar_507{height:1rem;width:1rem}._icon-wrapper_1nxar_512{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._newButton_1j8um_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);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._focusWhite_1j8um_28:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_1j8um_35{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1j8um_40{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1j8um_45{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1j8um_50{width:100%}._accentPrimary_1j8um_58[data-focused],._accentPrimary_1j8um_58[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1j8um_58[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1j8um_58[data-pressed][data-focused]{outline:none}._accentPrimary_1j8um_58:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1j8um_77{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_1j8um_77[data-focused],._accentSecondary_1j8um_77[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1j8um_77[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1j8um_77[data-pressed][data-focused]{outline:none}._accentSecondary_1j8um_77: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_1j8um_104{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1j8um_104[data-focused],._accentTertiary_1j8um_104[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1j8um_104[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1j8um_104[data-pressed][data-focused]{outline:none}._accentTertiary_1j8um_104:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1j8um_129{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1j8um_129[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1j8um_129[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1j8um_129[data-pressed][data-focused]{outline:none}._accentQuaternary_1j8um_129:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1j8um_153{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1j8um_153[data-focused],._criticalPrimary_1j8um_153[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1j8um_153[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1j8um_153[data-pressed][data-focused]{outline:none}._criticalPrimary_1j8um_153:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1j8um_177{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_1j8um_177[data-focused],._criticalSecondary_1j8um_177[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1j8um_177[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1j8um_177[data-pressed][data-focused]{outline:none}._criticalSecondary_1j8um_177: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_1j8um_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1j8um_204[data-focused],._criticalTertiary_1j8um_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1j8um_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1j8um_204[data-pressed][data-focused]{outline:none}._criticalTertiary_1j8um_204:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1j8um_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1j8um_229[data-focused],._criticalQuaternary_1j8um_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1j8um_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1j8um_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_1j8um_229:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1j8um_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1j8um_254[data-focused],._neutralPrimary_1j8um_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1j8um_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1j8um_254[data-pressed][data-focused]{outline:none}._neutralPrimary_1j8um_254:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1j8um_278{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_1j8um_278[data-focused],._neutralSecondary_1j8um_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1j8um_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1j8um_278[data-pressed][data-focused]{outline:none}._neutralSecondary_1j8um_278:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1j8um_303{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1j8um_303[data-focused],._neutralTertiary_1j8um_303[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1j8um_303[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1j8um_303[data-pressed][data-focused]{outline:none}._neutralTertiary_1j8um_303:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1j8um_328{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1j8um_328[data-focused],._neutralQuaternary_1j8um_328[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1j8um_328[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1j8um_328[data-pressed][data-focused]{outline:none}._neutralQuaternary_1j8um_328:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1j8um_354{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1j8um_354[data-focused],._whitePrimary_1j8um_354[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1j8um_354[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1j8um_354[data-pressed][data-focused]{outline:none}._whitePrimary_1j8um_354:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1j8um_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_1j8um_379[data-focused],._whiteSecondary_1j8um_379[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1j8um_379[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1j8um_379[data-pressed][data-focused]{outline:none}._whiteSecondary_1j8um_379:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1j8um_379:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1j8um_409{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1j8um_409[data-focused],._whiteTertiary_1j8um_409[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1j8um_409[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1j8um_409[data-pressed][data-focused]{outline:none}._whiteTertiary_1j8um_409:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1j8um_409:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1j8um_438{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1j8um_438[data-focused],._whiteQuaternary_1j8um_438[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1j8um_438[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1j8um_438[data-pressed][data-focused]{outline:none}._whiteQuaternary_1j8um_438:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1j8um_438:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1j8um_469{height:1rem;width:1rem}._icon-wrapper_1j8um_474{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._numberField_3a8v6_1{color:var(--alto-sem-color-fg-secondary)}._numberFieldGroup_3a8v6_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);display:flex;gap:var(--alto-sem-space-2xs);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-5xs)}._numberFieldGroup_3a8v6_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._numberFieldGroup_3a8v6_5[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._numberFieldGroup_3a8v6_5[data-focus-within]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-accent)}._numberFieldGroup_3a8v6_5[data-focus-within] ._numberFieldButton_3a8v6_30,._numberFieldGroup_3a8v6_5[data-focus-within] ._numberFieldInput_3a8v6_29{border-color:var(--alto-sem-color-border-accent)}._numberFieldButton_3a8v6_30{background:none;border:none;padding:0 var(--alto-sem-space-sm)}._numberFieldButton_3a8v6_30[slot=decrement]{border-end-end-radius:0;border-start-end-radius:0}._numberFieldButton_3a8v6_30[slot=increment]{border-end-start-radius:0;border-start-start-radius:0}._numberFieldInput_3a8v6_29{background:var(--field-background);border:var(--alto-sem-border-width-sm) solid var(--border-color);color:var(--alto-sem-color-fg-primary,#000);flex:1;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-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height);margin:0 -1px;outline:none;text-align:center;width:var(--alto-sem-space-5xl);z-index:1}._numberField_3a8v6_1[data-invalid] ._numberFieldButton_3a8v6_30,._numberField_3a8v6_1[data-invalid] ._numberFieldInput_3a8v6_29,._numberField_3a8v6_1[data-invalid][data-focus-within] ._numberFieldInput_3a8v6_29,._numberField_3a8v6_1[fata-invalid][data-focus-within] ._numberFieldButton_3a8v6_30{border-color:var(--alto-sem-color-border-critical)}._numberFieldButton_3a8v6_30[fata-disabled],._numberFieldInput_3a8v6_29[data-disabled]{border-color:var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._searchField_1uxa8_1{align-items:center;display:flex;position:relative;width:100%}._searchIcon_1uxa8_8{left:var(--alto-sem-space-xs);position:absolute;z-index:2}._searchIcon_1uxa8_8>svg{font-family:Font Awesome\ 6 Pro;font-size:20px;font-weight:400;line-height:normal;text-align:center}._searchIcon_1uxa8_8>svg,._searchInput_1uxa8_24{color:var(--alto-sem-color-fg-secondary);font-style:normal}._searchInput_1uxa8_24{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;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight);height:var(--alto-sem-space-3xl);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding-left:40px;padding-right:40px;width:100%}._searchInput_1uxa8_24::-webkit-search-cancel-button,._searchInput_1uxa8_24::-webkit-search-decoration{-webkit-appearance:none}._searchInput_1uxa8_24[data-invalid]{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._searchInput_1uxa8_24[data-hovered]{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-primary-hover)}._searchInput_1uxa8_24[data-pressed]{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-primary-active)}._searchInput_1uxa8_24[data-focused]{outline:var(--alto-sem-space-5xs) solid var(--focus-ring-color);outline-offset:-1px}._searchInput_1uxa8_24[data-focus-within],._searchInput_1uxa8_24[data-focused]{background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent)}._searchInput_1uxa8_24[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-disabled-subtle)}._searchInput_1uxa8_24[data-disabled]::-moz-placeholder{color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchInput_1uxa8_24[data-disabled]::placeholder{color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchIcon_1uxa8_8>svg[data-disabled]{color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchClearButton_1uxa8_87{background:transparent;border:none;cursor:pointer;position:absolute;right:var(--alto-sem-space-4xs);z-index:2}._searchField_1uxa8_1[data-empty] ._searchClearButton_1uxa8_87{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1qzmg_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_1qzmg_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_1qzmg_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_1qzmg_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textField_1qzmg_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textField_1qzmg_1 input:focus-visible{border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-focus-default);outline-color:var(--alto-sem-color-border-accent)}._textField_1qzmg_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textField_1qzmg_1 ._inputWrapper_1qzmg_50{align-items:center;display:flex;position:relative}._textField_1qzmg_1 ._iconEnd_1qzmg_57,._textField_1qzmg_1 ._iconStart_1qzmg_56{padding:var(--alto-sem-space-sm);position:absolute}._textField_1qzmg_1:has(._iconStart_1qzmg_56) input{padding-left:44px}._textField_1qzmg_1 ._iconEnd_1qzmg_57{right:0}._textField_1qzmg_1:has(._iconEnd_1qzmg_57) input{padding-right:44px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:focus-visible{outline:var(--alto-sem-color-border-accent) solid var(--alto-sem-border-width-md);outline-offset:var(--alto-sem-border-width-md)}
|
|
@@ -4,33 +4,33 @@ 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 '../../assets/Button.css';const button$1 = "
|
|
8
|
-
const sm = "
|
|
9
|
-
const md = "
|
|
10
|
-
const lg = "
|
|
11
|
-
const accentPrimary = "
|
|
12
|
-
const accentSecondary = "
|
|
13
|
-
const accentTertiary = "
|
|
14
|
-
const accentQuaternary = "
|
|
15
|
-
const criticalPrimary = "
|
|
16
|
-
const criticalSecondary = "
|
|
17
|
-
const criticalTertiary = "
|
|
18
|
-
const criticalQuaternary = "
|
|
19
|
-
const neutralPrimary = "
|
|
20
|
-
const neutralSecondary = "
|
|
21
|
-
const neutralTertiary = "
|
|
22
|
-
const neutralQuaternary = "
|
|
23
|
-
const whitePrimary = "
|
|
24
|
-
const whiteSecondary = "
|
|
25
|
-
const whiteTertiary = "
|
|
26
|
-
const whiteQuaternary = "
|
|
7
|
+
import '../../assets/Button.css';const button$1 = "_button_s8yax_1";
|
|
8
|
+
const sm = "_sm_s8yax_38";
|
|
9
|
+
const md = "_md_s8yax_43";
|
|
10
|
+
const lg = "_lg_s8yax_48";
|
|
11
|
+
const accentPrimary = "_accentPrimary_s8yax_57";
|
|
12
|
+
const accentSecondary = "_accentSecondary_s8yax_80";
|
|
13
|
+
const accentTertiary = "_accentTertiary_s8yax_111";
|
|
14
|
+
const accentQuaternary = "_accentQuaternary_s8yax_140";
|
|
15
|
+
const criticalPrimary = "_criticalPrimary_s8yax_168";
|
|
16
|
+
const criticalSecondary = "_criticalSecondary_s8yax_196";
|
|
17
|
+
const criticalTertiary = "_criticalTertiary_s8yax_227";
|
|
18
|
+
const criticalQuaternary = "_criticalQuaternary_s8yax_256";
|
|
19
|
+
const neutralPrimary = "_neutralPrimary_s8yax_285";
|
|
20
|
+
const neutralSecondary = "_neutralSecondary_s8yax_313";
|
|
21
|
+
const neutralTertiary = "_neutralTertiary_s8yax_342";
|
|
22
|
+
const neutralQuaternary = "_neutralQuaternary_s8yax_371";
|
|
23
|
+
const whitePrimary = "_whitePrimary_s8yax_401";
|
|
24
|
+
const whiteSecondary = "_whiteSecondary_s8yax_430";
|
|
25
|
+
const whiteTertiary = "_whiteTertiary_s8yax_460";
|
|
26
|
+
const whiteQuaternary = "_whiteQuaternary_s8yax_489";
|
|
27
27
|
const styles = {
|
|
28
28
|
button: button$1,
|
|
29
29
|
sm,
|
|
30
30
|
md,
|
|
31
31
|
lg,
|
|
32
32
|
accentPrimary,
|
|
33
|
-
"local-class": "_local-
|
|
33
|
+
"local-class": "_local-class_s8yax_74",
|
|
34
34
|
accentSecondary,
|
|
35
35
|
accentTertiary,
|
|
36
36
|
accentQuaternary,
|
|
@@ -46,8 +46,8 @@ const styles = {
|
|
|
46
46
|
whiteSecondary,
|
|
47
47
|
whiteTertiary,
|
|
48
48
|
whiteQuaternary,
|
|
49
|
-
"fa-spinner-third": "_fa-spinner-
|
|
50
|
-
"icon-wrapper": "_icon-
|
|
49
|
+
"fa-spinner-third": "_fa-spinner-third_s8yax_520",
|
|
50
|
+
"icon-wrapper": "_icon-wrapper_s8yax_525"
|
|
51
51
|
};
|
|
52
52
|
const button = cva(styles.button, {
|
|
53
53
|
variants: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ValidationError } from '@react-types/shared';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
|
|
3
|
+
export interface CheckboxProps extends AriaCheckboxProps {
|
|
4
|
+
label?: string;
|
|
4
5
|
/** Indeterminism is presentational only. The indeterminate visual representation remains regardless of user interaction. */
|
|
5
6
|
isIndeterminate?: boolean;
|
|
6
7
|
/** Whether the element should be selected (uncontrolled). */
|
|
@@ -30,6 +31,8 @@ export interface CheckboxProps {
|
|
|
30
31
|
* @default 'aria'
|
|
31
32
|
*/
|
|
32
33
|
validationBehavior?: "native" | "aria";
|
|
34
|
+
description?: string;
|
|
35
|
+
children?: React.ReactNode;
|
|
33
36
|
}
|
|
34
|
-
export declare const Checkbox: ({
|
|
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;
|
|
35
38
|
export default Checkbox;
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Checkbox as Checkbox$1 } from "react-aria-components";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
const
|
|
3
|
+
import FieldDescription from "../FieldDescription/FieldDescription.js";
|
|
4
|
+
import '../../assets/Checkbox.css';const checkbox = "_checkbox_gvuww_2";
|
|
5
|
+
const checkboxLabel = "_checkboxLabel_gvuww_17";
|
|
6
|
+
const checkboxDescription = "_checkboxDescription_gvuww_21";
|
|
7
|
+
const checkboxSvgWrapper = "_checkboxSvgWrapper_gvuww_25";
|
|
8
|
+
const svg = "_svg_gvuww_38";
|
|
6
9
|
const styles = {
|
|
7
10
|
checkbox,
|
|
11
|
+
checkboxLabel,
|
|
12
|
+
checkboxDescription,
|
|
8
13
|
checkboxSvgWrapper,
|
|
9
14
|
svg
|
|
10
15
|
};
|
|
11
16
|
const Checkbox = ({
|
|
12
|
-
|
|
17
|
+
label,
|
|
13
18
|
isIndeterminate,
|
|
14
19
|
defaultSelected,
|
|
15
20
|
isSelected,
|
|
@@ -22,14 +27,19 @@ const Checkbox = ({
|
|
|
22
27
|
autoFocus,
|
|
23
28
|
name,
|
|
24
29
|
validationBehavior = "native",
|
|
30
|
+
description,
|
|
31
|
+
children,
|
|
25
32
|
...props
|
|
26
33
|
}) => {
|
|
27
|
-
return /* @__PURE__ */
|
|
28
|
-
isIndeterminate:
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
35
|
+
/* @__PURE__ */ jsx(Checkbox$1, { className: styles.checkbox, isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, ...props, children: ({
|
|
36
|
+
isIndeterminate: isIndeterminate2
|
|
37
|
+
}) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
+
/* @__PURE__ */ jsx("div", { className: styles.checkboxSvgWrapper, "data-disabled": isDisabled, children: /* @__PURE__ */ jsx("svg", { className: styles.svg, viewBox: "0 0 18 18", "aria-hidden": "true", children: isIndeterminate2 ? /* @__PURE__ */ jsx("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ jsx("polyline", { points: "1 9 7 14 15 4" }) }) }),
|
|
39
|
+
label || children ? /* @__PURE__ */ jsx("span", { className: styles.checkboxLabel, children: label || children }) : null
|
|
40
|
+
] }) }),
|
|
41
|
+
description && /* @__PURE__ */ jsx(FieldDescription, { className: styles.checkboxDescription, children: description })
|
|
42
|
+
] });
|
|
33
43
|
};
|
|
34
44
|
export {
|
|
35
45
|
Checkbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ValidationResult } from 'react-aria-components';
|
|
3
|
-
export interface CheckboxGroupProps {
|
|
2
|
+
import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult } from 'react-aria-components';
|
|
3
|
+
export interface CheckboxGroupProps extends AriaCheckboxGroupProps {
|
|
4
4
|
/**
|
|
5
5
|
* The field label.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
label?: string;
|
|
8
8
|
/**
|
|
9
9
|
* The children to render.
|
|
10
10
|
*/
|
|
@@ -26,5 +26,5 @@ export interface CheckboxGroupProps {
|
|
|
26
26
|
*/
|
|
27
27
|
isInvalid?: boolean;
|
|
28
28
|
}
|
|
29
|
-
export declare const CheckboxGroup: ({
|
|
29
|
+
export declare const CheckboxGroup: ({ label, children, description, errorMessage, isDisabled, isInvalid, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
export default CheckboxGroup;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { CheckboxGroup as CheckboxGroup$1
|
|
2
|
+
import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
|
|
3
|
+
import { FieldHeader } from "../FieldHeader/FieldHeader.js";
|
|
3
4
|
import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_cykce_1";
|
|
4
5
|
const errorMessage = "_errorMessage_cykce_8";
|
|
5
6
|
const description = "_description_cykce_13";
|
|
@@ -9,7 +10,7 @@ const styles = {
|
|
|
9
10
|
description
|
|
10
11
|
};
|
|
11
12
|
const CheckboxGroup = ({
|
|
12
|
-
|
|
13
|
+
label,
|
|
13
14
|
children,
|
|
14
15
|
description: description2,
|
|
15
16
|
errorMessage: errorMessage2,
|
|
@@ -18,10 +19,8 @@ const CheckboxGroup = ({
|
|
|
18
19
|
...props
|
|
19
20
|
}) => {
|
|
20
21
|
return /* @__PURE__ */ jsxs(CheckboxGroup$1, { className: styles.checkboxGroup, isDisabled, isInvalid, ...props, children: [
|
|
21
|
-
|
|
22
|
-
children
|
|
23
|
-
description2 && /* @__PURE__ */ jsx(Text, { className: styles.description, slot: "description", children: description2 }),
|
|
24
|
-
/* @__PURE__ */ jsx(FieldError, { className: styles.errorMessage, children: errorMessage2 })
|
|
22
|
+
/* @__PURE__ */ jsx(FieldHeader, { label, description: description2, errorMessage: errorMessage2, isRequired: true, isInvalid }),
|
|
23
|
+
children
|
|
25
24
|
] });
|
|
26
25
|
};
|
|
27
26
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,6 +4,7 @@ export type ClearFieldButtonButtonSize = 'lg' | 'md' | 'sm';
|
|
|
4
4
|
export interface ClearFieldButtonProps extends Omit<ButtonProps, "$styleText"> {
|
|
5
5
|
slot?: string;
|
|
6
6
|
iconSize?: IconSize;
|
|
7
|
+
className?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const ClearFieldButton: ({ size, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, slot, onClick, ...props }: ClearFieldButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const ClearFieldButton: ({ size, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, slot, onClick, className, ...props }: ClearFieldButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export default ClearFieldButton;
|
|
@@ -39,11 +39,12 @@ const ClearFieldButton = ({
|
|
|
39
39
|
type,
|
|
40
40
|
slot,
|
|
41
41
|
onClick,
|
|
42
|
+
className,
|
|
42
43
|
...props
|
|
43
44
|
}) => {
|
|
44
|
-
return /* @__PURE__ */ jsx(Button, { className: clearFieldButton({
|
|
45
|
+
return /* @__PURE__ */ jsx(Button, { className: `${clearFieldButton({
|
|
45
46
|
size
|
|
46
|
-
})
|
|
47
|
+
})} ${className || ""}`, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, slot, onPress: onClick, ...props, children: /* @__PURE__ */ jsx(Icon, { iconName: "circle-xmark", iconSize: "1x" }) });
|
|
47
48
|
};
|
|
48
49
|
export {
|
|
49
50
|
ClearFieldButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearFieldButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClearFieldButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { DateFieldProps as AriaDateFieldProps, DateValue } from 'react-aria-components';
|
|
2
|
+
export interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T> {
|
|
2
3
|
label: string;
|
|
3
4
|
isInvalid?: boolean;
|
|
4
5
|
isDisabled?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare const DateField: ({ label, isInvalid, isDisabled, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const DateField: <T extends DateValue>({ label, isInvalid, isDisabled, ...props }: DateFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export default DateField;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { DateField as DateField$1, DateInput, DateSegment } from "react-aria-components";
|
|
3
3
|
import { FieldHeader } from "../FieldHeader/FieldHeader.js";
|
|
4
|
-
import '../../assets/DateField.css';const dateField = "
|
|
5
|
-
const dateInput = "
|
|
6
|
-
const dateSegment = "
|
|
4
|
+
import '../../assets/DateField.css';const dateField = "_dateField_fn05z_1";
|
|
5
|
+
const dateInput = "_dateInput_fn05z_5";
|
|
6
|
+
const dateSegment = "_dateSegment_fn05z_45";
|
|
7
7
|
const styles = {
|
|
8
8
|
dateField,
|
|
9
9
|
dateInput,
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { TextProps as AriaTextProps } from 'react-aria-components';
|
|
2
|
-
|
|
2
|
+
export interface FieldDescriptionProps extends AriaTextProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const FieldDescription: ({ className, children, ...props }: AriaTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
6
|
export default FieldDescription;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from "react-aria-components";
|
|
3
|
-
import '../../assets/FieldDescription.css';const fieldDescription = "
|
|
3
|
+
import '../../assets/FieldDescription.css';const fieldDescription = "_fieldDescription_2cs9c_1";
|
|
4
4
|
const styles = {
|
|
5
5
|
fieldDescription
|
|
6
6
|
};
|
|
7
7
|
const FieldDescription = ({
|
|
8
|
+
className,
|
|
8
9
|
children,
|
|
9
10
|
...props
|
|
10
11
|
}) => {
|
|
11
|
-
return /* @__PURE__ */ jsx(Text, { className: styles.fieldDescription
|
|
12
|
+
return /* @__PURE__ */ jsx(Text, { className: `${styles.fieldDescription} ${className || ""}`, slot: "description", ...props, children });
|
|
12
13
|
};
|
|
13
14
|
export {
|
|
14
15
|
FieldDescription as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDescription.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldDescription.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { FieldError as FieldError$1 } from "react-aria-components";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
|
-
import '../../assets/FieldError.css';const fieldError = "
|
|
4
|
+
import '../../assets/FieldError.css';const fieldError = "_fieldError_1d0lz_1";
|
|
5
5
|
const styles = {
|
|
6
6
|
fieldError
|
|
7
7
|
};
|
|
@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import FieldDescription from "../FieldDescription/FieldDescription.js";
|
|
3
3
|
import { FieldError } from "../FieldError/FieldError.js";
|
|
4
4
|
import { FieldLabel } from "../FieldLabel/FieldLabel.js";
|
|
5
|
-
import '../../assets/FieldHeader.css';const fieldHeader = "
|
|
5
|
+
import '../../assets/FieldHeader.css';const fieldHeader = "_fieldHeader_t60vq_1";
|
|
6
6
|
const styles = {
|
|
7
7
|
fieldHeader,
|
|
8
|
-
"label-container": "_label-
|
|
8
|
+
"label-container": "_label-container_t60vq_12"
|
|
9
9
|
};
|
|
10
10
|
const FieldHeader = ({
|
|
11
11
|
label,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Label } from "react-aria-components";
|
|
3
|
-
import '../../assets/FieldLabel.css';const fieldLabel = "
|
|
3
|
+
import '../../assets/FieldLabel.css';const fieldLabel = "_fieldLabel_7i7ld_1";
|
|
4
4
|
const styles = {
|
|
5
5
|
fieldLabel
|
|
6
6
|
};
|
|
@@ -32,7 +32,7 @@ export interface IconProps {
|
|
|
32
32
|
/**
|
|
33
33
|
* Rotate the icon.
|
|
34
34
|
*/
|
|
35
|
-
rotation?: 90 | 180 | 270;
|
|
35
|
+
rotation?: 0 | 90 | 180 | 270;
|
|
36
36
|
/**
|
|
37
37
|
* Pull the icon to the left or right. Wrap text around an icon with this utility.
|
|
38
38
|
*/
|
|
@@ -41,6 +41,7 @@ export interface IconProps {
|
|
|
41
41
|
* Additional attributes to be passed to the underlying <svg> element.
|
|
42
42
|
*/
|
|
43
43
|
[key: string]: any;
|
|
44
|
+
className?: string;
|
|
44
45
|
}
|
|
45
|
-
export declare const Icon: ({ iconName, iconPrefix, iconSize: size, flip, fixedWidth, listItem, border, rotation, pull, spin, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
export declare const Icon: ({ iconName, iconPrefix, iconSize: size, flip, fixedWidth, listItem, border, rotation, pull, spin, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
47
|
export default Icon;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from "react";
|
|
2
3
|
const Icon = ({
|
|
3
4
|
iconName,
|
|
4
5
|
iconPrefix = "fas",
|
|
@@ -10,10 +11,15 @@ const Icon = ({
|
|
|
10
11
|
rotation,
|
|
11
12
|
pull,
|
|
12
13
|
spin,
|
|
14
|
+
className,
|
|
13
15
|
...props
|
|
14
16
|
}) => {
|
|
17
|
+
const [key, setKey] = useState(0);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
setKey((prevKey) => prevKey + 1);
|
|
20
|
+
}, [iconName, iconPrefix, size, flip, fixedWidth, listItem, border, rotation, pull, spin]);
|
|
15
21
|
const classNames = [iconPrefix, `fa-${iconName}`, size ? `fa-${size}` : "", flip ? `fa-flip-${flip}` : "", fixedWidth ? "fa-fw" : "", listItem ? "fa-li" : "", border ? "fa-border" : "", rotation ? `fa-rotate-${rotation}` : "", pull ? `fa-pull-${pull}` : "", spin ? "fa-spin" : ""].filter(Boolean).join(" ");
|
|
16
|
-
return /* @__PURE__ */ jsx("span", { className:
|
|
22
|
+
return /* @__PURE__ */ jsx("span", { className: `icon-wrapper ${className || ""}`, children: /* @__PURE__ */ jsx("i", { className: classNames, ...props, role: "img" }) }, key);
|
|
17
23
|
};
|
|
18
24
|
export {
|
|
19
25
|
Icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|