@alto-avios/alto-ui 3.4.0-alpha.7 → 3.4.0-alpha.8
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/Carousel.css +1 -1
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +1 -1
- package/dist/components/AviosBadge/AviosBadge.js +1 -1
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +1 -1
- package/dist/components/AviosCurrencySymbol/index.d.ts +1 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Box/Box.d.ts +26 -1
- package/dist/components/Box/Box.js +11 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Box/index.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js +34 -33
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/ButtonGroup/index.d.ts +1 -0
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +1 -1
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CardSection/index.d.ts +1 -0
- package/dist/components/Carousel/Carousel.js +45 -32
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/CheckboxGroup/index.d.ts +1 -0
- package/dist/components/ClearFieldButton/ClearFieldButton.d.ts +0 -1
- package/dist/components/ClearFieldButton/index.d.ts +1 -0
- package/dist/components/ComboBox/ComboBox.d.ts +2 -2
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +1 -1
- package/dist/components/CreditCardNumberField/index.d.ts +1 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +1 -1
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +1 -0
- package/dist/components/DateField/index.d.ts +1 -0
- package/dist/components/DestinationHeading/index.d.ts +1 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +1 -2
- package/dist/components/DetailsDisclosure/index.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +29 -11
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/Eyebrow/Eyebrow.d.ts +14 -0
- package/dist/components/FieldDescription/index.d.ts +1 -0
- package/dist/components/FieldError/index.d.ts +1 -0
- package/dist/components/FieldLabel/index.d.ts +1 -0
- package/dist/components/FieldsetHeader/index.d.ts +1 -0
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/index.d.ts +1 -0
- package/dist/components/Heading/Heading.d.ts +1 -0
- package/dist/components/Heading/Heading.js +1 -0
- package/dist/components/Heading/index.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/IconBackdrop/index.d.ts +1 -0
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Image/Image.d.ts +18 -6
- package/dist/components/Image/index.d.ts +1 -0
- package/dist/components/Label/index.d.ts +1 -0
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/LoadingSpinner/index.d.ts +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/NumberField/index.d.ts +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/Paragraph/Paragraph.js +2 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +1 -0
- package/dist/components/PasswordField/PasswordField.d.ts +1 -1
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/Popover/Popover.d.ts +2 -2
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/SearchField/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +2 -2
- package/dist/components/Section/index.d.ts +1 -0
- package/dist/components/SelectCard/SelectCard.d.ts +3 -2
- package/dist/components/SelectCard/SelectCard.js +1 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectNative/index.d.ts +1 -0
- package/dist/components/Slider/Slider.d.ts +16 -4
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/SubHeading/SubHeading.d.ts +3 -3
- package/dist/components/SubHeading/index.d.ts +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Tag/index.d.ts +1 -0
- package/dist/components/TagGroup/index.d.ts +1 -0
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/ToggleButton/index.d.ts +1 -0
- package/dist/components/ToggleIconButton/index.d.ts +1 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/index.d.ts +62 -3
- package/dist/components/index.js +3 -6
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +3 -6
- package/dist/index.js.map +1 -1
- package/dist/utils/breakpoint/responsive.d.ts +1 -1
- package/dist/utils/breakpoint/responsive.js +4 -4
- package/dist/utils/position/position.js +10 -10
- package/package.json +1 -1
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_c09nf_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_c09nf_1,._button_c09nf_1 ._content_c09nf_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_c09nf_28 ._loadingSpinner_c09nf_28{opacity:0;position:absolute}._isNotLoading_c09nf_28 ._content_c09nf_19{opacity:1}._isLoading_c09nf_37 ._loadingSpinner_c09nf_28{opacity:1;position:absolute}._isLoading_c09nf_37 ._content_c09nf_19{opacity:0}._focusWhite_c09nf_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_c09nf_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_c09nf_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_c09nf_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_c09nf_83{width:100%}._textAlignLeft_c09nf_90{text-align:left}._textAlignCenter_c09nf_94{text-align:center}._textAlignRight_c09nf_98{text-align:right}._accentPrimary_c09nf_106[data-focused],._accentPrimary_c09nf_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_c09nf_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_c09nf_106[data-pressed][data-focused]{outline:none}._accentPrimary_c09nf_106:disabled,._accentPrimary_c09nf_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_c09nf_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_c09nf_126[data-focused],._accentSecondary_c09nf_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_c09nf_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_c09nf_126[data-pressed][data-focused]{outline:none}._accentSecondary_c09nf_126:disabled,._accentSecondary_c09nf_126[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_c09nf_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_c09nf_156[data-focused],._accentTertiary_c09nf_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_c09nf_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_c09nf_156[data-pressed][data-focused]{outline:none}._accentTertiary_c09nf_156:disabled,._accentTertiary_c09nf_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_c09nf_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_c09nf_182[data-focused],._accentQuaternary_c09nf_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_c09nf_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_c09nf_182[data-pressed][data-focused]{outline:none}._accentQuaternary_c09nf_182:disabled,._accentQuaternary_c09nf_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_c09nf_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_c09nf_208[data-focused],._criticalPrimary_c09nf_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_c09nf_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_c09nf_208[data-pressed][data-focused]{outline:none}._criticalPrimary_c09nf_208:disabled,._criticalPrimary_c09nf_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_c09nf_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_c09nf_233[data-focused],._criticalSecondary_c09nf_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_c09nf_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_c09nf_233[data-pressed][data-focused]{outline:none}._criticalSecondary_c09nf_233:disabled,._criticalSecondary_c09nf_233[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_c09nf_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_c09nf_263[data-focused],._criticalTertiary_c09nf_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_c09nf_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_c09nf_263[data-pressed][data-focused]{outline:none}._criticalTertiary_c09nf_263:disabled,._criticalTertiary_c09nf_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_c09nf_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_c09nf_289[data-focused],._criticalQuaternary_c09nf_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_c09nf_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_c09nf_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_c09nf_289:disabled,._criticalQuaternary_c09nf_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_c09nf_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_c09nf_316[data-focused],._neutralPrimary_c09nf_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_c09nf_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_c09nf_316[data-pressed][data-focused]{outline:none}._neutralPrimary_c09nf_316:disabled,._neutralPrimary_c09nf_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_c09nf_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_c09nf_341[data-focused],._neutralSecondary_c09nf_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_c09nf_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_c09nf_341[data-pressed][data-focused]{outline:none}._neutralSecondary_c09nf_341:disabled,._neutralSecondary_c09nf_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_c09nf_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_c09nf_370[data-focused],._neutralTertiary_c09nf_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_c09nf_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_c09nf_370[data-pressed][data-focused]{outline:none}._neutralTertiary_c09nf_370:disabled,._neutralTertiary_c09nf_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_c09nf_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_c09nf_396[data-focused],._neutralQuaternary_c09nf_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_c09nf_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_c09nf_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_c09nf_396:disabled,._neutralQuaternary_c09nf_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_c09nf_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_c09nf_423[data-focused],._whitePrimary_c09nf_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_c09nf_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_c09nf_423[data-pressed][data-focused]{outline:none}._whitePrimary_c09nf_423:disabled,._whitePrimary_c09nf_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_c09nf_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_c09nf_449[data-focused],._whiteSecondary_c09nf_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_c09nf_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_c09nf_449[data-pressed][data-focused]{outline:none}._whiteSecondary_c09nf_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_c09nf_449:disabled,._whiteSecondary_c09nf_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_c09nf_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_c09nf_482[data-focused],._whiteTertiary_c09nf_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_c09nf_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_c09nf_482[data-pressed][data-focused]{outline:none}._whiteTertiary_c09nf_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_c09nf_482:disabled,._whiteTertiary_c09nf_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_c09nf_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_c09nf_512[data-focused],._whiteQuaternary_c09nf_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_c09nf_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_c09nf_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_c09nf_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_c09nf_512:disabled,._whiteQuaternary_c09nf_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_c09nf_544{height:1rem;width:1rem}._icon-wrapper_c09nf_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_9pg0y_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_9pg0y_1,._button_9pg0y_1 ._content_9pg0y_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_9pg0y_28 ._loadingSpinner_9pg0y_28{opacity:0;position:absolute}._isNotLoading_9pg0y_28 ._content_9pg0y_19{opacity:1}._isLoading_9pg0y_37 ._loadingSpinner_9pg0y_28{opacity:1;position:absolute}._isLoading_9pg0y_37 ._content_9pg0y_19{opacity:0}._focusWhite_9pg0y_49[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._sm_9pg0y_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_9pg0y_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_9pg0y_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_9pg0y_83{width:100%}._textAlignLeft_9pg0y_90{text-align:left}._textAlignCenter_9pg0y_94{text-align:center}._textAlignRight_9pg0y_98{text-align:right}._accentPrimary_9pg0y_106[data-focused],._accentPrimary_9pg0y_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_9pg0y_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_9pg0y_106[data-pressed][data-focused]{outline:none}._accentPrimary_9pg0y_106:disabled,._accentPrimary_9pg0y_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_9pg0y_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_9pg0y_126[data-focused],._accentSecondary_9pg0y_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_9pg0y_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_9pg0y_126[data-pressed][data-focused]{outline:none}._accentSecondary_9pg0y_126:disabled,._accentSecondary_9pg0y_126[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_9pg0y_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_9pg0y_156[data-focused],._accentTertiary_9pg0y_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_9pg0y_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_9pg0y_156[data-pressed][data-focused]{outline:none}._accentTertiary_9pg0y_156:disabled,._accentTertiary_9pg0y_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_9pg0y_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_9pg0y_182[data-focused],._accentQuaternary_9pg0y_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_9pg0y_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_9pg0y_182[data-pressed][data-focused]{outline:none}._accentQuaternary_9pg0y_182:disabled,._accentQuaternary_9pg0y_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_9pg0y_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_9pg0y_208[data-focused],._criticalPrimary_9pg0y_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_9pg0y_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_9pg0y_208[data-pressed][data-focused]{outline:none}._criticalPrimary_9pg0y_208:disabled,._criticalPrimary_9pg0y_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_9pg0y_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_9pg0y_233[data-focused],._criticalSecondary_9pg0y_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_9pg0y_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_9pg0y_233[data-pressed][data-focused]{outline:none}._criticalSecondary_9pg0y_233:disabled,._criticalSecondary_9pg0y_233[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_9pg0y_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_9pg0y_263[data-focused],._criticalTertiary_9pg0y_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_9pg0y_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_9pg0y_263[data-pressed][data-focused]{outline:none}._criticalTertiary_9pg0y_263:disabled,._criticalTertiary_9pg0y_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_9pg0y_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_9pg0y_289[data-focused],._criticalQuaternary_9pg0y_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_9pg0y_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_9pg0y_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_9pg0y_289:disabled,._criticalQuaternary_9pg0y_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_9pg0y_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_9pg0y_316[data-focused],._neutralPrimary_9pg0y_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_9pg0y_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_9pg0y_316[data-pressed][data-focused]{outline:none}._neutralPrimary_9pg0y_316:disabled,._neutralPrimary_9pg0y_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_9pg0y_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_9pg0y_341[data-focused],._neutralSecondary_9pg0y_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_9pg0y_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_9pg0y_341[data-pressed][data-focused]{outline:none}._neutralSecondary_9pg0y_341:disabled,._neutralSecondary_9pg0y_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_9pg0y_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_9pg0y_370[data-focused],._neutralTertiary_9pg0y_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_9pg0y_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_9pg0y_370[data-pressed][data-focused]{outline:none}._neutralTertiary_9pg0y_370:disabled,._neutralTertiary_9pg0y_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_9pg0y_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_9pg0y_396[data-focused],._neutralQuaternary_9pg0y_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_9pg0y_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_9pg0y_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_9pg0y_396:disabled,._neutralQuaternary_9pg0y_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_9pg0y_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_9pg0y_423[data-focused],._whitePrimary_9pg0y_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_9pg0y_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_9pg0y_423[data-pressed][data-focused]{outline:none}._whitePrimary_9pg0y_423:disabled,._whitePrimary_9pg0y_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_9pg0y_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_9pg0y_449[data-focused],._whiteSecondary_9pg0y_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_9pg0y_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_9pg0y_449[data-pressed][data-focused]{outline:none}._whiteSecondary_9pg0y_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_9pg0y_449:disabled,._whiteSecondary_9pg0y_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_9pg0y_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_9pg0y_482[data-focused],._whiteTertiary_9pg0y_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_9pg0y_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_9pg0y_482[data-pressed][data-focused]{outline:none}._whiteTertiary_9pg0y_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_9pg0y_482:disabled,._whiteTertiary_9pg0y_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_9pg0y_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_9pg0y_512[data-focused],._whiteQuaternary_9pg0y_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_9pg0y_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_9pg0y_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_9pg0y_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_9pg0y_512:disabled,._whiteQuaternary_9pg0y_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_9pg0y_544{height:1rem;width:1rem}._icon-wrapper_9pg0y_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
package/dist/assets/Carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carouselWrapper_5ipin_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_5ipin_2,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14 ._carousel_5ipin_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25,._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_5ipin_2{overflow-x:visible;position:relative;width:100%}._carousel_5ipin_2,._scroller_5ipin_43{box-sizing:border-box;overflow-y:hidden}._scroller_5ipin_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--alto-sem-radius-md);height:auto;padding:0 1px;transition:all .3s ease}._scroller_5ipin_43:focus{outline-offset:-2px;outline-width:2px}._scroller_5ipin_43::-webkit-scrollbar{display:none}._carouselWrapper_5ipin_2 [data-dragging=true] ._scroller_5ipin_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_5ipin_2 ._scroller_5ipin_43:hover{cursor:grab;touch-action:pan-x}._item_5ipin_86{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_5ipin_2 ._carousel_5ipin_2 ._scroller_5ipin_43 ._item_5ipin_86>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_5ipin_2,[data-scroll-padding=true] ._scroller_5ipin_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_5ipin_86{scroll-snap-align:start}._slideLeft_5ipin_124{animation:_slideLeftAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_5ipin_128{animation:_slideRightAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_5ipin_151{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:0;transition:opacity .3s ease}._carouselWrapper_5ipin_2 [data-arrows-visible=true] ._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:1}._hidden_5ipin_172{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_5ipin_181{pointer-events:auto;z-index:2}._dotsContainer_5ipin_181{position:relative}@media (max-width:768px){._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181{cursor:pointer}._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181:active{opacity:.8}}._hiddenTabs_5ipin_203{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_5ipin_216{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_5ipin_231{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_5ipin_245{height:100%;overflow-x:hidden;width:361px}._carouselDefault_5ipin_245 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275{position:relative;width:100%}._carouselWithAutoPlay_5ipin_275 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275 ._autoplayControl_5ipin_231{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_5ipin_311{position:relative}._carouselWithScrollPeek_5ipin_311,._carouselWithScrollPeek_5ipin_311 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_5ipin_311 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_5ipin_345{position:relative}._carouselWithFractionalItems_5ipin_345,._carouselWithFractionalItems_5ipin_345 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_5ipin_345 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_5ipin_379{position:relative;width:100%}._paginationDotsDefault_5ipin_379 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_5ipin_408{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_5ipin_408 ._prevButton_5ipin_250{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408 ._nextButton_5ipin_257{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408:focus-within ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:focus-within ._prevButton_5ipin_250,._hoverArrowsDefault_5ipin_408:hover ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:hover ._prevButton_5ipin_250{opacity:1}._hoverArrowsDefault_5ipin_408 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BadgeProps } from '../Badge/Badge';
|
|
3
|
-
|
|
3
|
+
type AviosBadgeKind = 'collect' | 'spend';
|
|
4
4
|
export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
|
|
5
5
|
/**
|
|
6
6
|
* The kind of Avios badge (collect or spend)
|
|
@@ -40,7 +40,7 @@ const AviosBadge = ({
|
|
|
40
40
|
};
|
|
41
41
|
const badgeSize = size === "lg" ? "md" : size;
|
|
42
42
|
return /* @__PURE__ */ jsxs(Badge, { variant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ""}`, ...props, children: [
|
|
43
|
-
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: "
|
|
43
|
+
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: kind === "collect" ? "onCollect" : "onSpend", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
|
|
44
44
|
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
45
45
|
/* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
|
|
46
46
|
children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),
|
|
@@ -39,10 +39,35 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
|
|
|
39
39
|
* Accepts any valid CSS unit.
|
|
40
40
|
*/
|
|
41
41
|
minHeight?: string;
|
|
42
|
+
/**
|
|
43
|
+
* The z-index of the Box.
|
|
44
|
+
* Accepts any valid CSS z-index value.
|
|
45
|
+
*/
|
|
46
|
+
zIndex?: string;
|
|
47
|
+
/**
|
|
48
|
+
* The top position of the Box.
|
|
49
|
+
* Accepts any valid CSS position value.
|
|
50
|
+
*/
|
|
51
|
+
top?: string;
|
|
52
|
+
/**
|
|
53
|
+
* The right position of the Box.
|
|
54
|
+
* Accepts any valid CSS position value.
|
|
55
|
+
*/
|
|
56
|
+
right?: string;
|
|
57
|
+
/**
|
|
58
|
+
* The bottom position of the Box.
|
|
59
|
+
* Accepts any valid CSS position value.
|
|
60
|
+
*/
|
|
61
|
+
bottom?: string;
|
|
62
|
+
/**
|
|
63
|
+
* The left position of the Box.
|
|
64
|
+
* Accepts any valid CSS position value.
|
|
65
|
+
*/
|
|
66
|
+
left?: string;
|
|
42
67
|
/**
|
|
43
68
|
* @deprecated Use `backgroundColor` instead.
|
|
44
69
|
*/
|
|
45
70
|
backgroundColour?: BackgroundVariants['backgroundColor'];
|
|
46
71
|
}
|
|
47
|
-
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
72
|
+
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, zIndex, top, right, bottom, left, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
73
|
export default Box;
|
|
@@ -13,6 +13,11 @@ const Box = ({
|
|
|
13
13
|
height,
|
|
14
14
|
maxHeight,
|
|
15
15
|
minHeight,
|
|
16
|
+
zIndex,
|
|
17
|
+
top,
|
|
18
|
+
right,
|
|
19
|
+
bottom,
|
|
20
|
+
left,
|
|
16
21
|
position,
|
|
17
22
|
...props
|
|
18
23
|
}) => {
|
|
@@ -27,7 +32,12 @@ const Box = ({
|
|
|
27
32
|
maxWidth: maxWidth === "pageWidth" ? "var(--alto-section-container-max-width)" : maxWidth,
|
|
28
33
|
minWidth,
|
|
29
34
|
maxHeight,
|
|
30
|
-
minHeight
|
|
35
|
+
minHeight,
|
|
36
|
+
zIndex,
|
|
37
|
+
top,
|
|
38
|
+
right,
|
|
39
|
+
bottom,
|
|
40
|
+
left
|
|
31
41
|
};
|
|
32
42
|
return /* @__PURE__ */ jsx(Component, { className: `${borderVariants({
|
|
33
43
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,8 +2,8 @@ import { default as React, 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';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
type ButtonSize = 'lg' | 'md' | 'sm';
|
|
6
|
+
type ButtonTextAlignement = 'left' | 'center' | 'right';
|
|
7
7
|
export type DefaultButtonProps = ButtonProps<'button'>;
|
|
8
8
|
export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T> & HoverProps & {
|
|
9
9
|
/**
|
|
@@ -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_9pg0y_1";
|
|
12
|
+
const content = "_content_9pg0y_19";
|
|
13
|
+
const isNotLoading = "_isNotLoading_9pg0y_28";
|
|
14
|
+
const loadingSpinner = "_loadingSpinner_9pg0y_28";
|
|
15
|
+
const isLoading = "_isLoading_9pg0y_37";
|
|
16
|
+
const focusWhite = "_focusWhite_9pg0y_49";
|
|
17
|
+
const sm = "_sm_9pg0y_56";
|
|
18
|
+
const md = "_md_9pg0y_65";
|
|
19
|
+
const lg = "_lg_9pg0y_74";
|
|
20
|
+
const fullWidth = "_fullWidth_9pg0y_83";
|
|
21
|
+
const textAlignLeft = "_textAlignLeft_9pg0y_90";
|
|
22
|
+
const textAlignCenter = "_textAlignCenter_9pg0y_94";
|
|
23
|
+
const textAlignRight = "_textAlignRight_9pg0y_98";
|
|
24
|
+
const accentPrimary = "_accentPrimary_9pg0y_106";
|
|
25
|
+
const accentSecondary = "_accentSecondary_9pg0y_126";
|
|
26
|
+
const accentTertiary = "_accentTertiary_9pg0y_156";
|
|
27
|
+
const accentQuaternary = "_accentQuaternary_9pg0y_182";
|
|
28
|
+
const criticalPrimary = "_criticalPrimary_9pg0y_208";
|
|
29
|
+
const criticalSecondary = "_criticalSecondary_9pg0y_233";
|
|
30
|
+
const criticalTertiary = "_criticalTertiary_9pg0y_263";
|
|
31
|
+
const criticalQuaternary = "_criticalQuaternary_9pg0y_289";
|
|
32
|
+
const neutralPrimary = "_neutralPrimary_9pg0y_316";
|
|
33
|
+
const neutralSecondary = "_neutralSecondary_9pg0y_341";
|
|
34
|
+
const neutralTertiary = "_neutralTertiary_9pg0y_370";
|
|
35
|
+
const neutralQuaternary = "_neutralQuaternary_9pg0y_396";
|
|
36
|
+
const whitePrimary = "_whitePrimary_9pg0y_423";
|
|
37
|
+
const whiteSecondary = "_whiteSecondary_9pg0y_449";
|
|
38
|
+
const whiteTertiary = "_whiteTertiary_9pg0y_482";
|
|
39
|
+
const whiteQuaternary = "_whiteQuaternary_9pg0y_512";
|
|
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_9pg0y_544",
|
|
71
|
+
"icon-wrapper": "_icon-wrapper_9pg0y_549"
|
|
72
72
|
};
|
|
73
73
|
const button = cva(styles.button, {
|
|
74
74
|
variants: {
|
|
@@ -160,7 +160,8 @@ const Button = forwardRef(function Button2({
|
|
|
160
160
|
} = useHover(props);
|
|
161
161
|
const {
|
|
162
162
|
isFocusVisible,
|
|
163
|
-
focusProps
|
|
163
|
+
focusProps,
|
|
164
|
+
isFocused
|
|
164
165
|
} = useFocusRing(props);
|
|
165
166
|
const getAriaLabel = () => {
|
|
166
167
|
if (isLoading2) {
|
|
@@ -190,7 +191,7 @@ const Button = forwardRef(function Button2({
|
|
|
190
191
|
} : iconEndProps;
|
|
191
192
|
return /* @__PURE__ */ jsx(Component, { className: `${className} ${focusStyleVariants({
|
|
192
193
|
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
|
+
})}`, ref, "data-focused": isFocused ? true : void 0, "data-focus-visible": 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
195
|
isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "lg" : "1x", "aria-hidden": "true" }),
|
|
195
196
|
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
196
197
|
resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps, "aria-hidden": "true" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,7 +4,7 @@ declare const calloutBanner: (props?: ({
|
|
|
4
4
|
emphasis?: "primary" | "secondary" | "tertiary" | null | undefined;
|
|
5
5
|
styleVariant?: "neutral" | "critical" | "success" | "information" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
|
|
7
|
+
type CalloutBannerVariants = VariantProps<typeof calloutBanner>;
|
|
8
8
|
export interface CalloutBannerProps extends CalloutBannerVariants {
|
|
9
9
|
/** The main heading text of the banner */
|
|
10
10
|
title: string;
|
|
@@ -9,36 +9,36 @@ import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
|
9
9
|
import { useFocusRing } from "@react-aria/focus";
|
|
10
10
|
import { resolveResponsiveProp } from "../../utils/breakpoint/responsive.js";
|
|
11
11
|
import { useBreakpoint } from "../../utils/breakpoint/hooks/useBreakpoint.js";
|
|
12
|
-
import '../../assets/Carousel.css';const carouselWrapper = "
|
|
13
|
-
const showPartialItems = "
|
|
14
|
-
const carousel$1 = "
|
|
15
|
-
const hasScrollPadding = "
|
|
16
|
-
const scroller = "
|
|
17
|
-
const item = "
|
|
18
|
-
const slideLeft = "
|
|
19
|
-
const slideLeftAnimation = "
|
|
20
|
-
const slideRight = "
|
|
21
|
-
const slideRightAnimation = "
|
|
22
|
-
const controls = "
|
|
23
|
-
const showOnHover = "
|
|
24
|
-
const arrowContainer = "
|
|
25
|
-
const hidden = "
|
|
26
|
-
const dotsContainerWrapper = "
|
|
27
|
-
const dotsContainer = "
|
|
28
|
-
const hiddenTabs = "
|
|
29
|
-
const tapEnabled = "
|
|
30
|
-
const infinite = "
|
|
31
|
-
const native = "
|
|
32
|
-
const autoplayControlWrapper = "
|
|
33
|
-
const carouselDefault = "
|
|
34
|
-
const prevButton = "
|
|
35
|
-
const nextButton = "
|
|
36
|
-
const carouselWithAutoPlay = "
|
|
37
|
-
const autoplayControl = "
|
|
38
|
-
const carouselWithScrollPeek = "
|
|
39
|
-
const carouselWithFractionalItems = "
|
|
40
|
-
const paginationDotsDefault = "
|
|
41
|
-
const hoverArrowsDefault = "
|
|
12
|
+
import '../../assets/Carousel.css';const carouselWrapper = "_carouselWrapper_5ipin_2";
|
|
13
|
+
const showPartialItems = "_showPartialItems_5ipin_14";
|
|
14
|
+
const carousel$1 = "_carousel_5ipin_2";
|
|
15
|
+
const hasScrollPadding = "_hasScrollPadding_5ipin_25";
|
|
16
|
+
const scroller = "_scroller_5ipin_43";
|
|
17
|
+
const item = "_item_5ipin_86";
|
|
18
|
+
const slideLeft = "_slideLeft_5ipin_124";
|
|
19
|
+
const slideLeftAnimation = "_slideLeftAnimation_5ipin_1";
|
|
20
|
+
const slideRight = "_slideRight_5ipin_128";
|
|
21
|
+
const slideRightAnimation = "_slideRightAnimation_5ipin_1";
|
|
22
|
+
const controls = "_controls_5ipin_151";
|
|
23
|
+
const showOnHover = "_showOnHover_5ipin_162";
|
|
24
|
+
const arrowContainer = "_arrowContainer_5ipin_162";
|
|
25
|
+
const hidden = "_hidden_5ipin_172";
|
|
26
|
+
const dotsContainerWrapper = "_dotsContainerWrapper_5ipin_181";
|
|
27
|
+
const dotsContainer = "_dotsContainer_5ipin_181";
|
|
28
|
+
const hiddenTabs = "_hiddenTabs_5ipin_203";
|
|
29
|
+
const tapEnabled = "_tapEnabled_5ipin_216";
|
|
30
|
+
const infinite = "_infinite_5ipin_222";
|
|
31
|
+
const native = "_native_5ipin_227";
|
|
32
|
+
const autoplayControlWrapper = "_autoplayControlWrapper_5ipin_231";
|
|
33
|
+
const carouselDefault = "_carouselDefault_5ipin_245";
|
|
34
|
+
const prevButton = "_prevButton_5ipin_250";
|
|
35
|
+
const nextButton = "_nextButton_5ipin_257";
|
|
36
|
+
const carouselWithAutoPlay = "_carouselWithAutoPlay_5ipin_275";
|
|
37
|
+
const autoplayControl = "_autoplayControl_5ipin_231";
|
|
38
|
+
const carouselWithScrollPeek = "_carouselWithScrollPeek_5ipin_311";
|
|
39
|
+
const carouselWithFractionalItems = "_carouselWithFractionalItems_5ipin_345";
|
|
40
|
+
const paginationDotsDefault = "_paginationDotsDefault_5ipin_379";
|
|
41
|
+
const hoverArrowsDefault = "_hoverArrowsDefault_5ipin_408";
|
|
42
42
|
const styles = {
|
|
43
43
|
carouselWrapper,
|
|
44
44
|
showPartialItems,
|
|
@@ -166,6 +166,9 @@ const Carousel = ({
|
|
|
166
166
|
if (resolvedSpaceBetweenItems > 0) {
|
|
167
167
|
cssVars2["--space-between-items"] = `${resolvedSpaceBetweenItems}px`;
|
|
168
168
|
}
|
|
169
|
+
if (resolvedScrollPadding) {
|
|
170
|
+
cssVars2["--scroll-padding"] = resolvedScrollPadding;
|
|
171
|
+
}
|
|
169
172
|
return Object.keys(cssVars2).length > 0 ? cssVars2 : void 0;
|
|
170
173
|
};
|
|
171
174
|
const navigateToSlide = (index) => {
|
|
@@ -361,7 +364,17 @@ const Carousel = ({
|
|
|
361
364
|
focusProps,
|
|
362
365
|
isFocusVisible
|
|
363
366
|
} = useFocusRing();
|
|
364
|
-
|
|
367
|
+
const getScrollerStyles = () => {
|
|
368
|
+
if (resolvedItemsPerPage <= 1 || !resolvedSpaceBetweenItems) {
|
|
369
|
+
return {};
|
|
370
|
+
}
|
|
371
|
+
const gapSpacePerItem = resolvedSpaceBetweenItems * (safeItemsPerPage - 1) / safeItemsPerPage;
|
|
372
|
+
return {
|
|
373
|
+
gridAutoColumns: `calc(${100 / safeItemsPerPage}% - ${gapSpacePerItem}px)`,
|
|
374
|
+
gap: `${resolvedSpaceBetweenItems}px`
|
|
375
|
+
};
|
|
376
|
+
};
|
|
377
|
+
return /* @__PURE__ */ jsx("div", { className: getCarouselWrapperClasses(), ref: carouselRef, style: cssVars, "data-dots-size": dotSize, ...interactionHandlers, "data-arrows-visible": arrowsVisible ? "true" : "false", "data-transitioning": isTransitioning ? "true" : void 0, "data-scroll-padding": resolvedScrollPadding, children: /* @__PURE__ */ jsxs(Carousel$1, { className: `${carousel({
|
|
365
378
|
looping
|
|
366
379
|
})} ${className}`, loop: getLoopValue(), ref: ariaCarouselRef, autoplay: isPaused, autoplayInterval: autoPlayInterval, mouseDragging: mouseDragging && !isTransitioning, onDragStart: (e) => {
|
|
367
380
|
setIsDragging(true);
|
|
@@ -383,7 +396,7 @@ const Carousel = ({
|
|
|
383
396
|
] }),
|
|
384
397
|
/* @__PURE__ */ jsx(CarouselScroller, { className: `${styles.scroller} ${focusStyleVariants({
|
|
385
398
|
focusStyle
|
|
386
|
-
})}`, ...focusProps, "data-focused": isFocusVisible ? true : void 0, "data-transitioning": isTransitioning ? "true" : void 0, children: items.map((child, index) => /* @__PURE__ */ jsx(CarouselItem, { className: styles.item, children: child }, index)) }),
|
|
399
|
+
})}`, ...focusProps, "data-focused": isFocusVisible ? true : void 0, "data-transitioning": isTransitioning ? "true" : void 0, style: getScrollerStyles(), children: items.map((child, index) => /* @__PURE__ */ jsx(CarouselItem, { className: styles.item, children: child }, index)) }),
|
|
387
400
|
/* @__PURE__ */ jsx("div", { className: styles.hiddenTabs, children: /* @__PURE__ */ jsx(CarouselTabs, { children: (page) => /* @__PURE__ */ jsx(CarouselTab, { index: page.index, "data-index": page.index, "data-slide-tab": "true", tabIndex: -1 }, page.index) }) }),
|
|
388
401
|
!hideDots && /* @__PURE__ */ jsx(CarouselDots, { totalItems: totalPages, currentPage, onDotClick: (index) => navigateToSlide(index), focusStyle, dotSize, variant: dotsVariant, className: `${dotsContainerClassName} ${enableTapCycling ? styles.tapEnabled : ""}`, dotsWrapperClassName, dotClassName, activeDotClassName, isTransitioning })
|
|
389
402
|
] }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ButtonProps } from '../Button/Button';
|
|
2
2
|
import { FormProps } from '../../utils/forms/formProps';
|
|
3
|
-
export type ClearFieldButtonButtonSize = 'lg' | 'md' | 'sm';
|
|
4
3
|
export interface ClearFieldButtonProps extends Omit<ButtonProps, '$styleText'>, FormProps {
|
|
5
4
|
slot?: string;
|
|
6
5
|
className?: string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps } from 'react-aria-components';
|
|
2
|
+
import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
|
|
3
3
|
import { FieldProps } from '../_base/Field';
|
|
4
4
|
export interface ComboBoxProps<T extends object> extends FieldProps<AriaComboBoxProps<T>> {
|
|
5
5
|
isLoading?: boolean;
|
|
6
|
-
children: React.ReactNode | React.ReactElement<
|
|
6
|
+
children: React.ReactNode | React.ReactElement<AriaListBoxItemProps<T>>;
|
|
7
7
|
}
|
|
8
8
|
export declare const ComboBox: <T extends object>({ children, isLoading, ...props }: ComboBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export default ComboBox;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
|
|
2
2
|
import { FieldProps } from '../_base/Field';
|
|
3
3
|
type CreditCardNumberValue = string | number | null | undefined;
|
|
4
|
-
interface CreditCardNumberFieldBaseProps {
|
|
4
|
+
export interface CreditCardNumberFieldBaseProps {
|
|
5
5
|
/**
|
|
6
6
|
* The icon to display.
|
|
7
7
|
* If a function is provided, it will be called with the current value of the input.
|
|
@@ -2,7 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
|
|
3
3
|
import { FieldProps } from '../_base/Field';
|
|
4
4
|
type CreditCardSecurityCodeValue = string | number | null | undefined;
|
|
5
|
-
interface CreditCardSecurityCodeFieldBaseProps {
|
|
5
|
+
export interface CreditCardSecurityCodeFieldBaseProps {
|
|
6
6
|
/**
|
|
7
7
|
* The controlled value of the credit card number.
|
|
8
8
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { DisclosureProps as AriaDisclosureProps, DisclosurePanelProps as AriaDisclosurePanelProps } from 'react-aria-components';
|
|
3
|
-
interface DetailsDisclosureProps extends AriaDisclosureProps {
|
|
3
|
+
export interface DetailsDisclosureProps extends AriaDisclosureProps {
|
|
4
4
|
/**
|
|
5
5
|
* Whether the disclosure is expanded by default.
|
|
6
6
|
*/
|
|
@@ -29,5 +29,4 @@ declare const DetailsDisclosure: {
|
|
|
29
29
|
displayName: string;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
|
-
export type { DetailsDisclosureProps };
|
|
33
32
|
export default DetailsDisclosure;
|