@alto-avios/alto-ui 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CreditCardNumberField.css +1 -0
- package/dist/assets/DetailsDisclosure.css +1 -0
- package/dist/assets/Dialog.css +1 -0
- 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/PasswordField.css +1 -0
- package/dist/assets/PhoneNumberField.css +1 -0
- package/dist/assets/Popover.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/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/components/Box/Box.d.ts +6 -2
- package/dist/components/Box/Box.js +7 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Button/Button.js +31 -31
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +29 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +45 -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/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/FieldError/FieldError.js +1 -1
- package/dist/components/FieldsetHeader/FieldsetHeader.js +3 -3
- package/dist/components/Heading/Heading.d.ts +24 -5
- package/dist/components/Heading/Heading.js +9 -4
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Icon/Icon.d.ts +30 -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 +2 -1
- 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/Paragraph/Paragraph.d.ts +8 -4
- 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 +91 -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 +16 -0
- package/dist/components/Popover/Popover.js +68 -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/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/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 +25 -4
- 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/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 +10 -0
- package/dist/components/index.js +33 -14
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +33 -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 +2 -2
- 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 +3 -3
- package/dist/utils/flex/flex.js +47 -35
- package/dist/utils/flex/flex.js.map +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/stories/iconPropsArgTypes.js +37 -1
- 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
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_1t97g_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:500;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_1t97g_1,._button_1t97g_1 ._content_1t97g_22{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1t97g_31 ._loadingSpinner_1t97g_31{opacity:0;position:absolute}._isNotLoading_1t97g_31 ._content_1t97g_22{opacity:1}._isLoading_1t97g_40 ._loadingSpinner_1t97g_31{opacity:1;position:absolute}._isLoading_1t97g_40 ._content_1t97g_22{opacity:0}._focusWhite_1t97g_52[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1t97g_59{min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1t97g_64{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1t97g_69{height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1t97g_74{width:100%}._textAlignLeft_1t97g_81{text-align:left}._textAlignCenter_1t97g_85{text-align:center}._textAlignRight_1t97g_89{text-align:right}._accentPrimary_1t97g_97[data-focused],._accentPrimary_1t97g_97[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1t97g_97[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1t97g_97[data-pressed][data-focused]{outline:none}._accentPrimary_1t97g_97:disabled,._accentPrimary_1t97g_97[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1t97g_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_1t97g_117[data-focused],._accentSecondary_1t97g_117[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1t97g_117[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1t97g_117[data-pressed][data-focused]{outline:none}._accentSecondary_1t97g_117:disabled,._accentSecondary_1t97g_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_1t97g_147{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1t97g_147[data-focused],._accentTertiary_1t97g_147[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1t97g_147[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1t97g_147[data-pressed][data-focused]{outline:none}._accentTertiary_1t97g_147:disabled,._accentTertiary_1t97g_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_1t97g_173{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1t97g_173[data-focused],._accentQuaternary_1t97g_173[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1t97g_173[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1t97g_173[data-pressed][data-focused]{outline:none}._accentQuaternary_1t97g_173:disabled,._accentQuaternary_1t97g_173[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1t97g_199{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1t97g_199[data-focused],._criticalPrimary_1t97g_199[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1t97g_199[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1t97g_199[data-pressed][data-focused]{outline:none}._criticalPrimary_1t97g_199:disabled,._criticalPrimary_1t97g_199[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1t97g_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_1t97g_224[data-focused],._criticalSecondary_1t97g_224[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1t97g_224[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1t97g_224[data-pressed][data-focused]{outline:none}._criticalSecondary_1t97g_224:disabled,._criticalSecondary_1t97g_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_1t97g_254{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1t97g_254[data-focused],._criticalTertiary_1t97g_254[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1t97g_254[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1t97g_254[data-pressed][data-focused]{outline:none}._criticalTertiary_1t97g_254:disabled,._criticalTertiary_1t97g_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_1t97g_280{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1t97g_280[data-focused],._criticalQuaternary_1t97g_280[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1t97g_280[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1t97g_280[data-pressed][data-focused]{outline:none}._criticalQuaternary_1t97g_280:disabled,._criticalQuaternary_1t97g_280[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1t97g_307{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1t97g_307[data-focused],._neutralPrimary_1t97g_307[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1t97g_307[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1t97g_307[data-pressed][data-focused]{outline:none}._neutralPrimary_1t97g_307:disabled,._neutralPrimary_1t97g_307[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1t97g_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_1t97g_332[data-focused],._neutralSecondary_1t97g_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1t97g_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1t97g_332[data-pressed][data-focused]{outline:none}._neutralSecondary_1t97g_332:disabled,._neutralSecondary_1t97g_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_1t97g_361{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1t97g_361[data-focused],._neutralTertiary_1t97g_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1t97g_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1t97g_361[data-pressed][data-focused]{outline:none}._neutralTertiary_1t97g_361:disabled,._neutralTertiary_1t97g_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_1t97g_387{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1t97g_387[data-focused],._neutralQuaternary_1t97g_387[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1t97g_387[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1t97g_387[data-pressed][data-focused]{outline:none}._neutralQuaternary_1t97g_387:disabled,._neutralQuaternary_1t97g_387[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1t97g_414{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1t97g_414[data-focused],._whitePrimary_1t97g_414[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1t97g_414[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1t97g_414[data-pressed][data-focused]{outline:none}._whitePrimary_1t97g_414:disabled,._whitePrimary_1t97g_414[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1t97g_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_1t97g_440[data-focused],._whiteSecondary_1t97g_440[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1t97g_440[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1t97g_440[data-pressed][data-focused]{outline:none}._whiteSecondary_1t97g_440[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1t97g_440:disabled,._whiteSecondary_1t97g_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_1t97g_473{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1t97g_473[data-focused],._whiteTertiary_1t97g_473[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1t97g_473[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1t97g_473[data-pressed][data-focused]{outline:none}._whiteTertiary_1t97g_473[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1t97g_473:disabled,._whiteTertiary_1t97g_473[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1t97g_503{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1t97g_503[data-focused],._whiteQuaternary_1t97g_503[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1t97g_503[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1t97g_503[data-pressed][data-focused]{outline:none}._whiteQuaternary_1t97g_503[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1t97g_503:disabled,._whiteQuaternary_1t97g_503[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1t97g_535{height:1rem;width:1rem}._icon-wrapper_1t97g_540{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -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}
|
|
@@ -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
|
+
._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_1owea_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-reverse;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{color:red;font-weight:700;opacity:.5}input::placeholder{color:red;font-weight:700;opacity:.5}._phoneNumberField_1owea_1: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_1owea_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1owea_1:has(input[data-hovered]) ._selectHandlerValue_1owea_35{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1owea_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_1:has(input[data-focused]) ._selectHandlerValue_1owea_35{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1owea_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_1owea_1:has(input[data-disabled]) ._selectHandlerValue_1owea_35{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1owea_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1owea_1:has(input[data-disabled]) ._selectHandlerIcon_1owea_66{opacity:0}._phoneNumberField_1owea_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1owea_1:has(input[data-invalid]) ._selectHandlerValue_1owea_35{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1owea_78{flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectHandlerValue_1owea_35{align-items:center;border-right:1px solid var(--alto-sem-color-border-primary-default);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-label-sm-font-size);gap:var(--alto-sem-space-2xs);height:48px;justify-content:center;letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);max-width:90px;padding:0 var(--alto-sem-space-xs)}._selectHandlerIcon_1owea_66{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1owea_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_1owea_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_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}
|
|
@@ -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_12kod_1{display:flex}._flexInline_12kod_5{display:inline-flex}._flexJustifyContentStart_12kod_9{justify-content:flex-start}._flexJustifyContentCenter_12kod_13{justify-content:center}._flexJustifyContentEnd_12kod_17{justify-content:flex-end}._flexJustifyContentSpaceBetween_12kod_21{justify-content:space-between}._flexJustifyContentSpaceAround_12kod_25{justify-content:space-around}._flexJustifyContentSpaceEvenly_12kod_29{justify-content:space-evenly}._flexWrapWrap_12kod_33{flex-wrap:wrap}._flexWrapNowrap_12kod_37{flex-wrap:nowrap}._flexGrow1_12kod_41{flex-grow:1}._flexGrow0_12kod_45{flex-grow:0}._flexShrink1_12kod_49{flex-shrink:1}._flexShrink0_12kod_53{flex-shrink:0}._flexDirectionRow_12kod_57{flex-direction:row}._flexDirectionRowReverse_12kod_61{flex-direction:row-reverse}._flexDirectionColumn_12kod_65{flex-direction:column}._flexDirectionColumnReverse_12kod_69{flex-direction:column-reverse}._flexAlignItemsStart_12kod_73{align-items:flex-start}._flexAlignItemsCenter_12kod_77{align-items:center}._flexAlignItemsEnd_12kod_81{align-items:flex-end}._flexAlignItemsStretch_12kod_85{align-items:stretch}._flexGap5xs_12kod_89{gap:var(--alto-sem-space-5xs)}._flexGap4xs_12kod_93{gap:var(--alto-sem-space-4xs)}._flexGap3xs_12kod_97{gap:var(--alto-sem-space-3xs)}._flexGap2xs_12kod_101{gap:var(--alto-sem-space-2xs)}._flexGapXs_12kod_105{gap:var(--alto-sem-space-xs)}._flexGapSm_12kod_109{gap:var(--alto-sem-space-sm)}._flexGapMd_12kod_113{gap:var(--alto-sem-space-md)}._flexGapLg_12kod_117{gap:var(--alto-sem-space-lg)}._flexGapXl_12kod_121{gap:var(--alto-sem-space-xl)}._flexGap2xl_12kod_125{gap:var(--alto-sem-space-2xl)}._flexGap3xl_12kod_129{gap:var(--alto-sem-space-3xl)}._flexGap4xl_12kod_133{gap:var(--alto-sem-space-4xl)}._flexGap5xl_12kod_137{gap:var(--alto-sem-space-5xl)}._flexGap6xl_12kod_141{gap:var(--alto-sem-space-6xl)}
|
|
@@ -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)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { BackgroundVariants } from '../../utils/
|
|
2
|
+
import { BackgroundVariants } from '../../utils/backgroundColor/backgroundColor';
|
|
3
3
|
import { FlexVariants } from '../../utils/flex/flex';
|
|
4
4
|
import { BorderVariants } from '../../utils/border/border';
|
|
5
5
|
import { PaddingVariants } from '../../utils/padding/padding';
|
|
@@ -39,6 +39,10 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
|
|
|
39
39
|
* Accepts any valid CSS unit.
|
|
40
40
|
*/
|
|
41
41
|
minHeight?: string;
|
|
42
|
+
/**
|
|
43
|
+
* @deprecated Use `backgroundColor` instead.
|
|
44
|
+
*/
|
|
45
|
+
backgroundColour?: BackgroundVariants['backgroundColor'];
|
|
42
46
|
}
|
|
43
|
-
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
export declare const Box: ({ children, as: Component, backgroundColour, width, maxWidth, minWidth, height, maxHeight, minHeight, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
44
48
|
export default Box;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { backgroundColorVariants } from "../../utils/
|
|
2
|
+
import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
|
|
3
3
|
import { flexVariants } from "../../utils/flex/flex.js";
|
|
4
4
|
import { borderVariants } from "../../utils/border/border.js";
|
|
5
5
|
import { paddingVariants } from "../../utils/padding/padding.js";
|
|
6
6
|
const Box = ({
|
|
7
7
|
children,
|
|
8
8
|
as: Component = "div",
|
|
9
|
+
backgroundColour,
|
|
9
10
|
width,
|
|
10
11
|
maxWidth,
|
|
11
12
|
minWidth,
|
|
@@ -14,6 +15,10 @@ const Box = ({
|
|
|
14
15
|
minHeight,
|
|
15
16
|
...props
|
|
16
17
|
}) => {
|
|
18
|
+
if (backgroundColour && !props.backgroundColor) {
|
|
19
|
+
console.warn("Warning: `backgroundColour` is deprecated and will be removed in a future release. Please use `backgroundColor` instead.");
|
|
20
|
+
}
|
|
21
|
+
const resolvedBackgroundColor = props.backgroundColor ?? backgroundColour;
|
|
17
22
|
const borderWidth = !(props == null ? void 0 : props.borderWidth) && props.borderColour !== "none" ? "sm" : props.borderWidth;
|
|
18
23
|
const stylesProp = {
|
|
19
24
|
width: width === "full" ? "100%" : width,
|
|
@@ -31,6 +36,7 @@ const Box = ({
|
|
|
31
36
|
})} ${paddingVariants({
|
|
32
37
|
...props
|
|
33
38
|
})} ${backgroundColorVariants({
|
|
39
|
+
backgroundColor: resolvedBackgroundColor,
|
|
34
40
|
...props
|
|
35
41
|
})}`, style: stylesProp, children });
|
|
36
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,35 +8,35 @@ import { useFocusRing } from "@react-aria/focus";
|
|
|
8
8
|
import { Icon } from "../Icon/Icon.js";
|
|
9
9
|
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
|
|
10
10
|
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
11
|
-
import '../../assets/Button.css';const button$1 = "
|
|
12
|
-
const content = "
|
|
13
|
-
const isNotLoading = "
|
|
14
|
-
const loadingSpinner = "
|
|
15
|
-
const isLoading = "
|
|
16
|
-
const focusWhite = "
|
|
17
|
-
const sm = "
|
|
18
|
-
const md = "
|
|
19
|
-
const lg = "
|
|
20
|
-
const fullWidth = "
|
|
21
|
-
const textAlignLeft = "
|
|
22
|
-
const textAlignCenter = "
|
|
23
|
-
const textAlignRight = "
|
|
24
|
-
const accentPrimary = "
|
|
25
|
-
const accentSecondary = "
|
|
26
|
-
const accentTertiary = "
|
|
27
|
-
const accentQuaternary = "
|
|
28
|
-
const criticalPrimary = "
|
|
29
|
-
const criticalSecondary = "
|
|
30
|
-
const criticalTertiary = "
|
|
31
|
-
const criticalQuaternary = "
|
|
32
|
-
const neutralPrimary = "
|
|
33
|
-
const neutralSecondary = "
|
|
34
|
-
const neutralTertiary = "
|
|
35
|
-
const neutralQuaternary = "
|
|
36
|
-
const whitePrimary = "
|
|
37
|
-
const whiteSecondary = "
|
|
38
|
-
const whiteTertiary = "
|
|
39
|
-
const whiteQuaternary = "
|
|
11
|
+
import '../../assets/Button.css';const button$1 = "_button_1t97g_1";
|
|
12
|
+
const content = "_content_1t97g_22";
|
|
13
|
+
const isNotLoading = "_isNotLoading_1t97g_31";
|
|
14
|
+
const loadingSpinner = "_loadingSpinner_1t97g_31";
|
|
15
|
+
const isLoading = "_isLoading_1t97g_40";
|
|
16
|
+
const focusWhite = "_focusWhite_1t97g_52";
|
|
17
|
+
const sm = "_sm_1t97g_59";
|
|
18
|
+
const md = "_md_1t97g_64";
|
|
19
|
+
const lg = "_lg_1t97g_69";
|
|
20
|
+
const fullWidth = "_fullWidth_1t97g_74";
|
|
21
|
+
const textAlignLeft = "_textAlignLeft_1t97g_81";
|
|
22
|
+
const textAlignCenter = "_textAlignCenter_1t97g_85";
|
|
23
|
+
const textAlignRight = "_textAlignRight_1t97g_89";
|
|
24
|
+
const accentPrimary = "_accentPrimary_1t97g_97";
|
|
25
|
+
const accentSecondary = "_accentSecondary_1t97g_117";
|
|
26
|
+
const accentTertiary = "_accentTertiary_1t97g_147";
|
|
27
|
+
const accentQuaternary = "_accentQuaternary_1t97g_173";
|
|
28
|
+
const criticalPrimary = "_criticalPrimary_1t97g_199";
|
|
29
|
+
const criticalSecondary = "_criticalSecondary_1t97g_224";
|
|
30
|
+
const criticalTertiary = "_criticalTertiary_1t97g_254";
|
|
31
|
+
const criticalQuaternary = "_criticalQuaternary_1t97g_280";
|
|
32
|
+
const neutralPrimary = "_neutralPrimary_1t97g_307";
|
|
33
|
+
const neutralSecondary = "_neutralSecondary_1t97g_332";
|
|
34
|
+
const neutralTertiary = "_neutralTertiary_1t97g_361";
|
|
35
|
+
const neutralQuaternary = "_neutralQuaternary_1t97g_387";
|
|
36
|
+
const whitePrimary = "_whitePrimary_1t97g_414";
|
|
37
|
+
const whiteSecondary = "_whiteSecondary_1t97g_440";
|
|
38
|
+
const whiteTertiary = "_whiteTertiary_1t97g_473";
|
|
39
|
+
const whiteQuaternary = "_whiteQuaternary_1t97g_503";
|
|
40
40
|
const styles = {
|
|
41
41
|
button: button$1,
|
|
42
42
|
content,
|
|
@@ -67,8 +67,8 @@ const styles = {
|
|
|
67
67
|
whiteSecondary,
|
|
68
68
|
whiteTertiary,
|
|
69
69
|
whiteQuaternary,
|
|
70
|
-
"fa-spinner-third": "_fa-spinner-
|
|
71
|
-
"icon-wrapper": "_icon-
|
|
70
|
+
"fa-spinner-third": "_fa-spinner-third_1t97g_535",
|
|
71
|
+
"icon-wrapper": "_icon-wrapper_1t97g_540"
|
|
72
72
|
};
|
|
73
73
|
const button = cva(styles.button, {
|
|
74
74
|
variants: {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
|
|
2
|
+
import { FieldProps } from '../_base/Field';
|
|
3
|
+
type CreditCardNumberValue = string | number | null | undefined;
|
|
4
|
+
interface CreditCardNumberFieldBaseProps {
|
|
5
|
+
/**
|
|
6
|
+
* The icon to display.
|
|
7
|
+
* If a function is provided, it will be called with the current value of the input.
|
|
8
|
+
* Expects an icon name from the font-awesome `brands` icon pack.
|
|
9
|
+
* https://fontawesome.com/search?q=credit%20card&o=r&ip=brands
|
|
10
|
+
*/
|
|
11
|
+
cardIcon?: string | ((value?: CreditCardNumberValue) => string);
|
|
12
|
+
/**
|
|
13
|
+
* The controlled value of the credit card number.
|
|
14
|
+
*/
|
|
15
|
+
value?: CreditCardNumberValue;
|
|
16
|
+
/**
|
|
17
|
+
* The controlled onChange handler for the credit card number.
|
|
18
|
+
*/
|
|
19
|
+
onChange?: (value?: CreditCardNumberValue) => void;
|
|
20
|
+
/**
|
|
21
|
+
* The default value of the credit card number.
|
|
22
|
+
*/
|
|
23
|
+
defaultValue?: CreditCardNumberValue;
|
|
24
|
+
}
|
|
25
|
+
export interface CreditCardNumberFieldProps extends FieldProps<Omit<AriaTextFieldProps, 'defaultValue' | 'value' | 'onChange'>>, CreditCardNumberFieldBaseProps {
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
}
|
|
28
|
+
export declare const CreditCardNumberField: ({ cardIcon: cardIconProp, defaultValue, value: valueControlled, onChange: onChangeControlled, ...props }: CreditCardNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export default CreditCardNumberField;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { TextField, Input } from "react-aria-components";
|
|
4
|
+
import { P as PatternFormat } from "../../react-number-format.es-DMLgWFZX.js";
|
|
5
|
+
import { Field } from "../_base/Field/Field.js";
|
|
6
|
+
import { Icon } from "../Icon/Icon.js";
|
|
7
|
+
import { getCardIcon } from "../../utils/creditCard/creditCard.js";
|
|
8
|
+
import '../../assets/CreditCardNumberField.css';const creditCardNumberField = "_creditCardNumberField_1d9o2_1";
|
|
9
|
+
const inputWrapper = "_inputWrapper_1d9o2_45";
|
|
10
|
+
const iconEnd = "_iconEnd_1d9o2_51";
|
|
11
|
+
const styles = {
|
|
12
|
+
creditCardNumberField,
|
|
13
|
+
inputWrapper,
|
|
14
|
+
iconEnd
|
|
15
|
+
};
|
|
16
|
+
const CreditCardNumberField = ({
|
|
17
|
+
cardIcon: cardIconProp = getCardIcon,
|
|
18
|
+
defaultValue,
|
|
19
|
+
value: valueControlled,
|
|
20
|
+
onChange: onChangeControlled,
|
|
21
|
+
...props
|
|
22
|
+
}) => {
|
|
23
|
+
const [value, setValue] = React.useState(defaultValue);
|
|
24
|
+
const valueDefinitive = valueControlled ?? value;
|
|
25
|
+
const cardIcon = React.useMemo(() => {
|
|
26
|
+
if (typeof cardIconProp === "function") {
|
|
27
|
+
return cardIconProp(value) || "credit-card";
|
|
28
|
+
}
|
|
29
|
+
return cardIconProp || "credit-card";
|
|
30
|
+
}, [value, cardIconProp]);
|
|
31
|
+
return /* @__PURE__ */ jsx(Field, { className: styles.creditCardNumberField, as: TextField, ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
|
|
32
|
+
/* @__PURE__ */ jsx(PatternFormat, { type: "text", format: "#### #### #### ####", customInput: Input, "aria-label": (props == null ? void 0 : props.label) || "Credit card number", placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
|
|
33
|
+
if (typeof onChangeControlled === "function") {
|
|
34
|
+
onChangeControlled(values.value);
|
|
35
|
+
}
|
|
36
|
+
setValue(values.value);
|
|
37
|
+
} }),
|
|
38
|
+
/* @__PURE__ */ jsx(Icon, { iconName: cardIcon, iconPack: cardIcon === "credit-card" ? "solid" : "brands", className: styles.iconEnd, iconSize: "1.25x", padding: "roomy" })
|
|
39
|
+
] }) });
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
CreditCardNumberField,
|
|
43
|
+
CreditCardNumberField as default
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=CreditCardNumberField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreditCardNumberField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CreditCardNumberField';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DisclosureProps as AriaDisclosureProps, DisclosurePanelProps as AriaDisclosurePanelProps } from 'react-aria-components';
|
|
3
|
+
interface DetailsDisclosureProps extends AriaDisclosureProps {
|
|
4
|
+
/**
|
|
5
|
+
* Whether the disclosure is expanded by default.
|
|
6
|
+
*/
|
|
7
|
+
defaultExpanded?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Whether the disclosure is expanded (Controlled)
|
|
10
|
+
*/
|
|
11
|
+
isExpanded?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Callback function that is called when the disclosure is expanded or collapsed. (Controlled)
|
|
14
|
+
*/
|
|
15
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
16
|
+
/**
|
|
17
|
+
* <DetailsDisclosure.Trigger> and <DetailsDisclosure.Panel> children.
|
|
18
|
+
*/
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare const DetailsDisclosure: {
|
|
22
|
+
({ children, ...props }: DetailsDisclosureProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
Summary: {
|
|
24
|
+
({ children, }: Pick<DetailsDisclosureProps, "children">): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
Details: {
|
|
28
|
+
({ children, ...props }: AriaDisclosurePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export type { DetailsDisclosureProps };
|
|
33
|
+
export default DetailsDisclosure;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Disclosure, Button, DisclosurePanel } from "react-aria-components";
|
|
3
|
+
import { Icon } from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/DetailsDisclosure.css';const detailsDisclosure = "_detailsDisclosure_9jcud_1";
|
|
5
|
+
const detailsDisclosureIcon = "_detailsDisclosureIcon_9jcud_8";
|
|
6
|
+
const detailsDisclosureDetails = "_detailsDisclosureDetails_9jcud_40";
|
|
7
|
+
const styles = {
|
|
8
|
+
detailsDisclosure,
|
|
9
|
+
detailsDisclosureIcon,
|
|
10
|
+
detailsDisclosureDetails
|
|
11
|
+
};
|
|
12
|
+
const DetailsDisclosureSummary = ({
|
|
13
|
+
children
|
|
14
|
+
}) => {
|
|
15
|
+
return /* @__PURE__ */ jsxs(Button, { slot: "trigger", children: [
|
|
16
|
+
/* @__PURE__ */ jsx(Icon, { className: styles["detailsDisclosureIcon"], iconName: "caret-right", iconPrefix: "fas", ariaLabel: "Open disclosure" }),
|
|
17
|
+
children
|
|
18
|
+
] });
|
|
19
|
+
};
|
|
20
|
+
DetailsDisclosureSummary.displayName = "DetailsDisclosure.Summary";
|
|
21
|
+
const DetailsDisclosureDetails = ({
|
|
22
|
+
children,
|
|
23
|
+
...props
|
|
24
|
+
}) => {
|
|
25
|
+
return /* @__PURE__ */ jsx(DisclosurePanel, { className: styles["detailsDisclosureDetails"], ...props, children });
|
|
26
|
+
};
|
|
27
|
+
DetailsDisclosureDetails.displayName = "DetailsDisclosure.Details";
|
|
28
|
+
const DetailsDisclosure = ({
|
|
29
|
+
children,
|
|
30
|
+
...props
|
|
31
|
+
}) => {
|
|
32
|
+
return /* @__PURE__ */ jsx(Disclosure, { className: styles["detailsDisclosure"], ...props, children });
|
|
33
|
+
};
|
|
34
|
+
DetailsDisclosure.Summary = DetailsDisclosureSummary;
|
|
35
|
+
DetailsDisclosure.Details = DetailsDisclosureDetails;
|
|
36
|
+
export {
|
|
37
|
+
DetailsDisclosure as default
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=DetailsDisclosure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DetailsDisclosure.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|