@alto-avios/alto-ui 3.4.0-alpha.3 → 3.4.0-experimental.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/CreditCardNumberField.css +1 -1
- package/dist/assets/Image.css +1 -1
- package/dist/assets/LoadingSpinner.css +1 -1
- package/dist/assets/Paragraph.css +1 -1
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/Section.css +1 -1
- package/dist/components/Accordion/Accordion.js +23 -23
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +2 -2
- package/dist/components/Box/Box.d.ts +2 -2
- package/dist/components/Box/Box.js +1 -1
- package/dist/components/Button/Button.d.ts +20 -14
- package/dist/components/Button/Button.js +60 -34
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +19 -19
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +7 -7
- package/dist/components/Dialog/Dialog.js +4 -4
- package/dist/components/ErrorSummary/ErrorSummary.js +4 -4
- package/dist/components/IconButton/IconButton.d.ts +3 -15
- package/dist/components/IconButton/IconButton.js +18 -87
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/Image/Image.js +13 -13
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +2 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.js +8 -6
- package/dist/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/NumberField/NumberField.d.ts +1 -1
- package/dist/components/NumberField/NumberField.js +4 -6
- package/dist/components/NumberField/NumberField.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +8 -8
- package/dist/components/PasswordField/PasswordField.d.ts +1 -2
- package/dist/components/PasswordField/PasswordField.js +7 -8
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +5 -5
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Section/Section.d.ts +2 -6
- package/dist/components/Section/Section.js +18 -46
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/SelectCard/SelectCard.js +2 -2
- package/dist/components/SelectNative/SelectNative.d.ts +1 -6
- package/dist/components/SelectNative/SelectNative.js +1 -7
- package/dist/components/SelectNative/SelectNative.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.d.ts +1 -21
- package/dist/components/TagGroup/TagGroup.js +2 -6
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/components/TextAreaField/TextAreaField.js +3 -5
- package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
- package/dist/components/TextField/TextField.d.ts +1 -1
- package/dist/components/TextField/TextField.js +4 -6
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/_base/Field/Field.js +2 -2
- package/dist/components/index.d.ts +0 -5
- package/dist/components/index.js +0 -10
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +0 -10
- package/dist/index.js.map +1 -1
- package/dist/{react-number-format.es-DXPULhrt.js → react-number-format.es-DMLgWFZX.js} +6 -6
- package/dist/{react-number-format.es-DXPULhrt.js.map → react-number-format.es-DMLgWFZX.js.map} +1 -1
- package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.js +0 -3
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -1
- package/dist/utils/stories/iconPropsArgTypes.js +1 -1
- package/package.json +3 -3
- package/dist/IconButton.module-DcfPVyUX.js +0 -48
- package/dist/IconButton.module-DcfPVyUX.js.map +0 -1
- package/dist/assets/AutoplayControl.css +0 -1
- package/dist/assets/Carousel.css +0 -1
- package/dist/assets/CarouselButton.css +0 -1
- package/dist/assets/CarouselDots.css +0 -1
- package/dist/assets/CreditCardSecurityCodeField.css +0 -1
- package/dist/assets/IconButton.css +0 -1
- package/dist/assets/Label.css +0 -1
- package/dist/assets/ListBoxItem.css +0 -1
- package/dist/assets/SearchField.css +0 -1
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts +0 -27
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js +0 -65
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map +0 -1
- package/dist/components/Carousel/Carousel.d.ts +0 -150
- package/dist/components/Carousel/Carousel.js +0 -246
- package/dist/components/Carousel/Carousel.js.map +0 -1
- package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +0 -40
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +0 -116
- package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +0 -1
- package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +0 -15
- package/dist/components/Carousel/CarouselDots/CarouselDots.js +0 -192
- package/dist/components/Carousel/CarouselDots/CarouselDots.js.map +0 -1
- package/dist/components/Carousel/index.d.ts +0 -1
- package/dist/components/Carousel/index.js +0 -5
- package/dist/components/Carousel/index.js.map +0 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +0 -35
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +0 -65
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map +0 -1
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +0 -1
- package/dist/components/CreditCardSecurityCodeField/index.js +0 -5
- package/dist/components/CreditCardSecurityCodeField/index.js.map +0 -1
- package/dist/components/Label/Label.d.ts +0 -23
- package/dist/components/Label/Label.js +0 -50
- package/dist/components/Label/Label.js.map +0 -1
- package/dist/components/Label/index.d.ts +0 -1
- package/dist/components/Label/index.js +0 -5
- package/dist/components/Label/index.js.map +0 -1
- package/dist/components/ListBoxItem/ListBoxItem.d.ts +0 -15
- package/dist/components/ListBoxItem/ListBoxItem.js +0 -32
- package/dist/components/ListBoxItem/ListBoxItem.js.map +0 -1
- package/dist/components/ListBoxItem/index.d.ts +0 -1
- package/dist/components/ListBoxItem/index.js +0 -5
- package/dist/components/ListBoxItem/index.js.map +0 -1
- package/dist/components/SearchField/SearchField.d.ts +0 -14
- package/dist/components/SearchField/SearchField.js +0 -48
- package/dist/components/SearchField/SearchField.js.map +0 -1
- package/dist/components/SearchField/index.d.ts +0 -1
- package/dist/components/SearchField/index.js +0 -5
- package/dist/components/SearchField/index.js.map +0 -1
- package/dist/index-uZFEbUWx.js +0 -1005
- package/dist/index-uZFEbUWx.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_1x2oh_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1x2oh_14,._accordionStack_1x2oh_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1x2oh_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1x2oh_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1x2oh_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1x2oh_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1x2oh_57{display:flex;flex-direction:column}._endContainer_1x2oh_62{gap:var(--alto-sem-space-sm)}._endContainer_1x2oh_62,._titleEnd_1x2oh_69,._titleStart_1x2oh_68{align-items:center;display:flex}._accordionTitle_1x2oh_74{color:var(--alto-sem-color-fg-primary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1x2oh_87,._accordionTitle_1x2oh_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1x2oh_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1x2oh_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}[data-expanded=true] ._iconWrapper_1x2oh_96{transform:rotate(180deg)}[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}[data-expanded=true] [role=group],[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_1x2oh_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}[data-expanded=true] ._trigger_1x2oh_33,[data-expanded=true]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-layer1-default)}._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._trigger_1x2oh_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._trigger_1x2oh_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}[data-expanded=true] ._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._trigger_1x2oh_33[data-focused]{outline:none}._trigger_1x2oh_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);cursor:not-allowed}._trigger_1x2oh_33[data-disabled],._trigger_1x2oh_33[data-disabled] ._accordionDescription_1x2oh_87,._trigger_1x2oh_33[data-disabled] ._accordionTitle_1x2oh_74,._trigger_1x2oh_33[data-disabled] ._iconWrapper_1x2oh_96{color:var(--alto-sem-color-fg-disabled-on-subtle)}[data-disabled]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1o6d2_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_1o6d2_1,._button_1o6d2_1 ._content_1o6d2_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1o6d2_28 ._loadingSpinner_1o6d2_28{opacity:0;position:absolute}._isNotLoading_1o6d2_28 ._content_1o6d2_19{opacity:1}._isLoading_1o6d2_37 ._loadingSpinner_1o6d2_28{opacity:1;position:absolute}._isLoading_1o6d2_37 ._content_1o6d2_19{opacity:0}._focusWhite_1o6d2_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1o6d2_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1o6d2_64{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1o6d2_72{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1o6d2_80{width:100%}._textAlignLeft_1o6d2_87{text-align:left}._textAlignCenter_1o6d2_91{text-align:center}._textAlignRight_1o6d2_95{text-align:right}._accentPrimary_1o6d2_103[data-focused],._accentPrimary_1o6d2_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1o6d2_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1o6d2_103[data-pressed][data-focused]{outline:none}._accentPrimary_1o6d2_103:disabled,._accentPrimary_1o6d2_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1o6d2_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1o6d2_123[data-focused],._accentSecondary_1o6d2_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1o6d2_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1o6d2_123[data-pressed][data-focused]{outline:none}._accentSecondary_1o6d2_123:disabled,._accentSecondary_1o6d2_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_1o6d2_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1o6d2_153[data-focused],._accentTertiary_1o6d2_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1o6d2_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1o6d2_153[data-pressed][data-focused]{outline:none}._accentTertiary_1o6d2_153:disabled,._accentTertiary_1o6d2_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1o6d2_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1o6d2_179[data-focused],._accentQuaternary_1o6d2_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1o6d2_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1o6d2_179[data-pressed][data-focused]{outline:none}._accentQuaternary_1o6d2_179:disabled,._accentQuaternary_1o6d2_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1o6d2_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1o6d2_205[data-focused],._criticalPrimary_1o6d2_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1o6d2_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1o6d2_205[data-pressed][data-focused]{outline:none}._criticalPrimary_1o6d2_205:disabled,._criticalPrimary_1o6d2_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1o6d2_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1o6d2_230[data-focused],._criticalSecondary_1o6d2_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1o6d2_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1o6d2_230[data-pressed][data-focused]{outline:none}._criticalSecondary_1o6d2_230:disabled,._criticalSecondary_1o6d2_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_1o6d2_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1o6d2_260[data-focused],._criticalTertiary_1o6d2_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1o6d2_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1o6d2_260[data-pressed][data-focused]{outline:none}._criticalTertiary_1o6d2_260:disabled,._criticalTertiary_1o6d2_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1o6d2_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1o6d2_286[data-focused],._criticalQuaternary_1o6d2_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1o6d2_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1o6d2_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_1o6d2_286:disabled,._criticalQuaternary_1o6d2_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1o6d2_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1o6d2_313[data-focused],._neutralPrimary_1o6d2_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1o6d2_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1o6d2_313[data-pressed][data-focused]{outline:none}._neutralPrimary_1o6d2_313:disabled,._neutralPrimary_1o6d2_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1o6d2_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1o6d2_338[data-focused],._neutralSecondary_1o6d2_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1o6d2_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1o6d2_338[data-pressed][data-focused]{outline:none}._neutralSecondary_1o6d2_338:disabled,._neutralSecondary_1o6d2_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_1o6d2_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1o6d2_367[data-focused],._neutralTertiary_1o6d2_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1o6d2_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1o6d2_367[data-pressed][data-focused]{outline:none}._neutralTertiary_1o6d2_367:disabled,._neutralTertiary_1o6d2_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1o6d2_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1o6d2_393[data-focused],._neutralQuaternary_1o6d2_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1o6d2_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1o6d2_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_1o6d2_393:disabled,._neutralQuaternary_1o6d2_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1o6d2_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1o6d2_420[data-focused],._whitePrimary_1o6d2_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1o6d2_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1o6d2_420[data-pressed][data-focused]{outline:none}._whitePrimary_1o6d2_420:disabled,._whitePrimary_1o6d2_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1o6d2_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1o6d2_446[data-focused],._whiteSecondary_1o6d2_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1o6d2_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1o6d2_446[data-pressed][data-focused]{outline:none}._whiteSecondary_1o6d2_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1o6d2_446:disabled,._whiteSecondary_1o6d2_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1o6d2_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1o6d2_479[data-focused],._whiteTertiary_1o6d2_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1o6d2_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1o6d2_479[data-pressed][data-focused]{outline:none}._whiteTertiary_1o6d2_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1o6d2_479:disabled,._whiteTertiary_1o6d2_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1o6d2_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1o6d2_509[data-focused],._whiteQuaternary_1o6d2_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1o6d2_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1o6d2_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_1o6d2_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1o6d2_509:disabled,._whiteQuaternary_1o6d2_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1o6d2_541{height:1rem;width:1rem}._icon-wrapper_1o6d2_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_7cuws_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_7cuws_1,._button_7cuws_1 ._content_7cuws_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_7cuws_28 ._loadingSpinner_7cuws_28{opacity:0;position:absolute}._isNotLoading_7cuws_28 ._content_7cuws_19{opacity:1}._isLoading_7cuws_37 ._loadingSpinner_7cuws_28{opacity:1;position:absolute}._isLoading_7cuws_37 ._content_7cuws_19{opacity:0}._focusWhite_7cuws_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_7cuws_56{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_7cuws_64{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_7cuws_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._iconButton_7cuws_80{padding:0}._iconButton__sm_7cuws_84{width:36px}._iconButton__md_7cuws_88{width:48px}._iconButton__lg_7cuws_92{width:55px}._fullWidth_7cuws_96{width:100%}._textAlignLeft_7cuws_103{text-align:left}._textAlignCenter_7cuws_107{text-align:center}._textAlignRight_7cuws_111{text-align:right}._accentPrimary_7cuws_119[data-focused],._accentPrimary_7cuws_119[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_7cuws_119[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_7cuws_119[data-pressed][data-focused]{outline:none}._accentPrimary_7cuws_119:disabled,._accentPrimary_7cuws_119[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_7cuws_139{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_7cuws_139[data-focused],._accentSecondary_7cuws_139[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_7cuws_139[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_7cuws_139[data-pressed][data-focused]{outline:none}._accentSecondary_7cuws_139:disabled,._accentSecondary_7cuws_139[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_7cuws_169{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_7cuws_169[data-focused],._accentTertiary_7cuws_169[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_7cuws_169[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_7cuws_169[data-pressed][data-focused]{outline:none}._accentTertiary_7cuws_169:disabled,._accentTertiary_7cuws_169[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_7cuws_195{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_7cuws_195[data-focused],._accentQuaternary_7cuws_195[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_7cuws_195[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_7cuws_195[data-pressed][data-focused]{outline:none}._accentQuaternary_7cuws_195:disabled,._accentQuaternary_7cuws_195[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_7cuws_221{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_7cuws_221[data-focused],._criticalPrimary_7cuws_221[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_7cuws_221[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_7cuws_221[data-pressed][data-focused]{outline:none}._criticalPrimary_7cuws_221:disabled,._criticalPrimary_7cuws_221[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_7cuws_246{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_7cuws_246[data-focused],._criticalSecondary_7cuws_246[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_7cuws_246[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_7cuws_246[data-pressed][data-focused]{outline:none}._criticalSecondary_7cuws_246:disabled,._criticalSecondary_7cuws_246[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_7cuws_276{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_7cuws_276[data-focused],._criticalTertiary_7cuws_276[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_7cuws_276[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_7cuws_276[data-pressed][data-focused]{outline:none}._criticalTertiary_7cuws_276:disabled,._criticalTertiary_7cuws_276[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_7cuws_302{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_7cuws_302[data-focused],._criticalQuaternary_7cuws_302[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_7cuws_302[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_7cuws_302[data-pressed][data-focused]{outline:none}._criticalQuaternary_7cuws_302:disabled,._criticalQuaternary_7cuws_302[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_7cuws_329{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_7cuws_329[data-focused],._neutralPrimary_7cuws_329[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_7cuws_329[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_7cuws_329[data-pressed][data-focused]{outline:none}._neutralPrimary_7cuws_329:disabled,._neutralPrimary_7cuws_329[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_7cuws_354{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_7cuws_354[data-focused],._neutralSecondary_7cuws_354[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_7cuws_354[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_7cuws_354[data-pressed][data-focused]{outline:none}._neutralSecondary_7cuws_354:disabled,._neutralSecondary_7cuws_354[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_7cuws_383{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_7cuws_383[data-focused],._neutralTertiary_7cuws_383[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_7cuws_383[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_7cuws_383[data-pressed][data-focused]{outline:none}._neutralTertiary_7cuws_383:disabled,._neutralTertiary_7cuws_383[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_7cuws_409{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_7cuws_409[data-focused],._neutralQuaternary_7cuws_409[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_7cuws_409[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_7cuws_409[data-pressed][data-focused]{outline:none}._neutralQuaternary_7cuws_409:disabled,._neutralQuaternary_7cuws_409[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_7cuws_436{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_7cuws_436[data-focused],._whitePrimary_7cuws_436[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_7cuws_436[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_7cuws_436[data-pressed][data-focused]{outline:none}._whitePrimary_7cuws_436:disabled,._whitePrimary_7cuws_436[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_7cuws_462{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_7cuws_462[data-focused],._whiteSecondary_7cuws_462[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_7cuws_462[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_7cuws_462[data-pressed][data-focused]{outline:none}._whiteSecondary_7cuws_462[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_7cuws_462:disabled,._whiteSecondary_7cuws_462[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_7cuws_495{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_7cuws_495[data-focused],._whiteTertiary_7cuws_495[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_7cuws_495[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_7cuws_495[data-pressed][data-focused]{outline:none}._whiteTertiary_7cuws_495[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_7cuws_495:disabled,._whiteTertiary_7cuws_495[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_7cuws_525{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_7cuws_525[data-focused],._whiteQuaternary_7cuws_525[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_7cuws_525[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_7cuws_525[data-pressed][data-focused]{outline:none}._whiteQuaternary_7cuws_525[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_7cuws_525:disabled,._whiteQuaternary_7cuws_525[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_7cuws_557{height:1rem;width:1rem}._icon-wrapper_7cuws_562{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calloutBanner_1o7bw_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;width:100%}._calloutBanner__icon_1o7bw_11{align-self:flex-start}._calloutBanner__start_1o7bw_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_1o7bw_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_1o7bw_29{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._calloutBanner__meta-title_1o7bw_41{font-weight:600}._calloutBanner__meta-description_1o7bw_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_1o7bw_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_1o7bw_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_1o7bw_58{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_1o7bw_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_1o7bw_70._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_1o7bw_66:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_1o7bw_89{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_1o7bw_70._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-success);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_1o7bw_89:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_1o7bw_112{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_1o7bw_70._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-information);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_1o7bw_112:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_1o7bw_135{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_1o7bw_70._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-layer1-default);border-bottom:1px solid var(--alto-sem-color-border-secondary);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_1o7bw_135:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_1o7bw_80{border-color:transparent}._calloutBanner-tertiary_1o7bw_80 ._calloutBanner__end_1o7bw_58{border-radius:var(--alto-card-radius)}
|
|
@@ -1 +1 @@
|
|
|
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}
|
package/dist/assets/Image.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._image_z82es_1{opacity:0;transition:opacity .3s ease-in-out}[data-loaded=true]{opacity:1}._fill_z82es_10{-o-object-fit:fill;object-fit:fill}._contain_z82es_14{-o-object-fit:contain;object-fit:contain}._cover_z82es_18{-o-object-fit:cover;object-fit:cover}._none_z82es_22{-o-object-fit:none;object-fit:none}._scaleDown_z82es_26{-o-object-fit:scale-down;object-fit:scale-down}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._loadingSpinner_1kyw6_1{display:flex}._md_1kyw6_9,._sm_1kyw6_5{font-size:1rem}._lg_1kyw6_13{font-size:1.25rem}._fa-spinner-third_1kyw6_17{height:1rem;width:1rem}._icon-wrapper_1kyw6_22{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._paragraph_odu3c_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._xs_odu3c_9{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_odu3c_15{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_odu3c_21{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_odu3c_27{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_odu3c_33{text-align:start}._center_odu3c_37{text-align:center}._end_odu3c_41{text-align:end}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._phoneNumberField_1udln_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid;border-color:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}input::-moz-placeholder{font-weight:700;opacity:.5}input::placeholder{font-weight:700;opacity:.5}._phoneNumberField_1udln_1:focus-within:not(:has(select:focus-within)){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._phoneNumberField_1udln_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(input[data-hovered]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1udln_1:has(input[data-disabled]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1udln_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1udln_1:has(input[data-disabled]) ._selectHandlerIcon_1udln_65{opacity:0}._phoneNumberField_1udln_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1udln_1:has(input[data-invalid]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1udln_77{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_1udln_77:has(select:focus-within){border-bottom-left-radius:var(--alto-sem-radius-sm);border-color:var(--alto-sem-color-border-accent);border-top-left-radius:var(--alto-sem-radius-sm)}._selectHandlerValue_1udln_34{align-items:center;border-right:1px solid var(--alto-sem-color-border-primary-default);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-label-sm-font-size);gap:var(--alto-sem-space-2xs);height:48px;justify-content:center;letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);max-width:90px;padding:0 var(--alto-sem-space-xs)}._selectHandlerIcon_1udln_65{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1udln_1 select{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border-radius:var(--alto-sem-radius-sm);cursor:pointer;display:inline-flex;font-size:0;height:48px;left:0;max-width:90px;opacity:0;position:absolute;top:0;width:100%}._phoneNumberField_1udln_1 input{all:unset;align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);background-color:transparent;border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex:1 1 auto;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);text-align:left;width:100%}
|
package/dist/assets/Section.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._section_1lo00_1{flex-direction:column}._container_1lo00_8,._section_1lo00_1{display:flex;position:relative;width:100%}._container_1lo00_8{margin:0 auto;z-index:1}._container_1lo00_8._pageWidth_1lo00_16{max-width:var(--alto-section-container-max-width)}._container_1lo00_8._fullWidth_1lo00_20{max-width:100%}._paddingX-default_1lo00_24{padding-left:var(--alto-section-padding-horizontal-default);padding-right:var(--alto-section-padding-horizontal-default)}._paddingY-default_1lo00_29{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingTopDefault_1lo00_34,._paddingY-default_1lo00_29{padding-top:var(--alto-section-padding-vertical-default)}._paddingRightDefault_1lo00_38{padding-right:var(--alto-section-padding-horizontal-default)}._paddingBottomDefault_1lo00_42{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingLeftDefault_1lo00_46{padding-left:var(--alto-section-padding-horizontal-default)}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/Accordion.css';const accordion = "
|
|
6
|
-
const accordionGroup = "
|
|
7
|
-
const accordionStack = "
|
|
8
|
-
const accordionHeader = "
|
|
9
|
-
const trigger = "
|
|
10
|
-
const buttonContent = "
|
|
11
|
-
const titleContainer = "
|
|
12
|
-
const titleWrapper = "
|
|
13
|
-
const endContainer = "
|
|
14
|
-
const titleStart = "
|
|
15
|
-
const titleEnd = "
|
|
16
|
-
const accordionTitle = "
|
|
17
|
-
const accordionDescription = "
|
|
18
|
-
const iconWrapper = "
|
|
19
|
-
const panelContent = "
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_1x2oh_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_1x2oh_14";
|
|
7
|
+
const accordionStack = "_accordionStack_1x2oh_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_1x2oh_26";
|
|
9
|
+
const trigger = "_trigger_1x2oh_33";
|
|
10
|
+
const buttonContent = "_buttonContent_1x2oh_42";
|
|
11
|
+
const titleContainer = "_titleContainer_1x2oh_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_1x2oh_57";
|
|
13
|
+
const endContainer = "_endContainer_1x2oh_62";
|
|
14
|
+
const titleStart = "_titleStart_1x2oh_68";
|
|
15
|
+
const titleEnd = "_titleEnd_1x2oh_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_1x2oh_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_1x2oh_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_1x2oh_96";
|
|
19
|
+
const panelContent = "_panelContent_1x2oh_129";
|
|
20
20
|
const styles = {
|
|
21
21
|
accordion,
|
|
22
22
|
accordionGroup,
|
|
@@ -58,8 +58,8 @@ const AccordionPanel = ({
|
|
|
58
58
|
children,
|
|
59
59
|
...props
|
|
60
60
|
}) => {
|
|
61
|
-
const contentRef =
|
|
62
|
-
|
|
61
|
+
const contentRef = React.useRef(null);
|
|
62
|
+
React.useEffect(() => {
|
|
63
63
|
const content = contentRef.current;
|
|
64
64
|
if (!content) return;
|
|
65
65
|
const group = content.closest('[role="group"]');
|
|
@@ -110,8 +110,8 @@ const AccordionGroup = ({
|
|
|
110
110
|
allowsMultipleExpanded = true
|
|
111
111
|
}) => {
|
|
112
112
|
const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
|
|
113
|
-
const defaultExpandedKeys =
|
|
114
|
-
if (
|
|
113
|
+
const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
|
|
114
|
+
if (React.isValidElement(child) && child.props.defaultExpanded) {
|
|
115
115
|
return `accordion-${index}`;
|
|
116
116
|
}
|
|
117
117
|
return null;
|
|
@@ -121,9 +121,9 @@ const AccordionGroup = ({
|
|
|
121
121
|
title,
|
|
122
122
|
description
|
|
123
123
|
] }),
|
|
124
|
-
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children:
|
|
125
|
-
if (
|
|
126
|
-
return
|
|
124
|
+
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
|
|
125
|
+
if (React.isValidElement(child)) {
|
|
126
|
+
return React.cloneElement(child, {
|
|
127
127
|
key: `accordion-${index}`,
|
|
128
128
|
id: `accordion-${index}`
|
|
129
129
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
4
4
|
import '../../assets/AviosCurrencySymbol.css';const styles = {
|
|
5
5
|
"aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_q5gfd_1",
|
|
@@ -43,7 +43,7 @@ const AviosCurrencySymbol = ({
|
|
|
43
43
|
"aria-label": ariaLabel,
|
|
44
44
|
...props
|
|
45
45
|
}) => {
|
|
46
|
-
const dimensions =
|
|
46
|
+
const dimensions = React.useMemo(() => {
|
|
47
47
|
if (width && height) {
|
|
48
48
|
return {
|
|
49
49
|
width,
|
|
@@ -16,9 +16,9 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
|
|
|
16
16
|
width?: 'full' | string;
|
|
17
17
|
/**
|
|
18
18
|
* The maximum width of the Box.
|
|
19
|
-
* Accepts any valid CSS unit
|
|
19
|
+
* Accepts any valid CSS unit.
|
|
20
20
|
*/
|
|
21
|
-
maxWidth?:
|
|
21
|
+
maxWidth?: string;
|
|
22
22
|
/**
|
|
23
23
|
* The minimum width of the Box.
|
|
24
24
|
* Accepts any valid CSS unit.
|
|
@@ -24,7 +24,7 @@ const Box = ({
|
|
|
24
24
|
const stylesProp = {
|
|
25
25
|
width: width === "full" ? "100%" : width,
|
|
26
26
|
height: height === "full" ? "100%" : height,
|
|
27
|
-
maxWidth
|
|
27
|
+
maxWidth,
|
|
28
28
|
minWidth,
|
|
29
29
|
maxHeight,
|
|
30
30
|
minHeight
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentType, ElementType, ReactNode } from 'react';
|
|
2
2
|
import { AriaButtonOptions } from '@react-aria/button';
|
|
3
3
|
import { HoverProps } from '@react-aria/interactions';
|
|
4
4
|
import { IconProps } from '../Icon/Icon';
|
|
@@ -81,11 +81,6 @@ export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T>
|
|
|
81
81
|
* Whether the button should be full width.
|
|
82
82
|
*/
|
|
83
83
|
fullWidth?: boolean;
|
|
84
|
-
/**
|
|
85
|
-
* @deprecated onPress should be preferred
|
|
86
|
-
* Handler to be called when the button is clicked.
|
|
87
|
-
*/
|
|
88
|
-
onClick?: React.MouseEventHandler;
|
|
89
84
|
/**
|
|
90
85
|
* The target of the link (if `as` is set to 'a').
|
|
91
86
|
*/
|
|
@@ -94,16 +89,24 @@ export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T>
|
|
|
94
89
|
* What type of focus style to apply to the button.
|
|
95
90
|
*/
|
|
96
91
|
focusStyle?: 'default' | 'white';
|
|
92
|
+
/**
|
|
93
|
+
* The slot of the button
|
|
94
|
+
*/
|
|
95
|
+
slot?: string;
|
|
96
|
+
/**
|
|
97
|
+
* Set to true to style button as an icon button
|
|
98
|
+
*/
|
|
99
|
+
iconButton?: boolean;
|
|
97
100
|
/**
|
|
98
101
|
* Passthrough props for the button element.
|
|
99
102
|
*/
|
|
100
103
|
passthroughProps?: Partial<T extends ComponentType<infer P> ? P : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : never>;
|
|
101
104
|
};
|
|
102
|
-
export declare const Button:
|
|
105
|
+
export declare const Button: import('react').ForwardRefExoticComponent<AriaButtonOptions<ElementType> & HoverProps & {
|
|
103
106
|
/**
|
|
104
107
|
* The HTML element to be rendered as the button.
|
|
105
108
|
*/
|
|
106
|
-
as?:
|
|
109
|
+
as?: ElementType | undefined;
|
|
107
110
|
elementType?: "a" | "button";
|
|
108
111
|
/**
|
|
109
112
|
* What the base style of button is
|
|
@@ -175,11 +178,6 @@ export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<R
|
|
|
175
178
|
* Whether the button should be full width.
|
|
176
179
|
*/
|
|
177
180
|
fullWidth?: boolean;
|
|
178
|
-
/**
|
|
179
|
-
* @deprecated onPress should be preferred
|
|
180
|
-
* Handler to be called when the button is clicked.
|
|
181
|
-
*/
|
|
182
|
-
onClick?: React.MouseEventHandler;
|
|
183
181
|
/**
|
|
184
182
|
* The target of the link (if `as` is set to 'a').
|
|
185
183
|
*/
|
|
@@ -188,9 +186,17 @@ export declare const Button: React.ForwardRefExoticComponent<AriaButtonOptions<R
|
|
|
188
186
|
* What type of focus style to apply to the button.
|
|
189
187
|
*/
|
|
190
188
|
focusStyle?: "default" | "white";
|
|
189
|
+
/**
|
|
190
|
+
* The slot of the button
|
|
191
|
+
*/
|
|
192
|
+
slot?: string;
|
|
193
|
+
/**
|
|
194
|
+
* Set to true to style button as an icon button
|
|
195
|
+
*/
|
|
196
|
+
iconButton?: boolean;
|
|
191
197
|
/**
|
|
192
198
|
* Passthrough props for the button element.
|
|
193
199
|
*/
|
|
194
200
|
passthroughProps?: Partial<any> | undefined;
|
|
195
|
-
} &
|
|
201
|
+
} & import('react').RefAttributes<any>>;
|
|
196
202
|
export default Button;
|
|
@@ -8,35 +8,39 @@ 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
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
11
|
+
import '../../assets/Button.css';const button$1 = "_button_7cuws_1";
|
|
12
|
+
const content = "_content_7cuws_19";
|
|
13
|
+
const isNotLoading = "_isNotLoading_7cuws_28";
|
|
14
|
+
const loadingSpinner = "_loadingSpinner_7cuws_28";
|
|
15
|
+
const isLoading = "_isLoading_7cuws_37";
|
|
16
|
+
const focusWhite = "_focusWhite_7cuws_49";
|
|
17
|
+
const sm = "_sm_7cuws_56";
|
|
18
|
+
const md = "_md_7cuws_64";
|
|
19
|
+
const lg = "_lg_7cuws_72";
|
|
20
|
+
const iconButton = "_iconButton_7cuws_80";
|
|
21
|
+
const iconButton__sm = "_iconButton__sm_7cuws_84";
|
|
22
|
+
const iconButton__md = "_iconButton__md_7cuws_88";
|
|
23
|
+
const iconButton__lg = "_iconButton__lg_7cuws_92";
|
|
24
|
+
const fullWidth = "_fullWidth_7cuws_96";
|
|
25
|
+
const textAlignLeft = "_textAlignLeft_7cuws_103";
|
|
26
|
+
const textAlignCenter = "_textAlignCenter_7cuws_107";
|
|
27
|
+
const textAlignRight = "_textAlignRight_7cuws_111";
|
|
28
|
+
const accentPrimary = "_accentPrimary_7cuws_119";
|
|
29
|
+
const accentSecondary = "_accentSecondary_7cuws_139";
|
|
30
|
+
const accentTertiary = "_accentTertiary_7cuws_169";
|
|
31
|
+
const accentQuaternary = "_accentQuaternary_7cuws_195";
|
|
32
|
+
const criticalPrimary = "_criticalPrimary_7cuws_221";
|
|
33
|
+
const criticalSecondary = "_criticalSecondary_7cuws_246";
|
|
34
|
+
const criticalTertiary = "_criticalTertiary_7cuws_276";
|
|
35
|
+
const criticalQuaternary = "_criticalQuaternary_7cuws_302";
|
|
36
|
+
const neutralPrimary = "_neutralPrimary_7cuws_329";
|
|
37
|
+
const neutralSecondary = "_neutralSecondary_7cuws_354";
|
|
38
|
+
const neutralTertiary = "_neutralTertiary_7cuws_383";
|
|
39
|
+
const neutralQuaternary = "_neutralQuaternary_7cuws_409";
|
|
40
|
+
const whitePrimary = "_whitePrimary_7cuws_436";
|
|
41
|
+
const whiteSecondary = "_whiteSecondary_7cuws_462";
|
|
42
|
+
const whiteTertiary = "_whiteTertiary_7cuws_495";
|
|
43
|
+
const whiteQuaternary = "_whiteQuaternary_7cuws_525";
|
|
40
44
|
const styles = {
|
|
41
45
|
button: button$1,
|
|
42
46
|
content,
|
|
@@ -47,6 +51,10 @@ const styles = {
|
|
|
47
51
|
sm,
|
|
48
52
|
md,
|
|
49
53
|
lg,
|
|
54
|
+
iconButton,
|
|
55
|
+
iconButton__sm,
|
|
56
|
+
iconButton__md,
|
|
57
|
+
iconButton__lg,
|
|
50
58
|
fullWidth,
|
|
51
59
|
textAlignLeft,
|
|
52
60
|
textAlignCenter,
|
|
@@ -67,8 +75,8 @@ const styles = {
|
|
|
67
75
|
whiteSecondary,
|
|
68
76
|
whiteTertiary,
|
|
69
77
|
whiteQuaternary,
|
|
70
|
-
"fa-spinner-third": "_fa-spinner-
|
|
71
|
-
"icon-wrapper": "_icon-
|
|
78
|
+
"fa-spinner-third": "_fa-spinner-third_7cuws_557",
|
|
79
|
+
"icon-wrapper": "_icon-wrapper_7cuws_562"
|
|
72
80
|
};
|
|
73
81
|
const button = cva(styles.button, {
|
|
74
82
|
variants: {
|
|
@@ -116,12 +124,27 @@ const button = cva(styles.button, {
|
|
|
116
124
|
left: styles.textAlignLeft,
|
|
117
125
|
center: styles.textAlignCenter,
|
|
118
126
|
right: styles.textAlignRight
|
|
127
|
+
},
|
|
128
|
+
iconButton: {
|
|
129
|
+
true: styles.iconButton
|
|
119
130
|
}
|
|
120
131
|
},
|
|
121
132
|
compoundVariants: [{
|
|
122
133
|
size: "md",
|
|
123
134
|
accent: "primary",
|
|
124
135
|
className: styles.accentPrimary
|
|
136
|
+
}, {
|
|
137
|
+
size: "sm",
|
|
138
|
+
iconButton: true,
|
|
139
|
+
className: styles.iconButton__sm
|
|
140
|
+
}, {
|
|
141
|
+
size: "md",
|
|
142
|
+
iconButton: true,
|
|
143
|
+
className: styles.iconButton__md
|
|
144
|
+
}, {
|
|
145
|
+
size: "lg",
|
|
146
|
+
iconButton: true,
|
|
147
|
+
className: styles.iconButton__lg
|
|
125
148
|
}],
|
|
126
149
|
defaultVariants: {
|
|
127
150
|
size: "md"
|
|
@@ -144,6 +167,8 @@ const Button = forwardRef(function Button2({
|
|
|
144
167
|
focusStyle = "default",
|
|
145
168
|
passthroughProps,
|
|
146
169
|
isLoading: isLoading2 = false,
|
|
170
|
+
iconButton: iconButton2,
|
|
171
|
+
slot,
|
|
147
172
|
...props
|
|
148
173
|
}, forwardedRef) {
|
|
149
174
|
const ref = useObjectRef(forwardedRef);
|
|
@@ -179,9 +204,10 @@ const Button = forwardRef(function Button2({
|
|
|
179
204
|
focusStyle,
|
|
180
205
|
isLoading: isLoading2,
|
|
181
206
|
textAlign,
|
|
207
|
+
iconButton: iconButton2,
|
|
182
208
|
[resolvedStyleVariant]: emphasis
|
|
183
209
|
});
|
|
184
|
-
const Component =
|
|
210
|
+
const Component = as ?? "button";
|
|
185
211
|
const resolvedIconStartProps = leadingIconName ? {
|
|
186
212
|
iconName: leadingIconName
|
|
187
213
|
} : iconStartProps;
|
|
@@ -190,8 +216,8 @@ const Button = forwardRef(function Button2({
|
|
|
190
216
|
} : iconEndProps;
|
|
191
217
|
return /* @__PURE__ */ jsx(Component, { className: `${className} ${focusStyleVariants({
|
|
192
218
|
focusStyle
|
|
193
|
-
})}`, ref, "data-focused": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
194
|
-
isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "
|
|
219
|
+
})}`, ref, "data-focused": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, slot, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
220
|
+
isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "1.25x" : "1x", "aria-hidden": "true" }),
|
|
195
221
|
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
196
222
|
resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps, "aria-hidden": "true" }),
|
|
197
223
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
4
4
|
import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
|
|
5
5
|
const alignStart = "_alignStart_zcnod_10";
|
|
@@ -41,7 +41,7 @@ const ButtonGroup = ({
|
|
|
41
41
|
}) => {
|
|
42
42
|
return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
|
|
43
43
|
align
|
|
44
|
-
})}`, role: "group", "aria-label": "Button Group", children:
|
|
44
|
+
})}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
|
|
45
45
|
};
|
|
46
46
|
export {
|
|
47
47
|
ButtonGroup,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const calloutBanner: (props?: ({
|
|
4
|
-
emphasis?: "
|
|
4
|
+
emphasis?: "secondary" | "primary" | "tertiary" | null | undefined;
|
|
5
5
|
styleVariant?: "neutral" | "critical" | "success" | "information" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type CalloutBannerVariants = VariantProps<typeof calloutBanner>;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
4
|
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
5
5
|
import { IconButton } from "../IconButton/IconButton.js";
|
|
6
|
-
import '../../assets/CalloutBanner.css';const calloutBanner$1 = "
|
|
7
|
-
const calloutBanner__icon = "
|
|
8
|
-
const calloutBanner__start = "
|
|
9
|
-
const calloutBanner__dismiss = "
|
|
10
|
-
const calloutBanner__meta = "
|
|
11
|
-
const calloutBanner__end = "
|
|
6
|
+
import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_1o7bw_1";
|
|
7
|
+
const calloutBanner__icon = "_calloutBanner__icon_1o7bw_11";
|
|
8
|
+
const calloutBanner__start = "_calloutBanner__start_1o7bw_15";
|
|
9
|
+
const calloutBanner__dismiss = "_calloutBanner__dismiss_1o7bw_23";
|
|
10
|
+
const calloutBanner__meta = "_calloutBanner__meta_1o7bw_29";
|
|
11
|
+
const calloutBanner__end = "_calloutBanner__end_1o7bw_58";
|
|
12
12
|
const styles = {
|
|
13
13
|
calloutBanner: calloutBanner$1,
|
|
14
14
|
calloutBanner__icon,
|
|
15
15
|
calloutBanner__start,
|
|
16
16
|
calloutBanner__dismiss,
|
|
17
17
|
calloutBanner__meta,
|
|
18
|
-
"calloutBanner__meta-title": "_calloutBanner__meta-
|
|
19
|
-
"calloutBanner__meta-description": "_calloutBanner__meta-
|
|
20
|
-
"calloutBanner__meta-label": "_calloutBanner__meta-
|
|
18
|
+
"calloutBanner__meta-title": "_calloutBanner__meta-title_1o7bw_41",
|
|
19
|
+
"calloutBanner__meta-description": "_calloutBanner__meta-description_1o7bw_45",
|
|
20
|
+
"calloutBanner__meta-label": "_calloutBanner__meta-label_1o7bw_49",
|
|
21
21
|
calloutBanner__end,
|
|
22
|
-
"calloutBanner-critical": "_calloutBanner-
|
|
23
|
-
"calloutBanner-primary": "_calloutBanner-
|
|
24
|
-
"calloutBanner-secondary": "_calloutBanner-
|
|
25
|
-
"calloutBanner-tertiary": "_calloutBanner-
|
|
26
|
-
"calloutBanner-success": "_calloutBanner-
|
|
27
|
-
"calloutBanner-information": "_calloutBanner-
|
|
28
|
-
"calloutBanner-neutral": "_calloutBanner-
|
|
22
|
+
"calloutBanner-critical": "_calloutBanner-critical_1o7bw_66",
|
|
23
|
+
"calloutBanner-primary": "_calloutBanner-primary_1o7bw_70",
|
|
24
|
+
"calloutBanner-secondary": "_calloutBanner-secondary_1o7bw_74",
|
|
25
|
+
"calloutBanner-tertiary": "_calloutBanner-tertiary_1o7bw_80",
|
|
26
|
+
"calloutBanner-success": "_calloutBanner-success_1o7bw_89",
|
|
27
|
+
"calloutBanner-information": "_calloutBanner-information_1o7bw_112",
|
|
28
|
+
"calloutBanner-neutral": "_calloutBanner-neutral_1o7bw_135"
|
|
29
29
|
};
|
|
30
30
|
const calloutBanner = cva(styles.calloutBanner, {
|
|
31
31
|
variants: {
|
|
@@ -55,7 +55,7 @@ const CalloutBanner = ({
|
|
|
55
55
|
emphasis = "primary",
|
|
56
56
|
onDismiss
|
|
57
57
|
}) => {
|
|
58
|
-
const iconName =
|
|
58
|
+
const iconName = React.useMemo(() => {
|
|
59
59
|
switch (styleVariant) {
|
|
60
60
|
case "critical":
|
|
61
61
|
return "circle-exclamation";
|
|
@@ -76,7 +76,7 @@ const CalloutBanner = ({
|
|
|
76
76
|
/* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__start"], children: [
|
|
77
77
|
/* @__PURE__ */ jsx(Icon, { iconName, iconPrefix: "fas", className: styles["calloutBanner__icon"], iconSize: "1.25x", padding: "roomy" }),
|
|
78
78
|
/* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__meta"], children: [
|
|
79
|
-
typeof onDismiss === "function" && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, {
|
|
79
|
+
typeof onDismiss === "function" && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, { onPress: onDismiss, styleVariant: emphasis === "primary" ? "white" : "neutral", emphasis: "quaternary", size: "sm", iconProps: {
|
|
80
80
|
iconName: "close",
|
|
81
81
|
iconPrefix: "far",
|
|
82
82
|
iconSize: "1x"
|