@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.
Files changed (91) hide show
  1. package/dist/IconButton.module-DcfPVyUX.js +48 -0
  2. package/dist/IconButton.module-DcfPVyUX.js.map +1 -0
  3. package/dist/assets/AutoplayControl.css +1 -0
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/Carousel.css +1 -0
  6. package/dist/assets/CarouselButton.css +1 -0
  7. package/dist/assets/CarouselDots.css +1 -0
  8. package/dist/assets/Label.css +1 -0
  9. package/dist/assets/ListBoxItem.css +1 -0
  10. package/dist/assets/Paragraph.css +1 -1
  11. package/dist/assets/SearchField.css +1 -0
  12. package/dist/components/Accordion/Accordion.js +8 -8
  13. package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +2 -2
  14. package/dist/components/Box/Box.d.ts +2 -2
  15. package/dist/components/Box/Box.js +1 -1
  16. package/dist/components/Button/Button.js +31 -31
  17. package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
  18. package/dist/components/CalloutBanner/CalloutBanner.d.ts +1 -1
  19. package/dist/components/CalloutBanner/CalloutBanner.js +2 -2
  20. package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts +27 -0
  21. package/dist/components/Carousel/AutoplayControl/AutoplayControl.js +65 -0
  22. package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map +1 -0
  23. package/dist/components/Carousel/Carousel.d.ts +150 -0
  24. package/dist/components/Carousel/Carousel.js +245 -0
  25. package/dist/components/Carousel/Carousel.js.map +1 -0
  26. package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +41 -0
  27. package/dist/components/Carousel/CarouselButton/CarouselButton.js +116 -0
  28. package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +1 -0
  29. package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +15 -0
  30. package/dist/components/Carousel/CarouselDots/CarouselDots.js +192 -0
  31. package/dist/components/Carousel/CarouselDots/CarouselDots.js.map +1 -0
  32. package/dist/components/Carousel/index.d.ts +1 -0
  33. package/dist/components/Carousel/index.js +5 -0
  34. package/dist/components/Carousel/index.js.map +1 -0
  35. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -4
  36. package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +3 -3
  37. package/dist/components/Dialog/Dialog.js +3 -3
  38. package/dist/components/ErrorSummary/ErrorSummary.js +4 -4
  39. package/dist/components/IconButton/IconButton.js +21 -64
  40. package/dist/components/IconButton/IconButton.js.map +1 -1
  41. package/dist/components/Image/Image.js +7 -7
  42. package/dist/components/Label/Label.d.ts +23 -0
  43. package/dist/components/Label/Label.js +50 -0
  44. package/dist/components/Label/Label.js.map +1 -0
  45. package/dist/components/Label/index.d.ts +1 -0
  46. package/dist/components/Label/index.js +5 -0
  47. package/dist/components/Label/index.js.map +1 -0
  48. package/dist/components/ListBoxItem/ListBoxItem.d.ts +15 -0
  49. package/dist/components/ListBoxItem/ListBoxItem.js +32 -0
  50. package/dist/components/ListBoxItem/ListBoxItem.js.map +1 -0
  51. package/dist/components/ListBoxItem/index.d.ts +1 -0
  52. package/dist/components/ListBoxItem/index.js +5 -0
  53. package/dist/components/ListBoxItem/index.js.map +1 -0
  54. package/dist/components/NumberField/NumberField.d.ts +1 -1
  55. package/dist/components/NumberField/NumberField.js +6 -4
  56. package/dist/components/NumberField/NumberField.js.map +1 -1
  57. package/dist/components/Paragraph/Paragraph.js +8 -8
  58. package/dist/components/PasswordField/PasswordField.d.ts +2 -1
  59. package/dist/components/PasswordField/PasswordField.js +7 -6
  60. package/dist/components/PasswordField/PasswordField.js.map +1 -1
  61. package/dist/components/PhoneNumberField/PhoneNumberField.js +1 -1
  62. package/dist/components/Popover/Popover.js +2 -2
  63. package/dist/components/SearchField/SearchField.d.ts +14 -0
  64. package/dist/components/SearchField/SearchField.js +48 -0
  65. package/dist/components/SearchField/SearchField.js.map +1 -0
  66. package/dist/components/SearchField/index.d.ts +1 -0
  67. package/dist/components/SearchField/index.js +5 -0
  68. package/dist/components/SearchField/index.js.map +1 -0
  69. package/dist/components/Section/Section.js +4 -4
  70. package/dist/components/SelectCard/SelectCard.js +2 -2
  71. package/dist/components/TextAreaField/TextAreaField.d.ts +1 -1
  72. package/dist/components/TextAreaField/TextAreaField.js +5 -3
  73. package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
  74. package/dist/components/TextField/TextField.d.ts +1 -1
  75. package/dist/components/TextField/TextField.js +6 -4
  76. package/dist/components/TextField/TextField.js.map +1 -1
  77. package/dist/components/_base/Field/Field.js +2 -2
  78. package/dist/components/index.d.ts +3 -0
  79. package/dist/components/index.js +6 -0
  80. package/dist/components/index.js.map +1 -1
  81. package/dist/index-uZFEbUWx.js +1005 -0
  82. package/dist/index-uZFEbUWx.js.map +1 -0
  83. package/dist/index.js +6 -0
  84. package/dist/index.js.map +1 -1
  85. package/dist/{react-number-format.es-DMLgWFZX.js → react-number-format.es-DXPULhrt.js} +6 -6
  86. package/dist/{react-number-format.es-DMLgWFZX.js.map → react-number-format.es-DXPULhrt.js.map} +1 -1
  87. package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
  88. package/dist/utils/foregroundColour/foregroundColor.js +3 -0
  89. package/dist/utils/foregroundColour/foregroundColor.js.map +1 -1
  90. package/dist/utils/stories/iconPropsArgTypes.js +1 -1
  91. 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)}
