@alto-avios/alto-ui 3.4.0-experimental.1 → 3.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AviosCurrencySymbol.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/ComboBox.css +1 -0
- package/dist/assets/CreditCardNumberField.css +1 -1
- package/dist/assets/CreditCardSecurityCodeField.css +1 -0
- package/dist/assets/DateField.css +1 -1
- package/dist/assets/Field.css +1 -0
- package/dist/assets/IconButton.css +1 -0
- package/dist/assets/Image.css +1 -1
- package/dist/assets/Label.css +1 -0
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListBox.css +1 -0
- package/dist/assets/ListBoxItem.css +1 -0
- package/dist/assets/LoadingSpinner.css +1 -1
- package/dist/assets/NumberField.css +1 -1
- package/dist/assets/Paragraph.css +1 -1
- package/dist/assets/PasswordField.css +1 -1
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/SearchField.css +1 -0
- package/dist/assets/Section.css +1 -1
- package/dist/assets/Spacer.css +1 -0
- package/dist/assets/TextAreaField.css +1 -1
- package/dist/assets/TextField.css +1 -1
- package/dist/assets/border.css +1 -1
- package/dist/assets/field2.css +1 -0
- package/dist/assets/global.css +1 -1
- package/dist/components/Accordion/Accordion.js +15 -15
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +1 -1
- package/dist/components/AviosBadge/AviosBadge.js +1 -1
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.d.ts +1 -1
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +17 -9
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js.map +1 -1
- package/dist/components/AviosCurrencySymbol/index.d.ts +1 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Box/Box.d.ts +28 -3
- package/dist/components/Box/Box.js +12 -2
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Box/index.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +16 -22
- package/dist/components/Button/Button.js +36 -61
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/ButtonGroup/index.d.ts +1 -0
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +2 -2
- package/dist/components/CalloutBanner/CalloutBanner.js +17 -17
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CardSection/index.d.ts +1 -0
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/CheckboxGroup/index.d.ts +1 -0
- package/dist/components/ClearFieldButton/ClearFieldButton.d.ts +0 -1
- package/dist/components/ClearFieldButton/index.d.ts +1 -0
- package/dist/components/ComboBox/ComboBox.d.ts +9 -0
- package/dist/components/ComboBox/ComboBox.js +36 -0
- package/dist/components/ComboBox/ComboBox.js.map +1 -0
- package/dist/components/ComboBox/index.d.ts +1 -0
- package/dist/components/ComboBox/index.js +5 -0
- package/dist/components/ComboBox/index.js.map +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -2
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +5 -5
- package/dist/components/CreditCardNumberField/index.d.ts +1 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +35 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +65 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map +1 -0
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +2 -0
- package/dist/components/CreditCardSecurityCodeField/index.js +5 -0
- package/dist/components/CreditCardSecurityCodeField/index.js.map +1 -0
- package/dist/components/DateField/DateField.d.ts +1 -1
- package/dist/components/DateField/DateField.js +3 -3
- package/dist/components/DateField/index.d.ts +1 -0
- package/dist/components/DestinationHeading/index.d.ts +1 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +1 -2
- package/dist/components/DetailsDisclosure/index.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +29 -11
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/Eyebrow/Eyebrow.d.ts +14 -0
- package/dist/components/FieldDescription/index.d.ts +1 -0
- package/dist/components/FieldError/index.d.ts +1 -0
- package/dist/components/FieldLabel/index.d.ts +1 -0
- package/dist/components/FieldsetHeader/index.d.ts +1 -0
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/index.d.ts +1 -0
- package/dist/components/Heading/Heading.d.ts +1 -0
- package/dist/components/Heading/Heading.js +1 -0
- package/dist/components/Heading/index.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/IconBackdrop/index.d.ts +1 -0
- package/dist/components/IconButton/IconButton.d.ts +15 -3
- package/dist/components/IconButton/IconButton.js +130 -18
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Image/Image.d.ts +18 -6
- package/dist/components/Image/Image.js +6 -6
- package/dist/components/Image/index.d.ts +1 -0
- package/dist/components/Label/Label.d.ts +23 -0
- package/dist/components/Label/Label.js +50 -0
- package/dist/components/Label/Label.js.map +1 -0
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/Label/index.js +5 -0
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/Link/Link.d.ts +6 -1
- package/dist/components/Link/Link.js +10 -6
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/ListBox/ListBox.d.ts +14 -0
- package/dist/components/ListBox/ListBox.js +29 -0
- package/dist/components/ListBox/ListBox.js.map +1 -0
- package/dist/components/ListBox/index.d.ts +2 -0
- package/dist/components/ListBox/index.js +5 -0
- package/dist/components/ListBox/index.js.map +1 -0
- package/dist/components/ListBoxItem/ListBoxItem.d.ts +15 -0
- package/dist/components/ListBoxItem/ListBoxItem.js +32 -0
- package/dist/components/ListBoxItem/ListBoxItem.js.map +1 -0
- package/dist/components/ListBoxItem/index.d.ts +2 -0
- package/dist/components/ListBoxItem/index.js +5 -0
- package/dist/components/ListBoxItem/index.js.map +1 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +1 -2
- package/dist/components/LoadingSpinner/LoadingSpinner.js +6 -8
- package/dist/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/LoadingSpinner/index.d.ts +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/NumberField/NumberField.d.ts +2 -2
- package/dist/components/NumberField/NumberField.js +12 -10
- package/dist/components/NumberField/NumberField.js.map +1 -1
- package/dist/components/NumberField/index.d.ts +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +4 -1
- package/dist/components/Paragraph/Paragraph.js +16 -11
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +1 -0
- package/dist/components/PasswordField/PasswordField.d.ts +8 -3
- package/dist/components/PasswordField/PasswordField.js +20 -17
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +8 -7
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -2
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/SearchField/SearchField.d.ts +14 -0
- package/dist/components/SearchField/SearchField.js +48 -0
- package/dist/components/SearchField/SearchField.js.map +1 -0
- package/dist/components/SearchField/index.d.ts +2 -0
- package/dist/components/SearchField/index.js +5 -0
- package/dist/components/SearchField/index.js.map +1 -0
- package/dist/components/Section/Section.d.ts +8 -4
- package/dist/components/Section/Section.js +42 -14
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/Section/index.d.ts +1 -0
- package/dist/components/SelectCard/SelectCard.d.ts +3 -2
- package/dist/components/SelectCard/SelectCard.js +1 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectNative/SelectNative.d.ts +6 -1
- package/dist/components/SelectNative/SelectNative.js +7 -1
- package/dist/components/SelectNative/SelectNative.js.map +1 -1
- package/dist/components/SelectNative/index.d.ts +1 -0
- package/dist/components/Slider/Slider.d.ts +16 -4
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Spacer/Spacer.d.ts +15 -0
- package/dist/components/Spacer/Spacer.js +94 -0
- package/dist/components/Spacer/Spacer.js.map +1 -0
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.js +5 -0
- package/dist/components/Spacer/index.js.map +1 -0
- package/dist/components/SubHeading/SubHeading.d.ts +3 -3
- package/dist/components/SubHeading/index.d.ts +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Tag/index.d.ts +1 -0
- package/dist/components/TagGroup/TagGroup.d.ts +21 -1
- package/dist/components/TagGroup/TagGroup.js +6 -2
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/index.d.ts +1 -0
- package/dist/components/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/components/TextAreaField/TextAreaField.js +7 -5
- package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
- package/dist/components/TextField/TextField.d.ts +5 -1
- package/dist/components/TextField/TextField.js +11 -9
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/ToggleButton/index.d.ts +1 -0
- package/dist/components/ToggleIconButton/index.d.ts +1 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/_base/Field/Field.d.ts +11 -2
- package/dist/components/_base/Field/Field.js +15 -1
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +69 -1
- package/dist/components/index.js +18 -3
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +18 -3
- package/dist/index.js.map +1 -1
- package/dist/utils/border/border.d.ts +1 -1
- package/dist/utils/border/border.js +38 -34
- package/dist/utils/border/border.js.map +1 -1
- package/dist/utils/breakpoint/hooks/useBreakpoint.d.ts +11 -0
- package/dist/utils/breakpoint/hooks/useBreakpoint.js +79 -0
- package/dist/utils/breakpoint/hooks/useBreakpoint.js.map +1 -0
- package/dist/utils/breakpoint/responsive.d.ts +18 -0
- package/dist/utils/breakpoint/responsive.js +22 -0
- package/dist/utils/breakpoint/responsive.js.map +1 -0
- package/dist/utils/breakpoint/theme/breakpoints.d.ts +13 -0
- package/dist/utils/breakpoint/theme/breakpoints.js +27 -0
- package/dist/utils/breakpoint/theme/breakpoints.js.map +1 -0
- package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.js +3 -0
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -1
- package/dist/utils/forms/field.d.ts +8 -0
- package/dist/utils/forms/field.js +212 -0
- package/dist/utils/forms/field.js.map +1 -0
- package/dist/utils/forms/field.test.d.ts +1 -0
- package/dist/utils/position/position.js +10 -10
- package/dist/utils/stories/iconPropsArgTypes.js +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -73,6 +73,14 @@ We need to create static storybook files for our public domain site to use. Run
|
|
|
73
73
|
|
|
74
74
|
`npm run build:storybook`
|
|
75
75
|
|
|
76
|
+
## Run Chromatic (Dev)
|
|
77
|
+
|
|
78
|
+
Run the following command to analyze our code and send to chromatic
|
|
79
|
+
|
|
80
|
+
`npx chromatic --project-token <YOUR_PROJECT_TOKEN>`
|
|
81
|
+
|
|
82
|
+
Project Token can be found in the chromatic dashboard
|
|
83
|
+
|
|
76
84
|
## For Application using our package
|
|
77
85
|
|
|
78
86
|
### Install Package in Applications
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_df6dx_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_df6dx_14,._accordionStack_df6dx_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_df6dx_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_df6dx_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_df6dx_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_df6dx_57{display:flex;flex-direction:column}._endContainer_df6dx_62{gap:var(--alto-sem-space-sm)}._endContainer_df6dx_62,._titleEnd_df6dx_69,._titleStart_df6dx_68{align-items:center;display:flex}._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_df6dx_87,._accordionTitle_df6dx_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_df6dx_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_df6dx_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_df6dx_1[data-expanded=true] ._iconWrapper_df6dx_96{transform:rotate(180deg)}._accordion_df6dx_1 [role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_df6dx_1 [role=group],._accordion_df6dx_1[data-expanded=true] [role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_df6dx_1[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_df6dx_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_df6dx_1[data-expanded=true],._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_df6dx_1 ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_df6dx_1 ._trigger_df6dx_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_df6dx_1 ._trigger_df6dx_33[data-focused]{outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled] ._iconWrapper_df6dx_96,._trigger_df6dx_33[data-disabled] ._accordionDescription_df6dx_87,._trigger_df6dx_33[data-disabled] ._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_df6dx_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._aviosCurrencySymbol-
|
|
1
|
+
._aviosCurrencySymbol-primary_152jd_1 path:first-child{fill:var(--alto-sem-color-fg-primary)}._aviosCurrencySymbol-primary_152jd_1 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-secondary_152jd_11 path:first-child{fill:var(--alto-sem-color-fg-secondary)}._aviosCurrencySymbol-secondary_152jd_11 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:first-child{fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:nth-child(2){fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-onSpend_152jd_31 path:first-child{fill:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrencySymbol-onSpend_152jd_31 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-onCollect_152jd_41 path:first-child{fill:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrencySymbol-onCollect_152jd_41 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:first-child{fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:first-child{fill:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_7cuws_1{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;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_7cuws_1,._button_7cuws_1 ._content_7cuws_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_7cuws_28 ._loadingSpinner_7cuws_28{opacity:0;position:absolute}._isNotLoading_7cuws_28 ._content_7cuws_19{opacity:1}._isLoading_7cuws_37 ._loadingSpinner_7cuws_28{opacity:1;position:absolute}._isLoading_7cuws_37 ._content_7cuws_19{opacity:0}._focusWhite_7cuws_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_7cuws_56{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-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_7cuws_64{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_7cuws_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._iconButton_7cuws_80{padding:0}._iconButton__sm_7cuws_84{width:36px}._iconButton__md_7cuws_88{width:48px}._iconButton__lg_7cuws_92{width:55px}._fullWidth_7cuws_96{width:100%}._textAlignLeft_7cuws_103{text-align:left}._textAlignCenter_7cuws_107{text-align:center}._textAlignRight_7cuws_111{text-align:right}._accentPrimary_7cuws_119[data-focused],._accentPrimary_7cuws_119[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_7cuws_119[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_7cuws_119[data-pressed][data-focused]{outline:none}._accentPrimary_7cuws_119:disabled,._accentPrimary_7cuws_119[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_7cuws_139{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_7cuws_139[data-focused],._accentSecondary_7cuws_139[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_7cuws_139[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_7cuws_139[data-pressed][data-focused]{outline:none}._accentSecondary_7cuws_139:disabled,._accentSecondary_7cuws_139[aria-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:auto}._accentTertiary_7cuws_169{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_7cuws_169[data-focused],._accentTertiary_7cuws_169[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_7cuws_169[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_7cuws_169[data-pressed][data-focused]{outline:none}._accentTertiary_7cuws_169:disabled,._accentTertiary_7cuws_169[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_7cuws_195{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_7cuws_195[data-focused],._accentQuaternary_7cuws_195[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_7cuws_195[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_7cuws_195[data-pressed][data-focused]{outline:none}._accentQuaternary_7cuws_195:disabled,._accentQuaternary_7cuws_195[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_7cuws_221{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_7cuws_221[data-focused],._criticalPrimary_7cuws_221[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_7cuws_221[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_7cuws_221[data-pressed][data-focused]{outline:none}._criticalPrimary_7cuws_221:disabled,._criticalPrimary_7cuws_221[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_7cuws_246{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_7cuws_246[data-focused],._criticalSecondary_7cuws_246[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_7cuws_246[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_7cuws_246[data-pressed][data-focused]{outline:none}._criticalSecondary_7cuws_246:disabled,._criticalSecondary_7cuws_246[aria-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:auto}._criticalTertiary_7cuws_276{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_7cuws_276[data-focused],._criticalTertiary_7cuws_276[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_7cuws_276[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_7cuws_276[data-pressed][data-focused]{outline:none}._criticalTertiary_7cuws_276:disabled,._criticalTertiary_7cuws_276[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_7cuws_302{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_7cuws_302[data-focused],._criticalQuaternary_7cuws_302[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_7cuws_302[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_7cuws_302[data-pressed][data-focused]{outline:none}._criticalQuaternary_7cuws_302:disabled,._criticalQuaternary_7cuws_302[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_7cuws_329{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_7cuws_329[data-focused],._neutralPrimary_7cuws_329[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_7cuws_329[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_7cuws_329[data-pressed][data-focused]{outline:none}._neutralPrimary_7cuws_329:disabled,._neutralPrimary_7cuws_329[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_7cuws_354{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_7cuws_354[data-focused],._neutralSecondary_7cuws_354[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_7cuws_354[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_7cuws_354[data-pressed][data-focused]{outline:none}._neutralSecondary_7cuws_354:disabled,._neutralSecondary_7cuws_354[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_7cuws_383{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_7cuws_383[data-focused],._neutralTertiary_7cuws_383[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_7cuws_383[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_7cuws_383[data-pressed][data-focused]{outline:none}._neutralTertiary_7cuws_383:disabled,._neutralTertiary_7cuws_383[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_7cuws_409{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_7cuws_409[data-focused],._neutralQuaternary_7cuws_409[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_7cuws_409[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_7cuws_409[data-pressed][data-focused]{outline:none}._neutralQuaternary_7cuws_409:disabled,._neutralQuaternary_7cuws_409[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_7cuws_436{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_7cuws_436[data-focused],._whitePrimary_7cuws_436[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_7cuws_436[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_7cuws_436[data-pressed][data-focused]{outline:none}._whitePrimary_7cuws_436:disabled,._whitePrimary_7cuws_436[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_7cuws_462{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_7cuws_462[data-focused],._whiteSecondary_7cuws_462[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_7cuws_462[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_7cuws_462[data-pressed][data-focused]{outline:none}._whiteSecondary_7cuws_462[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_7cuws_462:disabled,._whiteSecondary_7cuws_462[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_7cuws_495{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_7cuws_495[data-focused],._whiteTertiary_7cuws_495[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_7cuws_495[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_7cuws_495[data-pressed][data-focused]{outline:none}._whiteTertiary_7cuws_495[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_7cuws_495:disabled,._whiteTertiary_7cuws_495[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_7cuws_525{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_7cuws_525[data-focused],._whiteQuaternary_7cuws_525[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_7cuws_525[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_7cuws_525[data-pressed][data-focused]{outline:none}._whiteQuaternary_7cuws_525[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_7cuws_525:disabled,._whiteQuaternary_7cuws_525[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_7cuws_557{height:1rem;width:1rem}._icon-wrapper_7cuws_562{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_9pg0y_1{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;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_9pg0y_1,._button_9pg0y_1 ._content_9pg0y_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_9pg0y_28 ._loadingSpinner_9pg0y_28{opacity:0;position:absolute}._isNotLoading_9pg0y_28 ._content_9pg0y_19{opacity:1}._isLoading_9pg0y_37 ._loadingSpinner_9pg0y_28{opacity:1;position:absolute}._isLoading_9pg0y_37 ._content_9pg0y_19{opacity:0}._focusWhite_9pg0y_49[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._sm_9pg0y_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_9pg0y_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_9pg0y_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_9pg0y_83{width:100%}._textAlignLeft_9pg0y_90{text-align:left}._textAlignCenter_9pg0y_94{text-align:center}._textAlignRight_9pg0y_98{text-align:right}._accentPrimary_9pg0y_106[data-focused],._accentPrimary_9pg0y_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_9pg0y_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_9pg0y_106[data-pressed][data-focused]{outline:none}._accentPrimary_9pg0y_106:disabled,._accentPrimary_9pg0y_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_9pg0y_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_9pg0y_126[data-focused],._accentSecondary_9pg0y_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_9pg0y_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_9pg0y_126[data-pressed][data-focused]{outline:none}._accentSecondary_9pg0y_126:disabled,._accentSecondary_9pg0y_126[aria-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:auto}._accentTertiary_9pg0y_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_9pg0y_156[data-focused],._accentTertiary_9pg0y_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_9pg0y_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_9pg0y_156[data-pressed][data-focused]{outline:none}._accentTertiary_9pg0y_156:disabled,._accentTertiary_9pg0y_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_9pg0y_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_9pg0y_182[data-focused],._accentQuaternary_9pg0y_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_9pg0y_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_9pg0y_182[data-pressed][data-focused]{outline:none}._accentQuaternary_9pg0y_182:disabled,._accentQuaternary_9pg0y_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_9pg0y_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_9pg0y_208[data-focused],._criticalPrimary_9pg0y_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_9pg0y_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_9pg0y_208[data-pressed][data-focused]{outline:none}._criticalPrimary_9pg0y_208:disabled,._criticalPrimary_9pg0y_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_9pg0y_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_9pg0y_233[data-focused],._criticalSecondary_9pg0y_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_9pg0y_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_9pg0y_233[data-pressed][data-focused]{outline:none}._criticalSecondary_9pg0y_233:disabled,._criticalSecondary_9pg0y_233[aria-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:auto}._criticalTertiary_9pg0y_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_9pg0y_263[data-focused],._criticalTertiary_9pg0y_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_9pg0y_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_9pg0y_263[data-pressed][data-focused]{outline:none}._criticalTertiary_9pg0y_263:disabled,._criticalTertiary_9pg0y_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_9pg0y_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_9pg0y_289[data-focused],._criticalQuaternary_9pg0y_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_9pg0y_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_9pg0y_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_9pg0y_289:disabled,._criticalQuaternary_9pg0y_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_9pg0y_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_9pg0y_316[data-focused],._neutralPrimary_9pg0y_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_9pg0y_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_9pg0y_316[data-pressed][data-focused]{outline:none}._neutralPrimary_9pg0y_316:disabled,._neutralPrimary_9pg0y_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_9pg0y_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_9pg0y_341[data-focused],._neutralSecondary_9pg0y_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_9pg0y_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_9pg0y_341[data-pressed][data-focused]{outline:none}._neutralSecondary_9pg0y_341:disabled,._neutralSecondary_9pg0y_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_9pg0y_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_9pg0y_370[data-focused],._neutralTertiary_9pg0y_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_9pg0y_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_9pg0y_370[data-pressed][data-focused]{outline:none}._neutralTertiary_9pg0y_370:disabled,._neutralTertiary_9pg0y_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_9pg0y_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_9pg0y_396[data-focused],._neutralQuaternary_9pg0y_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_9pg0y_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_9pg0y_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_9pg0y_396:disabled,._neutralQuaternary_9pg0y_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_9pg0y_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_9pg0y_423[data-focused],._whitePrimary_9pg0y_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_9pg0y_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_9pg0y_423[data-pressed][data-focused]{outline:none}._whitePrimary_9pg0y_423:disabled,._whitePrimary_9pg0y_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_9pg0y_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_9pg0y_449[data-focused],._whiteSecondary_9pg0y_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_9pg0y_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_9pg0y_449[data-pressed][data-focused]{outline:none}._whiteSecondary_9pg0y_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_9pg0y_449:disabled,._whiteSecondary_9pg0y_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_9pg0y_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_9pg0y_482[data-focused],._whiteTertiary_9pg0y_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_9pg0y_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_9pg0y_482[data-pressed][data-focused]{outline:none}._whiteTertiary_9pg0y_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_9pg0y_482:disabled,._whiteTertiary_9pg0y_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_9pg0y_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_9pg0y_512[data-focused],._whiteQuaternary_9pg0y_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_9pg0y_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_9pg0y_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_9pg0y_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_9pg0y_512:disabled,._whiteQuaternary_9pg0y_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_9pg0y_544{height:1rem;width:1rem}._icon-wrapper_9pg0y_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calloutBanner_kvv8j_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;width:100%}._calloutBanner__icon_kvv8j_11{align-self:flex-start}._calloutBanner__start_kvv8j_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_kvv8j_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_kvv8j_29{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._calloutBanner__meta-title_kvv8j_41{font-weight:600}._calloutBanner__meta-description_kvv8j_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_kvv8j_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_kvv8j_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_kvv8j_58{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_kvv8j_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_kvv8j_70._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_kvv8j_66:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_kvv8j_92{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_kvv8j_70._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_kvv8j_92:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_kvv8j_118{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_kvv8j_70._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_kvv8j_118:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_kvv8j_144{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_kvv8j_70._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_kvv8j_144:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_kvv8j_83{border-color:transparent}._calloutBanner-tertiary_kvv8j_83 ._calloutBanner__end_kvv8j_58{border-radius:var(--alto-card-radius)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._comboBox_168rl_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%}._comboBox_168rl_1[data-focused]{outline:none}._comboBox-group_168rl_14[data-focus-within][data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._comboBox-group_168rl_14[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._comboBox-group_168rl_14[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._comboBox-group_168rl_14[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._comboBox-group_168rl_14[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)}._comboBox-group_168rl_14{align-items:center;align-self:stretch;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-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._comboBox-group_168rl_14[data-disabled] button{background:transparent;color:var(--alto-sem-color-fg-disabled-on-subtle)}._comboBox-group_168rl_14[data-invalid]{border-color:var(--alto-sem-color-border-critical)}._comboBox-input_168rl_63{border:none;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);outline:none;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._comboBox-loading_168rl_74{align-items:center;display:flex;justify-content:center;padding:var(--alto-sem-space-xs)}._comboBox-popover_168rl_81{width:calc(var(--trigger-width) - var(--alto-sem-space-2xs))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._creditCardNumberField_12w3r_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%}._creditCardNumberField_12w3r_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-input-radius);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%}._creditCardNumberField_12w3r_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)}._creditCardNumberField_12w3r_1 input[data-hovered]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_12w3r_1 input[data-pressed]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_12w3r_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_12w3r_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._creditCardNumberField_12w3r_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._creditCardNumberField_12w3r_1 ._inputWrapper_12w3r_51{align-items:center;display:flex;position:relative}._creditCardNumberField_12w3r_1 ._iconEnd_12w3r_57{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_12w3r_1:has(._iconEnd_12w3r_57) input{padding-right:44px}._creditCardNumberField_12w3r_1 input:focus-visible{outline:none}._creditCardNumberField_12w3r_1 input[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._creditCardSecurityCodeField_14mb2_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);text-align:left;width:100%}._creditCardSecurityCodeField_14mb2_1 ._inputWrapper_14mb2_11{align-items:center;display:flex;gap:var(--alto-sem-space-2xs)}._creditCardSecurityCodeField_14mb2_1 input{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-width:305px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._creditCardSecurityCodeField_14mb2_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)}._creditCardSecurityCodeField_14mb2_1 input[data-hovered]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardSecurityCodeField_14mb2_1 input[data-pressed]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardSecurityCodeField_14mb2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardSecurityCodeField_14mb2_1 svg{flex-shrink:0}._creditCardSecurityCodeField_14mb2_1 ._inputChildren_14mb2_54{margin-top:var(--alto-sem-space-2xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dateField_349vs_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_349vs_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-input-radius);box-sizing:border-box;display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;min-height:48px;min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:auto}._dateInput_349vs_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_349vs_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_349vs_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_349vs_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_349vs_5[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._dateInput_349vs_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_349vs_51{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_349vs_51[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_349vs_51[data-focused],._dateSegment_349vs_51[data-invalid]._dateSegment_349vs_51[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_349vs_51[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_349vs_51[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fieldGrid_14f43_1{display:grid;grid-template-columns:repeat(12,1fr)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._iconButton_kb1oz_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:500;gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:0}._sm_kb1oz_24{font-size:16px;height:36px;width:36px}._md_kb1oz_30{font-size:16px;height:48px;width:48px}._lg_kb1oz_36{font-size:20px;height:55px;width:55px}._accentPrimary_kb1oz_46[data-focused],._accentPrimary_kb1oz_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_kb1oz_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_kb1oz_46[data-pressed][data-focused]{outline:none}._accentPrimary_kb1oz_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_kb1oz_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_kb1oz_69[data-focused],._accentSecondary_kb1oz_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_kb1oz_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_kb1oz_69[data-pressed][data-focused]{outline:none}._accentSecondary_kb1oz_69[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_kb1oz_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_kb1oz_98[data-focused],._accentTertiary_kb1oz_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_kb1oz_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_kb1oz_98[data-pressed][data-focused]{outline:none}._accentTertiary_kb1oz_98[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_kb1oz_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_kb1oz_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_kb1oz_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_kb1oz_127[data-pressed][data-focused]{outline:none}._accentQuaternary_kb1oz_127[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_kb1oz_151{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_kb1oz_151[data-focused],._criticalPrimary_kb1oz_151[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_kb1oz_151[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_kb1oz_151[data-pressed][data-focused]{outline:none}._criticalPrimary_kb1oz_151[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_kb1oz_175{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_kb1oz_175[data-focused],._criticalSecondary_kb1oz_175[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_kb1oz_175[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_kb1oz_175[data-pressed][data-focused]{outline:none}._criticalSecondary_kb1oz_175[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_kb1oz_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_kb1oz_204[data-focused],._criticalTertiary_kb1oz_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_kb1oz_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_kb1oz_204[data-pressed][data-focused]{outline:none}._criticalTertiary_kb1oz_204[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_kb1oz_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_kb1oz_229[data-focused],._criticalQuaternary_kb1oz_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_kb1oz_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_kb1oz_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_kb1oz_229[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_kb1oz_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_kb1oz_254[data-focused],._neutralPrimary_kb1oz_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_kb1oz_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_kb1oz_254[data-pressed][data-focused]{outline:none}._neutralPrimary_kb1oz_254[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_kb1oz_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_kb1oz_278[data-focused],._neutralSecondary_kb1oz_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_kb1oz_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_kb1oz_278[data-pressed][data-focused]{outline:none}._neutralSecondary_kb1oz_278[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_kb1oz_305{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_kb1oz_305[data-focused],._neutralTertiary_kb1oz_305[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_kb1oz_305[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_kb1oz_305[data-pressed][data-focused]{outline:none}._neutralTertiary_kb1oz_305[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_kb1oz_330{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_kb1oz_330[data-focused],._neutralQuaternary_kb1oz_330[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_kb1oz_330[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_kb1oz_330[data-pressed][data-focused]{outline:none}._neutralQuaternary_kb1oz_330[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_kb1oz_356{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_kb1oz_356[data-focused],._whitePrimary_kb1oz_356[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_kb1oz_356[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_kb1oz_356[data-pressed][data-focused]{outline:none}._whitePrimary_kb1oz_356[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_kb1oz_356[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_kb1oz_385{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_kb1oz_385[data-focused],._whiteSecondary_kb1oz_385[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_kb1oz_385[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_kb1oz_385[data-pressed][data-focused]{outline:none}._whiteSecondary_kb1oz_385[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_kb1oz_385[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_kb1oz_416{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_kb1oz_416[data-focused],._whiteTertiary_kb1oz_416[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_kb1oz_416[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_kb1oz_416[data-pressed][data-focused]{outline:none}._whiteTertiary_kb1oz_416[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_kb1oz_416[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_kb1oz_445{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_kb1oz_445[data-focused],._whiteQuaternary_kb1oz_445[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_kb1oz_445[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_kb1oz_445[data-pressed][data-focused]{outline:none}._whiteQuaternary_kb1oz_445[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_kb1oz_445[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_kb1oz_476{height:1rem;width:1rem}._icon-wrapper_kb1oz_481{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
package/dist/assets/Image.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._image_1dojz_1{opacity:0;transition:opacity .3s ease-in-out}._image_1dojz_1[data-loaded=true]{opacity:1}._fill_1dojz_10{-o-object-fit:fill;object-fit:fill}._contain_1dojz_14{-o-object-fit:contain;object-fit:contain}._cover_1dojz_18{-o-object-fit:cover;object-fit:cover}._none_1dojz_22{-o-object-fit:none;object-fit:none}._scaleDown_1dojz_26{-o-object-fit:scale-down;object-fit:scale-down}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._label_1w8ui_1{font-family:var(--alto-sem-text-label-font-family);font-style:normal;font-weight:var(--alto-sem-text-label-font-weight)}._xxs_1w8ui_7{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-label-2xs-letter-spacing);line-height:var(--alto-sem-text-label-2xs-line-height)}._xs_1w8ui_13{font-size:var(--alto-sem-text-label-xs-font-size);letter-spacing:var(--alto-sem-text-label-xs-letter-spacing);line-height:var(--alto-sem-text-label-xs-line-height)}._sm_1w8ui_19{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height)}._md_1w8ui_25{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height)}._lg_1w8ui_31{font-size:var(--alto-sem-text-label-lg-font-size);letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height)}
|
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_52mqv_1{align-items:center;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);text-decoration:none}._xs_52mqv_11{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_52mqv_17{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_52mqv_23{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_52mqv_29{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._link_52mqv_1[data-focused],._link_52mqv_1[data-hovered]{color:var(--alto-sem-color-fg-accent-secondary);text-decoration:underline}._link_52mqv_1[data-focused]{color:var(--alto-sem-color-fg-accent-secondary)}._link_52mqv_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_52mqv_1[data-pressed]{text-decoration:none}._link_52mqv_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none;text-decoration-line:none}._underline_52mqv_60{text-decoration:underline}._underline_52mqv_60[data-focused],._underline_52mqv_60[data-hovered]{text-decoration:none}._underline_52mqv_60[data-pressed]{text-decoration:underline}._underline_52mqv_60[data-disabled]{text-decoration-line:underline}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listBox_97neh_1{--list-box-height:260px;background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-xs);display:flex;flex-direction:column;max-height:var(--list-box-height);overflow-y:auto;padding:var(--alto-sem-space-4xs);width:100%}._listBox_97neh_1[data-empty]{align-items:center;display:flex;height:var(--list-box-height);justify-content:center}._groupHeader_97neh_22{font-size:var(--alto-sem-text-label-sm-font-size);font-weight:500;padding:var(--alto-sem-space-sm) var(--alto-sem-space-xs) var(--alto-sem-space-xs) var(--alto-sem-space-xs);text-align:left}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listBoxItem_vneoh_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);margin:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_vneoh_19{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_vneoh_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_vneoh_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_vneoh_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_vneoh_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_vneoh_1[data-focused][data-focus-visible]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_vneoh_1[data-focused]{outline:none}._listBoxItem_vneoh_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_vneoh_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_vneoh_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_vneoh_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_vneoh_71,._listBoxItemSelected_vneoh_77{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_vneoh_77{opacity:0}._listBoxItem_vneoh_1[data-selected] ._listBoxItemSelected_vneoh_77{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._md_1tfp3_5,._sm_1tfp3_1{font-size:1rem}._lg_1tfp3_9{font-size:1.25rem}._fa-spinner-third_1tfp3_13{height:1rem;width:1rem}._icon-wrapper_1tfp3_18{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._numberField_1ilxu_1{color:var(--alto-sem-color-fg-secondary);width:100%}._numberFieldGroup_1ilxu_6{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-input-radius);box-sizing:border-box;display:flex;gap:var(--alto-sem-space-2xs);height:48px;min-width:230px}._numberFieldGroup_1ilxu_6 button{cursor:pointer;flex-shrink:0}._numberFieldGroup_1ilxu_6[data-invalid]{border-color:transparent;outline:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._numberFieldGroup_1ilxu_6[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._numberFieldGroup_1ilxu_6[data-disabled] button,._numberFieldGroup_1ilxu_6[data-disabled] input{cursor:not-allowed}._numberFieldGroup_1ilxu_6:not([data-disabled])[data-hovered]:not([data-focus-within]),._numberFieldGroup_1ilxu_6:not([data-disabled])[data-hovered]:not([data-focus-within]) input{border-color:var(--alto-sem-color-border-primary-hover)}._numberFieldGroup_1ilxu_6[data-focus-within][data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._numberFieldButton_1ilxu_53{background:none;border:none;height:48px;width:48px}._numberFieldButton_1ilxu_53[slot=decrement]{border-end-end-radius:0;border-start-end-radius:0}._numberFieldButton_1ilxu_53[slot=increment]{border-end-start-radius:0;border-start-start-radius:0}._numberFieldInput_1ilxu_70{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-left:none;border-right:none;border-top:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);box-sizing:border-box;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);height:48px;letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height);outline:none;padding:0;text-align:center;width:var(--alto-sem-space-5xl)}._numberField_1ilxu_1[data-invalid] ._numberFieldButton_1ilxu_53,._numberField_1ilxu_1[data-invalid] ._numberFieldInput_1ilxu_70,._numberField_1ilxu_1[data-invalid][data-focus-within] ._numberFieldInput_1ilxu_70,._numberField_1ilxu_1[fata-invalid][data-focus-within] ._numberFieldButton_1ilxu_53{border-color:transparent}._numberFieldButton_1ilxu_53[fata-disabled],._numberFieldInput_1ilxu_70[data-disabled]{border-color:var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._paragraph_rcir1_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._paragraph_rcir1_1 strong{font-weight:var(--alto-sem-text-body-bold-font-weight)}._xs_rcir1_13{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_rcir1_19{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_rcir1_25{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_rcir1_31{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_rcir1_37{text-align:start}._center_rcir1_41{text-align:center}._end_rcir1_45{text-align:end}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._passwordField__wrapper_fvsth_1{width:100%}._passwordField__wrapper_fvsth_1,._passwordField_fvsth_1{display:flex;flex-direction:column}._passwordField__strength_fvsth_12{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);list-style:none;margin-left:0;margin-top:var(--alto-sem-space-xs);padding:0}._passwordField_fvsth_1 input{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._passwordField_fvsth_1>[role=group]{align-items:center;align-self:stretch;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-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._passwordField_fvsth_1>[role=group][data-focus-within][data-focus-visible]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._passwordField_fvsth_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._passwordField_fvsth_1>[role=group]:has(input[data-hovered]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._passwordField_fvsth_1>[role=group]:has(input[data-pressed]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._passwordField_fvsth_1>[role=group]:has(input[data-invalid]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._passwordField_fvsth_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._passwordField_fvsth_1 input{border:none;height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._passwordField_fvsth_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._passwordField_fvsth_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._passwordField_fvsth_1 input[data-focused]{outline:none}._passwordStrengthItem_fvsth_98{align-items:center;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._passwordStrengthItemValid_fvsth_108{color:var(--alto-sem-color-fg-success-primary)}._passwordStrengthItemNeutral_fvsth_112{color:var(--alto-sem-color-fg-secondary)}._passwordStrengthItemInvalid_fvsth_116{color:var(--alto-sem-color-fg-critical-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._phoneNumberField_ysf6g_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid;border-color:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._phoneNumberField_ysf6g_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._phoneNumberField_ysf6g_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._phoneNumberField_ysf6g_1:has(input[data-focus-visible]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._phoneNumberField_ysf6g_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_ysf6g_1:has(input[data-hovered]) ._selectHandlerValue_ysf6g_35{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_ysf6g_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(input[data-focused]) ._selectHandlerValue_ysf6g_35{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(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)}._phoneNumberField_ysf6g_1:has(input[data-disabled]) ._selectHandlerValue_ysf6g_35{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_ysf6g_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_ysf6g_1:has(input[data-disabled]) ._selectHandlerIcon_ysf6g_66{opacity:0}._phoneNumberField_ysf6g_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_ysf6g_1:has(input[data-invalid]) ._selectHandlerValue_ysf6g_35{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_ysf6g_78{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_ysf6g_78:has(select:focus-within){border-bottom-left-radius:var(--alto-sem-radius-sm);border-color:var(--alto-sem-color-border-accent);border-top-left-radius:var(--alto-sem-radius-sm)}._selectHandlerValue_ysf6g_35{align-items:center;border-right:1px solid var(--alto-sem-color-border-primary-default);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-label-sm-font-size);gap:var(--alto-sem-space-2xs);height:48px;justify-content:center;letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);max-width:90px;padding:0 var(--alto-sem-space-xs)}._selectHandlerIcon_ysf6g_66{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_ysf6g_1 select{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border-radius:var(--alto-sem-radius-sm);cursor:pointer;display:inline-flex;font-size:0;height:48px;left:0;max-width:90px;opacity:0;position:absolute;top:0;width:100%}._phoneNumberField_ysf6g_1 input{all:unset;align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);background-color:transparent;border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex:1 1 auto;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);min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);text-align:left;width:100%}
|
package/dist/assets/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._radio_aewea_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;gap:var(--alto-sem-space-sm);justify-content:flex-start;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._radio_aewea_1[data-focus-visible]{outline:none}._radio_aewea_1:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;height:1.5rem;transition:all .2s;width:1.5rem}._radio_aewea_1[data-hovered]:before{border-color:var(--alto-sem-color-border-primary-hover)}._radio_aewea_1[data-focus-visible]:before{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._defaultFocus_aewea_45[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_aewea_49[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-white)}._radio_aewea_1[data-pressed]:before{border-color:var(--alto-sem-color-border-primary-active)}._radio_aewea_1[data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._radio_aewea_1[data-selected][data-hovered]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_aewea_1[data-selected][data-focused]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_aewea_1[data-selected][data-focus-visible]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_aewea_1[data-selected][data-pressed]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_aewea_1[data-invalid]:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._radio_aewea_1[data-invalid][data-hovered]:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-focused]:before{border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-focus-visible]:before,._radio_aewea_1[data-invalid][data-pressed]:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._radio_aewea_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:default;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._radio_aewea_1[data-disabled]:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._radio_aewea_1[data-disabled][data-selected]:before{border-width:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._searchField_1wpmg_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;position:relative;width:100%}._searchField_1wpmg_1 [role=group]{align-items:center;align-self:stretch;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-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._searchField_1wpmg_1>[role=group][data-focus-within][data-focus-visible]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._searchField_1wpmg_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchField_1wpmg_1>[role=group]:has(input[data-hovered]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._searchField_1wpmg_1>[role=group]:has(input[data-pressed]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._searchField_1wpmg_1>[role=group]:has(input[data-invalid]:not([data-disabled])){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._searchField_1wpmg_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._searchField_1wpmg_1 input{border:none;font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);padding-left:44px;width:100%}._searchField_1wpmg_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_1wpmg_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_1wpmg_1 input[data-focused]{outline:none}._searchField_1wpmg_1 ._iconStart_1wpmg_82{cursor:pointer;padding:var(--alto-sem-space-4xs);padding-left:var(--alto-sem-space-xs);padding-right:var(--alto-sem-space-2xs);position:absolute}
|
package/dist/assets/Section.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1w3or_7,._section_1w3or_1{display:flex;position:relative;width:100%}._container_1w3or_7{margin:0 auto;z-index:1}._container_1w3or_7._pageWidth_1w3or_15{max-width:var(--alto-section-container-max-width)}._container_1w3or_7._fullWidth_1w3or_19{max-width:100%}._paddingX-default_1w3or_23{padding-left:var(--alto-section-padding-horizontal-default);padding-right:var(--alto-section-padding-horizontal-default)}._paddingY-default_1w3or_28{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingTopDefault_1w3or_33,._paddingY-default_1w3or_28{padding-top:var(--alto-section-padding-vertical-default)}._paddingRightDefault_1w3or_37{padding-right:var(--alto-section-padding-horizontal-default)}._paddingBottomDefault_1w3or_41{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingLeftDefault_1w3or_45{padding-left:var(--alto-section-padding-horizontal-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spacer_13sex_1{display:block;visibility:hidden}._spacer-inline_13sex_6{display:inline}._debugVisible_13sex_10{background-color:var(--alto-sem-color-bg-accent-subtle-active);outline:1px dashed var(--alto-sem-color-bg-accent-vibrant-default);visibility:visible}._h-0_13sex_16{height:0}._h-5xs_13sex_20{height:var(--alto-sem-space-5xs)}._h-4xs_13sex_24{height:var(--alto-sem-space-4xs)}._h-3xs_13sex_28{height:var(--alto-sem-space-3xs)}._h-2xs_13sex_32{height:var(--alto-sem-space-2xs)}._h-xs_13sex_36{height:var(--alto-sem-space-xs)}._h-sm_13sex_40{height:var(--alto-sem-space-sm)}._h-md_13sex_44{height:var(--alto-sem-space-md)}._h-lg_13sex_48{height:var(--alto-sem-space-lg)}._h-xl_13sex_52{height:var(--alto-sem-space-xl)}._h-2xl_13sex_56{height:var(--alto-sem-space-2xl)}._h-3xl_13sex_60{height:var(--alto-sem-space-3xl)}._h-4xl_13sex_64{height:var(--alto-sem-space-4xl)}._h-5xl_13sex_68{height:var(--alto-sem-space-5xl)}._w-0_13sex_72{width:0}._w-5xs_13sex_76{width:var(--alto-sem-space-5xs)}._w-4xs_13sex_80{width:var(--alto-sem-space-4xs)}._w-3xs_13sex_84{width:var(--alto-sem-space-3xs)}._w-2xs_13sex_88{width:var(--alto-sem-space-2xs)}._w-xs_13sex_92{width:var(--alto-sem-space-xs)}._w-sm_13sex_96{width:var(--alto-sem-space-sm)}._w-md_13sex_100{width:var(--alto-sem-space-md)}._w-lg_13sex_104{width:var(--alto-sem-space-lg)}._w-xl_13sex_108{width:var(--alto-sem-space-xl)}._w-2xl_13sex_112{width:var(--alto-sem-space-2xl)}._w-3xl_13sex_116{width:var(--alto-sem-space-3xl)}._w-4xl_13sex_120{width:var(--alto-sem-space-4xl)}._w-5xl_13sex_124{width:var(--alto-sem-space-5xl)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textAreaField_16b3i_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._textAreaField_16b3i_1 textarea{align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-layer2-default);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' fill='none' viewBox='0 0 9 10'%3E%3Cpath stroke='%239593A0' d='M7.948 1 .5 8.448m8-3.172L4.776 9'/%3E%3C/svg%3E");background-position:right 8px bottom 8px;background-repeat:no-repeat;border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:148px;overflow:auto;padding:var(--alto-sem-space-2xs);resize:vertical;width:-webkit-fill-available}._textAreaField_16b3i_1 textarea::-moz-placeholder{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-weight:var(--alto-sem-text-body-regular-font-weight)}._textAreaField_16b3i_1 textarea::placeholder{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-weight:var(--alto-sem-text-body-regular-font-weight)}._textAreaField_16b3i_1 textarea[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._textAreaField_16b3i_1 textarea[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textAreaField_16b3i_1 textarea[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textAreaField_16b3i_1 textarea[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textAreaField_16b3i_1 [react-aria-TextArea]{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding-bottom:var(--alto-sem-space-3xs)}._textAreaField_16b3i_1 label{color:var(--alto-sem-color-fg-primary);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._textAreaField_16b3i_1 label,._validationError_16b3i_79{display:flex;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-3xs);padding-bottom:var(--alto-sem-space-3xs)}._validationError_16b3i_79{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var (--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._textAreaField_16b3i_1 textarea{scrollbar-width:none;-ms-overflow-style:none}._textAreaField_16b3i_1 textarea::-webkit-scrollbar{width:0}._textAreaField_16b3i_1 textarea::-webkit-resizer{background:transparent;border:none}@-moz-document url-prefix(){._textAreaField_16b3i_1 textarea{background-image:none;border:1px solid var(--alto-sem-color-border-primary-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1r5hg_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_1r5hg_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_1r5hg_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._textField_1r5hg_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._textField_1r5hg_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_1r5hg_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textField_1r5hg_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textField_1r5hg_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textField_1r5hg_1 ._inputWrapper_1r5hg_51{align-items:center;display:flex;position:relative}._textField_1r5hg_1 ._iconEnd_1r5hg_58,._textField_1r5hg_1 ._iconStart_1r5hg_57{padding:var(--alto-sem-space-sm);position:absolute}._textField_1r5hg_1:has(._iconStart_1r5hg_57) input{padding-left:44px}._textField_1r5hg_1 ._iconEnd_1r5hg_58{right:0}._textField_1r5hg_1:has(._iconEnd_1r5hg_58) input{padding-right:44px}._textField_1r5hg_1 input:focus-visible,._textField_1r5hg_1 input[data-focus]{outline:none}._textField_1r5hg_1 input[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}
|
package/dist/assets/border.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._borderRadiusNone_1cnhy_1{border-radius:var(--alto-sem-radius-none)}._borderRadius6xs_1cnhy_5{border-radius:var(--alto-sem-radius-6xs)}._borderRadius5xs_1cnhy_9{border-radius:var(--alto-sem-radius-5xs)}._borderRadius4xs_1cnhy_13{border-radius:var(--alto-sem-radius-4xs)}._borderRadius3xs_1cnhy_17{border-radius:var(--alto-sem-radius-3xs)}._borderRadius2xs_1cnhy_21{border-radius:var(--alto-sem-radius-2xs)}._borderRadiusXs_1cnhy_25{border-radius:var(--alto-sem-radius-xs)}._borderRadiusSm_1cnhy_29{border-radius:var(--alto-sem-radius-sm)}._borderRadiusMd_1cnhy_33{border-radius:var(--alto-sem-radius-md)}._borderRadiusLg_1cnhy_37{border-radius:var(--alto-sem-radius-lg)}._borderRadiusXl_1cnhy_41{border-radius:var(--alto-sem-radius-xl)}._borderRadiusCircle_1cnhy_45{border-radius:var(--alto-sem-radius-circle)}._borderRadiusCard_1cnhy_49{border-radius:var(--alto-card-radius)}._borderWidthNone_1cnhy_53{border-width:var(--alto-sem-border-width-none)}._borderWidthXs_1cnhy_57{border-width:var(--alto-sem-border-width-xs)}._borderWidthSm_1cnhy_61{border-width:var(--alto-sem-border-width-sm)}._borderWidthMd_1cnhy_65{border-width:var(--alto-sem-border-width-md)}._borderWidthLg_1cnhy_69{border-width:var(--alto-sem-border-width-lg)}._borderWidthXl_1cnhy_73{border-width:var(--alto-sem-border-width-xl)}._borderStyleNone_1cnhy_77{border-style:none}._borderStyleSolid_1cnhy_81{border-style:solid}._borderStyleDashed_1cnhy_85{border-style:dashed}._borderColourNone_1cnhy_89{border-color:transparent}._borderColourSecondary_1cnhy_93{border-color:var(--alto-sem-color-border-secondary)}._borderColourTertiary_1cnhy_97{border-color:var(--alto-sem-color-border-tertiary)}._borderColourAccent_1cnhy_101{border-color:var(--alto-sem-color-border-accent)}._borderColourCaution_1cnhy_105{border-color:var(--alto-sem-color-border-caution)}._borderColourCritical_1cnhy_109{border-color:var(--alto-sem-color-border-critical)}._borderColourInformation_1cnhy_113{border-color:var(--alto-sem-color-border-information)}._borderColourInverse_1cnhy_117{border-color:var(--alto-sem-color-border-inverse)}._borderColourSuccess_1cnhy_121{border-color:var(--alto-sem-color-border-success)}._borderColourWarning_1cnhy_125{border-color:var(--alto-sem-color-border-warning)}._borderColourWhite_1cnhy_129{border-color:var(--alto-sem-color-border-white)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._field_1prhq_1{--field-letter-width:12px;--field-icon-width:44px;--field-horizontal-padding:2 * var(--alto-sem-space-sm)}@media screen and (max-width:768px){._field_1prhq_1{grid-column:span 12!important}}._columnsTwelve_1prhq_15{grid-column:span 12}._columnsNine_1prhq_19{grid-column:span 9}._columnsEight_1prhq_23{grid-column:span 8}._columnsSix_1prhq_27{grid-column:span 6}._columnsFour_1prhq_31{grid-column:span 4}._columnsThree_1prhq_35{grid-column:span 3}._maxWidthByCharsTwenty_1prhq_42{max-width:calc(var(--field-letter-width)*20 + var(--field-horizontal-padding))}._maxWidthByCharsTwentyWithIcon_1prhq_48{max-width:calc(var(--field-letter-width)*20 + var(--field-icon-width))}._maxWidthByCharsTwentyWithBothIcons_1prhq_52{max-width:calc(var(--field-letter-width)*20 + var(--field-icon-width)*2)}._maxWidthByCharsTen_1prhq_56{max-width:calc(var(--field-letter-width)*10 + var(--field-horizontal-padding))}._maxWidthByCharsTenWithIcon_1prhq_62{max-width:calc(var(--field-letter-width)*10 + var(--field-icon-width))}._maxWidthByCharsTenWithBothIcons_1prhq_66{max-width:calc(var(--field-letter-width)*10 + var(--field-icon-width)*2)}._maxWidthByCharsFive_1prhq_70{max-width:calc(var(--field-letter-width)*5 + var(--field-horizontal-padding))}._maxWidthByCharsFiveWithIcon_1prhq_76{max-width:calc(var(--field-letter-width)*5 + var(--field-icon-width))}._maxWidthByCharsFiveWithBothIcons_1prhq_80{max-width:calc(var(--field-letter-width)*5 + var(--field-icon-width)*2)}._maxWidthByCharsFour_1prhq_84{max-width:calc(var(--field-letter-width)*4 + var(--field-horizontal-padding))}._maxWidthByCharsFourWithIcon_1prhq_90{max-width:calc(var(--field-letter-width)*4 + var(--field-icon-width))}._maxWidthByCharsFourWithBothIcons_1prhq_94{max-width:calc(var(--field-letter-width)*4 + var(--field-icon-width)*2)}._maxWidthByCharsThree_1prhq_98{max-width:calc(var(--field-letter-width)*3 + var(--field-horizontal-padding))}._maxWidthByCharsThreeWithIcon_1prhq_104{max-width:calc(var(--field-letter-width)*3 + var(--field-icon-width))}._maxWidthByCharsThreeWithBothIcons_1prhq_108{max-width:calc(var(--field-letter-width)*3 + var(--field-icon-width)*2)}._maxWidthByCharsTwo_1prhq_112{max-width:calc(var(--field-letter-width)*2 + var(--field-horizontal-padding))}._maxWidthByCharsTwoWithIcon_1prhq_118{max-width:calc(var(--field-letter-width)*2 + var(--field-icon-width))}._maxWidthByCharsTwoWithBothIcons_1prhq_122{max-width:calc(var(--field-letter-width)*2 + var(--field-icon-width)*2)}._maxWidthByCharsOne_1prhq_126{max-width:calc(var(--field-letter-width)*1 + var(--field-horizontal-padding))}._maxWidthByCharsOneWithIcon_1prhq_132{max-width:calc(var(--field-letter-width)*1 + var(--field-icon-width))}._maxWidthByCharsOneWithBothIcons_1prhq_136{max-width:calc(var(--field-letter-width)*1 + var(--field-icon-width)*2)}
|
package/dist/assets/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:focus-visible{outline
|
|
1
|
+
:focus-visible{outline:none}a:focus-visible:not([data-focused]),button:focus-visible:not([data-focused]){outline:none}[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}
|
|
@@ -2,21 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/Accordion.css';const accordion = "
|
|
6
|
-
const accordionGroup = "
|
|
7
|
-
const accordionStack = "
|
|
8
|
-
const accordionHeader = "
|
|
9
|
-
const trigger = "
|
|
10
|
-
const buttonContent = "
|
|
11
|
-
const titleContainer = "
|
|
12
|
-
const titleWrapper = "
|
|
13
|
-
const endContainer = "
|
|
14
|
-
const titleStart = "
|
|
15
|
-
const titleEnd = "
|
|
16
|
-
const accordionTitle = "
|
|
17
|
-
const accordionDescription = "
|
|
18
|
-
const iconWrapper = "
|
|
19
|
-
const panelContent = "
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_df6dx_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_df6dx_14";
|
|
7
|
+
const accordionStack = "_accordionStack_df6dx_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_df6dx_26";
|
|
9
|
+
const trigger = "_trigger_df6dx_33";
|
|
10
|
+
const buttonContent = "_buttonContent_df6dx_42";
|
|
11
|
+
const titleContainer = "_titleContainer_df6dx_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_df6dx_57";
|
|
13
|
+
const endContainer = "_endContainer_df6dx_62";
|
|
14
|
+
const titleStart = "_titleStart_df6dx_68";
|
|
15
|
+
const titleEnd = "_titleEnd_df6dx_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_df6dx_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_df6dx_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_df6dx_96";
|
|
19
|
+
const panelContent = "_panelContent_df6dx_129";
|
|
20
20
|
const styles = {
|
|
21
21
|
accordion,
|
|
22
22
|
accordionGroup,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BadgeProps } from '../Badge/Badge';
|
|
3
|
-
|
|
3
|
+
type AviosBadgeKind = 'collect' | 'spend';
|
|
4
4
|
export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
|
|
5
5
|
/**
|
|
6
6
|
* The kind of Avios badge (collect or spend)
|
|
@@ -40,7 +40,7 @@ const AviosBadge = ({
|
|
|
40
40
|
};
|
|
41
41
|
const badgeSize = size === "lg" ? "md" : size;
|
|
42
42
|
return /* @__PURE__ */ jsxs(Badge, { variant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ""}`, ...props, children: [
|
|
43
|
-
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: "
|
|
43
|
+
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: kind === "collect" ? "onCollect" : "onSpend", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
|
|
44
44
|
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
45
45
|
/* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
|
|
46
46
|
children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type AviosCurrencySymbolKind = 'collect' | 'spend' | 'balance';
|
|
3
|
-
export type AviosCurrencySymbolStyleVariant = 'primary' | 'secondary' | 'white';
|
|
3
|
+
export type AviosCurrencySymbolStyleVariant = 'primary' | 'secondary' | 'white' | 'onSpend' | 'onCollect' | 'accentPrimary' | 'accentSecondary';
|
|
4
4
|
export interface AviosCurrencySymbolProps extends Omit<React.SVGProps<SVGSVGElement>, 'fill' | 'className' | 'style'> {
|
|
5
5
|
/**
|
|
6
6
|
* The style variant to use for the Avios currency symbol
|
|
@@ -2,16 +2,24 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
4
4
|
import '../../assets/AviosCurrencySymbol.css';const styles = {
|
|
5
|
-
"aviosCurrencySymbol-primary": "_aviosCurrencySymbol-
|
|
6
|
-
"aviosCurrencySymbol-secondary": "_aviosCurrencySymbol-
|
|
7
|
-
"aviosCurrencySymbol-white": "_aviosCurrencySymbol-
|
|
5
|
+
"aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_152jd_1",
|
|
6
|
+
"aviosCurrencySymbol-secondary": "_aviosCurrencySymbol-secondary_152jd_11",
|
|
7
|
+
"aviosCurrencySymbol-white": "_aviosCurrencySymbol-white_152jd_21",
|
|
8
|
+
"aviosCurrencySymbol-onSpend": "_aviosCurrencySymbol-onSpend_152jd_31",
|
|
9
|
+
"aviosCurrencySymbol-onCollect": "_aviosCurrencySymbol-onCollect_152jd_41",
|
|
10
|
+
"aviosCurrencySymbol-accentPrimary": "_aviosCurrencySymbol-accentPrimary_152jd_51",
|
|
11
|
+
"aviosCurrencySymbol-accentSecondary": "_aviosCurrencySymbol-accentSecondary_152jd_61"
|
|
8
12
|
};
|
|
9
13
|
const aviosCurrencySymbol = cva(styles.aviosCurrencySymbol, {
|
|
10
14
|
variants: {
|
|
11
15
|
styleVariant: {
|
|
12
16
|
primary: styles["aviosCurrencySymbol-primary"],
|
|
13
17
|
secondary: styles["aviosCurrencySymbol-secondary"],
|
|
14
|
-
white: styles["aviosCurrencySymbol-white"]
|
|
18
|
+
white: styles["aviosCurrencySymbol-white"],
|
|
19
|
+
onSpend: styles["aviosCurrencySymbol-onSpend"],
|
|
20
|
+
onCollect: styles["aviosCurrencySymbol-onCollect"],
|
|
21
|
+
accentPrimary: styles["aviosCurrencySymbol-accentPrimary"],
|
|
22
|
+
accentSecondary: styles["aviosCurrencySymbol-accentSecondary"]
|
|
15
23
|
}
|
|
16
24
|
},
|
|
17
25
|
defaultVariants: {
|
|
@@ -23,9 +31,9 @@ const AviosCurrencyKindPath = ({
|
|
|
23
31
|
}) => {
|
|
24
32
|
switch (kind) {
|
|
25
33
|
case "collect":
|
|
26
|
-
return /* @__PURE__ */ jsx("path", { d: "
|
|
34
|
+
return /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M7.562 11.188a.317.317 0 0 0 .317-.318V8.648h2.222a.317.317 0 0 0 .317-.317V7.06a.317.317 0 0 0-.317-.317H7.879V4.522a.317.317 0 0 0-.317-.318h-1.27a.317.317 0 0 0-.317.318v2.222H3.752a.317.317 0 0 0-.317.317v1.27c0 .175.142.317.317.317h2.223v2.222c0 .175.142.318.317.318z" });
|
|
27
35
|
case "spend":
|
|
28
|
-
return /* @__PURE__ */ jsx("path", {
|
|
36
|
+
return /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M9.288 4.914a.3.3 0 0 1 .056.005.27.27 0 0 1 .217.268v4.371a.273.273 0 0 1-.273.273H8.195a.273.273 0 0 1-.273-.273V7.712l-3.265 3.265a.273.273 0 0 1-.386 0l-.773-.773a.273.273 0 0 1 0-.386l3.265-3.265H4.917a.273.273 0 0 1-.274-.273V5.187c0-.151.123-.273.274-.273z" });
|
|
29
37
|
case "balance":
|
|
30
38
|
return null;
|
|
31
39
|
}
|
|
@@ -36,7 +44,7 @@ const DEFAULT_DIMENSIONS = {
|
|
|
36
44
|
};
|
|
37
45
|
const AviosCurrencySymbol = ({
|
|
38
46
|
kind = "collect",
|
|
39
|
-
styleVariant = "
|
|
47
|
+
styleVariant = "accentPrimary",
|
|
40
48
|
width,
|
|
41
49
|
height,
|
|
42
50
|
label,
|
|
@@ -65,10 +73,10 @@ const AviosCurrencySymbol = ({
|
|
|
65
73
|
return DEFAULT_DIMENSIONS;
|
|
66
74
|
}, [width, height]);
|
|
67
75
|
const screenReaderLabel = label || ariaLabel || `Avios ${kind} currency symbol`;
|
|
68
|
-
return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0
|
|
76
|
+
return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 15", className: aviosCurrencySymbol({
|
|
69
77
|
styleVariant
|
|
70
78
|
}), ...dimensions, ...props, "aria-label": screenReaderLabel, children: [
|
|
71
|
-
/* @__PURE__ */ jsx("path", {
|
|
79
|
+
/* @__PURE__ */ jsx("path", { fill: "#0032A0", d: "M14.512 5.968C14.025 5.127 9.659.865 4.364.526c-.923-.06-1.797.448-2.18 1.262-1.01 2.17-2.246 7.022-.459 11.442a2.06 2.06 0 0 0 1.94 1.312c.098 0 .191-.005.29-.016 6.043-.744 9.923-4.946 10.579-6.306.246-.514.508-1.3-.033-2.24z" }),
|
|
72
80
|
/* @__PURE__ */ jsx(AviosCurrencyKindPath, { kind })
|
|
73
81
|
] });
|
|
74
82
|
};
|