@alto-avios/alto-ui 3.2.1 → 3.4.0-alpha.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/IconButton.module-DcfPVyUX.js +48 -0
- package/dist/IconButton.module-DcfPVyUX.js.map +1 -0
- package/dist/assets/AutoplayControl.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Carousel.css +1 -0
- package/dist/assets/CarouselButton.css +1 -0
- package/dist/assets/CarouselDots.css +1 -0
- package/dist/assets/Label.css +1 -0
- package/dist/assets/ListBoxItem.css +1 -0
- package/dist/assets/Paragraph.css +1 -1
- package/dist/assets/SearchField.css +1 -0
- package/dist/components/Accordion/Accordion.js +8 -8
- 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.js +31 -31
- package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +2 -2
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts +27 -0
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js +65 -0
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map +1 -0
- package/dist/components/Carousel/Carousel.d.ts +150 -0
- package/dist/components/Carousel/Carousel.js +245 -0
- package/dist/components/Carousel/Carousel.js.map +1 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +41 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +116 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +1 -0
- package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +15 -0
- package/dist/components/Carousel/CarouselDots/CarouselDots.js +192 -0
- package/dist/components/Carousel/CarouselDots/CarouselDots.js.map +1 -0
- package/dist/components/Carousel/index.d.ts +1 -0
- package/dist/components/Carousel/index.js +5 -0
- package/dist/components/Carousel/index.js.map +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -4
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +3 -3
- package/dist/components/Dialog/Dialog.js +3 -3
- package/dist/components/ErrorSummary/ErrorSummary.js +4 -4
- package/dist/components/IconButton/IconButton.js +21 -64
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/Image/Image.js +7 -7
- package/dist/components/Label/Label.d.ts +23 -0
- package/dist/components/Label/Label.js +50 -0
- package/dist/components/Label/Label.js.map +1 -0
- package/dist/components/Label/index.d.ts +1 -0
- package/dist/components/Label/index.js +5 -0
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/ListBoxItem/ListBoxItem.d.ts +15 -0
- package/dist/components/ListBoxItem/ListBoxItem.js +32 -0
- package/dist/components/ListBoxItem/ListBoxItem.js.map +1 -0
- package/dist/components/ListBoxItem/index.d.ts +1 -0
- package/dist/components/ListBoxItem/index.js +5 -0
- package/dist/components/ListBoxItem/index.js.map +1 -0
- package/dist/components/NumberField/NumberField.d.ts +1 -1
- package/dist/components/NumberField/NumberField.js +6 -4
- package/dist/components/NumberField/NumberField.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +8 -8
- package/dist/components/PasswordField/PasswordField.d.ts +2 -1
- package/dist/components/PasswordField/PasswordField.js +7 -6
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +1 -1
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/SearchField/SearchField.d.ts +14 -0
- package/dist/components/SearchField/SearchField.js +48 -0
- package/dist/components/SearchField/SearchField.js.map +1 -0
- package/dist/components/SearchField/index.d.ts +1 -0
- package/dist/components/SearchField/index.js +5 -0
- package/dist/components/SearchField/index.js.map +1 -0
- package/dist/components/Section/Section.js +4 -4
- package/dist/components/SelectCard/SelectCard.js +2 -2
- package/dist/components/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/components/TextAreaField/TextAreaField.js +5 -3
- package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
- package/dist/components/TextField/TextField.d.ts +1 -1
- package/dist/components/TextField/TextField.js +6 -4
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/_base/Field/Field.js +2 -2
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +6 -0
- package/dist/components/index.js.map +1 -1
- package/dist/index-uZFEbUWx.js +1005 -0
- package/dist/index-uZFEbUWx.js.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/{react-number-format.es-DMLgWFZX.js → react-number-format.es-DXPULhrt.js} +6 -6
- package/dist/{react-number-format.es-DMLgWFZX.js.map → react-number-format.es-DXPULhrt.js.map} +1 -1
- package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.js +3 -0
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -1
- package/dist/utils/stories/iconPropsArgTypes.js +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import './assets/IconButton.css';const iconButton = "_iconButton_kb1oz_1";
|
|
2
|
+
const sm = "_sm_kb1oz_24";
|
|
3
|
+
const md = "_md_kb1oz_30";
|
|
4
|
+
const lg = "_lg_kb1oz_36";
|
|
5
|
+
const accentPrimary = "_accentPrimary_kb1oz_46";
|
|
6
|
+
const accentSecondary = "_accentSecondary_kb1oz_69";
|
|
7
|
+
const accentTertiary = "_accentTertiary_kb1oz_98";
|
|
8
|
+
const accentQuaternary = "_accentQuaternary_kb1oz_127";
|
|
9
|
+
const criticalPrimary = "_criticalPrimary_kb1oz_151";
|
|
10
|
+
const criticalSecondary = "_criticalSecondary_kb1oz_175";
|
|
11
|
+
const criticalTertiary = "_criticalTertiary_kb1oz_204";
|
|
12
|
+
const criticalQuaternary = "_criticalQuaternary_kb1oz_229";
|
|
13
|
+
const neutralPrimary = "_neutralPrimary_kb1oz_254";
|
|
14
|
+
const neutralSecondary = "_neutralSecondary_kb1oz_278";
|
|
15
|
+
const neutralTertiary = "_neutralTertiary_kb1oz_305";
|
|
16
|
+
const neutralQuaternary = "_neutralQuaternary_kb1oz_330";
|
|
17
|
+
const whitePrimary = "_whitePrimary_kb1oz_356";
|
|
18
|
+
const whiteSecondary = "_whiteSecondary_kb1oz_385";
|
|
19
|
+
const whiteTertiary = "_whiteTertiary_kb1oz_416";
|
|
20
|
+
const whiteQuaternary = "_whiteQuaternary_kb1oz_445";
|
|
21
|
+
const iconButtonStyles = {
|
|
22
|
+
iconButton,
|
|
23
|
+
sm,
|
|
24
|
+
md,
|
|
25
|
+
lg,
|
|
26
|
+
accentPrimary,
|
|
27
|
+
accentSecondary,
|
|
28
|
+
accentTertiary,
|
|
29
|
+
accentQuaternary,
|
|
30
|
+
criticalPrimary,
|
|
31
|
+
criticalSecondary,
|
|
32
|
+
criticalTertiary,
|
|
33
|
+
criticalQuaternary,
|
|
34
|
+
neutralPrimary,
|
|
35
|
+
neutralSecondary,
|
|
36
|
+
neutralTertiary,
|
|
37
|
+
neutralQuaternary,
|
|
38
|
+
whitePrimary,
|
|
39
|
+
whiteSecondary,
|
|
40
|
+
whiteTertiary,
|
|
41
|
+
whiteQuaternary,
|
|
42
|
+
"fa-spinner-third": "_fa-spinner-third_kb1oz_476",
|
|
43
|
+
"icon-wrapper": "_icon-wrapper_kb1oz_481"
|
|
44
|
+
};
|
|
45
|
+
export {
|
|
46
|
+
iconButtonStyles as i
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=IconButton.module-DcfPVyUX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.module-DcfPVyUX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._autoplayControl_jeo17_1{background:none;border:none;min-height:40px;min-width:40px;padding:0;pointer-events:auto;position:relative;z-index:10}._autoplayControl_jeo17_1,._iconButton_jeo17_17{align-items:center;display:flex;justify-content:center}._iconButton_jeo17_17{box-shadow:0 2px 8px #0003}._sizeMd_jeo17_25,._sizeMd_jeo17_25 ._iconButton_jeo17_17{height:48px;width:48px}._sizeSm_jeo17_31,._sizeSm_jeo17_31 ._iconButton_jeo17_17{height:36px;width:36px}._neutralVibrant_jeo17_38 ._iconButton_jeo17_17{background-color:var(--alto-sem-color-fg-inverse-on-subtle);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._whiteVibrant_jeo17_44 ._iconButton_jeo17_17{background-color:var(--alto-sem-color-fg-white-primary);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-white-on-vibrant)}._whiteVibrant_jeo17_44 ._iconButton_jeo17_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}._neutralSubtle_jeo17_55 ._iconButton_jeo17_17{background-color:var(--alto-sem-color-fg-inverse-primary);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-inverse-on-subtle)}._whiteSubtle_jeo17_61 ._iconButton_jeo17_17{background-color:#00000080;border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSubtle_jeo17_61 ._iconButton_jeo17_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_etsb3_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_etsb3_1,._button_etsb3_1 ._content_etsb3_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_etsb3_28 ._loadingSpinner_etsb3_28{opacity:0;position:absolute}._isNotLoading_etsb3_28 ._content_etsb3_19{opacity:1}._isLoading_etsb3_37 ._loadingSpinner_etsb3_28{opacity:1;position:absolute}._isLoading_etsb3_37 ._content_etsb3_19{opacity:0}._focusWhite_etsb3_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_etsb3_56{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_etsb3_64{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_etsb3_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_etsb3_80{width:100%}._textAlignLeft_etsb3_87{text-align:left}._textAlignCenter_etsb3_91{text-align:center}._textAlignRight_etsb3_95{text-align:right}._accentPrimary_etsb3_103[data-focused],._accentPrimary_etsb3_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_etsb3_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_etsb3_103[data-pressed][data-focused]{outline:none}._accentPrimary_etsb3_103:disabled,._accentPrimary_etsb3_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_etsb3_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_etsb3_123[data-focused],._accentSecondary_etsb3_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_etsb3_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_etsb3_123[data-pressed][data-focused]{outline:none}._accentSecondary_etsb3_123:disabled,._accentSecondary_etsb3_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_etsb3_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_etsb3_153[data-focused],._accentTertiary_etsb3_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_etsb3_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_etsb3_153[data-pressed][data-focused]{outline:none}._accentTertiary_etsb3_153:disabled,._accentTertiary_etsb3_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_etsb3_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_etsb3_179[data-focused],._accentQuaternary_etsb3_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_etsb3_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_etsb3_179[data-pressed][data-focused]{outline:none}._accentQuaternary_etsb3_179:disabled,._accentQuaternary_etsb3_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_etsb3_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_etsb3_205[data-focused],._criticalPrimary_etsb3_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_etsb3_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_etsb3_205[data-pressed][data-focused]{outline:none}._criticalPrimary_etsb3_205:disabled,._criticalPrimary_etsb3_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_etsb3_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_etsb3_230[data-focused],._criticalSecondary_etsb3_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_etsb3_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_etsb3_230[data-pressed][data-focused]{outline:none}._criticalSecondary_etsb3_230:disabled,._criticalSecondary_etsb3_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_etsb3_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_etsb3_260[data-focused],._criticalTertiary_etsb3_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_etsb3_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_etsb3_260[data-pressed][data-focused]{outline:none}._criticalTertiary_etsb3_260:disabled,._criticalTertiary_etsb3_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_etsb3_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_etsb3_286[data-focused],._criticalQuaternary_etsb3_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_etsb3_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_etsb3_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_etsb3_286:disabled,._criticalQuaternary_etsb3_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_etsb3_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_etsb3_313[data-focused],._neutralPrimary_etsb3_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_etsb3_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_etsb3_313[data-pressed][data-focused]{outline:none}._neutralPrimary_etsb3_313:disabled,._neutralPrimary_etsb3_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_etsb3_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_etsb3_338[data-focused],._neutralSecondary_etsb3_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_etsb3_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_etsb3_338[data-pressed][data-focused]{outline:none}._neutralSecondary_etsb3_338:disabled,._neutralSecondary_etsb3_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_etsb3_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_etsb3_367[data-focused],._neutralTertiary_etsb3_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_etsb3_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_etsb3_367[data-pressed][data-focused]{outline:none}._neutralTertiary_etsb3_367:disabled,._neutralTertiary_etsb3_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_etsb3_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_etsb3_393[data-focused],._neutralQuaternary_etsb3_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_etsb3_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_etsb3_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_etsb3_393:disabled,._neutralQuaternary_etsb3_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_etsb3_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_etsb3_420[data-focused],._whitePrimary_etsb3_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_etsb3_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_etsb3_420[data-pressed][data-focused]{outline:none}._whitePrimary_etsb3_420:disabled,._whitePrimary_etsb3_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_etsb3_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_etsb3_446[data-focused],._whiteSecondary_etsb3_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_etsb3_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_etsb3_446[data-pressed][data-focused]{outline:none}._whiteSecondary_etsb3_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_etsb3_446:disabled,._whiteSecondary_etsb3_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_etsb3_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_etsb3_479[data-focused],._whiteTertiary_etsb3_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_etsb3_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_etsb3_479[data-pressed][data-focused]{outline:none}._whiteTertiary_etsb3_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_etsb3_479:disabled,._whiteTertiary_etsb3_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_etsb3_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_etsb3_509[data-focused],._whiteQuaternary_etsb3_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_etsb3_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_etsb3_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_etsb3_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_etsb3_509:disabled,._whiteQuaternary_etsb3_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_etsb3_541{height:1rem;width:1rem}._icon-wrapper_etsb3_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._carouselWrapper_mtbhv_1{max-width:100%;overflow:hidden;position:relative;width:100%}._showPartialItems_mtbhv_9,._showPartialItems_mtbhv_9 ._carousel_mtbhv_1{overflow:visible}._carousel_mtbhv_1{overflow:hidden;position:relative;width:100%}._scroller_mtbhv_23{display:flex;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transition:all .3s ease}[data-dragging=true] ._scroller_mtbhv_23{cursor:grabbing;scroll-behavior:auto}._scroller_mtbhv_23:hover{cursor:grab}._item_mtbhv_43{box-sizing:border-box;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}div[style*=--items-per-page] ._item_mtbhv_43{flex:0 0 auto;flex-basis:calc(100%/var(--items-per-page))}div[style*=--space-between-items] ._item_mtbhv_43{margin-right:var(--space-between-items)}div[style*=--space-between-items] ._item_mtbhv_43:last-child{margin-right:0}div[style*=--scroll-padding] ._scroller_mtbhv_23{padding-left:var(--scroll-padding);padding-right:var(--scroll-padding);scroll-padding-left:var(--scroll-padding);scroll-padding-right:var(--scroll-padding)}._slideLeft_mtbhv_73{animation:_slideLeftAnimation_mtbhv_1 .4s ease-out}._slideRight_mtbhv_77{animation:_slideRightAnimation_mtbhv_1 .4s ease-out}@keyframes _slideLeftAnimation_mtbhv_1{0%{transform:translate(5%)}to{transform:translate(0)}}@keyframes _slideRightAnimation_mtbhv_1{0%{transform:translate(-5%)}to{transform:translate(0)}}._controls_mtbhv_100{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._dotsContainerWrapper_mtbhv_111{pointer-events:auto;z-index:2}._dotsContainer_mtbhv_111{position:relative}@media (max-width:768px){._dotsContainerWrapper_mtbhv_111{cursor:pointer}._dotsContainerWrapper_mtbhv_111:active{opacity:.8}}._hiddenTabs_mtbhv_133{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_mtbhv_146{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_mtbhv_161{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._arrowContainer_ny9r1_1{background:none;border:none;padding:0;pointer-events:auto;position:relative;z-index:2}._iconButton_ny9r1_10{align-items:center;display:flex;justify-content:center}._hideWhenDisabled_ny9r1_16[aria-disabled=true]{display:none}._neutral_ny9r1_22 ._iconButton_ny9r1_10[data-focused=true],._neutral_ny9r1_22 ._iconButton_ny9r1_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}:not([aria-disabled]) ._neutral_ny9r1_22 ._iconButton_ny9r1_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._white_ny9r1_32 ._iconButton_ny9r1_10{background-color:transparent;border:none;border-radius:0}._white_ny9r1_32:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused=true],._white_ny9r1_32:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._white_ny9r1_32:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._shapeFlat_ny9r1_48:not([aria-disabled]) ._iconButton_ny9r1_10{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._shapeFlat_ny9r1_48:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused=true],._shapeFlat_ny9r1_48:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._shapeFlat_ny9r1_48:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._shapeElevated_ny9r1_62:not([aria-disabled]) ._iconButton_ny9r1_10{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._shapeElevated_ny9r1_62:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused=true],._shapeElevated_ny9r1_62:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._shapeElevated_ny9r1_62:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._gradient_ny9r1_80:not([aria-disabled]) ._iconButton_ny9r1_10{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0}._gradient_ny9r1_80._next_ny9r1_86:not([aria-disabled]) ._iconButton_ny9r1_10{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._gradient_ny9r1_80:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused=true],._gradient_ny9r1_80:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary)}._gradient_ny9r1_80._next_ny9r1_86:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused=true],._gradient_ny9r1_80._next_ny9r1_86:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary)}._gradient_ny9r1_80:not([aria-disabled]) ._iconButton_ny9r1_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._gradient_ny9r1_80:not([aria-disabled]) ._iconButton_ny9r1_10[data-focused],._white_ny9r1_32:not([aria-disabled]) ._iconButton_ny9r1_10{outline-offset:var(--alto-sem-border-width-none)}[aria-disabled] ._iconButton_ny9r1_10{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tabsContainer_1yet6_1{margin:0 auto;min-height:30px;width:240px}._tabsContainer_1yet6_1,._tabs_1yet6_1{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}._tabs_1yet6_1{background-color:var(--alto-sem-color-bg-white-vibrant-default);border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._tabs_1yet6_1[data-focused=true]{outline:2px solid var(--alto-sem-color-border-accent);outline-offset:1px}._tabs_1yet6_1._transparent_1yet6_28{background-color:transparent}._dotsScroller_1yet6_32{align-items:center;display:flex;gap:var(--alto-sem-space-2xs);justify-content:center;position:relative;white-space:nowrap;will-change:transform}._tab_1yet6_1{background-color:#0000004d;border:none;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:block;flex-shrink:0;margin:0;padding:0;transition:background-color .6s ease,width .6s ease,height .6s ease,opacity .6s ease}._tab_1yet6_1:hover,._tab_1yet6_1[data-hovered=true]{transform:scale(1.1)}._tab_1yet6_1._activeTab_1yet6_65{background-color:var(--alto-sem-color-fg-primary)}._tabs_1yet6_1[data-focused=true] ._tab_1yet6_1._activeTab_1yet6_65{background-color:var(--alto-sem-color-border-accent)}._tabMd_1yet6_74{height:8px;width:8px}._tabLg_1yet6_79{height:12px;width:12px}._tabSizeMedium_1yet6_85{height:6px;opacity:.8;width:6px}._tabSizeSmall_1yet6_92{height:4px;opacity:.6;width:4px}[data-dot-size=lg] ._tabSizeMedium_1yet6_85{height:9px;width:9px}[data-dot-size=lg] ._tabSizeSmall_1yet6_92{height:6px;width:6px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._label_1w8ui_1{font-family:var(--alto-sem-text-label-font-family);font-style:normal;font-weight:var(--alto-sem-text-label-font-weight)}._xxs_1w8ui_7{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-label-2xs-letter-spacing);line-height:var(--alto-sem-text-label-2xs-line-height)}._xs_1w8ui_13{font-size:var(--alto-sem-text-label-xs-font-size);letter-spacing:var(--alto-sem-text-label-xs-letter-spacing);line-height:var(--alto-sem-text-label-xs-line-height)}._sm_1w8ui_19{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height)}._md_1w8ui_25{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height)}._lg_1w8ui_31{font-size:var(--alto-sem-text-label-lg-font-size);letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listBoxItem_1d71p_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_1d71p_17{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_1d71p_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_1d71p_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_1d71p_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_1d71p_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_1d71p_1[data-focused]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_1d71p_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_1d71p_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_1d71p_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_1d71p_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_1d71p_65,._listBoxItemSelected_1d71p_71{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_1d71p_71{opacity:0}._listBoxItem_1d71p_1[data-selected] ._listBoxItemSelected_1d71p_71{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._paragraph_rcir1_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._paragraph_rcir1_1 strong{font-weight:var(--alto-sem-text-body-bold-font-weight)}._xs_rcir1_13{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_rcir1_19{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_rcir1_25{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_rcir1_31{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_rcir1_37{text-align:start}._center_rcir1_41{text-align:center}._end_rcir1_45{text-align:end}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._searchField_acl05_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;position:relative;width:100%}._searchField_acl05_1>[role=group]{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._searchField_acl05_1>[role=group][data-focus-within]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._searchField_acl05_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchField_acl05_1>[role=group]:has(input[data-hovered]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._searchField_acl05_1>[role=group]:has(input[data-pressed]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._searchField_acl05_1>[role=group]:has(input[data-invalid]:not([data-disabled])){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._searchField_acl05_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._searchField_acl05_1 input{border:none;font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);padding-left:44px;width:100%}._searchField_acl05_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_acl05_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_acl05_1 input[data-focused]{outline:none}._searchField_acl05_1 ._iconStart_acl05_80{cursor:pointer;padding:var(--alto-sem-space-4xs);padding-left:var(--alto-sem-space-xs);padding-right:var(--alto-sem-space-2xs);position:absolute}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React__default from "react";
|
|
3
3
|
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
5
|
import '../../assets/Accordion.css';const accordion = "_accordion_1i793_1";
|
|
@@ -58,8 +58,8 @@ const AccordionPanel = ({
|
|
|
58
58
|
children,
|
|
59
59
|
...props
|
|
60
60
|
}) => {
|
|
61
|
-
const contentRef =
|
|
62
|
-
|
|
61
|
+
const contentRef = React__default.useRef(null);
|
|
62
|
+
React__default.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__default.Children.toArray(children).map((child, index) => {
|
|
114
|
+
if (React__default.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__default.Children.map(children, (child, index) => {
|
|
125
|
+
if (React__default.isValidElement(child)) {
|
|
126
|
+
return React__default.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__default 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__default.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 or "pageWidth" to use the `section-container-max-width` token.
|
|
20
20
|
*/
|
|
21
|
-
maxWidth?: string;
|
|
21
|
+
maxWidth?: 'pageWidth' | 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: maxWidth === "pageWidth" ? "var(--alto-section-container-max-width)" : maxWidth,
|
|
28
28
|
minWidth,
|
|
29
29
|
maxHeight,
|
|
30
30
|
minHeight
|
|
@@ -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_1o6d2_1";
|
|
12
|
+
const content = "_content_1o6d2_19";
|
|
13
|
+
const isNotLoading = "_isNotLoading_1o6d2_28";
|
|
14
|
+
const loadingSpinner = "_loadingSpinner_1o6d2_28";
|
|
15
|
+
const isLoading = "_isLoading_1o6d2_37";
|
|
16
|
+
const focusWhite = "_focusWhite_1o6d2_49";
|
|
17
|
+
const sm = "_sm_1o6d2_56";
|
|
18
|
+
const md = "_md_1o6d2_64";
|
|
19
|
+
const lg = "_lg_1o6d2_72";
|
|
20
|
+
const fullWidth = "_fullWidth_1o6d2_80";
|
|
21
|
+
const textAlignLeft = "_textAlignLeft_1o6d2_87";
|
|
22
|
+
const textAlignCenter = "_textAlignCenter_1o6d2_91";
|
|
23
|
+
const textAlignRight = "_textAlignRight_1o6d2_95";
|
|
24
|
+
const accentPrimary = "_accentPrimary_1o6d2_103";
|
|
25
|
+
const accentSecondary = "_accentSecondary_1o6d2_123";
|
|
26
|
+
const accentTertiary = "_accentTertiary_1o6d2_153";
|
|
27
|
+
const accentQuaternary = "_accentQuaternary_1o6d2_179";
|
|
28
|
+
const criticalPrimary = "_criticalPrimary_1o6d2_205";
|
|
29
|
+
const criticalSecondary = "_criticalSecondary_1o6d2_230";
|
|
30
|
+
const criticalTertiary = "_criticalTertiary_1o6d2_260";
|
|
31
|
+
const criticalQuaternary = "_criticalQuaternary_1o6d2_286";
|
|
32
|
+
const neutralPrimary = "_neutralPrimary_1o6d2_313";
|
|
33
|
+
const neutralSecondary = "_neutralSecondary_1o6d2_338";
|
|
34
|
+
const neutralTertiary = "_neutralTertiary_1o6d2_367";
|
|
35
|
+
const neutralQuaternary = "_neutralQuaternary_1o6d2_393";
|
|
36
|
+
const whitePrimary = "_whitePrimary_1o6d2_420";
|
|
37
|
+
const whiteSecondary = "_whiteSecondary_1o6d2_446";
|
|
38
|
+
const whiteTertiary = "_whiteTertiary_1o6d2_479";
|
|
39
|
+
const whiteQuaternary = "_whiteQuaternary_1o6d2_509";
|
|
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_1o6d2_541",
|
|
71
|
+
"icon-wrapper": "_icon-wrapper_1o6d2_546"
|
|
72
72
|
};
|
|
73
73
|
const button = cva(styles.button, {
|
|
74
74
|
variants: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React__default 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__default.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?: "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
|
export type CalloutBannerVariants = VariantProps<typeof calloutBanner>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React__default 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";
|
|
@@ -55,7 +55,7 @@ const CalloutBanner = ({
|
|
|
55
55
|
emphasis = "primary",
|
|
56
56
|
onDismiss
|
|
57
57
|
}) => {
|
|
58
|
-
const iconName =
|
|
58
|
+
const iconName = React__default.useMemo(() => {
|
|
59
59
|
switch (styleVariant) {
|
|
60
60
|
case "critical":
|
|
61
61
|
return "circle-exclamation";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface AutoplayControlProps {
|
|
2
|
+
/**
|
|
3
|
+
* Focus style
|
|
4
|
+
* @default 'default'
|
|
5
|
+
*/
|
|
6
|
+
focusStyle?: 'default' | 'white';
|
|
7
|
+
/**
|
|
8
|
+
* Style variant of the button
|
|
9
|
+
* @default 'neutralVibrant'
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'neutralVibrant' | 'neutralSubtle' | 'whiteVibrant' | 'whiteSubtle';
|
|
12
|
+
/**
|
|
13
|
+
* Size of the button
|
|
14
|
+
* @default 'md'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'sm' | 'md';
|
|
17
|
+
/**
|
|
18
|
+
* Additional CSS class name for the container
|
|
19
|
+
*/
|
|
20
|
+
className?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Additional CSS class name for the button
|
|
23
|
+
*/
|
|
24
|
+
buttonClassName?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const AutoplayControl: ({ variant, size, focusStyle, className, buttonClassName, }: AutoplayControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default AutoplayControl;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { f as CarouselAutoplayControl } from "../../../index-uZFEbUWx.js";
|
|
4
|
+
import { useFocusRing } from "@react-aria/focus";
|
|
5
|
+
import { i as iconButtonStyles } from "../../../IconButton.module-DcfPVyUX.js";
|
|
6
|
+
import { Icon } from "../../Icon/Icon.js";
|
|
7
|
+
import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";
|
|
8
|
+
import '../../../assets/AutoplayControl.css';const autoplayControl = "_autoplayControl_jeo17_1";
|
|
9
|
+
const iconButton = "_iconButton_jeo17_17";
|
|
10
|
+
const sizeMd = "_sizeMd_jeo17_25";
|
|
11
|
+
const sizeSm = "_sizeSm_jeo17_31";
|
|
12
|
+
const neutralVibrant = "_neutralVibrant_jeo17_38";
|
|
13
|
+
const whiteVibrant = "_whiteVibrant_jeo17_44";
|
|
14
|
+
const neutralSubtle = "_neutralSubtle_jeo17_55";
|
|
15
|
+
const whiteSubtle = "_whiteSubtle_jeo17_61";
|
|
16
|
+
const styles = {
|
|
17
|
+
autoplayControl,
|
|
18
|
+
iconButton,
|
|
19
|
+
sizeMd,
|
|
20
|
+
sizeSm,
|
|
21
|
+
neutralVibrant,
|
|
22
|
+
whiteVibrant,
|
|
23
|
+
neutralSubtle,
|
|
24
|
+
whiteSubtle
|
|
25
|
+
};
|
|
26
|
+
const AutoplayControl = ({
|
|
27
|
+
variant = "neutralVibrant",
|
|
28
|
+
size = "md",
|
|
29
|
+
focusStyle = "default",
|
|
30
|
+
className = "",
|
|
31
|
+
buttonClassName = ""
|
|
32
|
+
}) => {
|
|
33
|
+
const {
|
|
34
|
+
isFocusVisible,
|
|
35
|
+
focusProps
|
|
36
|
+
} = useFocusRing();
|
|
37
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
38
|
+
const [isPressed, setIsPressed] = useState(false);
|
|
39
|
+
const variantClass = styles[variant] || "";
|
|
40
|
+
const iconSize = size === "md" ? "1.25x" : "1x";
|
|
41
|
+
const getIconColor = () => {
|
|
42
|
+
switch (variant) {
|
|
43
|
+
case "whiteVibrant":
|
|
44
|
+
return "whiteOnVibrant";
|
|
45
|
+
case "whiteSubtle":
|
|
46
|
+
return "whiteOnSubtle";
|
|
47
|
+
case "neutralVibrant":
|
|
48
|
+
return "inverseOnVibrant";
|
|
49
|
+
case "neutralSubtle":
|
|
50
|
+
return "inverseOnSubtle";
|
|
51
|
+
default:
|
|
52
|
+
return "whiteOnVibrant";
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
return /* @__PURE__ */ jsx(CarouselAutoplayControl, { className: `${styles.autoplayControl} ${variantClass} ${className || ""}`, ...focusProps, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onMouseDown: () => setIsPressed(true), onMouseUp: () => setIsPressed(false), "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "data-size": size, children: ({
|
|
56
|
+
autoplayUserPreference
|
|
57
|
+
}) => /* @__PURE__ */ jsx("div", { className: `${styles.iconButton} ${iconButtonStyles.iconButton} ${iconButtonStyles[size] || ""} ${focusStyleVariants({
|
|
58
|
+
focusStyle
|
|
59
|
+
})} ${buttonClassName || ""}`, "data-focused": isFocusVisible ? true : void 0, "data-parent-hovered": isHovered ? true : void 0, "data-parent-pressed": isPressed ? true : void 0, "data-size": size, children: /* @__PURE__ */ jsx(Icon, { iconPrefix: "fas", iconName: autoplayUserPreference ? "pause" : "play", color: getIconColor(), iconSize, "aria-hidden": "true" }) }) });
|
|
60
|
+
};
|
|
61
|
+
export {
|
|
62
|
+
AutoplayControl,
|
|
63
|
+
AutoplayControl as default
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=AutoplayControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoplayControl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CarouselProps {
|
|
3
|
+
/**
|
|
4
|
+
* Content to be displayed in the carousel
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode | React.ReactNode[];
|
|
7
|
+
/**
|
|
8
|
+
* Carousel variant
|
|
9
|
+
* @default 'default'
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'default' | 'minimal';
|
|
12
|
+
/**
|
|
13
|
+
* Looping behavior
|
|
14
|
+
* - 'infinite': Carousel loops continuously
|
|
15
|
+
* - 'backToStart': Carousel loops back to start after reaching end
|
|
16
|
+
* - 'off': Looping is disabled
|
|
17
|
+
* @default 'off'
|
|
18
|
+
*/
|
|
19
|
+
looping?: 'infinite' | 'backToStart' | 'off';
|
|
20
|
+
/**
|
|
21
|
+
* Number of items to display per page (minimum: 1)
|
|
22
|
+
* Decimal values (e.g., 2.25) can be used to show partial items
|
|
23
|
+
* @default 1
|
|
24
|
+
* @min 1
|
|
25
|
+
*/
|
|
26
|
+
itemsPerPage?: number;
|
|
27
|
+
/**
|
|
28
|
+
* Space between carousel items in pixels
|
|
29
|
+
* @default 0
|
|
30
|
+
*/
|
|
31
|
+
spaceBetweenItems?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Whether to show a peek of the next/previous slides when in
|
|
34
|
+
* overflow mode
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
hasScrollPeek?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Additional CSS class for the carousel container
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Icon type for navigation buttons
|
|
44
|
+
* @default 'chevron'
|
|
45
|
+
*/
|
|
46
|
+
iconType?: 'chevron';
|
|
47
|
+
/**
|
|
48
|
+
* Style of carousel arrow buttons
|
|
49
|
+
* @default 'neutral'
|
|
50
|
+
*/
|
|
51
|
+
carouselArrow?: 'neutral' | 'white' | 'shapeFlat' | 'shapeElevated' | 'gradient';
|
|
52
|
+
/**
|
|
53
|
+
* Size of navigation buttons
|
|
54
|
+
* @default 'md'
|
|
55
|
+
*/
|
|
56
|
+
buttonSize?: 'sm' | 'md' | 'lg';
|
|
57
|
+
/**
|
|
58
|
+
* Focus style for interactive elements
|
|
59
|
+
* @default 'default'
|
|
60
|
+
*/
|
|
61
|
+
focusStyle?: 'default' | 'white';
|
|
62
|
+
/**
|
|
63
|
+
* Size of pagination dots
|
|
64
|
+
* @default 'md'
|
|
65
|
+
*/
|
|
66
|
+
dotSize?: 'md' | 'lg';
|
|
67
|
+
/**
|
|
68
|
+
* Visual style of pagination dots
|
|
69
|
+
* @default 'standard'
|
|
70
|
+
*/
|
|
71
|
+
dotsVariant?: 'standard' | 'transparent';
|
|
72
|
+
/**
|
|
73
|
+
* Whether to hide pagination dots
|
|
74
|
+
* @default false
|
|
75
|
+
*/
|
|
76
|
+
hideDots?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Whether to enable cycle behavior on dots container tap for mobile
|
|
79
|
+
* @default true
|
|
80
|
+
*/
|
|
81
|
+
enableTapCycling?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Whether the autoplay is enabled
|
|
84
|
+
* @default false
|
|
85
|
+
*/
|
|
86
|
+
isPaused?: boolean;
|
|
87
|
+
/**
|
|
88
|
+
* Interval in milliseconds between slides during autoplay
|
|
89
|
+
* @default 2000
|
|
90
|
+
*/
|
|
91
|
+
autoPlayInterval?: number;
|
|
92
|
+
/**
|
|
93
|
+
* Style variant for autoplay control button
|
|
94
|
+
* @default 'neutralVibrant'
|
|
95
|
+
*/
|
|
96
|
+
autoPlayControlVariant?: 'neutralVibrant' | 'neutralSubtle' | 'whiteVibrant' | 'whiteSubtle';
|
|
97
|
+
/**
|
|
98
|
+
* Size of autoplay control button
|
|
99
|
+
* @default 'md'
|
|
100
|
+
*/
|
|
101
|
+
autoPlayControlSize?: 'sm' | 'md';
|
|
102
|
+
/**
|
|
103
|
+
* Whether to enable mouse dragging for the carousel
|
|
104
|
+
* @default true
|
|
105
|
+
*/
|
|
106
|
+
mouseDragging?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* Class name for the outermost wrapper of the carousel
|
|
109
|
+
*/
|
|
110
|
+
carouselWrapperClassName?: string;
|
|
111
|
+
/**
|
|
112
|
+
* Class name for the controls container
|
|
113
|
+
*/
|
|
114
|
+
controlsClassName?: string;
|
|
115
|
+
/**
|
|
116
|
+
* Class name for the previous button
|
|
117
|
+
* Use this to position the previous button
|
|
118
|
+
*/
|
|
119
|
+
prevButtonClassName?: string;
|
|
120
|
+
/**
|
|
121
|
+
* Class name for the next button
|
|
122
|
+
* Use this to position the next button
|
|
123
|
+
*/
|
|
124
|
+
nextButtonClassName?: string;
|
|
125
|
+
/**
|
|
126
|
+
* Class name for the autoplay control
|
|
127
|
+
* Use this to position the autoplay button
|
|
128
|
+
*/
|
|
129
|
+
autoplayControlClassName?: string;
|
|
130
|
+
/**
|
|
131
|
+
* Class name for the dots container
|
|
132
|
+
* Use this to position the pagination dots
|
|
133
|
+
*/
|
|
134
|
+
dotsContainerClassName?: string;
|
|
135
|
+
/**
|
|
136
|
+
* Class name for the dots wrapper
|
|
137
|
+
* Use this to style the dots wrapper
|
|
138
|
+
*/
|
|
139
|
+
dotsWrapperClassName?: string;
|
|
140
|
+
/**
|
|
141
|
+
* Class name for individual dots
|
|
142
|
+
*/
|
|
143
|
+
dotClassName?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Class name for the active dot
|
|
146
|
+
*/
|
|
147
|
+
activeDotClassName?: string;
|
|
148
|
+
}
|
|
149
|
+
export declare const Carousel: ({ children, looping, className, itemsPerPage, spaceBetweenItems, hasScrollPeek, iconType, carouselArrow, buttonSize, focusStyle, dotSize, dotsVariant, hideDots, enableTapCycling, isPaused, autoPlayInterval, autoPlayControlVariant, autoPlayControlSize, mouseDragging, carouselWrapperClassName, controlsClassName, prevButtonClassName, nextButtonClassName, autoplayControlClassName, dotsContainerClassName, dotsWrapperClassName, dotClassName, activeDotClassName, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
|
|
150
|
+
export default Carousel;
|