@alto-avios/alto-ui 3.0.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Accordion.css +1 -0
- package/dist/assets/AviosBadge.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -0
- package/dist/assets/CreditCardNumberField.css +1 -0
- package/dist/assets/DetailsDisclosure.css +1 -0
- package/dist/assets/Dialog.css +1 -0
- package/dist/assets/ErrorSummary.css +1 -0
- package/dist/assets/FieldHeader.css +1 -1
- package/dist/assets/FieldLabel.css +1 -1
- package/dist/assets/FieldsetHeader.css +1 -1
- package/dist/assets/Icon.css +1 -0
- package/dist/assets/IconBackdrop.css +1 -0
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/PasswordField.css +1 -0
- package/dist/assets/PhoneNumberField.css +1 -0
- package/dist/assets/Popover.css +1 -0
- package/dist/assets/SelectCard.css +1 -0
- package/dist/assets/SelectNative.css +1 -0
- package/dist/assets/Slider.css +1 -0
- package/dist/assets/Switch.css +1 -0
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/ToggleButton.css +1 -1
- package/dist/assets/ToggleIconButton.css +1 -1
- package/dist/assets/backgroundColor.css +1 -0
- package/dist/assets/flex.css +1 -1
- package/dist/assets/foregroundColor.css +1 -0
- package/dist/assets/position.css +1 -0
- package/dist/components/Accordion/Accordion.d.ts +35 -0
- package/dist/components/Accordion/Accordion.js +140 -0
- package/dist/components/Accordion/Accordion.js.map +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/index.js +5 -0
- package/dist/components/Accordion/index.js.map +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +34 -0
- package/dist/components/AviosBadge/AviosBadge.js +58 -0
- package/dist/components/AviosBadge/AviosBadge.js.map +1 -0
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosBadge/index.js +5 -0
- package/dist/components/AviosBadge/index.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +7 -2
- package/dist/components/Badge/Badge.js +2 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Box/Box.d.ts +9 -5
- package/dist/components/Box/Box.js +10 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Button/Button.js +31 -31
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +21 -0
- package/dist/components/CalloutBanner/CalloutBanner.js +96 -0
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -0
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CalloutBanner/index.js +5 -0
- package/dist/components/CalloutBanner/index.js.map +1 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +29 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +46 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -0
- package/dist/components/CreditCardNumberField/index.d.ts +1 -0
- package/dist/components/CreditCardNumberField/index.js +5 -0
- package/dist/components/CreditCardNumberField/index.js.map +1 -0
- package/dist/components/DateField/DateField.d.ts +22 -3
- package/dist/components/DateField/DateField.js +856 -2
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +33 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js +39 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js.map +1 -0
- package/dist/components/DetailsDisclosure/index.d.ts +2 -0
- package/dist/components/DetailsDisclosure/index.js +5 -0
- package/dist/components/DetailsDisclosure/index.js.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts +46 -0
- package/dist/components/Dialog/Dialog.js +117 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/Dialog/index.js +5 -0
- package/dist/components/Dialog/index.js.map +1 -0
- package/dist/components/ErrorSummary/ErrorSummary.d.ts +7 -0
- package/dist/components/ErrorSummary/ErrorSummary.js +44 -0
- package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -0
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/ErrorSummary/index.js +5 -0
- package/dist/components/ErrorSummary/index.js.map +1 -0
- package/dist/components/FieldError/FieldError.js +1 -1
- package/dist/components/FieldHeader/FieldHeader.js +6 -6
- package/dist/components/FieldLabel/FieldLabel.js +1 -1
- package/dist/components/FieldsetHeader/FieldsetHeader.js +3 -3
- package/dist/components/Heading/Heading.d.ts +25 -6
- package/dist/components/Heading/Heading.js +9 -4
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Icon/Icon.d.ts +31 -4
- package/dist/components/Icon/Icon.js +98 -5
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/IconBackdrop/IconBackdrop.d.ts +24 -0
- package/dist/components/IconBackdrop/IconBackdrop.js +34 -0
- package/dist/components/IconBackdrop/IconBackdrop.js.map +1 -0
- package/dist/components/IconBackdrop/index.d.ts +1 -0
- package/dist/components/IconBackdrop/index.js +5 -0
- package/dist/components/IconBackdrop/index.js.map +1 -0
- package/dist/components/IconButton/IconButton.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +28 -28
- package/dist/components/Image/Image.d.ts +3 -2
- package/dist/components/Image/Image.js +7 -2
- package/dist/components/Image/Image.js.map +1 -1
- package/dist/components/Link/Link.d.ts +3 -3
- package/dist/components/Link/Link.js +2 -2
- package/dist/components/Menu/Menu.d.ts +75 -0
- package/dist/components/Menu/Menu.js +356 -0
- package/dist/components/Menu/Menu.js.map +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menu/index.js +5 -0
- package/dist/components/Menu/index.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +9 -5
- package/dist/components/Paragraph/Paragraph.js +9 -4
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.d.ts +30 -0
- package/dist/components/PasswordField/PasswordField.js +104 -0
- package/dist/components/PasswordField/PasswordField.js.map +1 -0
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PasswordField/index.js +5 -0
- package/dist/components/PasswordField/index.js.map +1 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +53 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.js +96 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -0
- package/dist/components/PhoneNumberField/index.d.ts +3 -0
- package/dist/components/PhoneNumberField/index.js +7 -0
- package/dist/components/PhoneNumberField/index.js.map +1 -0
- package/dist/components/Popover/Popover.d.ts +48 -0
- package/dist/components/Popover/Popover.js +65 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Popover/index.js +5 -0
- package/dist/components/Popover/index.js.map +1 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +2 -1
- package/dist/components/Section/Section.js +7 -2
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/SelectCard/SelectCard.d.ts +51 -0
- package/dist/components/SelectCard/SelectCard.js +85 -0
- package/dist/components/SelectCard/SelectCard.js.map +1 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectCard/index.js +5 -0
- package/dist/components/SelectCard/index.js.map +1 -0
- package/dist/components/SelectNative/SelectNative.d.ts +56 -0
- package/dist/components/SelectNative/SelectNative.js +40 -0
- package/dist/components/SelectNative/SelectNative.js.map +1 -0
- package/dist/components/SelectNative/index.d.ts +1 -0
- package/dist/components/SelectNative/index.js +5 -0
- package/dist/components/SelectNative/index.js.map +1 -0
- package/dist/components/Slider/Slider.d.ts +33 -0
- package/dist/components/Slider/Slider.js +113 -0
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.js +5 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/SubHeading/SubHeading.d.ts +26 -5
- package/dist/components/SubHeading/SubHeading.js +9 -4
- package/dist/components/SubHeading/SubHeading.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +7 -0
- package/dist/components/Switch/Switch.js +18 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Switch/index.js +5 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Tag/Tag.js +4 -4
- package/dist/components/ToggleButton/ToggleButton.js +6 -6
- package/dist/components/ToggleIconButton/ToggleIconButton.js +6 -6
- package/dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/Tooltip/Tooltip.js +2 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/_base/Field/Field.d.ts +2 -2
- package/dist/components/_base/Field/Field.js +2 -5
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +16 -0
- package/dist/components/index.js +45 -14
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +45 -14
- package/dist/index.js.map +1 -1
- package/dist/react-number-format.es-DMLgWFZX.js +760 -0
- package/dist/react-number-format.es-DMLgWFZX.js.map +1 -0
- package/dist/utils/backgroundColor/backgroundColor.d.ts +8 -0
- package/dist/utils/backgroundColor/backgroundColor.js +102 -0
- package/dist/utils/backgroundColor/backgroundColor.js.map +1 -0
- package/dist/utils/border/border.d.ts +3 -3
- package/dist/utils/creditCard/creditCard.d.ts +7 -0
- package/dist/utils/creditCard/creditCard.js +25 -0
- package/dist/utils/creditCard/creditCard.js.map +1 -0
- package/dist/utils/flex/flex.d.ts +11 -6
- package/dist/utils/flex/flex.js +390 -46
- package/dist/utils/flex/flex.js.map +1 -1
- package/dist/utils/flex/flex.test.d.ts +1 -0
- package/dist/utils/focus/focusStyles.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.d.ts +8 -0
- package/dist/utils/foregroundColour/foregroundColor.js +125 -0
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -0
- package/dist/utils/padding/padding.d.ts +7 -7
- package/dist/utils/phoneNumber/phoneNumber.d.ts +24 -0
- package/dist/utils/phoneNumber/phoneNumber.js +566 -0
- package/dist/utils/phoneNumber/phoneNumber.js.map +1 -0
- package/dist/utils/position/position.d.ts +8 -0
- package/dist/utils/position/position.js +57 -0
- package/dist/utils/position/position.js.map +1 -0
- package/dist/utils/position/position.test.d.ts +1 -0
- package/dist/utils/stories/iconPropsArgTypes.js +49 -13
- package/dist/utils/stories/iconPropsArgTypes.js.map +1 -1
- package/package.json +2 -1
- package/dist/assets/backgroundColour.css +0 -1
- package/dist/assets/fgColor.css +0 -1
- package/dist/utils/backgroundColour/backgroundColour.d.ts +0 -8
- package/dist/utils/backgroundColour/backgroundColour.js +0 -102
- package/dist/utils/backgroundColour/backgroundColour.js.map +0 -1
- package/dist/utils/fgColour/fgColor.d.ts +0 -5
- package/dist/utils/fgColour/fgColor.js +0 -84
- package/dist/utils/fgColour/fgColor.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._accordion_1x2oh_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_1x2oh_14,._accordionStack_1x2oh_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1x2oh_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1x2oh_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_1x2oh_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1x2oh_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1x2oh_57{display:flex;flex-direction:column}._endContainer_1x2oh_62{gap:var(--alto-sem-space-sm)}._endContainer_1x2oh_62,._titleEnd_1x2oh_69,._titleStart_1x2oh_68{align-items:center;display:flex}._accordionTitle_1x2oh_74{color:var(--alto-sem-color-fg-primary);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_1x2oh_87,._accordionTitle_1x2oh_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1x2oh_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_1x2oh_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)}[data-expanded=true] ._iconWrapper_1x2oh_96{transform:rotate(180deg)}[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}[data-expanded=true] [role=group],[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_1x2oh_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}[data-expanded=true] ._trigger_1x2oh_33,[data-expanded=true]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-layer1-default)}._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._trigger_1x2oh_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._trigger_1x2oh_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}[data-expanded=true] ._trigger_1x2oh_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}._trigger_1x2oh_33[data-focused]{outline:none}._trigger_1x2oh_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);cursor:not-allowed}._trigger_1x2oh_33[data-disabled],._trigger_1x2oh_33[data-disabled] ._accordionDescription_1x2oh_87,._trigger_1x2oh_33[data-disabled] ._accordionTitle_1x2oh_74,._trigger_1x2oh_33[data-disabled] ._iconWrapper_1x2oh_96{color:var(--alto-sem-color-fg-disabled-on-subtle)}[data-disabled]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._aviosBadge_a9p4a_1{align-items:center;border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:inline-flex;gap:var(--alto-sem-space-5xs);height:28px;line-height:var(--alto-sem-text-label-md-line-height);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-xs)}._aviosBadge_a9p4a_1,._collect_a9p4a_13{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._collect_a9p4a_13{background-color:var(--alto-sem-color-bg-collect-vibrant-default)}._spend_a9p4a_18{background-color:var(--alto-sem-color-bg-spend-vibrant-default);color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._content_a9p4a_23{align-items:center;display:inline-flex;gap:var(--alto-sem-space-5xs);padding-right:var(--alto-sem-space-5xs)}._label_a9p4a_31,._points_a9p4a_30{font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight)}._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-xs-font-size);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_a9p4a_43{height:22px;padding:var(--alto-sem-space-5xs) var(--alto-sem-space-2xs)}._lg_a9p4a_48{height:32px}._sm_a9p4a_43 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-sm-font-size);line-height:var(--alto-sem-text-label-sm-line-height)}._sm_a9p4a_43 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-label-2xs-font-size)}._lg_a9p4a_48 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-lg-font-size);line-height:var(--alto-sem-text-label-lg-line-height)}._lg_a9p4a_48 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-sm-font-size)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1pjm3_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-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_1pjm3_1,._button_1pjm3_1 ._content_1pjm3_22{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1pjm3_31 ._loadingSpinner_1pjm3_31{opacity:0;position:absolute}._isNotLoading_1pjm3_31 ._content_1pjm3_22{opacity:1}._isLoading_1pjm3_40 ._loadingSpinner_1pjm3_31{opacity:1;position:absolute}._isLoading_1pjm3_40 ._content_1pjm3_22{opacity:0}._focusWhite_1pjm3_52[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1pjm3_59{min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1pjm3_64{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1pjm3_69{height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1pjm3_74{width:100%}._textAlignLeft_1pjm3_81{text-align:left}._textAlignCenter_1pjm3_85{text-align:center}._textAlignRight_1pjm3_89{text-align:right}._accentPrimary_1pjm3_97[data-focused],._accentPrimary_1pjm3_97[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1pjm3_97[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1pjm3_97[data-pressed][data-focused]{outline:none}._accentPrimary_1pjm3_97:disabled,._accentPrimary_1pjm3_97[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1pjm3_117{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_1pjm3_117[data-focused],._accentSecondary_1pjm3_117[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1pjm3_117[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1pjm3_117[data-pressed][data-focused]{outline:none}._accentSecondary_1pjm3_117:disabled,._accentSecondary_1pjm3_117[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_1pjm3_147{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1pjm3_147[data-focused],._accentTertiary_1pjm3_147[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1pjm3_147[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1pjm3_147[data-pressed][data-focused]{outline:none}._accentTertiary_1pjm3_147:disabled,._accentTertiary_1pjm3_147[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_1pjm3_173{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1pjm3_173[data-focused],._accentQuaternary_1pjm3_173[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1pjm3_173[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1pjm3_173[data-pressed][data-focused]{outline:none}._accentQuaternary_1pjm3_173:disabled,._accentQuaternary_1pjm3_173[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1pjm3_199{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1pjm3_199[data-focused],._criticalPrimary_1pjm3_199[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1pjm3_199[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1pjm3_199[data-pressed][data-focused]{outline:none}._criticalPrimary_1pjm3_199:disabled,._criticalPrimary_1pjm3_199[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1pjm3_224{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_1pjm3_224[data-focused],._criticalSecondary_1pjm3_224[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1pjm3_224[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1pjm3_224[data-pressed][data-focused]{outline:none}._criticalSecondary_1pjm3_224:disabled,._criticalSecondary_1pjm3_224[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_1pjm3_254{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1pjm3_254[data-focused],._criticalTertiary_1pjm3_254[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1pjm3_254[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1pjm3_254[data-pressed][data-focused]{outline:none}._criticalTertiary_1pjm3_254:disabled,._criticalTertiary_1pjm3_254[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_1pjm3_280{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1pjm3_280[data-focused],._criticalQuaternary_1pjm3_280[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1pjm3_280[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1pjm3_280[data-pressed][data-focused]{outline:none}._criticalQuaternary_1pjm3_280:disabled,._criticalQuaternary_1pjm3_280[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1pjm3_307{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1pjm3_307[data-focused],._neutralPrimary_1pjm3_307[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1pjm3_307[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1pjm3_307[data-pressed][data-focused]{outline:none}._neutralPrimary_1pjm3_307:disabled,._neutralPrimary_1pjm3_307[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1pjm3_332{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_1pjm3_332[data-focused],._neutralSecondary_1pjm3_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1pjm3_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1pjm3_332[data-pressed][data-focused]{outline:none}._neutralSecondary_1pjm3_332:disabled,._neutralSecondary_1pjm3_332[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_1pjm3_361{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1pjm3_361[data-focused],._neutralTertiary_1pjm3_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1pjm3_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1pjm3_361[data-pressed][data-focused]{outline:none}._neutralTertiary_1pjm3_361:disabled,._neutralTertiary_1pjm3_361[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_1pjm3_387{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1pjm3_387[data-focused],._neutralQuaternary_1pjm3_387[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1pjm3_387[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1pjm3_387[data-pressed][data-focused]{outline:none}._neutralQuaternary_1pjm3_387:disabled,._neutralQuaternary_1pjm3_387[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1pjm3_414{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1pjm3_414[data-focused],._whitePrimary_1pjm3_414[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1pjm3_414[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1pjm3_414[data-pressed][data-focused]{outline:none}._whitePrimary_1pjm3_414:disabled,._whitePrimary_1pjm3_414[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1pjm3_440{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_1pjm3_440[data-focused],._whiteSecondary_1pjm3_440[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1pjm3_440[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1pjm3_440[data-pressed][data-focused]{outline:none}._whiteSecondary_1pjm3_440[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1pjm3_440:disabled,._whiteSecondary_1pjm3_440[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_1pjm3_473{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1pjm3_473[data-focused],._whiteTertiary_1pjm3_473[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1pjm3_473[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1pjm3_473[data-pressed][data-focused]{outline:none}._whiteTertiary_1pjm3_473[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1pjm3_473:disabled,._whiteTertiary_1pjm3_473[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1pjm3_503{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1pjm3_503[data-focused],._whiteQuaternary_1pjm3_503[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1pjm3_503[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1pjm3_503[data-pressed][data-focused]{outline:none}._whiteQuaternary_1pjm3_503[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1pjm3_503:disabled,._whiteQuaternary_1pjm3_503[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1pjm3_535{height:1rem;width:1rem}._icon-wrapper_1pjm3_540{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_etsb3_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_etsb3_1,._button_etsb3_1 ._content_etsb3_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_etsb3_28 ._loadingSpinner_etsb3_28{opacity:0;position:absolute}._isNotLoading_etsb3_28 ._content_etsb3_19{opacity:1}._isLoading_etsb3_37 ._loadingSpinner_etsb3_28{opacity:1;position:absolute}._isLoading_etsb3_37 ._content_etsb3_19{opacity:0}._focusWhite_etsb3_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_etsb3_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_etsb3_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_etsb3_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)}._fullWidth_etsb3_80{width:100%}._textAlignLeft_etsb3_87{text-align:left}._textAlignCenter_etsb3_91{text-align:center}._textAlignRight_etsb3_95{text-align:right}._accentPrimary_etsb3_103[data-focused],._accentPrimary_etsb3_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_etsb3_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_etsb3_103[data-pressed][data-focused]{outline:none}._accentPrimary_etsb3_103:disabled,._accentPrimary_etsb3_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_etsb3_123{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_etsb3_123[data-focused],._accentSecondary_etsb3_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_etsb3_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_etsb3_123[data-pressed][data-focused]{outline:none}._accentSecondary_etsb3_123:disabled,._accentSecondary_etsb3_123[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_etsb3_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_etsb3_153[data-focused],._accentTertiary_etsb3_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_etsb3_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_etsb3_153[data-pressed][data-focused]{outline:none}._accentTertiary_etsb3_153:disabled,._accentTertiary_etsb3_153[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_etsb3_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_etsb3_179[data-focused],._accentQuaternary_etsb3_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_etsb3_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_etsb3_179[data-pressed][data-focused]{outline:none}._accentQuaternary_etsb3_179:disabled,._accentQuaternary_etsb3_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_etsb3_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_etsb3_205[data-focused],._criticalPrimary_etsb3_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_etsb3_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_etsb3_205[data-pressed][data-focused]{outline:none}._criticalPrimary_etsb3_205:disabled,._criticalPrimary_etsb3_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_etsb3_230{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_etsb3_230[data-focused],._criticalSecondary_etsb3_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_etsb3_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_etsb3_230[data-pressed][data-focused]{outline:none}._criticalSecondary_etsb3_230:disabled,._criticalSecondary_etsb3_230[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_etsb3_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_etsb3_260[data-focused],._criticalTertiary_etsb3_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_etsb3_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_etsb3_260[data-pressed][data-focused]{outline:none}._criticalTertiary_etsb3_260:disabled,._criticalTertiary_etsb3_260[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_etsb3_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_etsb3_286[data-focused],._criticalQuaternary_etsb3_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_etsb3_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_etsb3_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_etsb3_286:disabled,._criticalQuaternary_etsb3_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_etsb3_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_etsb3_313[data-focused],._neutralPrimary_etsb3_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_etsb3_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_etsb3_313[data-pressed][data-focused]{outline:none}._neutralPrimary_etsb3_313:disabled,._neutralPrimary_etsb3_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_etsb3_338{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_etsb3_338[data-focused],._neutralSecondary_etsb3_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_etsb3_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_etsb3_338[data-pressed][data-focused]{outline:none}._neutralSecondary_etsb3_338:disabled,._neutralSecondary_etsb3_338[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_etsb3_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_etsb3_367[data-focused],._neutralTertiary_etsb3_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_etsb3_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_etsb3_367[data-pressed][data-focused]{outline:none}._neutralTertiary_etsb3_367:disabled,._neutralTertiary_etsb3_367[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_etsb3_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_etsb3_393[data-focused],._neutralQuaternary_etsb3_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_etsb3_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_etsb3_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_etsb3_393:disabled,._neutralQuaternary_etsb3_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_etsb3_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_etsb3_420[data-focused],._whitePrimary_etsb3_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_etsb3_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_etsb3_420[data-pressed][data-focused]{outline:none}._whitePrimary_etsb3_420:disabled,._whitePrimary_etsb3_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_etsb3_446{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_etsb3_446[data-focused],._whiteSecondary_etsb3_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_etsb3_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_etsb3_446[data-pressed][data-focused]{outline:none}._whiteSecondary_etsb3_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_etsb3_446:disabled,._whiteSecondary_etsb3_446[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_etsb3_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_etsb3_479[data-focused],._whiteTertiary_etsb3_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_etsb3_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_etsb3_479[data-pressed][data-focused]{outline:none}._whiteTertiary_etsb3_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_etsb3_479:disabled,._whiteTertiary_etsb3_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_etsb3_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_etsb3_509[data-focused],._whiteQuaternary_etsb3_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_etsb3_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_etsb3_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_etsb3_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_etsb3_509:disabled,._whiteQuaternary_etsb3_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_etsb3_541{height:1rem;width:1rem}._icon-wrapper_etsb3_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._calloutBanner_1o7bw_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_1o7bw_11{align-self:flex-start}._calloutBanner__start_1o7bw_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_1o7bw_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_1o7bw_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_1o7bw_41{font-weight:600}._calloutBanner__meta-description_1o7bw_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_1o7bw_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_1o7bw_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_1o7bw_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_1o7bw_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_1o7bw_70._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_1o7bw_66:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_1o7bw_89{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_1o7bw_70._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-success);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_1o7bw_89:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_1o7bw_112{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_1o7bw_70._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-information);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_1o7bw_112:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_1o7bw_135{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_1o7bw_70._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-layer1-default);border-bottom:1px solid var(--alto-sem-color-border-secondary);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_1o7bw_135:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_1o7bw_80{border-color:transparent}._calloutBanner-tertiary_1o7bw_80 ._calloutBanner__end_1o7bw_58{border-radius:var(--alto-card-radius)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._creditCardNumberField_1d9o2_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_1d9o2_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_1d9o2_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_1d9o2_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_1d9o2_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_1d9o2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_1d9o2_1 ._inputWrapper_1d9o2_45{align-items:center;display:flex;position:relative}._creditCardNumberField_1d9o2_1 ._iconEnd_1d9o2_51{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_1d9o2_1:has(._iconEnd_1d9o2_51) input{padding-right:44px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._detailsDisclosure_9jcud_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosureIcon_9jcud_8{rotate:0deg;transition:rotate .2s}._detailsDisclosure_9jcud_1[data-expanded] ._detailsDisclosureIcon_9jcud_8{rotate:90deg}._detailsDisclosure_9jcud_1 button[slot=trigger]{all:unset;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-accent-primary);cursor:pointer;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-xs)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-focus-visible]{color:var(--alto-sem-color-fg-accent-secondary);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-hovered],._detailsDisclosure_9jcud_1 button[slot=trigger][data-pressed]{color:var(--alto-sem-color-fg-accent-secondary)}._detailsDisclosureDetails_9jcud_40{padding-left:20px;position:relative}._detailsDisclosureDetails_9jcud_40:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:0;margin-left:3px;position:absolute;top:0;width:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._dialogWrapper_o29gm_1{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:2}._overlay_o29gm_10{background-color:var(--alto-sem-color-overlay-scrim);top:0;right:0;bottom:0;left:0;position:fixed}._dialog_o29gm_1{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius);box-shadow:0 25px 50px -12px #00000040;margin:var(--alto-sem-space-md);max-height:calc(100vh - var(--alto-sem-space-xl)*2);outline:none;overflow-y:auto;padding:var(--alto-sem-space-lg);position:relative;width:calc(100% - var(--alto-sem-space-md)*2)}@media (min-width:640px){._dialog_o29gm_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}}@media (min-width:1024px){._dialog_o29gm_1{margin:var(--alto-sem-space-2xl);max-height:calc(100vh - var(--alto-sem-space-2xl)*2);padding:var(--alto-sem-space-2xl);width:calc(100% - var(--alto-sem-space-2xl)*2)}}._dialogContent_o29gm_47{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_o29gm_54{margin:0}._dialogContentInner_o29gm_58{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_o29gm_64 ._dialogContentInner_o29gm_58{padding-top:0}._closeButton_o29gm_68{align-items:center;background:none;border:none;border-radius:var(--alto-sem-border-radius-sm);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;justify-content:center;outline:2px solid transparent;outline-offset:2px;position:absolute;right:var(--alto-sem-space-sm);top:var(--alto-sem-space-sm);transition:outline-color .2s ease}._closeButton_o29gm_68:focus,._closeButton_o29gm_68:hover{background-color:var(--alto-sem-color-bg-hover)}._closeButton_o29gm_68:focus{outline-color:var(--alto-sem-color-focus-ring)}._dialogSmall_o29gm_94{max-width:25.625rem}._dialogMedium_o29gm_98{max-width:39.25rem}._dialogLarge_o29gm_102{max-width:52.875rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._errorSummary-list_yt1ru_1 a{display:block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-fontSize);font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-lineHeight);margin:0;margin-bottom:var(--alto-sem-space-sm);padding:0;text-align:left;text-decoration:underline}._errorSummary-list_yt1ru_1 a,._errorSummary-list_yt1ru_1 a:focus,._errorSummary-list_yt1ru_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_yt1ru_24{margin-bottom:var(--alto-sem-space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldHeader_jjofg_1{color:var(--alto-sem-color-fg-primary);flex-direction:column;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-5xs);margin-bottom:var(--alto-sem-space-2xs);text-align:left}._fieldHeader_jjofg_1,._label-container_jjofg_13{display:flex;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight)}._label-container_jjofg_13{align-items:center;color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);gap:8px;justify-content:space-between;line-height:var(--alto-sem-text-body-sm-line-height)}._fieldHeader_jjofg_1 label{display:flex;flex-wrap:wrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldLabel_vou7c_1{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-3xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);text-align:left}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldsetHeader_6pt1c_1{align-items:flex-start;display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs)}._fieldsetHeader_6pt1c_1 legend{padding-inline:0}._fieldsetHeader-description_6pt1c_12{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);line-height:var(--alto-sem-text-body-md-line-height)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._icon-wrapper_h11q1_1{align-items:center;display:inline-flex;justify-content:center}._iconSize0_5x_h11q1_8{font-size:.5rem}._iconSize0_75x_h11q1_12{font-size:.75rem}._iconSize1_25x_h11q1_16{font-size:1.25rem}._iconSize1_5x_h11q1_20{font-size:1.5rem}._iconSize2_5x_h11q1_24{font-size:2.5rem}._iconSize0_5x_h11q1_8 svg{height:.5rem;width:.5rem!important}._iconSize0_75x_h11q1_12 svg{height:.75rem;width:.75rem!important}._iconSize1x_h11q1_39 svg{height:1rem;width:1rem!important}._iconSize1_25x_h11q1_16 svg{height:1.25rem;width:1.25rem!important}._iconSize1_5x_h11q1_20 svg{height:1.5rem;width:1.5rem!important}._iconSize2x_h11q1_54 svg{height:2rem;width:2rem!important}._iconSize2_5x_h11q1_24 svg{height:2.5rem;width:2.5rem!important}._iconSize3x_h11q1_64 svg{height:3rem;width:3rem!important}._iconSize4x_h11q1_69 svg{height:4rem;width:4rem!important}._iconSize5x_h11q1_74 svg{height:5rem;width:5rem!important}._iconSize6x_h11q1_79 svg{height:6rem;width:6rem!important}._iconSize7x_h11q1_84 svg{height:7rem;width:7rem!important}._iconSize8x_h11q1_89 svg{height:8rem;width:8rem!important}._iconSize9x_h11q1_94 svg{height:9rem;width:9rem!important}._iconSize10x_h11q1_99 svg{height:10rem;width:10rem!important}._icon_h11q1_1._fixedWidth_h11q1_105{padding:0 .125em}._icon_h11q1_1._square_h11q1_109{padding:.125em}._icon_h11q1_1._roomy_h11q1_113{padding:.25em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._iconBackdrop_1e7m2_1{align-items:center;display:flex;justify-content:center}._squircle_1e7m2_7 svg{border-radius:.375em}._circle_1e7m2_11 svg{border-radius:50%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._iconButton_by3pb_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:0}._sm_by3pb_24{font-size:16px;height:36px;width:36px}._md_by3pb_30{font-size:16px;height:48px;width:48px}._lg_by3pb_36{font-size:20px;height:55px;width:55px}._accentPrimary_by3pb_46[data-focused],._accentPrimary_by3pb_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_by3pb_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_by3pb_46[data-pressed][data-focused]{outline:none}._accentPrimary_by3pb_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_by3pb_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_by3pb_69[data-focused],._accentSecondary_by3pb_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_by3pb_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_by3pb_69[data-pressed][data-focused]{outline:none}._accentSecondary_by3pb_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_by3pb_98{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_by3pb_98[data-focused],._accentTertiary_by3pb_98[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_by3pb_98[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_by3pb_98[data-pressed][data-focused]{outline:none}._accentTertiary_by3pb_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_by3pb_127{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_by3pb_127[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_by3pb_127[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_by3pb_127[data-pressed][data-focused]{outline:none}._accentQuaternary_by3pb_127[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_by3pb_151{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_by3pb_151[data-focused],._criticalPrimary_by3pb_151[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_by3pb_151[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_by3pb_151[data-pressed][data-focused]{outline:none}._criticalPrimary_by3pb_151[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_by3pb_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_by3pb_175[data-focused],._criticalSecondary_by3pb_175[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_by3pb_175[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_by3pb_175[data-pressed][data-focused]{outline:none}._criticalSecondary_by3pb_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_by3pb_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_by3pb_204[data-focused],._criticalTertiary_by3pb_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_by3pb_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_by3pb_204[data-pressed][data-focused]{outline:none}._criticalTertiary_by3pb_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_by3pb_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_by3pb_229[data-focused],._criticalQuaternary_by3pb_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_by3pb_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_by3pb_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_by3pb_229[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_by3pb_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_by3pb_254[data-focused],._neutralPrimary_by3pb_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_by3pb_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_by3pb_254[data-pressed][data-focused]{outline:none}._neutralPrimary_by3pb_254[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_by3pb_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_by3pb_278[data-focused],._neutralSecondary_by3pb_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_by3pb_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_by3pb_278[data-pressed][data-focused]{outline:none}._neutralSecondary_by3pb_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_by3pb_305{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_by3pb_305[data-focused],._neutralTertiary_by3pb_305[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_by3pb_305[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_by3pb_305[data-pressed][data-focused]{outline:none}._neutralTertiary_by3pb_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_by3pb_330{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_by3pb_330[data-focused],._neutralQuaternary_by3pb_330[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_by3pb_330[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_by3pb_330[data-pressed][data-focused]{outline:none}._neutralQuaternary_by3pb_330[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_by3pb_356{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_by3pb_356[data-focused],._whitePrimary_by3pb_356[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_by3pb_356[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_by3pb_356[data-pressed][data-focused]{outline:none}._whitePrimary_by3pb_356[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_by3pb_356[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_by3pb_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_by3pb_385[data-focused],._whiteSecondary_by3pb_385[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_by3pb_385[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_by3pb_385[data-pressed][data-focused]{outline:none}._whiteSecondary_by3pb_385[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_by3pb_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_by3pb_416{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_by3pb_416[data-focused],._whiteTertiary_by3pb_416[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_by3pb_416[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_by3pb_416[data-pressed][data-focused]{outline:none}._whiteTertiary_by3pb_416[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_by3pb_416[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_by3pb_445{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_by3pb_445[data-focused],._whiteQuaternary_by3pb_445[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_by3pb_445[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_by3pb_445[data-pressed][data-focused]{outline:none}._whiteQuaternary_by3pb_445[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_by3pb_445[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_by3pb_476{height:1rem;width:1rem}._icon-wrapper_by3pb_481{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menuContainer_qw7ps_1{display:inline-block;position:relative}._menuContent_qw7ps_6{border-radius:var(--alto-card-radius);max-width:max(300px,90vw);min-width:200px;overflow:hidden;width:-moz-max-content;width:max-content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._passwordField_esslh_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%}._passwordField__strength_esslh_10{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_esslh_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_esslh_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_esslh_1>[role=group][data-focus-within]: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_esslh_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_esslh_1>[role=group]:has(input[data-hovered]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._passwordField_esslh_1>[role=group]:has(input[data-pressed]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._passwordField_esslh_1>[role=group]:has(input[data-invalid]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._passwordField_esslh_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._passwordField_esslh_1 input{border:none;height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._passwordField_esslh_1 input[data-focused]{outline:none}._passwordStrengthItem_esslh_88{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_esslh_98{color:var(--alto-sem-color-fg-success-primary)}._passwordStrengthItemNeutral_esslh_102{color:var(--alto-sem-color-fg-secondary)}._passwordStrengthItemInvalid_esslh_106{color:var(--alto-sem-color-fg-critical-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._phoneNumberField_1udln_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%}input::-moz-placeholder{font-weight:700;opacity:.5}input::placeholder{font-weight:700;opacity:.5}._phoneNumberField_1udln_1:focus-within:not(:has(select:focus-within)){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_1udln_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(input[data-hovered]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_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_1udln_1:has(input[data-disabled]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1udln_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1udln_1:has(input[data-disabled]) ._selectHandlerIcon_1udln_65{opacity:0}._phoneNumberField_1udln_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1udln_1:has(input[data-invalid]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1udln_77{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_1udln_77: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_1udln_34{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_1udln_65{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1udln_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_1udln_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%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._popoverWrapper_qrzbw_1{max-width:410px;position:absolute}._popover_qrzbw_1{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius,12px);box-shadow:0 4px 6px -1px var(--alto-sem-color-overlay-state-darken-active),0 2px 4px -2px var(--alto-sem-color-overlay-state-darken-active);position:relative}._arrow_qrzbw_16{background:url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_15337_1997" fill="white"><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z"/></mask><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z" fill="%23FEFEFE"/><path d="M8.51472 0.814707L9.22182 0.107601L8.51472 -0.599506L7.80761 0.107601L8.51472 0.814707ZM0.736542 10.0071L9.22182 1.52181L7.80761 0.107601L-0.677672 8.59288L0.736542 10.0071ZM7.80761 1.52181L16.2929 10.0071L17.7071 8.59288L9.22182 0.107601L7.80761 1.52181Z" fill="%239593A0" fill-opacity="0.25" mask="url(%23path-1-inside-1_15337_1997)"/></svg>') 50% no-repeat;height:16px;position:absolute;width:16px}._arrow_qrzbw_16[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_qrzbw_16[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_qrzbw_16[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_qrzbw_16[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._select-card_dir9q_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_dir9q_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_dir9q_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_dir9q_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_dir9q_30{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card_dir9q_1[data-disabled] ._select-card__start-slot_dir9q_38{opacity:.5}._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_dir9q_1[data-disabled] ._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_dir9q_43{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_dir9q_67{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_dir9q_1[data-disabled] ._select-card__end-slot_dir9q_67{opacity:.5}._select-card__body_dir9q_79{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__body_dir9q_79{opacity:.5}._select-card_dir9q_1:not([data-selected]) ._select-card__details_dir9q_90{display:none}._select-card_dir9q_1[data-selected] ._select-card__details_dir9q_90{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__details_dir9q_90{display:none}._select-card__checkbox_dir9q_104 ._checkboxSvgWrapper_dir9q_104{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_dir9q_1 ._svg_dir9q_118{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._select-card__checkbox_dir9q_104[data-selected] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_dir9q_104[data-selected][data-hovered] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_dir9q_104[data-selected][data-pressed] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_dir9q_104[data-selected] ._svg_dir9q_118{stroke-dashoffset:44}._select-card__checkbox_dir9q_104[data-hovered] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_dir9q_104[data-pressed] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_dir9q_104[data-focus-visible] ._checkboxSvgWrapper_dir9q_104{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)}._select-card_dir9q_1[data-disabled] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_dir9q_1[data-disabled][data-selected] ._checkboxSvgWrapper_dir9q_104{border-color:transparent}._select-card_dir9q_1[data-disabled] ._svg_dir9q_118{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_dir9q_183 ._select-card__header_dir9q_30: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;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_dir9q_183[data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_dir9q_183[data-focus-visible] ._select-card__header_dir9q_30:before{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);transition:none}._select-card__radio_dir9q_183[data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_dir9q_183[data-selected] ._select-card__header_dir9q_30: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)}._select-card__radio_dir9q_183[data-selected][data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-selected][data-focus-visible] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-invalid] ._select-card__header_dir9q_30: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)}._select-card__radio_dir9q_183[data-invalid][data-hovered] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focus-visible] ._select-card__header_dir9q_30:before,._select-card__radio_dir9q_183[data-invalid][data-pressed] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_dir9q_183[data-disabled] ._select-card__header_dir9q_30: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)}._select-card__radio_dir9q_183[data-disabled][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._select_2fygw_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%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;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);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color: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);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fieldHeaderWrapper_12sym_1{position:relative}._output_12sym_5{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);line-height:var(--alto-sem-text-body-sm-line-height);position:absolute;right:0;top:0}._sliderContainer_12sym_14{align-items:center;display:flex;height:24px;position:relative}._track_12sym_21{background-color:var(--alto-sem-color-border-secondary);border-radius:3px;height:6px;overflow:visible;position:relative;width:100%}._fill_12sym_30{background-color:var(--alto-sem-color-border-accent);border-radius:3px;height:100%;position:absolute}._thumbContainer_12sym_37{position:absolute;top:50%;transform:translate(-50%)}._thumb_12sym_37{background-color:var(--alto-sem-color-fg-accent-on-vibrant);border:2px solid var(--alto-sem-color-border-accent);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;cursor:pointer;height:20px;position:relative;touch-action:none;transform:translateY(-50%);transition:transform .2s,border-width .2s;width:20px}._thumb_12sym_37:active,._thumb_12sym_37:hover,._thumb_12sym_37[data-dragging]{transform:translateY(-50%) scale(1.1)}._thumb_12sym_37[data-dragging]{border-width:var(--alto-sem-space-4xs)}._thumb_12sym_37[data-focus-visible]:not([data-dragging]){border-width:var(--alto-sem-space-4xs);box-shadow:0 0 0 2px var(--alto-sem-color-border-white);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);transition:none}._slider_12sym_14[data-disabled]{cursor:not-allowed;opacity:.5}._slider_12sym_14[data-disabled] ._track_12sym_21{background-color:var(--alto-sem-color-border-disabled-subtle)}._slider_12sym_14[data-disabled] ._fill_12sym_30{background-color:var(--alto-sem-color-border-disabled-vibrant)}._slider_12sym_14[data-disabled] ._thumb_12sym_37{background:linear-gradient(0deg,var(--alto-sem-color-bg-disabled-vibrant,rgba(10,10,12,.32)) 0,var(--alto-sem-color-bg-disabled-vibrant,rgba(10,10,12,.32)) 100%),var(--alto-sem-color-bg-base);border-color:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._switch_1mhci_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-md-font-size);forced-color-adjust:none;gap:var(--alto-sem-space-sm);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);--alto-switch-width:52px;--alto-switch-height:32px;--alto-switch-indicator-default-size:16px;--alto-switch-indicator-pressed-size:24px}._switch_1mhci_1 ._indicator_1mhci_18{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-circle);height:var(--alto-switch-height);transition:transform .2s;width:var(--alto-switch-width)}._switch_1mhci_1 ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-secondary);border-radius:var(--alto-sem-radius-circle);content:"";display:block;height:var(--alto-switch-indicator-default-size);margin:var(--alto-sem-space-2xs);transition:transform .2s;width:var(--alto-switch-indicator-default-size)}._switch_1mhci_1[data-hovered] ._indicator_1mhci_18{background:linear-gradient(0deg,var(--alto-sem-color-overlay-state-darken-invert-hover) 0,var(--alto-sem-color-overlay-state-darken-invert-hover) 100%),var(--alto-sem-color-bg-layer2-default)}._switch_1mhci_1[data-hovered] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-secondary)}._switch_1mhci_1[data-pressed] ._indicator_1mhci_18{background:linear-gradient(0deg,var(--alto-sem-color-overlay-state-darken-invert-active) 0,var(--alto-sem-color-overlay-state-darken-invert-active) 100%),var(--alto-sem-color-bg-layer2-default)}._switch_1mhci_1[data-selected] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._switch_1mhci_1[data-selected] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-accent-on-vibrant);height:var(--alto-switch-indicator-pressed-size);margin:var(--alto-sem-space-4xs) 0;transform:translate(100%);width:var(--alto-switch-indicator-pressed-size)}._switch_1mhci_1[data-selected][data-hovered] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._switch_1mhci_1[data-selected][data-pressed] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._switch_1mhci_1[data-focus-visible] ._indicator_1mhci_18{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-space-5xs)}._switch_1mhci_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._switch_1mhci_1[data-disabled] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._switch_1mhci_1[data-disabled] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-disabled-primary)}._switch_1mhci_1[data-disabled][data-selected] ._indicator_1mhci_18{background:var(--alto-sem-color-bg-disabled-vibrant);border-color:transparent}._switch_1mhci_1[data-disabled][data-selected] ._indicator_1mhci_18:before{background:var(--alto-sem-color-fg-disabled-on-vibrant)}._switch_1mhci_1[data-focus-visible],._switch_1mhci_1[data-focused]{outline:none}
|
package/dist/assets/Tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tag_1jz2y_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_1jz2y_1._isRemovable_1jz2y_21{padding-right:0}._tag_1jz2y_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_1jz2y_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_1jz2y_1 [slot=remove][data-focused],._tag_1jz2y_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_1jz2y_1[data-pressed] [slot=remove],._tag_1jz2y_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_1jz2y_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_1jz2y_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_1jz2y_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_1jz2y_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_1jz2y_1[data-disabled],._tag_1jz2y_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_1jz2y_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_1jz2y_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_1jz2y_123{display:flex;padding-right:9.5px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toggleButton_1q059_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_1q059_21{height:1rem;width:1rem}._icon-wrapper_1q059_26{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_1q059_35{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_1q059_42,._sm_1q059_35{font-size:var(--alto-sem-text-label-md-font-size)}._md_1q059_42{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1q059_48{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_1q059_48 ._fa-spinner-third_1q059_21{height:1.25rem;width:1.25rem}._toggleButton_1q059_1[data-focused]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_1q059_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_1q059_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_1q059_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_1q059_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_1q059_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toggleIconButton_1za7z_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_1za7z_26{font-size:16px;height:36px;width:36px}._md_1za7z_32{font-size:16px;height:48px;width:48px}._lg_1za7z_38{font-size:20px;height:55px;width:55px}._lg_1za7z_38 ._fa-spinner-third_1za7z_44{height:1.25rem;width:1.25rem}._toggleIconButton_1za7z_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_1za7z_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_1za7z_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_1za7z_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_1za7z_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_1za7z_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_1za7z_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_1za7z_44{height:1rem;width:1rem}._icon-wrapper_1za7z_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._backgroundColor-transparent_it5xu_1{background-color:transparent}._backgroundColor-base_it5xu_5{background-color:var(--alto-sem-color-bg-base)}._backgroundColor-layer1_it5xu_9{background-color:var(--alto-sem-color-bg-layer1-default)}._backgroundColor-layer2_it5xu_13{background-color:var(--alto-sem-color-bg-layer2-default)}._backgroundColor-layer3_it5xu_17{background-color:var(--alto-sem-color-bg-layer3-default)}._backgroundColor-accent-vibrant_it5xu_21{background-color:var(--alto-sem-color-bg-accent-vibrant-default)}._backgroundColor-accent-subtle_it5xu_25{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._backgroundColor-accent-deep_it5xu_29{background-color:var(--alto-sem-color-bg-accent-deep-default)}._backgroundColor-critical-vibrant_it5xu_33{background-color:var(--alto-sem-color-bg-critical-vibrant-default)}._backgroundColor-critical-subtle_it5xu_37{background-color:var(--alto-sem-color-bg-critical-subtle-default)}._backgroundColor-warning-vibrant_it5xu_41{background-color:var(--alto-sem-color-bg-warning-vibrant-default)}._backgroundColor-warning-subtle_it5xu_45{background-color:var(--alto-sem-color-bg-warning-subtle-default)}._backgroundColor-caution-vibrant_it5xu_49{background-color:var(--alto-sem-color-bg-caution-vibrant-default)}._backgroundColor-caution-subtle_it5xu_53{background-color:var(--alto-sem-color-bg-caution-subtle-default)}._backgroundColor-success-vibrant_it5xu_57{background-color:var(--alto-sem-color-bg-success-vibrant-default)}._backgroundColor-success-subtle_it5xu_61{background-color:var(--alto-sem-color-bg-success-subtle-default)}._backgroundColor-information-vibrant_it5xu_65{background-color:var(--alto-sem-color-bg-information-vibrant-default)}._backgroundColor-information-subtle_it5xu_69{background-color:var(--alto-sem-color-bg-information-subtle-default)}._backgroundColor-inverse-vibrant_it5xu_73{background-color:var(--alto-sem-color-bg-inverse-vibrant-default)}._backgroundColor-inverse-subtle_it5xu_77{background-color:var(--alto-sem-color-bg-inverse-subtle-default)}._backgroundColor-white-vibrant_it5xu_81{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._backgroundColor-white-subtle_it5xu_85{background-color:var(--alto-sem-color-bg-white-subtle-default)}._backgroundColor-disabled-vibrant_it5xu_89{background-color:var(--alto-sem-color-bg-disabled-vibrant)}._backgroundColor-disabled-subtle_it5xu_93{background-color:var(--alto-sem-color-bg-disabled-subtle)}._backgroundColor-sale-vibrant_it5xu_97{background-color:var(--alto-sem-color-bg-sale-vibrant-default)}
|
package/dist/assets/flex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._flex_z1fyb_1{display:flex}._flexInline_z1fyb_5{display:inline-flex}._flexJustifyContentFlexStart_z1fyb_9,._flexJustifyContentStart_z1fyb_13{justify-content:flex-start}._flexJustifyContentCenter_z1fyb_17{justify-content:center}._flexJustifyContentFlexEnd_z1fyb_21{justify-content:flex-end}._flexJustifyContentEnd_z1fyb_25{justify-content:end}._flexJustifyContentSpaceBetween_z1fyb_29{justify-content:space-between}._flexJustifyContentSpaceAround_z1fyb_33{justify-content:space-around}._flexJustifyContentSpaceEvenly_z1fyb_37{justify-content:space-evenly}._flexJustifyContentLeft_z1fyb_41{justify-content:left}._flexJustifyContentRight_z1fyb_45{justify-content:right}._flexJustifyContentNormal_z1fyb_49{justify-content:normal}._flexJustifyContentStretch_z1fyb_53{justify-content:stretch}._flexJustifyContentInherit_z1fyb_57{justify-content:inherit}._flexJustifyContentInitial_z1fyb_61{justify-content:normal}._flexJustifyContentRevert_z1fyb_65{justify-content:revert}._flexJustifyContentRevertLayer_z1fyb_69{justify-content:revert-layer}._flexJustifyContentUnset_z1fyb_73{justify-content:unset}._flexAlignItemsFlexStart_z1fyb_77{align-items:flex-start}._flexAlignItemsStart_z1fyb_81{align-items:start}._flexAlignItemsCenter_z1fyb_85{align-items:center}._flexAlignItemsFlexEnd_z1fyb_89{align-items:flex-end}._flexAlignItemsEnd_z1fyb_93{align-items:end}._flexAlignItemsStretch_z1fyb_97{align-items:stretch}._flexAlignItemsSelfStart_z1fyb_101{align-items:self-start}._flexAlignItemsSelfEnd_z1fyb_105{align-items:self-end}._flexAlignItemsSelfCenter_z1fyb_109{align-items:self-center}._flexAlignItemsSelfFlexStart_z1fyb_113{align-items:flex-start}._flexAlignItemsSelfFlexEnd_z1fyb_117{align-items:flex-end}._flexAlignItemsSelfSelfStart_z1fyb_121{align-items:self-start}._flexAlignItemsSelfSelfEnd_z1fyb_125{align-items:self-end}._flexAlignItemsSelfBaseline_z1fyb_129{align-items:baseline}._flexAlignItemsSelfStretch_z1fyb_133{align-items:stretch}._flexAlignItemsSelfInherit_z1fyb_137{align-items:inherit}._flexAlignItemsSelfInitial_z1fyb_141{align-items:normal}._flexAlignItemsSelfRevert_z1fyb_145{align-items:revert}._flexAlignItemsSelfRevertLayer_z1fyb_149{align-items:revert-layer}._flexAlignItemsSelfUnset_z1fyb_153{align-items:unset}._flexAlignContentNormal_z1fyb_158{align-content:normal}._flexAlignContentStart_z1fyb_162{align-content:start}._flexAlignContentCenter_z1fyb_166{align-content:center}._flexAlignContentEnd_z1fyb_170{align-content:end}._flexAlignContentFlexStart_z1fyb_174{align-content:flex-start}._flexAlignContentFlexEnd_z1fyb_178{align-content:flex-end}._flexAlignContentBaseline_z1fyb_182{align-content:baseline}._flexAlignContentFirstBaseline_z1fyb_186{align-content:first baseline}._flexAlignContentLastBaseline_z1fyb_190{align-content:last baseline}._flexAlignContentSpaceBetween_z1fyb_194{align-content:space-between}._flexAlignContentSpaceAround_z1fyb_198{align-content:space-around}._flexAlignContentSpaceEvenly_z1fyb_202{align-content:space-evenly}._flexAlignContentStretch_z1fyb_206{align-content:stretch}._flexAlignContentSafeCenter_z1fyb_210{align-content:safe center}._flexAlignContentUnsafeCenter_z1fyb_214{align-content:unsafe center}._flexAlignContentInherit_z1fyb_218{align-content:inherit}._flexAlignContentInitial_z1fyb_222{align-content:normal}._flexAlignContentRevert_z1fyb_226{align-content:revert}._flexAlignContentRevertLayer_z1fyb_230{align-content:revert-layer}._flexAlignContentUnset_z1fyb_234{align-content:unset}._flexWrapWrap_z1fyb_238{flex-wrap:wrap}._flexWrapNowrap_z1fyb_242{flex-wrap:nowrap}._flexWrapWrapReverse_z1fyb_246{flex-wrap:wrap-reverse}._flexGrow1_z1fyb_250{flex-grow:1}._flexGrow0_z1fyb_254{flex-grow:0}._flexGrowInherit_z1fyb_258{flex-grow:inherit}._flexGrowInitial_z1fyb_262{flex-grow:0}._flexGrowRevert_z1fyb_266{flex-grow:revert}._flexGrowRevertLayer_z1fyb_270{flex-grow:revert-layer}._flexGrowUnset_z1fyb_274{flex-grow:unset}._flexShrink1_z1fyb_278{flex-shrink:1}._flexShrink0_z1fyb_282{flex-shrink:0}._flexShrinkInherit_z1fyb_286{flex-shrink:inherit}._flexShrinkInitial_z1fyb_290{flex-shrink:1}._flexShrinkRevert_z1fyb_294{flex-shrink:revert}._flexShrinkRevertLayer_z1fyb_298{flex-shrink:revert-layer}._flexShrinkUnset_z1fyb_302{flex-shrink:unset}._flexDirectionRow_z1fyb_306{flex-direction:row}._flexDirectionRowReverse_z1fyb_310{flex-direction:row-reverse}._flexDirectionColumn_z1fyb_314{flex-direction:column}._flexDirectionColumnReverse_z1fyb_318{flex-direction:column-reverse}._flexGap5xs_z1fyb_322{gap:var(--alto-sem-space-5xs)}._flexRowGap5xs_z1fyb_326{row-gap:var(--alto-sem-space-5xs)}._flexColumnGap5xs_z1fyb_330{-moz-column-gap:var(--alto-sem-space-5xs);column-gap:var(--alto-sem-space-5xs)}._flexGap4xs_z1fyb_334{gap:var(--alto-sem-space-4xs)}._flexRowGap4xs_z1fyb_338{row-gap:var(--alto-sem-space-4xs)}._flexColumnGap4xs_z1fyb_342{-moz-column-gap:var(--alto-sem-space-4xs);column-gap:var(--alto-sem-space-4xs)}._flexGap3xs_z1fyb_346{gap:var(--alto-sem-space-3xs)}._flexRowGap3xs_z1fyb_350{row-gap:var(--alto-sem-space-3xs)}._flexColumnGap3xs_z1fyb_354{-moz-column-gap:var(--alto-sem-space-3xs);column-gap:var(--alto-sem-space-3xs)}._flexGap2xs_z1fyb_358{gap:var(--alto-sem-space-2xs)}._flexRowGap2xs_z1fyb_362{row-gap:var(--alto-sem-space-2xs)}._flexColumnGap2xs_z1fyb_366{-moz-column-gap:var(--alto-sem-space-2xs);column-gap:var(--alto-sem-space-2xs)}._flexGapXs_z1fyb_370{gap:var(--alto-sem-space-xs)}._flexRowGapXs_z1fyb_374{row-gap:var(--alto-sem-space-xs)}._flexColumnGapXs_z1fyb_378{-moz-column-gap:var(--alto-sem-space-xs);column-gap:var(--alto-sem-space-xs)}._flexGapSm_z1fyb_382{gap:var(--alto-sem-space-sm)}._flexRowGapSm_z1fyb_386{row-gap:var(--alto-sem-space-sm)}._flexColumnGapSm_z1fyb_390{-moz-column-gap:var(--alto-sem-space-sm);column-gap:var(--alto-sem-space-sm)}._flexGapMd_z1fyb_394{gap:var(--alto-sem-space-md)}._flexRowGapMd_z1fyb_398{row-gap:var(--alto-sem-space-md)}._flexColumnGapMd_z1fyb_402{-moz-column-gap:var(--alto-sem-space-md);column-gap:var(--alto-sem-space-md)}._flexGapLg_z1fyb_406{gap:var(--alto-sem-space-lg)}._flexRowGapLg_z1fyb_410{row-gap:var(--alto-sem-space-lg)}._flexColumnGapLg_z1fyb_414{-moz-column-gap:var(--alto-sem-space-lg);column-gap:var(--alto-sem-space-lg)}._flexGapXl_z1fyb_418{gap:var(--alto-sem-space-xl)}._flexRowGapXl_z1fyb_422{row-gap:var(--alto-sem-space-xl)}._flexColumnGapXl_z1fyb_426{-moz-column-gap:var(--alto-sem-space-xl);column-gap:var(--alto-sem-space-xl)}._flexGap2xl_z1fyb_430{gap:var(--alto-sem-space-2xl)}._flexRowGap2xl_z1fyb_434{row-gap:var(--alto-sem-space-2xl)}._flexColumnGap2xl_z1fyb_438{-moz-column-gap:var(--alto-sem-space-2xl);column-gap:var(--alto-sem-space-2xl)}._flexGap3xl_z1fyb_442{gap:var(--alto-sem-space-3xl)}._flexRowGap3xl_z1fyb_446{row-gap:var(--alto-sem-space-3xl)}._flexColumnGap3xl_z1fyb_450{-moz-column-gap:var(--alto-sem-space-3xl);column-gap:var(--alto-sem-space-3xl)}._flexGap4xl_z1fyb_454{gap:var(--alto-sem-space-4xl)}._flexRowGap4xl_z1fyb_458{row-gap:var(--alto-sem-space-4xl)}._flexColumnGap4xl_z1fyb_462{-moz-column-gap:var(--alto-sem-space-4xl);column-gap:var(--alto-sem-space-4xl)}._flexGap5xl_z1fyb_466{gap:var(--alto-sem-space-5xl)}._flexRowGap5xl_z1fyb_470{row-gap:var(--alto-sem-space-5xl)}._flexColumnGap5xl_z1fyb_474{-moz-column-gap:var(--alto-sem-space-5xl);column-gap:var(--alto-sem-space-5xl)}._flexGap6xl_z1fyb_478{gap:var(--alto-sem-space-6xl)}._flexRowGap6xl_z1fyb_482{row-gap:var(--alto-sem-space-6xl)}._flexColumnGap6xl_z1fyb_486{-moz-column-gap:var(--alto-sem-space-6xl);column-gap:var(--alto-sem-space-6xl)}._flexAlignSelfAuto_z1fyb_490{align-self:auto}._flexAlignSelfNormal_z1fyb_494{align-self:normal}._flexAlignSelfStart_z1fyb_498{align-self:start}._flexAlignSelfEnd_z1fyb_502{align-self:end}._flexAlignSelfCenter_z1fyb_506{align-self:center}._flexAlignSelfFlexStart_z1fyb_510{align-self:flex-start}._flexAlignSelfFlexEnd_z1fyb_514{align-self:flex-end}._flexAlignSelfSelfStart_z1fyb_518{align-self:self-start}._flexAlignSelfSelfEnd_z1fyb_522{align-self:self-end}._flexAlignSelfBaseline_z1fyb_526{align-self:baseline}._flexAlignSelfStretch_z1fyb_530{align-self:stretch}._flexAlignSelfInherit_z1fyb_534{align-self:inherit}._flexAlignSelfInitial_z1fyb_538{align-self:auto}._flexAlignSelfRevert_z1fyb_542{align-self:revert}._flexAlignSelfRevertLayer_z1fyb_546{align-self:revert-layer}._flexAlignSelfUnset_z1fyb_550{align-self:unset}._flexBasisMaxContent_z1fyb_555{flex-basis:max-content}._flexBasisMinContent_z1fyb_559{flex-basis:min-content}._flexBasisFitContent_z1fyb_563{flex-basis:fit-content}._flexBasisContent_z1fyb_567{flex-basis:content}._flexBasisInherit_z1fyb_571{flex-basis:inherit}._flexBasisInitial_z1fyb_575{flex-basis:auto}._flexBasisRevert_z1fyb_579{flex-basis:revert}._flexBasisRevertLayer_z1fyb_583{flex-basis:revert-layer}._flexBasisUnset_z1fyb_587{flex-basis:unset}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._foregroundColor-primary_6k06r_1{color:var(--alto-sem-color-fg-primary)}._foregroundColor-secondary_6k06r_5{color:var(--alto-sem-color-fg-secondary)}._foregroundColor-accent-primary_6k06r_9{color:var(--alto-sem-color-fg-accent-primary)}._foregroundColor-accent-secondary_6k06r_13{color:var(--alto-sem-color-fg-accent-secondary)}._foregroundColor-accent-on-vibrant_6k06r_17{color:var(--alto-sem-color-fg-accent-on-vibrant)}._foregroundColor-accent-on-vibrant-accent_6k06r_21{color:var(--alto-sem-color-fg-accent-on-vibrant-accent)}._foregroundColor-accent-on-subtle_6k06r_25{color:var(--alto-sem-color-fg-accent-on-subtle)}._foregroundColor-accent-on-deep_6k06r_29{color:var(--alto-sem-color-fg-accent-on-deep)}._foregroundColor-critical-primary_6k06r_33{color:var(--alto-sem-color-fg-critical-primary)}._foregroundColor-critical-on-vibrant_6k06r_37{color:var(--alto-sem-color-fg-critical-on-vibrant)}._foregroundColor-critical-on-subtle_6k06r_41{color:var(--alto-sem-color-fg-critical-on-subtle)}._foregroundColor-warning-primary_6k06r_45{color:var(--alto-sem-color-fg-warning-primary)}._foregroundColor-warning-on-vibrant_6k06r_49{color:var(--alto-sem-color-fg-warning-on-vibrant)}._foregroundColor-warning-on-subtle_6k06r_53{color:var(--alto-sem-color-fg-warning-on-subtle)}._foregroundColor-caution-primary_6k06r_57{color:var(--alto-sem-color-fg-caution-primary)}._foregroundColor-caution-on-vibrant_6k06r_61{color:var(--alto-sem-color-fg-caution-on-vibrant)}._foregroundColor-caution-on-subtle_6k06r_65{color:var(--alto-sem-color-fg-caution-on-subtle)}._foregroundColor-success-primary_6k06r_69{color:var(--alto-sem-color-fg-success-primary)}._foregroundColor-success-on-vibrant_6k06r_73{color:var(--alto-sem-color-fg-success-on-vibrant)}._foregroundColor-success-on-subtle_6k06r_77{color:var(--alto-sem-color-fg-success-on-subtle)}._foregroundColor-information-primary_6k06r_81{color:var(--alto-sem-color-fg-information-primary)}._foregroundColor-information-on-vibrant_6k06r_85{color:var(--alto-sem-color-fg-information-on-vibrant)}._foregroundColor-information-on-subtle_6k06r_89{color:var(--alto-sem-color-fg-information-on-subtle)}._foregroundColor-inverse-primary_6k06r_93{color:var(--alto-sem-color-fg-inverse-primary)}._foregroundColor-inverse-on-vibrant_6k06r_97{color:var(--alto-sem-color-fg-inverse-on-vibrant)}._foregroundColor-inverse-on-subtle_6k06r_101{color:var(--alto-sem-color-fg-inverse-on-subtle)}._foregroundColor-white-primary_6k06r_105{color:var(--alto-sem-color-fg-white-primary)}._foregroundColor-white-on-vibrant_6k06r_109{color:var(--alto-sem-color-fg-white-on-vibrant)}._foregroundColor-white-on-subtle_6k06r_113{color:var(--alto-sem-color-fg-white-on-subtle)}._foregroundColor-disabled-primary_6k06r_117{color:var(--alto-sem-color-fg-disabled-primary)}._foregroundColor-disabled-on-vibrant_6k06r_121{color:var(--alto-sem-color-fg-disabled-on-vibrant)}._foregroundColor-disabled-on-subtle_6k06r_125{color:var(--alto-sem-color-fg-disabled-on-subtle)}._foregroundColor-sale-primary_6k06r_129{color:var(--alto-sem-color-fg-sale-primary)}._foregroundColor-sale-on-vibrant_6k06r_133{color:var(--alto-sem-color-fg-sale-on-vibrant)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._position-absolute_1wcx5_1{position:absolute}._position-static_1wcx5_5{position:static}._position-relative_1wcx5_9{position:relative}._position-fixed_1wcx5_13{position:fixed}._position-sticky_1wcx5_17{position:sticky}._position-inherit_1wcx5_22{position:inherit}._position-initial_1wcx5_26{position:static}._position-revert_1wcx5_30{position:revert}._position-revert-layer_1wcx5_34{position:revert-layer}._position-unset_1wcx5_38{position:unset}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DisclosureProps as AriaDisclosureProps } from 'react-aria-components';
|
|
3
|
+
export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
|
|
4
|
+
/** The title text displayed in the accordion header */
|
|
5
|
+
title: string;
|
|
6
|
+
/** Optional description text displayed below the title */
|
|
7
|
+
description?: string;
|
|
8
|
+
/** Content rendered inside the accordion when expanded */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/** Controls if accordion is expanded on initial render */
|
|
11
|
+
defaultExpanded?: boolean;
|
|
12
|
+
/** Additional CSS class for custom styling */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Content (typically an icon) rendered before the heading */
|
|
15
|
+
titleStart?: React.ReactNode;
|
|
16
|
+
/** Content (typically an icon) rendered after the heading */
|
|
17
|
+
titleEnd?: React.ReactNode;
|
|
18
|
+
/** Unique identifier for the accordion */
|
|
19
|
+
id?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface AccordionGroupProps {
|
|
22
|
+
/** Title for the accordion group - can be string or ReactNode */
|
|
23
|
+
title?: string | React.ReactNode;
|
|
24
|
+
/** Description for the accordion group - can be string or ReactNode */
|
|
25
|
+
description?: string | React.ReactNode;
|
|
26
|
+
/** Collection of Accordion components */
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
/** Additional CSS class for custom styling */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Whether multiple accordions can be expanded at once */
|
|
31
|
+
allowsMultipleExpanded?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const AccordionGroup: ({ title, description, children, className, allowsMultipleExpanded, }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export default Accordion;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
|
+
import { Icon } from "../Icon/Icon.js";
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_1x2oh_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_1x2oh_14";
|
|
7
|
+
const accordionStack = "_accordionStack_1x2oh_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_1x2oh_26";
|
|
9
|
+
const trigger = "_trigger_1x2oh_33";
|
|
10
|
+
const buttonContent = "_buttonContent_1x2oh_42";
|
|
11
|
+
const titleContainer = "_titleContainer_1x2oh_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_1x2oh_57";
|
|
13
|
+
const endContainer = "_endContainer_1x2oh_62";
|
|
14
|
+
const titleStart = "_titleStart_1x2oh_68";
|
|
15
|
+
const titleEnd = "_titleEnd_1x2oh_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_1x2oh_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_1x2oh_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_1x2oh_96";
|
|
19
|
+
const panelContent = "_panelContent_1x2oh_129";
|
|
20
|
+
const styles = {
|
|
21
|
+
accordion,
|
|
22
|
+
accordionGroup,
|
|
23
|
+
accordionStack,
|
|
24
|
+
accordionHeader,
|
|
25
|
+
trigger,
|
|
26
|
+
buttonContent,
|
|
27
|
+
titleContainer,
|
|
28
|
+
titleWrapper,
|
|
29
|
+
endContainer,
|
|
30
|
+
titleStart,
|
|
31
|
+
titleEnd,
|
|
32
|
+
accordionTitle,
|
|
33
|
+
accordionDescription,
|
|
34
|
+
iconWrapper,
|
|
35
|
+
panelContent
|
|
36
|
+
};
|
|
37
|
+
const AccordionTrigger = ({
|
|
38
|
+
title,
|
|
39
|
+
description,
|
|
40
|
+
titleStart: titleStart2,
|
|
41
|
+
titleEnd: titleEnd2
|
|
42
|
+
}) => {
|
|
43
|
+
return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
|
|
44
|
+
/* @__PURE__ */ jsxs("span", { className: styles.titleContainer, children: [
|
|
45
|
+
titleStart2 && /* @__PURE__ */ jsx("span", { className: styles.titleStart, children: titleStart2 }),
|
|
46
|
+
/* @__PURE__ */ jsxs("div", { className: styles.titleWrapper, children: [
|
|
47
|
+
/* @__PURE__ */ jsx("h3", { className: styles.accordionTitle, children: title }),
|
|
48
|
+
description && /* @__PURE__ */ jsx("p", { className: styles.accordionDescription, children: description })
|
|
49
|
+
] })
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ jsxs("span", { className: styles.endContainer, children: [
|
|
52
|
+
titleEnd2 && /* @__PURE__ */ jsx("span", { className: styles.titleEnd, children: titleEnd2 }),
|
|
53
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper })
|
|
54
|
+
] })
|
|
55
|
+
] }) });
|
|
56
|
+
};
|
|
57
|
+
const AccordionPanel = ({
|
|
58
|
+
children,
|
|
59
|
+
...props
|
|
60
|
+
}) => {
|
|
61
|
+
const contentRef = React.useRef(null);
|
|
62
|
+
React.useEffect(() => {
|
|
63
|
+
const content = contentRef.current;
|
|
64
|
+
if (!content) return;
|
|
65
|
+
const group = content.closest('[role="group"]');
|
|
66
|
+
if (!group) return;
|
|
67
|
+
requestAnimationFrame(() => {
|
|
68
|
+
const height = content.scrollHeight;
|
|
69
|
+
group.style.setProperty("--group-height", `${height}px`);
|
|
70
|
+
});
|
|
71
|
+
const updateHeight = () => {
|
|
72
|
+
const height = content.scrollHeight;
|
|
73
|
+
group.style.setProperty("--group-height", `${height}px`);
|
|
74
|
+
};
|
|
75
|
+
updateHeight();
|
|
76
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
77
|
+
updateHeight();
|
|
78
|
+
});
|
|
79
|
+
resizeObserver.observe(content);
|
|
80
|
+
resizeObserver.observe(group);
|
|
81
|
+
window.addEventListener("resize", updateHeight);
|
|
82
|
+
return () => {
|
|
83
|
+
resizeObserver.disconnect();
|
|
84
|
+
window.removeEventListener("resize", updateHeight);
|
|
85
|
+
};
|
|
86
|
+
}, []);
|
|
87
|
+
return /* @__PURE__ */ jsx(DisclosurePanel, { ...props, children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.panelContent, children }) });
|
|
88
|
+
};
|
|
89
|
+
const Accordion = ({
|
|
90
|
+
title,
|
|
91
|
+
description,
|
|
92
|
+
children,
|
|
93
|
+
defaultExpanded = false,
|
|
94
|
+
className,
|
|
95
|
+
titleStart: titleStart2,
|
|
96
|
+
titleEnd: titleEnd2,
|
|
97
|
+
...props
|
|
98
|
+
}) => {
|
|
99
|
+
const accordionClasses = [styles.accordion, className].filter(Boolean).join(" ");
|
|
100
|
+
return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, ...props, children: [
|
|
101
|
+
/* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2 }),
|
|
102
|
+
/* @__PURE__ */ jsx(AccordionPanel, { children })
|
|
103
|
+
] });
|
|
104
|
+
};
|
|
105
|
+
const AccordionGroup = ({
|
|
106
|
+
title,
|
|
107
|
+
description,
|
|
108
|
+
children,
|
|
109
|
+
className,
|
|
110
|
+
allowsMultipleExpanded = true
|
|
111
|
+
}) => {
|
|
112
|
+
const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
|
|
113
|
+
const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
|
|
114
|
+
if (React.isValidElement(child) && child.props.defaultExpanded) {
|
|
115
|
+
return `accordion-${index}`;
|
|
116
|
+
}
|
|
117
|
+
return null;
|
|
118
|
+
}).filter((key) => key !== null);
|
|
119
|
+
return /* @__PURE__ */ jsxs("div", { className: groupClasses, children: [
|
|
120
|
+
(title || description) && /* @__PURE__ */ jsxs("div", { className: styles.accordionHeader, children: [
|
|
121
|
+
title,
|
|
122
|
+
description
|
|
123
|
+
] }),
|
|
124
|
+
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
|
|
125
|
+
if (React.isValidElement(child)) {
|
|
126
|
+
return React.cloneElement(child, {
|
|
127
|
+
key: `accordion-${index}`,
|
|
128
|
+
id: `accordion-${index}`
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
return child;
|
|
132
|
+
}) })
|
|
133
|
+
] });
|
|
134
|
+
};
|
|
135
|
+
export {
|
|
136
|
+
Accordion,
|
|
137
|
+
AccordionGroup,
|
|
138
|
+
Accordion as default
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Accordion';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BadgeProps } from '../Badge/Badge';
|
|
3
|
+
export type AviosBadgeKind = 'collect' | 'spend';
|
|
4
|
+
export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
|
|
5
|
+
/**
|
|
6
|
+
* The kind of Avios badge (collect or spend)
|
|
7
|
+
* @default 'collect'
|
|
8
|
+
*/
|
|
9
|
+
kind?: AviosBadgeKind;
|
|
10
|
+
/**
|
|
11
|
+
* Additional text to be displayed at the end of the badge
|
|
12
|
+
*/
|
|
13
|
+
textEnd?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Number of Avios points
|
|
16
|
+
*/
|
|
17
|
+
points: number;
|
|
18
|
+
/**
|
|
19
|
+
* Optional label text
|
|
20
|
+
*/
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Size of the badge
|
|
24
|
+
* @default 'md'
|
|
25
|
+
*/
|
|
26
|
+
size?: 'sm' | 'md' | 'lg';
|
|
27
|
+
/**
|
|
28
|
+
* A string representation of the badge's contents, used for accessibility
|
|
29
|
+
* Example: "Collect 50,000 Avios points"
|
|
30
|
+
*/
|
|
31
|
+
ariaLabel?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare const AviosBadge: ({ kind, size, textEnd, points, children, ariaLabel, className, ...props }: AviosBadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default AviosBadge;
|