@alto-avios/alto-ui 3.3.0 → 3.4.0-alpha.10
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/README.md +8 -0
- package/dist/IconButton.module-DcfPVyUX.js +48 -0
- package/dist/IconButton.module-DcfPVyUX.js.map +1 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AutoplayControl.css +1 -0
- package/dist/assets/AviosCurrencySymbol.css +1 -1
- 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/ComboBox.css +1 -0
- package/dist/assets/CreditCardNumberField.css +1 -1
- package/dist/assets/DateField.css +1 -1
- package/dist/assets/Field.css +1 -0
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListBox.css +1 -0
- package/dist/assets/ListBoxItem.css +1 -1
- package/dist/assets/NumberField.css +1 -1
- package/dist/assets/PasswordField.css +1 -1
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/assets/Spacer.css +1 -0
- package/dist/assets/TextAreaField.css +1 -1
- package/dist/assets/TextField.css +1 -1
- package/dist/assets/border.css +1 -1
- package/dist/assets/field2.css +1 -0
- package/dist/assets/global.css +1 -1
- package/dist/components/Accordion/Accordion.js +23 -23
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +1 -1
- package/dist/components/AviosBadge/AviosBadge.js +1 -1
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.d.ts +1 -1
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +19 -11
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js.map +1 -1
- package/dist/components/AviosCurrencySymbol/index.d.ts +1 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Box/Box.d.ts +26 -1
- package/dist/components/Box/Box.js +11 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Box/index.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js +34 -33
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/components/ButtonGroup/index.d.ts +1 -0
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +2 -2
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CardSection/index.d.ts +1 -0
- 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 +177 -0
- package/dist/components/Carousel/Carousel.js +409 -0
- package/dist/components/Carousel/Carousel.js.map +1 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +49 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +130 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +1 -0
- package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +17 -0
- package/dist/components/Carousel/CarouselDots/CarouselDots.js +111 -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/Checkbox/index.d.ts +1 -1
- package/dist/components/CheckboxGroup/index.d.ts +1 -0
- package/dist/components/ClearFieldButton/ClearFieldButton.d.ts +0 -1
- package/dist/components/ClearFieldButton/index.d.ts +1 -0
- package/dist/components/ComboBox/ComboBox.d.ts +9 -0
- package/dist/components/ComboBox/ComboBox.js +36 -0
- package/dist/components/ComboBox/ComboBox.js.map +1 -0
- package/dist/components/ComboBox/index.d.ts +1 -0
- package/dist/components/ComboBox/index.js +5 -0
- package/dist/components/ComboBox/index.js.map +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -2
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +9 -9
- package/dist/components/CreditCardNumberField/index.d.ts +1 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +3 -3
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +1 -0
- package/dist/components/DateField/DateField.d.ts +1 -1
- package/dist/components/DateField/DateField.js +3 -3
- package/dist/components/DateField/index.d.ts +1 -0
- package/dist/components/DestinationHeading/index.d.ts +1 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +1 -2
- package/dist/components/DetailsDisclosure/index.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +29 -11
- package/dist/components/Dialog/Dialog.js +3 -3
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/ErrorSummary/ErrorSummary.js +4 -4
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/Eyebrow/Eyebrow.d.ts +14 -0
- package/dist/components/FieldDescription/index.d.ts +1 -0
- package/dist/components/FieldError/index.d.ts +1 -0
- package/dist/components/FieldLabel/index.d.ts +1 -0
- package/dist/components/FieldsetHeader/index.d.ts +1 -0
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/index.d.ts +1 -0
- package/dist/components/Heading/Heading.d.ts +1 -0
- package/dist/components/Heading/Heading.js +1 -0
- package/dist/components/Heading/index.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/IconBackdrop/index.d.ts +1 -0
- package/dist/components/IconButton/IconButton.js +21 -64
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Image/Image.d.ts +18 -6
- package/dist/components/Image/Image.js +7 -7
- package/dist/components/Image/index.d.ts +1 -0
- package/dist/components/Label/index.d.ts +1 -0
- package/dist/components/Link/Link.d.ts +6 -1
- package/dist/components/Link/Link.js +10 -6
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/ListBox/ListBox.d.ts +14 -0
- package/dist/components/ListBox/ListBox.js +29 -0
- package/dist/components/ListBox/ListBox.js.map +1 -0
- package/dist/components/ListBox/index.d.ts +2 -0
- package/dist/components/ListBox/index.js +5 -0
- package/dist/components/ListBox/index.js.map +1 -0
- package/dist/components/ListBoxItem/ListBoxItem.js +5 -5
- package/dist/components/ListBoxItem/index.d.ts +1 -0
- package/dist/components/LoadingSpinner/index.d.ts +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/NumberField/NumberField.d.ts +1 -1
- package/dist/components/NumberField/NumberField.js +6 -6
- package/dist/components/NumberField/index.d.ts +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +4 -1
- package/dist/components/Paragraph/Paragraph.js +8 -3
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +1 -0
- package/dist/components/PasswordField/PasswordField.d.ts +6 -2
- package/dist/components/PasswordField/PasswordField.js +15 -13
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +9 -8
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -2
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/SearchField/SearchField.js +6 -6
- package/dist/components/SearchField/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +2 -2
- package/dist/components/Section/Section.js +4 -4
- package/dist/components/Section/index.d.ts +1 -0
- package/dist/components/SelectCard/SelectCard.d.ts +3 -2
- package/dist/components/SelectCard/SelectCard.js +3 -2
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectNative/index.d.ts +1 -0
- package/dist/components/Slider/Slider.d.ts +16 -4
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Spacer/Spacer.d.ts +15 -0
- package/dist/components/Spacer/Spacer.js +94 -0
- package/dist/components/Spacer/Spacer.js.map +1 -0
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.js +5 -0
- package/dist/components/Spacer/index.js.map +1 -0
- package/dist/components/SubHeading/SubHeading.d.ts +3 -3
- package/dist/components/SubHeading/index.d.ts +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Tag/index.d.ts +1 -0
- package/dist/components/TagGroup/index.d.ts +1 -0
- package/dist/components/TextAreaField/TextAreaField.js +2 -2
- package/dist/components/TextField/TextField.d.ts +4 -0
- package/dist/components/TextField/TextField.js +5 -5
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/ToggleButton/index.d.ts +1 -0
- package/dist/components/ToggleIconButton/index.d.ts +1 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/_base/Field/Field.d.ts +11 -2
- package/dist/components/_base/Field/Field.js +17 -3
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +67 -1
- package/dist/components/index.js +12 -3
- 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 +12 -3
- 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/border/border.d.ts +1 -1
- package/dist/utils/border/border.js +38 -34
- package/dist/utils/border/border.js.map +1 -1
- package/dist/utils/breakpoint/hooks/useBreakpoint.d.ts +11 -0
- package/dist/utils/breakpoint/hooks/useBreakpoint.js +79 -0
- package/dist/utils/breakpoint/hooks/useBreakpoint.js.map +1 -0
- package/dist/utils/breakpoint/responsive.d.ts +18 -0
- package/dist/utils/breakpoint/responsive.js +22 -0
- package/dist/utils/breakpoint/responsive.js.map +1 -0
- package/dist/utils/breakpoint/theme/breakpoints.d.ts +13 -0
- package/dist/utils/breakpoint/theme/breakpoints.js +27 -0
- package/dist/utils/breakpoint/theme/breakpoints.js.map +1 -0
- package/dist/utils/forms/field.d.ts +8 -0
- package/dist/utils/forms/field.js +212 -0
- package/dist/utils/forms/field.js.map +1 -0
- package/dist/utils/forms/field.test.d.ts +1 -0
- package/dist/utils/position/position.js +10 -10
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -73,6 +73,14 @@ We need to create static storybook files for our public domain site to use. Run
|
|
|
73
73
|
|
|
74
74
|
`npm run build:storybook`
|
|
75
75
|
|
|
76
|
+
## Run Chromatic (Dev)
|
|
77
|
+
|
|
78
|
+
Run the following command to analyze our code and send to chromatic
|
|
79
|
+
|
|
80
|
+
`npx chromatic --project-token <YOUR_PROJECT_TOKEN>`
|
|
81
|
+
|
|
82
|
+
Project Token can be found in the chromatic dashboard
|
|
83
|
+
|
|
76
84
|
## For Application using our package
|
|
77
85
|
|
|
78
86
|
### Install Package in Applications
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_df6dx_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_df6dx_14,._accordionStack_df6dx_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_df6dx_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_df6dx_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_df6dx_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_df6dx_57{display:flex;flex-direction:column}._endContainer_df6dx_62{gap:var(--alto-sem-space-sm)}._endContainer_df6dx_62,._titleEnd_df6dx_69,._titleStart_df6dx_68{align-items:center;display:flex}._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_df6dx_87,._accordionTitle_df6dx_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_df6dx_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_df6dx_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_df6dx_1[data-expanded=true] ._iconWrapper_df6dx_96{transform:rotate(180deg)}._accordion_df6dx_1 [role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_df6dx_1 [role=group],._accordion_df6dx_1[data-expanded=true] [role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_df6dx_1[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_df6dx_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_df6dx_1[data-expanded=true],._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_df6dx_1 ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_df6dx_1 ._trigger_df6dx_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_df6dx_1 ._trigger_df6dx_33[data-focused]{outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled] ._iconWrapper_df6dx_96,._trigger_df6dx_33[data-disabled] ._accordionDescription_df6dx_87,._trigger_df6dx_33[data-disabled] ._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_df6dx_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._autoplayControl_kk1sb_1{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;pointer-events:auto;position:relative;z-index:10}._autoplayControl_kk1sb_1 ._iconButton_kk1sb_17{align-items:center;box-shadow:0 2px 8px #0003;display:flex;justify-content:center}._autoplayControl_kk1sb_1._sizeMd_kk1sb_25,._autoplayControl_kk1sb_1._sizeMd_kk1sb_25 ._iconButton_kk1sb_17{height:48px;width:48px}._autoplayControl_kk1sb_1._sizeSm_kk1sb_31,._autoplayControl_kk1sb_1._sizeSm_kk1sb_31 ._iconButton_kk1sb_17{height:36px;width:36px}._autoplayControl_kk1sb_1._neutralVibrant_kk1sb_38 ._iconButton_kk1sb_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)}._autoplayControl_kk1sb_1._whiteVibrant_kk1sb_44 ._iconButton_kk1sb_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)}._autoplayControl_kk1sb_1._whiteVibrant_kk1sb_44 ._iconButton_kk1sb_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}._autoplayControl_kk1sb_1._neutralSubtle_kk1sb_55 ._iconButton_kk1sb_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)}._autoplayControl_kk1sb_1._whiteSubtle_kk1sb_61 ._iconButton_kk1sb_17{background-color:#00000080;border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-white-on-subtle)}._autoplayControl_kk1sb_1._whiteSubtle_kk1sb_61 ._iconButton_kk1sb_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._aviosCurrencySymbol-
|
|
1
|
+
._aviosCurrencySymbol-primary_152jd_1 path:first-child{fill:var(--alto-sem-color-fg-primary)}._aviosCurrencySymbol-primary_152jd_1 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-secondary_152jd_11 path:first-child{fill:var(--alto-sem-color-fg-secondary)}._aviosCurrencySymbol-secondary_152jd_11 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:first-child{fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-white_152jd_21 path:nth-child(2){fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-onSpend_152jd_31 path:first-child{fill:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrencySymbol-onSpend_152jd_31 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-onCollect_152jd_41 path:first-child{fill:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrencySymbol-onCollect_152jd_41 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:first-child{fill:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencySymbol-accentPrimary_152jd_51 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:first-child{fill:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrencySymbol-accentSecondary_152jd_61 path:nth-child(2){fill:var(--alto-sem-color-fg-white-primary)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1o6d2_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_1o6d2_1,._button_1o6d2_1 ._content_1o6d2_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1o6d2_28 ._loadingSpinner_1o6d2_28{opacity:0;position:absolute}._isNotLoading_1o6d2_28 ._content_1o6d2_19{opacity:1}._isLoading_1o6d2_37 ._loadingSpinner_1o6d2_28{opacity:1;position:absolute}._isLoading_1o6d2_37 ._content_1o6d2_19{opacity:0}._focusWhite_1o6d2_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1o6d2_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1o6d2_64{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1o6d2_72{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1o6d2_80{width:100%}._textAlignLeft_1o6d2_87{text-align:left}._textAlignCenter_1o6d2_91{text-align:center}._textAlignRight_1o6d2_95{text-align:right}._accentPrimary_1o6d2_103[data-focused],._accentPrimary_1o6d2_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1o6d2_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1o6d2_103[data-pressed][data-focused]{outline:none}._accentPrimary_1o6d2_103:disabled,._accentPrimary_1o6d2_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1o6d2_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1o6d2_123[data-focused],._accentSecondary_1o6d2_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1o6d2_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1o6d2_123[data-pressed][data-focused]{outline:none}._accentSecondary_1o6d2_123:disabled,._accentSecondary_1o6d2_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_1o6d2_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1o6d2_153[data-focused],._accentTertiary_1o6d2_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1o6d2_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1o6d2_153[data-pressed][data-focused]{outline:none}._accentTertiary_1o6d2_153:disabled,._accentTertiary_1o6d2_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1o6d2_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1o6d2_179[data-focused],._accentQuaternary_1o6d2_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1o6d2_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1o6d2_179[data-pressed][data-focused]{outline:none}._accentQuaternary_1o6d2_179:disabled,._accentQuaternary_1o6d2_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1o6d2_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1o6d2_205[data-focused],._criticalPrimary_1o6d2_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1o6d2_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1o6d2_205[data-pressed][data-focused]{outline:none}._criticalPrimary_1o6d2_205:disabled,._criticalPrimary_1o6d2_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1o6d2_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1o6d2_230[data-focused],._criticalSecondary_1o6d2_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1o6d2_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1o6d2_230[data-pressed][data-focused]{outline:none}._criticalSecondary_1o6d2_230:disabled,._criticalSecondary_1o6d2_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_1o6d2_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1o6d2_260[data-focused],._criticalTertiary_1o6d2_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1o6d2_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1o6d2_260[data-pressed][data-focused]{outline:none}._criticalTertiary_1o6d2_260:disabled,._criticalTertiary_1o6d2_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1o6d2_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1o6d2_286[data-focused],._criticalQuaternary_1o6d2_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1o6d2_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1o6d2_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_1o6d2_286:disabled,._criticalQuaternary_1o6d2_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1o6d2_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1o6d2_313[data-focused],._neutralPrimary_1o6d2_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1o6d2_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1o6d2_313[data-pressed][data-focused]{outline:none}._neutralPrimary_1o6d2_313:disabled,._neutralPrimary_1o6d2_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1o6d2_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1o6d2_338[data-focused],._neutralSecondary_1o6d2_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1o6d2_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1o6d2_338[data-pressed][data-focused]{outline:none}._neutralSecondary_1o6d2_338:disabled,._neutralSecondary_1o6d2_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_1o6d2_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1o6d2_367[data-focused],._neutralTertiary_1o6d2_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1o6d2_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1o6d2_367[data-pressed][data-focused]{outline:none}._neutralTertiary_1o6d2_367:disabled,._neutralTertiary_1o6d2_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1o6d2_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1o6d2_393[data-focused],._neutralQuaternary_1o6d2_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1o6d2_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1o6d2_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_1o6d2_393:disabled,._neutralQuaternary_1o6d2_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1o6d2_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1o6d2_420[data-focused],._whitePrimary_1o6d2_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1o6d2_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1o6d2_420[data-pressed][data-focused]{outline:none}._whitePrimary_1o6d2_420:disabled,._whitePrimary_1o6d2_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1o6d2_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1o6d2_446[data-focused],._whiteSecondary_1o6d2_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1o6d2_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1o6d2_446[data-pressed][data-focused]{outline:none}._whiteSecondary_1o6d2_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1o6d2_446:disabled,._whiteSecondary_1o6d2_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1o6d2_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1o6d2_479[data-focused],._whiteTertiary_1o6d2_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1o6d2_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1o6d2_479[data-pressed][data-focused]{outline:none}._whiteTertiary_1o6d2_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1o6d2_479:disabled,._whiteTertiary_1o6d2_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1o6d2_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1o6d2_509[data-focused],._whiteQuaternary_1o6d2_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1o6d2_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1o6d2_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_1o6d2_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1o6d2_509:disabled,._whiteQuaternary_1o6d2_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1o6d2_541{height:1rem;width:1rem}._icon-wrapper_1o6d2_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_9pg0y_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_9pg0y_1,._button_9pg0y_1 ._content_9pg0y_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_9pg0y_28 ._loadingSpinner_9pg0y_28{opacity:0;position:absolute}._isNotLoading_9pg0y_28 ._content_9pg0y_19{opacity:1}._isLoading_9pg0y_37 ._loadingSpinner_9pg0y_28{opacity:1;position:absolute}._isLoading_9pg0y_37 ._content_9pg0y_19{opacity:0}._focusWhite_9pg0y_49[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._sm_9pg0y_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_9pg0y_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_9pg0y_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_9pg0y_83{width:100%}._textAlignLeft_9pg0y_90{text-align:left}._textAlignCenter_9pg0y_94{text-align:center}._textAlignRight_9pg0y_98{text-align:right}._accentPrimary_9pg0y_106[data-focused],._accentPrimary_9pg0y_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_9pg0y_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_9pg0y_106[data-pressed][data-focused]{outline:none}._accentPrimary_9pg0y_106:disabled,._accentPrimary_9pg0y_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_9pg0y_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_9pg0y_126[data-focused],._accentSecondary_9pg0y_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_9pg0y_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_9pg0y_126[data-pressed][data-focused]{outline:none}._accentSecondary_9pg0y_126:disabled,._accentSecondary_9pg0y_126[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_9pg0y_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_9pg0y_156[data-focused],._accentTertiary_9pg0y_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_9pg0y_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_9pg0y_156[data-pressed][data-focused]{outline:none}._accentTertiary_9pg0y_156:disabled,._accentTertiary_9pg0y_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_9pg0y_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_9pg0y_182[data-focused],._accentQuaternary_9pg0y_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_9pg0y_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_9pg0y_182[data-pressed][data-focused]{outline:none}._accentQuaternary_9pg0y_182:disabled,._accentQuaternary_9pg0y_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_9pg0y_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_9pg0y_208[data-focused],._criticalPrimary_9pg0y_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_9pg0y_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_9pg0y_208[data-pressed][data-focused]{outline:none}._criticalPrimary_9pg0y_208:disabled,._criticalPrimary_9pg0y_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_9pg0y_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_9pg0y_233[data-focused],._criticalSecondary_9pg0y_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_9pg0y_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_9pg0y_233[data-pressed][data-focused]{outline:none}._criticalSecondary_9pg0y_233:disabled,._criticalSecondary_9pg0y_233[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_9pg0y_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_9pg0y_263[data-focused],._criticalTertiary_9pg0y_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_9pg0y_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_9pg0y_263[data-pressed][data-focused]{outline:none}._criticalTertiary_9pg0y_263:disabled,._criticalTertiary_9pg0y_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_9pg0y_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_9pg0y_289[data-focused],._criticalQuaternary_9pg0y_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_9pg0y_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_9pg0y_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_9pg0y_289:disabled,._criticalQuaternary_9pg0y_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_9pg0y_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_9pg0y_316[data-focused],._neutralPrimary_9pg0y_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_9pg0y_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_9pg0y_316[data-pressed][data-focused]{outline:none}._neutralPrimary_9pg0y_316:disabled,._neutralPrimary_9pg0y_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_9pg0y_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_9pg0y_341[data-focused],._neutralSecondary_9pg0y_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_9pg0y_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_9pg0y_341[data-pressed][data-focused]{outline:none}._neutralSecondary_9pg0y_341:disabled,._neutralSecondary_9pg0y_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_9pg0y_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_9pg0y_370[data-focused],._neutralTertiary_9pg0y_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_9pg0y_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_9pg0y_370[data-pressed][data-focused]{outline:none}._neutralTertiary_9pg0y_370:disabled,._neutralTertiary_9pg0y_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_9pg0y_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_9pg0y_396[data-focused],._neutralQuaternary_9pg0y_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_9pg0y_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_9pg0y_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_9pg0y_396:disabled,._neutralQuaternary_9pg0y_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_9pg0y_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_9pg0y_423[data-focused],._whitePrimary_9pg0y_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_9pg0y_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_9pg0y_423[data-pressed][data-focused]{outline:none}._whitePrimary_9pg0y_423:disabled,._whitePrimary_9pg0y_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_9pg0y_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_9pg0y_449[data-focused],._whiteSecondary_9pg0y_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_9pg0y_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_9pg0y_449[data-pressed][data-focused]{outline:none}._whiteSecondary_9pg0y_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_9pg0y_449:disabled,._whiteSecondary_9pg0y_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_9pg0y_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_9pg0y_482[data-focused],._whiteTertiary_9pg0y_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_9pg0y_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_9pg0y_482[data-pressed][data-focused]{outline:none}._whiteTertiary_9pg0y_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_9pg0y_482:disabled,._whiteTertiary_9pg0y_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_9pg0y_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_9pg0y_512[data-focused],._whiteQuaternary_9pg0y_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_9pg0y_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_9pg0y_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_9pg0y_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_9pg0y_512:disabled,._whiteQuaternary_9pg0y_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_9pg0y_544{height:1rem;width:1rem}._icon-wrapper_9pg0y_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._carouselWrapper_5ipin_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_5ipin_2,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14 ._carousel_5ipin_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25,._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_5ipin_2{overflow-x:visible;position:relative;width:100%}._carousel_5ipin_2,._scroller_5ipin_43{box-sizing:border-box;overflow-y:hidden}._scroller_5ipin_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--alto-sem-radius-md);height:auto;padding:0 1px;transition:all .3s ease}._scroller_5ipin_43:focus{outline-offset:-2px;outline-width:2px}._scroller_5ipin_43::-webkit-scrollbar{display:none}._carouselWrapper_5ipin_2 [data-dragging=true] ._scroller_5ipin_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_5ipin_2 ._scroller_5ipin_43:hover{cursor:grab;touch-action:pan-x}._item_5ipin_86{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_5ipin_2 ._carousel_5ipin_2 ._scroller_5ipin_43 ._item_5ipin_86>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_5ipin_2,[data-scroll-padding=true] ._scroller_5ipin_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_5ipin_86{scroll-snap-align:start}._slideLeft_5ipin_124{animation:_slideLeftAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_5ipin_128{animation:_slideRightAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_5ipin_151{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:0;transition:opacity .3s ease}._carouselWrapper_5ipin_2 [data-arrows-visible=true] ._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:1}._hidden_5ipin_172{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_5ipin_181{pointer-events:auto;z-index:2}._dotsContainer_5ipin_181{position:relative}@media (max-width:768px){._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181{cursor:pointer}._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181:active{opacity:.8}}._hiddenTabs_5ipin_203{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_5ipin_216{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_5ipin_231{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_5ipin_245{height:100%;overflow-x:hidden;width:361px}._carouselDefault_5ipin_245 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275{position:relative;width:100%}._carouselWithAutoPlay_5ipin_275 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275 ._autoplayControl_5ipin_231{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_5ipin_311{position:relative}._carouselWithScrollPeek_5ipin_311,._carouselWithScrollPeek_5ipin_311 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_5ipin_311 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_5ipin_345{position:relative}._carouselWithFractionalItems_5ipin_345,._carouselWithFractionalItems_5ipin_345 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_5ipin_345 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_5ipin_379{position:relative;width:100%}._paginationDotsDefault_5ipin_379 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_5ipin_408{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_5ipin_408 ._prevButton_5ipin_250{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408 ._nextButton_5ipin_257{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408:focus-within ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:focus-within ._prevButton_5ipin_250,._hoverArrowsDefault_5ipin_408:hover ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:hover ._prevButton_5ipin_250{opacity:1}._hoverArrowsDefault_5ipin_408 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._arrowContainer_1jmcw_1{background:none;border:none;padding:0;pointer-events:auto;position:relative;z-index:2}._iconButton_1jmcw_10{align-items:center;display:flex;justify-content:center}._arrowContainer_1jmcw_1._hideWhenDisabled_1jmcw_16[aria-disabled=true]{display:none}._arrowContainer_1jmcw_1._neutral_1jmcw_22 ._iconButton_1jmcw_10[data-focused=true],._arrowContainer_1jmcw_1._neutral_1jmcw_22 ._iconButton_1jmcw_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_1jmcw_1:not([aria-disabled]) ._neutral_1jmcw_22 ._iconButton_1jmcw_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_1jmcw_1._white_1jmcw_34 ._iconButton_1jmcw_10{background-color:transparent;border:none;border-radius:0}._arrowContainer_1jmcw_1._white_1jmcw_34:not([aria-disabled]) ._iconButton_1jmcw_10[data-focused=true],._arrowContainer_1jmcw_1._white_1jmcw_34:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_1jmcw_1._white_1jmcw_34:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1jmcw_1._shapeFlat_1jmcw_52:not([aria-disabled]) ._iconButton_1jmcw_10{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_1jmcw_1._shapeFlat_1jmcw_52:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1jmcw_1._shapeElevated_1jmcw_62:not([aria-disabled]) ._iconButton_1jmcw_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}._arrowContainer_1jmcw_1._shapeElevated_1jmcw_62:not([aria-disabled]) ._iconButton_1jmcw_10[data-focused=true],._arrowContainer_1jmcw_1._shapeElevated_1jmcw_62:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_1jmcw_1._shapeElevated_1jmcw_62:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1jmcw_1._gradient_1jmcw_83:not([aria-disabled]) ._iconButton_1jmcw_10{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0}._arrowContainer_1jmcw_1._gradient_1jmcw_83._next_1jmcw_89:not([aria-disabled]) ._iconButton_1jmcw_10{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_1jmcw_1._gradient_1jmcw_83:not([aria-disabled]) ._iconButton_1jmcw_10[data-focused=true],._arrowContainer_1jmcw_1._gradient_1jmcw_83:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_1jmcw_1._gradient_1jmcw_83._next_1jmcw_89:not([aria-disabled]) ._iconButton_1jmcw_10[data-focused=true],._arrowContainer_1jmcw_1._gradient_1jmcw_83._next_1jmcw_89:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_1jmcw_1._gradient_1jmcw_83:not([aria-disabled]) ._iconButton_1jmcw_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1jmcw_1._gradient_1jmcw_83:not([aria-disabled]) ._iconButton_1jmcw_10[data-focused],._arrowContainer_1jmcw_1._white_1jmcw_34:not([aria-disabled]) ._iconButton_1jmcw_10{outline-offset:var(--alto-sem-border-width-none)}._arrowContainer_1jmcw_1[aria-disabled] ._iconButton_1jmcw_10{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_1jmcw_1._fullHeight_1jmcw_126{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_1jmcw_1._fullHeight_1jmcw_126._prev_1jmcw_136{justify-content:flex-start;left:0}._arrowContainer_1jmcw_1._fullHeight_1jmcw_126._next_1jmcw_89{justify-content:flex-end;right:0}._arrowContainer_1jmcw_1._fullHeight_1jmcw_126 ._iconButton_1jmcw_10{box-shadow:none!important;outline:none!important;position:relative;z-index:2}._arrowContainer_1jmcw_1._fullHeight_1jmcw_126 ._iconButton_1jmcw_10:focus,._arrowContainer_1jmcw_1._fullHeight_1jmcw_126 ._iconButton_1jmcw_10:focus-visible,._arrowContainer_1jmcw_1._fullHeight_1jmcw_126 ._iconButton_1jmcw_10[data-focused=true]{border:none!important;box-shadow:none!important;outline:none!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tabsContainer_c3kjx_1{align-items:center;display:flex;justify-content:center;margin:0 auto;min-height:30px;position:relative;width:auto}._tabsContainer_c3kjx_1:focus{border:2px solid green}._tabs_c3kjx_1{align-items:center;background-color:var(--alto-sem-color-bg-white-vibrant-default);border-radius:var(--alto-sem-radius-circle);display:flex;justify-content:center;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);position:relative}._tabs_c3kjx_1._transparent_c3kjx_25{background-color:transparent}._dotsScroller_c3kjx_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-2xs);justify-content:center;position:relative;white-space:nowrap}._tab_c3kjx_1{background-color:#0000004d;border:none;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:block;flex-shrink:0;margin:0;padding:0}._tab_c3kjx_1:hover,._tab_c3kjx_1[data-hovered=true]{transform:scale(1.1)}._tab_c3kjx_1._activeTab_c3kjx_56{background-color:var(--alto-sem-color-fg-primary)}._tabs_c3kjx_1[data-focused=true] ._tab_c3kjx_1._activeTab_c3kjx_56{background-color:var(--alto-sem-color-border-accent)}._tabsContainer_c3kjx_1[data-transitioning=true] ._tab_c3kjx_1{pointer-events:none;transition:none!important}._tabsContainer_c3kjx_1[data-transitioning=true] ._dotsScroller_c3kjx_29{transition:none!important}._tabMd_c3kjx_75{height:8px;width:8px}._tabLg_c3kjx_80{height:12px;width:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._comboBox_168rl_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._comboBox_168rl_1[data-focused]{outline:none}._comboBox-group_168rl_14[data-focus-within][data-focus-visible]{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)}._comboBox-group_168rl_14[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._comboBox-group_168rl_14[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._comboBox-group_168rl_14[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._comboBox-group_168rl_14[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._comboBox-group_168rl_14{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}._comboBox-group_168rl_14[data-disabled] button{background:transparent;color:var(--alto-sem-color-fg-disabled-on-subtle)}._comboBox-group_168rl_14[data-invalid]{border-color:var(--alto-sem-color-border-critical)}._comboBox-input_168rl_63{border:none;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);outline:none;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._comboBox-loading_168rl_74{align-items:center;display:flex;justify-content:center;padding:var(--alto-sem-space-xs)}._comboBox-popover_168rl_81{width:calc(var(--trigger-width) - var(--alto-sem-space-2xs))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._creditCardNumberField_12w3r_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._creditCardNumberField_12w3r_1 input{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._creditCardNumberField_12w3r_1 input[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._creditCardNumberField_12w3r_1 input[data-hovered]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_12w3r_1 input[data-pressed]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_12w3r_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_12w3r_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)}._creditCardNumberField_12w3r_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)}._creditCardNumberField_12w3r_1 ._inputWrapper_12w3r_51{align-items:center;display:flex;position:relative}._creditCardNumberField_12w3r_1 ._iconEnd_12w3r_57{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_12w3r_1:has(._iconEnd_12w3r_57) input{padding-right:44px}._creditCardNumberField_12w3r_1 input:focus-visible{outline:none}._creditCardNumberField_12w3r_1 input[data-focus-visible]{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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dateField_349vs_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_349vs_5{align-items:center;background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;min-height:48px;min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:auto}._dateInput_349vs_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_349vs_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_349vs_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_349vs_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_349vs_5[data-focus-visible]{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)}._dateInput_349vs_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_349vs_51{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-variant-numeric:tabular-nums;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:0 var(--alto-sem-space-3xs);text-align:end}._dateSegment_349vs_51[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_349vs_51[data-focused],._dateSegment_349vs_51[data-invalid]._dateSegment_349vs_51[data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-radius:var(--alto-tag-radius);caret-color:transparent;color:var(--alto-sem-color-fg-accent-on-vibrant);outline:none}._dateSegment_349vs_51[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_349vs_51[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fieldGrid_14f43_1{display:grid;grid-template-columns:repeat(12,1fr)}
|
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_52mqv_1{align-items:center;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);text-decoration:none}._xs_52mqv_11{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_52mqv_17{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_52mqv_23{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_52mqv_29{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)}._link_52mqv_1[data-focused],._link_52mqv_1[data-hovered]{color:var(--alto-sem-color-fg-accent-secondary);text-decoration:underline}._link_52mqv_1[data-focused]{color:var(--alto-sem-color-fg-accent-secondary)}._link_52mqv_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_52mqv_1[data-pressed]{text-decoration:none}._link_52mqv_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none;text-decoration-line:none}._underline_52mqv_60{text-decoration:underline}._underline_52mqv_60[data-focused],._underline_52mqv_60[data-hovered]{text-decoration:none}._underline_52mqv_60[data-pressed]{text-decoration:underline}._underline_52mqv_60[data-disabled]{text-decoration-line:underline}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listBox_97neh_1{--list-box-height:260px;background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-xs);display:flex;flex-direction:column;max-height:var(--list-box-height);overflow-y:auto;padding:var(--alto-sem-space-4xs);width:100%}._listBox_97neh_1[data-empty]{align-items:center;display:flex;height:var(--list-box-height);justify-content:center}._groupHeader_97neh_22{font-size:var(--alto-sem-text-label-sm-font-size);font-weight:500;padding:var(--alto-sem-space-sm) var(--alto-sem-space-xs) var(--alto-sem-space-xs) var(--alto-sem-space-xs);text-align:left}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._listBoxItem_vneoh_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);cursor:pointer;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);margin:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_vneoh_19{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_vneoh_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_vneoh_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_vneoh_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_vneoh_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_vneoh_1[data-focused][data-focus-visible]{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_vneoh_1[data-focused]{outline:none}._listBoxItem_vneoh_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_vneoh_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_vneoh_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_vneoh_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_vneoh_71,._listBoxItemSelected_vneoh_77{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_vneoh_77{opacity:0}._listBoxItem_vneoh_1[data-selected] ._listBoxItemSelected_vneoh_77{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._numberField_1ilxu_1{color:var(--alto-sem-color-fg-secondary);width:100%}._numberFieldGroup_1ilxu_6{align-items:center;background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;gap:var(--alto-sem-space-2xs);height:48px;min-width:230px}._numberFieldGroup_1ilxu_6 button{cursor:pointer;flex-shrink:0}._numberFieldGroup_1ilxu_6[data-invalid]{border-color:transparent;outline:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._numberFieldGroup_1ilxu_6[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._numberFieldGroup_1ilxu_6[data-disabled] button,._numberFieldGroup_1ilxu_6[data-disabled] input{cursor:not-allowed}._numberFieldGroup_1ilxu_6:not([data-disabled])[data-hovered]:not([data-focus-within]),._numberFieldGroup_1ilxu_6:not([data-disabled])[data-hovered]:not([data-focus-within]) input{border-color:var(--alto-sem-color-border-primary-hover)}._numberFieldGroup_1ilxu_6[data-focus-within][data-focus-visible]{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)}._numberFieldButton_1ilxu_53{background:none;border:none;height:48px;width:48px}._numberFieldButton_1ilxu_53[slot=decrement]{border-end-end-radius:0;border-start-end-radius:0}._numberFieldButton_1ilxu_53[slot=increment]{border-end-start-radius:0;border-start-start-radius:0}._numberFieldInput_1ilxu_70{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-left:none;border-right:none;border-top:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);box-sizing:border-box;color:var(--alto-sem-color-fg-primary,#000);flex:1;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);height:48px;letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height);outline:none;padding:0;text-align:center;width:var(--alto-sem-space-5xl)}._numberField_1ilxu_1[data-invalid] ._numberFieldButton_1ilxu_53,._numberField_1ilxu_1[data-invalid] ._numberFieldInput_1ilxu_70,._numberField_1ilxu_1[data-invalid][data-focus-within] ._numberFieldInput_1ilxu_70,._numberField_1ilxu_1[fata-invalid][data-focus-within] ._numberFieldButton_1ilxu_53{border-color:transparent}._numberFieldButton_1ilxu_53[fata-disabled],._numberFieldInput_1ilxu_70[data-disabled]{border-color:var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._passwordField__wrapper_fvsth_1{width:100%}._passwordField__wrapper_fvsth_1,._passwordField_fvsth_1{display:flex;flex-direction:column}._passwordField__strength_fvsth_12{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);list-style:none;margin-left:0;margin-top:var(--alto-sem-space-xs);padding:0}._passwordField_fvsth_1 input{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._passwordField_fvsth_1>[role=group]{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._passwordField_fvsth_1>[role=group][data-focus-within][data-focus-visible]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._passwordField_fvsth_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._passwordField_fvsth_1>[role=group]:has(input[data-hovered]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._passwordField_fvsth_1>[role=group]:has(input[data-pressed]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._passwordField_fvsth_1>[role=group]:has(input[data-invalid]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._passwordField_fvsth_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._passwordField_fvsth_1 input{border:none;height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._passwordField_fvsth_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)}._passwordField_fvsth_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)}._passwordField_fvsth_1 input[data-focused]{outline:none}._passwordStrengthItem_fvsth_98{align-items:center;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._passwordStrengthItemValid_fvsth_108{color:var(--alto-sem-color-fg-success-primary)}._passwordStrengthItemNeutral_fvsth_112{color:var(--alto-sem-color-fg-secondary)}._passwordStrengthItemInvalid_fvsth_116{color:var(--alto-sem-color-fg-critical-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._phoneNumberField_ysf6g_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid;border-color:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);height:48px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._phoneNumberField_ysf6g_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)}._phoneNumberField_ysf6g_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)}._phoneNumberField_ysf6g_1:has(input[data-focus-visible]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._phoneNumberField_ysf6g_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_ysf6g_1:has(input[data-hovered]) ._selectHandlerValue_ysf6g_35{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_ysf6g_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(input[data-focused]) ._selectHandlerValue_ysf6g_35{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_ysf6g_1:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_ysf6g_1:has(input[data-disabled]) ._selectHandlerValue_ysf6g_35{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_ysf6g_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_ysf6g_1:has(input[data-disabled]) ._selectHandlerIcon_ysf6g_66{opacity:0}._phoneNumberField_ysf6g_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_ysf6g_1:has(input[data-invalid]) ._selectHandlerValue_ysf6g_35{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_ysf6g_78{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_ysf6g_78:has(select:focus-within){border-bottom-left-radius:var(--alto-sem-radius-sm);border-color:var(--alto-sem-color-border-accent);border-top-left-radius:var(--alto-sem-radius-sm)}._selectHandlerValue_ysf6g_35{align-items:center;border-right:1px solid var(--alto-sem-color-border-primary-default);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-label-sm-font-size);gap:var(--alto-sem-space-2xs);height:48px;justify-content:center;letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);max-width:90px;padding:0 var(--alto-sem-space-xs)}._selectHandlerIcon_ysf6g_66{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_ysf6g_1 select{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border-radius:var(--alto-sem-radius-sm);cursor:pointer;display:inline-flex;font-size:0;height:48px;left:0;max-width:90px;opacity:0;position:absolute;top:0;width:100%}._phoneNumberField_ysf6g_1 input{all:unset;align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);background-color:transparent;border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex:1 1 auto;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);text-align:left;width:100%}
|
package/dist/assets/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._radio_aewea_1{align-items:center;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);forced-color-adjust:none;gap:var(--alto-sem-space-sm);justify-content:flex-start;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._radio_aewea_1[data-focus-visible]{outline:none}._radio_aewea_1:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;height:1.5rem;transition:all .2s;width:1.5rem}._radio_aewea_1[data-hovered]:before{border-color:var(--alto-sem-color-border-primary-hover)}._radio_aewea_1[data-focus-visible]:before{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._defaultFocus_aewea_45[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_aewea_49[data-focus-visible]:before{outline-color:var(--alto-sem-color-border-white)}._radio_aewea_1[data-pressed]:before{border-color:var(--alto-sem-color-border-primary-active)}._radio_aewea_1[data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._radio_aewea_1[data-selected][data-hovered]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_aewea_1[data-selected][data-focused]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_aewea_1[data-selected][data-focus-visible]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._radio_aewea_1[data-selected][data-pressed]:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._radio_aewea_1[data-invalid]:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._radio_aewea_1[data-invalid][data-hovered]:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-focused]:before{border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-focus-visible]:before,._radio_aewea_1[data-invalid][data-pressed]:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._radio_aewea_1[data-invalid][data-selected]:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._radio_aewea_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:default;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._radio_aewea_1[data-disabled]:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._radio_aewea_1[data-disabled][data-selected]:before{border-width:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._searchField_1wpmg_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;position:relative;width:100%}._searchField_1wpmg_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_1wpmg_1>[role=group][data-focus-within][data-focus-visible]: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_1wpmg_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_1wpmg_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_1wpmg_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_1wpmg_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_1wpmg_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._searchField_1wpmg_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_1wpmg_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_1wpmg_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_1wpmg_1 input[data-focused]{outline:none}._searchField_1wpmg_1 ._iconStart_1wpmg_82{cursor:pointer;padding:var(--alto-sem-space-4xs);padding-left:var(--alto-sem-space-xs);padding-right:var(--alto-sem-space-2xs);position:absolute}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spacer_13sex_1{display:block;visibility:hidden}._spacer-inline_13sex_6{display:inline}._debugVisible_13sex_10{background-color:var(--alto-sem-color-bg-accent-subtle-active);outline:1px dashed var(--alto-sem-color-bg-accent-vibrant-default);visibility:visible}._h-0_13sex_16{height:0}._h-5xs_13sex_20{height:var(--alto-sem-space-5xs)}._h-4xs_13sex_24{height:var(--alto-sem-space-4xs)}._h-3xs_13sex_28{height:var(--alto-sem-space-3xs)}._h-2xs_13sex_32{height:var(--alto-sem-space-2xs)}._h-xs_13sex_36{height:var(--alto-sem-space-xs)}._h-sm_13sex_40{height:var(--alto-sem-space-sm)}._h-md_13sex_44{height:var(--alto-sem-space-md)}._h-lg_13sex_48{height:var(--alto-sem-space-lg)}._h-xl_13sex_52{height:var(--alto-sem-space-xl)}._h-2xl_13sex_56{height:var(--alto-sem-space-2xl)}._h-3xl_13sex_60{height:var(--alto-sem-space-3xl)}._h-4xl_13sex_64{height:var(--alto-sem-space-4xl)}._h-5xl_13sex_68{height:var(--alto-sem-space-5xl)}._w-0_13sex_72{width:0}._w-5xs_13sex_76{width:var(--alto-sem-space-5xs)}._w-4xs_13sex_80{width:var(--alto-sem-space-4xs)}._w-3xs_13sex_84{width:var(--alto-sem-space-3xs)}._w-2xs_13sex_88{width:var(--alto-sem-space-2xs)}._w-xs_13sex_92{width:var(--alto-sem-space-xs)}._w-sm_13sex_96{width:var(--alto-sem-space-sm)}._w-md_13sex_100{width:var(--alto-sem-space-md)}._w-lg_13sex_104{width:var(--alto-sem-space-lg)}._w-xl_13sex_108{width:var(--alto-sem-space-xl)}._w-2xl_13sex_112{width:var(--alto-sem-space-2xl)}._w-3xl_13sex_116{width:var(--alto-sem-space-3xl)}._w-4xl_13sex_120{width:var(--alto-sem-space-4xl)}._w-5xl_13sex_124{width:var(--alto-sem-space-5xl)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textAreaField_16b3i_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._textAreaField_16b3i_1 textarea{align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-layer2-default);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' fill='none' viewBox='0 0 9 10'%3E%3Cpath stroke='%239593A0' d='M7.948 1 .5 8.448m8-3.172L4.776 9'/%3E%3C/svg%3E");background-position:right 8px bottom 8px;background-repeat:no-repeat;border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:148px;overflow:auto;padding:var(--alto-sem-space-2xs);resize:vertical;width:-webkit-fill-available}._textAreaField_16b3i_1 textarea::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._textAreaField_16b3i_1 textarea::placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._textAreaField_16b3i_1 textarea[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._textAreaField_16b3i_1 textarea[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textAreaField_16b3i_1 textarea[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textAreaField_16b3i_1 textarea[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textAreaField_16b3i_1 [react-aria-TextArea]{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);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);padding-bottom:var(--alto-sem-space-3xs)}._textAreaField_16b3i_1 label{color:var(--alto-sem-color-fg-primary);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._textAreaField_16b3i_1 label,._validationError_16b3i_79{display:flex;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-3xs);padding-bottom:var(--alto-sem-space-3xs)}._validationError_16b3i_79{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);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)}._textAreaField_16b3i_1 textarea{scrollbar-width:none;-ms-overflow-style:none}._textAreaField_16b3i_1 textarea::-webkit-scrollbar{width:0}._textAreaField_16b3i_1 textarea::-webkit-resizer{background:transparent;border:none}@-moz-document url-prefix(){._textAreaField_16b3i_1 textarea{background-image:none;border:1px solid var(--alto-sem-color-border-primary-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1r5hg_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._textField_1r5hg_1 input{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;font-size:var(--alto-sem-text-body-md-font-size);height:48px;justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._textField_1r5hg_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)}._textField_1r5hg_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)}._textField_1r5hg_1 input[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._textField_1r5hg_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._textField_1r5hg_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._textField_1r5hg_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._textField_1r5hg_1 ._inputWrapper_1r5hg_51{align-items:center;display:flex;position:relative}._textField_1r5hg_1 ._iconEnd_1r5hg_58,._textField_1r5hg_1 ._iconStart_1r5hg_57{padding:var(--alto-sem-space-sm);position:absolute}._textField_1r5hg_1:has(._iconStart_1r5hg_57) input{padding-left:44px}._textField_1r5hg_1 ._iconEnd_1r5hg_58{right:0}._textField_1r5hg_1:has(._iconEnd_1r5hg_58) input{padding-right:44px}._textField_1r5hg_1 input:focus-visible,._textField_1r5hg_1 input[data-focus]{outline:none}._textField_1r5hg_1 input[data-focus-visible]{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)}
|
package/dist/assets/border.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._borderRadiusNone_1cnhy_1{border-radius:var(--alto-sem-radius-none)}._borderRadius6xs_1cnhy_5{border-radius:var(--alto-sem-radius-6xs)}._borderRadius5xs_1cnhy_9{border-radius:var(--alto-sem-radius-5xs)}._borderRadius4xs_1cnhy_13{border-radius:var(--alto-sem-radius-4xs)}._borderRadius3xs_1cnhy_17{border-radius:var(--alto-sem-radius-3xs)}._borderRadius2xs_1cnhy_21{border-radius:var(--alto-sem-radius-2xs)}._borderRadiusXs_1cnhy_25{border-radius:var(--alto-sem-radius-xs)}._borderRadiusSm_1cnhy_29{border-radius:var(--alto-sem-radius-sm)}._borderRadiusMd_1cnhy_33{border-radius:var(--alto-sem-radius-md)}._borderRadiusLg_1cnhy_37{border-radius:var(--alto-sem-radius-lg)}._borderRadiusXl_1cnhy_41{border-radius:var(--alto-sem-radius-xl)}._borderRadiusCircle_1cnhy_45{border-radius:var(--alto-sem-radius-circle)}._borderRadiusCard_1cnhy_49{border-radius:var(--alto-card-radius)}._borderWidthNone_1cnhy_53{border-width:var(--alto-sem-border-width-none)}._borderWidthXs_1cnhy_57{border-width:var(--alto-sem-border-width-xs)}._borderWidthSm_1cnhy_61{border-width:var(--alto-sem-border-width-sm)}._borderWidthMd_1cnhy_65{border-width:var(--alto-sem-border-width-md)}._borderWidthLg_1cnhy_69{border-width:var(--alto-sem-border-width-lg)}._borderWidthXl_1cnhy_73{border-width:var(--alto-sem-border-width-xl)}._borderStyleNone_1cnhy_77{border-style:none}._borderStyleSolid_1cnhy_81{border-style:solid}._borderStyleDashed_1cnhy_85{border-style:dashed}._borderColourNone_1cnhy_89{border-color:transparent}._borderColourSecondary_1cnhy_93{border-color:var(--alto-sem-color-border-secondary)}._borderColourTertiary_1cnhy_97{border-color:var(--alto-sem-color-border-tertiary)}._borderColourAccent_1cnhy_101{border-color:var(--alto-sem-color-border-accent)}._borderColourCaution_1cnhy_105{border-color:var(--alto-sem-color-border-caution)}._borderColourCritical_1cnhy_109{border-color:var(--alto-sem-color-border-critical)}._borderColourInformation_1cnhy_113{border-color:var(--alto-sem-color-border-information)}._borderColourInverse_1cnhy_117{border-color:var(--alto-sem-color-border-inverse)}._borderColourSuccess_1cnhy_121{border-color:var(--alto-sem-color-border-success)}._borderColourWarning_1cnhy_125{border-color:var(--alto-sem-color-border-warning)}._borderColourWhite_1cnhy_129{border-color:var(--alto-sem-color-border-white)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._field_1prhq_1{--field-letter-width:12px;--field-icon-width:44px;--field-horizontal-padding:2 * var(--alto-sem-space-sm)}@media screen and (max-width:768px){._field_1prhq_1{grid-column:span 12!important}}._columnsTwelve_1prhq_15{grid-column:span 12}._columnsNine_1prhq_19{grid-column:span 9}._columnsEight_1prhq_23{grid-column:span 8}._columnsSix_1prhq_27{grid-column:span 6}._columnsFour_1prhq_31{grid-column:span 4}._columnsThree_1prhq_35{grid-column:span 3}._maxWidthByCharsTwenty_1prhq_42{max-width:calc(var(--field-letter-width)*20 + var(--field-horizontal-padding))}._maxWidthByCharsTwentyWithIcon_1prhq_48{max-width:calc(var(--field-letter-width)*20 + var(--field-icon-width))}._maxWidthByCharsTwentyWithBothIcons_1prhq_52{max-width:calc(var(--field-letter-width)*20 + var(--field-icon-width)*2)}._maxWidthByCharsTen_1prhq_56{max-width:calc(var(--field-letter-width)*10 + var(--field-horizontal-padding))}._maxWidthByCharsTenWithIcon_1prhq_62{max-width:calc(var(--field-letter-width)*10 + var(--field-icon-width))}._maxWidthByCharsTenWithBothIcons_1prhq_66{max-width:calc(var(--field-letter-width)*10 + var(--field-icon-width)*2)}._maxWidthByCharsFive_1prhq_70{max-width:calc(var(--field-letter-width)*5 + var(--field-horizontal-padding))}._maxWidthByCharsFiveWithIcon_1prhq_76{max-width:calc(var(--field-letter-width)*5 + var(--field-icon-width))}._maxWidthByCharsFiveWithBothIcons_1prhq_80{max-width:calc(var(--field-letter-width)*5 + var(--field-icon-width)*2)}._maxWidthByCharsFour_1prhq_84{max-width:calc(var(--field-letter-width)*4 + var(--field-horizontal-padding))}._maxWidthByCharsFourWithIcon_1prhq_90{max-width:calc(var(--field-letter-width)*4 + var(--field-icon-width))}._maxWidthByCharsFourWithBothIcons_1prhq_94{max-width:calc(var(--field-letter-width)*4 + var(--field-icon-width)*2)}._maxWidthByCharsThree_1prhq_98{max-width:calc(var(--field-letter-width)*3 + var(--field-horizontal-padding))}._maxWidthByCharsThreeWithIcon_1prhq_104{max-width:calc(var(--field-letter-width)*3 + var(--field-icon-width))}._maxWidthByCharsThreeWithBothIcons_1prhq_108{max-width:calc(var(--field-letter-width)*3 + var(--field-icon-width)*2)}._maxWidthByCharsTwo_1prhq_112{max-width:calc(var(--field-letter-width)*2 + var(--field-horizontal-padding))}._maxWidthByCharsTwoWithIcon_1prhq_118{max-width:calc(var(--field-letter-width)*2 + var(--field-icon-width))}._maxWidthByCharsTwoWithBothIcons_1prhq_122{max-width:calc(var(--field-letter-width)*2 + var(--field-icon-width)*2)}._maxWidthByCharsOne_1prhq_126{max-width:calc(var(--field-letter-width)*1 + var(--field-horizontal-padding))}._maxWidthByCharsOneWithIcon_1prhq_132{max-width:calc(var(--field-letter-width)*1 + var(--field-icon-width))}._maxWidthByCharsOneWithBothIcons_1prhq_136{max-width:calc(var(--field-letter-width)*1 + var(--field-icon-width)*2)}
|
package/dist/assets/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:focus-visible{outline
|
|
1
|
+
:focus-visible{outline:none}a:focus-visible:not([data-focused]),button:focus-visible:not([data-focused]){outline:none}[data-focus-visible]{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)}
|
|
@@ -1,22 +1,22 @@
|
|
|
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
|
-
import '../../assets/Accordion.css';const accordion = "
|
|
6
|
-
const accordionGroup = "
|
|
7
|
-
const accordionStack = "
|
|
8
|
-
const accordionHeader = "
|
|
9
|
-
const trigger = "
|
|
10
|
-
const buttonContent = "
|
|
11
|
-
const titleContainer = "
|
|
12
|
-
const titleWrapper = "
|
|
13
|
-
const endContainer = "
|
|
14
|
-
const titleStart = "
|
|
15
|
-
const titleEnd = "
|
|
16
|
-
const accordionTitle = "
|
|
17
|
-
const accordionDescription = "
|
|
18
|
-
const iconWrapper = "
|
|
19
|
-
const panelContent = "
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_df6dx_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_df6dx_14";
|
|
7
|
+
const accordionStack = "_accordionStack_df6dx_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_df6dx_26";
|
|
9
|
+
const trigger = "_trigger_df6dx_33";
|
|
10
|
+
const buttonContent = "_buttonContent_df6dx_42";
|
|
11
|
+
const titleContainer = "_titleContainer_df6dx_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_df6dx_57";
|
|
13
|
+
const endContainer = "_endContainer_df6dx_62";
|
|
14
|
+
const titleStart = "_titleStart_df6dx_68";
|
|
15
|
+
const titleEnd = "_titleEnd_df6dx_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_df6dx_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_df6dx_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_df6dx_96";
|
|
19
|
+
const panelContent = "_panelContent_df6dx_129";
|
|
20
20
|
const styles = {
|
|
21
21
|
accordion,
|
|
22
22
|
accordionGroup,
|
|
@@ -58,8 +58,8 @@ const AccordionPanel = ({
|
|
|
58
58
|
children,
|
|
59
59
|
...props
|
|
60
60
|
}) => {
|
|
61
|
-
const contentRef =
|
|
62
|
-
|
|
61
|
+
const contentRef = React__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,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BadgeProps } from '../Badge/Badge';
|
|
3
|
-
|
|
3
|
+
type AviosBadgeKind = 'collect' | 'spend';
|
|
4
4
|
export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
|
|
5
5
|
/**
|
|
6
6
|
* The kind of Avios badge (collect or spend)
|
|
@@ -40,7 +40,7 @@ const AviosBadge = ({
|
|
|
40
40
|
};
|
|
41
41
|
const badgeSize = size === "lg" ? "md" : size;
|
|
42
42
|
return /* @__PURE__ */ jsxs(Badge, { variant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]} ${styles[kind]} ${className || ""}`, ...props, children: [
|
|
43
|
-
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: "
|
|
43
|
+
/* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: kind === "collect" ? "onCollect" : "onSpend", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
|
|
44
44
|
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
45
45
|
/* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
|
|
46
46
|
children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type AviosCurrencySymbolKind = 'collect' | 'spend' | 'balance';
|
|
3
|
-
export type AviosCurrencySymbolStyleVariant = 'primary' | 'secondary' | 'white';
|
|
3
|
+
export type AviosCurrencySymbolStyleVariant = 'primary' | 'secondary' | 'white' | 'onSpend' | 'onCollect' | 'accentPrimary' | 'accentSecondary';
|
|
4
4
|
export interface AviosCurrencySymbolProps extends Omit<React.SVGProps<SVGSVGElement>, 'fill' | 'className' | 'style'> {
|
|
5
5
|
/**
|
|
6
6
|
* The style variant to use for the Avios currency symbol
|