@@ -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
- ._paragraph_odu3c_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._xs_odu3c_9{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_odu3c_15{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_odu3c_21{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_odu3c_27{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_odu3c_33{text-align:start}._center_odu3c_37{text-align:center}._end_odu3c_41{text-align:end}
1
+ ._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 React from "react";
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 = React.useRef(null);
62
- React.useEffect(() => {
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 = React.Children.toArray(children).map((child, index) => {
114
- if (React.isValidElement(child) && child.props.defaultExpanded) {
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: React.Children.map(children, (child, index) => {
125
- if (React.isValidElement(child)) {
126
- return React.cloneElement(child, {
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 React from "react";
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 = React.useMemo(() => {
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 = "_button_etsb3_1";
12
- const content = "_content_etsb3_19";
13
- const isNotLoading = "_isNotLoading_etsb3_28";
14
- const loadingSpinner = "_loadingSpinner_etsb3_28";
15
- const isLoading = "_isLoading_etsb3_37";
16
- const focusWhite = "_focusWhite_etsb3_49";
17
- const sm = "_sm_etsb3_56";
18
- const md = "_md_etsb3_64";
19
- const lg = "_lg_etsb3_72";
20
- const fullWidth = "_fullWidth_etsb3_80";
21
- const textAlignLeft = "_textAlignLeft_etsb3_87";
22
- const textAlignCenter = "_textAlignCenter_etsb3_91";
23
- const textAlignRight = "_textAlignRight_etsb3_95";
24
- const accentPrimary = "_accentPrimary_etsb3_103";
25
- const accentSecondary = "_accentSecondary_etsb3_123";
26
- const accentTertiary = "_accentTertiary_etsb3_153";
27
- const accentQuaternary = "_accentQuaternary_etsb3_179";
28
- const criticalPrimary = "_criticalPrimary_etsb3_205";
29
- const criticalSecondary = "_criticalSecondary_etsb3_230";
30
- const criticalTertiary = "_criticalTertiary_etsb3_260";
31
- const criticalQuaternary = "_criticalQuaternary_etsb3_286";
32
- const neutralPrimary = "_neutralPrimary_etsb3_313";
33
- const neutralSecondary = "_neutralSecondary_etsb3_338";
34
- const neutralTertiary = "_neutralTertiary_etsb3_367";
35
- const neutralQuaternary = "_neutralQuaternary_etsb3_393";
36
- const whitePrimary = "_whitePrimary_etsb3_420";
37
- const whiteSecondary = "_whiteSecondary_etsb3_446";
38
- const whiteTertiary = "_whiteTertiary_etsb3_479";
39
- const whiteQuaternary = "_whiteQuaternary_etsb3_509";
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-third_etsb3_541",
71
- "icon-wrapper": "_icon-wrapper_etsb3_546"
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 React from "react";
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: React.Children.map(children, (child) => child) });
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?: "secondary" | "primary" | "tertiary" | null | undefined;
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 React from "react";
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 = React.useMemo(() => {
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;