@alto-avios/alto-ui 4.1.1 → 4.3.0-experimental.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AviosCurrency.css +1 -1
- package/dist/assets/AviosCurrencyBadge.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/Carousel.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Currency.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/ErrorSummary.css +1 -1
- package/dist/assets/FieldError.css +1 -1
- package/dist/assets/PasswordField.css +1 -1
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/SelectCard.css +1 -1
- package/dist/assets/SkeletonLoader.css +1 -1
- package/dist/components/Accordion/Accordion.d.ts +4 -1
- package/dist/components/Accordion/Accordion.js +21 -18
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/AviosCurrency/AviosCurrency.js +25 -69
- package/dist/components/AviosCurrency/AviosCurrency.js.map +1 -1
- package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js +13 -13
- package/dist/components/Box/Box.d.ts +6 -1
- package/dist/components/Box/Box.js +1 -0
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +27 -3
- package/dist/components/CalloutBanner/CalloutBanner.js +72 -40
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -1
- package/dist/components/Carousel/Carousel.js +31 -28
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Currency/Currency.d.ts +51 -0
- package/dist/components/Currency/Currency.js +110 -0
- package/dist/components/Currency/Currency.js.map +1 -0
- package/dist/components/Currency/index.d.ts +2 -0
- package/dist/components/Currency/index.js +5 -0
- package/dist/components/Currency/index.js.map +1 -0
- package/dist/components/DateField/DateField.js +5 -2
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/DestinationHeading/DestinationHeading.d.ts +14 -2
- package/dist/components/DestinationHeading/DestinationHeading.js +16 -3
- package/dist/components/DestinationHeading/DestinationHeading.js.map +1 -1
- package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +11 -1
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js +11 -4
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js.map +1 -1
- package/dist/components/DetailsDisclosure/index.js +2 -2
- package/dist/components/Dialog/Dialog.d.ts +31 -13
- package/dist/components/Dialog/Dialog.js +27 -21
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/ErrorSummary/ErrorSummary.d.ts +5 -2
- package/dist/components/ErrorSummary/ErrorSummary.js +9 -11
- package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -1
- package/dist/components/FieldError/FieldError.d.ts +6 -5
- package/dist/components/FieldError/FieldError.js +29 -16
- package/dist/components/FieldError/FieldError.js.map +1 -1
- package/dist/components/FieldHeader/FieldHeader.d.ts +5 -1
- package/dist/components/FieldHeader/FieldHeader.js +7 -3
- package/dist/components/FieldHeader/FieldHeader.js.map +1 -1
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.js +2 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/MonthYearField/MonthYearField.js +4 -2
- package/dist/components/MonthYearField/MonthYearField.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.d.ts +14 -0
- package/dist/components/PasswordField/PasswordField.js +49 -39
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- 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/SelectCard/SelectCard.d.ts +10 -1
- package/dist/components/SelectCard/SelectCard.js +4 -2
- package/dist/components/SelectCard/SelectCard.js.map +1 -1
- package/dist/components/SkeletonLoader/SkeletonLoader.d.ts +6 -1
- package/dist/components/SkeletonLoader/SkeletonLoader.js +26 -12
- package/dist/components/SkeletonLoader/SkeletonLoader.js.map +1 -1
- package/dist/components/Spacer/Spacer.js +1 -1
- package/dist/components/Tabs/index.d.ts +8 -0
- package/dist/components/Tabs/index.js +7 -2
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.d.ts +11 -1
- package/dist/components/TagGroup/TagGroup.js +9 -3
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/_base/Field/Field.d.ts +20 -2
- package/dist/components/_base/Field/Field.js +15 -6
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +27 -20
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +27 -20
- package/dist/index.js.map +1 -1
- package/dist/utils/phoneNumber/phoneNumber.d.ts +1 -0
- package/dist/utils/phoneNumber/phoneNumber.js +8 -1
- package/dist/utils/phoneNumber/phoneNumber.js.map +1 -1
- package/dist/utils/stories/storybookAction.d.ts +10 -0
- package/dist/utils/stories/storybookAction.js +46868 -0
- package/dist/utils/stories/storybookAction.js.map +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_1j9rd_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_1j9rd_14,._accordionStack_1j9rd_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1j9rd_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1j9rd_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_1j9rd_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1j9rd_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1j9rd_57{display:flex;flex-direction:column}._endContainer_1j9rd_62{gap:var(--alto-sem-space-sm)}._endContainer_1j9rd_62,._titleEnd_1j9rd_69,._titleStart_1j9rd_68{align-items:center;display:flex}._accordionTitle_1j9rd_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:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._accordionDescription_1j9rd_87,._accordionTitle_1j9rd_74{font-family:var(--alto-sem-text-body-font-family);margin:0;text-align:left}._accordionDescription_1j9rd_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-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1j9rd_97{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_1j9rd_1[data-expanded=true] ._iconWrapper_1j9rd_97{transform:rotate(180deg)}._accordion_1j9rd_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1j9rd_1>[role=group],._accordion_1j9rd_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1j9rd_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1j9rd_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1j9rd_1[data-expanded=true],._accordion_1j9rd_1[data-expanded=true] ._trigger_1j9rd_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1j9rd_1[data-expanded=true] ._trigger_1j9rd_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_1j9rd_1 ._trigger_1j9rd_33[data-focused]{outline:none}._accordion_1j9rd_1 ._trigger_1j9rd_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_1j9rd_1 ._trigger_1j9rd_33[data-disabled] ._iconWrapper_1j9rd_97,._trigger_1j9rd_33[data-disabled] ._accordionDescription_1j9rd_87,._trigger_1j9rd_33[data-disabled] ._accordionTitle_1j9rd_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1j9rd_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aviosCurrency_sqlpf_1{align-items:center;display:inline-flex;gap:var(--alto-sem-space-5xs);position:relative;width:-moz-fit-content;width:fit-content}._aviosCurrency_sqlpf_1>span{text-box:trim-both cap alphabetic}._aviosCurrencyName_sqlpf_13{padding-left:var(--alto-sem-space-5xs)}._aviosCurrency-strikethrough_sqlpf_17:after{border-top:.05em solid;bottom:.4cap;content:"";display:block;left:calc(100% + 3px);position:absolute;transform:translate(-100%);transition:transform .25s ease-in-out;width:calc(100% + 5px)}._aviosCurrency_sqlpf_1{color:var(--alto-sem-color-fg-spend-on-vibrant-default);font-family:var(--alto-sem-text-heading-font-family)}._aviosCurrency-primary_sqlpf_34{color:var(--alto-sem-color-fg-primary)}._aviosCurrency-secondary_sqlpf_38{color:var(--alto-sem-color-fg-secondary)}._aviosCurrency-white_sqlpf_42{color:var(--alto-sem-color-fg-white-primary)}._aviosCurrency-onSpend_sqlpf_46{color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrency-onCollect_sqlpf_50{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrency-accentPrimary_sqlpf_54{color:var(--alto-sem-color-fg-accent-primary)}._aviosCurrency-accentSecondary_sqlpf_58{color:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrency-xl_sqlpf_62{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-font-size)}._aviosCurrency_sqlpf_1 svg{height:1cap;width:auto}._aviosCurrency-lg_sqlpf_74{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-font-size)}._aviosCurrency-md_sqlpf_81{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-font-size)}._aviosCurrency-sm_sqlpf_88{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-font-size)}._aviosCurrency-xs_sqlpf_95{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-font-size)}._aviosCurrency-2xs_sqlpf_102{font-size:var(--alto-sem-text-heading-2xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-font-size)}._aviosCurrency-3xs_sqlpf_109{font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-font-size)}._aviosCurrency-4xs_sqlpf_116{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-font-size)}._aviosCurrency-5xs_sqlpf_123{font-size:var(--alto-sem-text-body-xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-font-size)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aviosCurrencyBadge_cc82y_1{align-items:center;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-collect-on-vibrant-default);display:inline-flex;font-family:var(--alto-sem-text-heading-font-family);gap:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs);width:-moz-fit-content;width:fit-content}._aviosCurrencyBadge_cc82y_1 span{text-box:trim-both cap alphabetic}._collect_cc82y_17{background:var(--alto-sem-color-bg-collect-vibrant-default)}._spend_cc82y_21{background:var(--alto-sem-color-bg-spend-vibrant-default)}._xs_cc82y_27{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-label-2xs-font-size);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-2xs)}._xs-bold_cc82y_34{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._sm_cc82y_38{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-label-2xs-font-size);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._sm-bold_cc82y_45{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_cc82y_1._sm_cc82y_38 svg{height:11px;width:11px}._md_cc82y_54{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-xs)}._md-bold_cc82y_61{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_cc82y_1._md_cc82y_54 svg{height:12px;width:12px}._lg_cc82y_70{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);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._lg-bold_cc82y_77{font-weight:var(--alto-sem-text-heading-2xs-font-weight)}._aviosCurrencyBadge_cc82y_1._lg_cc82y_70 svg{height:14px;width:14px}._xl_cc82y_86{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);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._xl-bold_cc82y_93{font-weight:var(--alto-sem-text-heading-xl-font-weight)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calloutBanner_10d8r_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_10d8r_12{align-self:flex-start}._calloutBanner__start_10d8r_16{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__end_10d8r_26{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._calloutBanner__dismiss_10d8r_33{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta-top-dismiss_10d8r_39{padding-right:36px}._calloutBanner__meta_10d8r_39{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);overflow-wrap:break-word;width:100%;word-wrap:break-word;word-break:break-word}._calloutBanner__meta-content_10d8r_59{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._calloutBanner__meta-label_10d8r_66{display:flex}._calloutBanner__meta-right_10d8r_70{flex-direction:row;justify-content:space-between}._calloutBanner__meta-top_10d8r_39{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap}._calloutBanner__custom-asset_10d8r_83{max-width:52px}._calloutBanner__custom-asset_10d8r_83>:first-child{max-width:inherit}._calloutBanner__meta-title_10d8r_91{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._calloutBanner__meta-description_10d8r_97{margin:var(--alto-sem-space-4xs) 0 0}._calloutBanner__severity-label_10d8r_103{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._calloutBanner-critical_10d8r_115{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_10d8r_119._calloutBanner-critical_10d8r_115 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_10d8r_123._calloutBanner-critical_10d8r_115 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_10d8r_123._calloutBanner-critical_10d8r_115 ._calloutBanner__end_10d8r_26{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner-tertiary_10d8r_132._calloutBanner-critical_10d8r_115 ._calloutBanner__start_10d8r_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_10d8r_115:not(._calloutBanner-primary_10d8r_119) ._calloutBanner__icon_10d8r_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_10d8r_141{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_10d8r_119._calloutBanner-success_10d8r_141 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_10d8r_123._calloutBanner-success_10d8r_141 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_10d8r_123._calloutBanner-success_10d8r_141 ._calloutBanner__end_10d8r_26{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner-tertiary_10d8r_132._calloutBanner-success_10d8r_141 ._calloutBanner__start_10d8r_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_10d8r_141:not(._calloutBanner-primary_10d8r_119) ._calloutBanner__icon_10d8r_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_10d8r_167{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_10d8r_119._calloutBanner-information_10d8r_167 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_10d8r_123._calloutBanner-information_10d8r_167 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_10d8r_123._calloutBanner-information_10d8r_167 ._calloutBanner__end_10d8r_26{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner-tertiary_10d8r_132._calloutBanner-information_10d8r_167 ._calloutBanner__start_10d8r_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_10d8r_167:not(._calloutBanner-primary_10d8r_119) ._calloutBanner__icon_10d8r_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_10d8r_193{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_10d8r_119._calloutBanner-neutral_10d8r_193 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_10d8r_123._calloutBanner-neutral_10d8r_193 ._calloutBanner__start_10d8r_16{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_10d8r_123._calloutBanner-neutral_10d8r_193 ._calloutBanner__end_10d8r_26{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner-tertiary_10d8r_132._calloutBanner-neutral_10d8r_193 ._calloutBanner__start_10d8r_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_10d8r_193:not(._calloutBanner-primary_10d8r_119) ._calloutBanner__icon_10d8r_12{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_10d8r_132{border-color:transparent;gap:var(--alto-sem-space-4xs)}._calloutBanner-tertiary_10d8r_132 ._calloutBanner__start_10d8r_16{padding:0}._calloutBanner-tertiary_10d8r_132 ._calloutBanner__end_10d8r_26{border-radius:var(--alto-card-radius)}
|
package/dist/assets/Carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carouselWrapper_1bise_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_1bise_2,._carouselWrapper_1bise_2._showPartialItems_1bise_14,._carouselWrapper_1bise_2._showPartialItems_1bise_14 ._carousel_1bise_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_1bise_2._hasScrollPadding_1bise_25,._carouselWrapper_1bise_2._hasScrollPadding_1bise_25 ._carousel_1bise_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_1bise_2{overflow-x:visible;position:relative;width:100%}._carousel_1bise_2,._scroller_1bise_43{box-sizing:border-box;overflow-y:hidden}._scroller_1bise_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;height:auto;transition:all .3s ease}._scroller_1bise_43:focus{outline-offset:-2px;outline-width:2px}._scroller_1bise_43::-webkit-scrollbar{display:none}._carouselWrapper_1bise_2 [data-dragging=true] ._scroller_1bise_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_1bise_2 ._scroller_1bise_43:hover{cursor:grab;touch-action:pan-x}._item_1bise_84{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_1bise_2 ._carousel_1bise_2 ._scroller_1bise_43 ._item_1bise_84>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_1bise_2,[data-scroll-padding=true] ._scroller_1bise_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_1bise_84{scroll-snap-align:start}._slideLeft_1bise_122{animation:_slideLeftAnimation_1bise_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_1bise_126{animation:_slideRightAnimation_1bise_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_1bise_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_1bise_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_1bise_149{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._carouselWrapper_1bise_2 ._controls_1bise_149 ._defaultPrevButton_1bise_160{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_1bise_2 ._controls_1bise_149 ._defaultNextButton_1bise_168{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWrapper_1bise_2 ._defaultDotsContainer_1bise_177{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_1bise_188{margin:0 auto;max-width:800px;width:360px}._carouselWrapper_1bise_2 ._autoplayControlWrapper_1bise_195 ._defaultAutoplayControl_1bise_195{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_1bise_204 ._arrowContainer_1bise_204{opacity:0;transition:opacity .3s ease}._carouselWrapper_1bise_2 [data-arrows-visible=true] ._showOnHover_1bise_204 ._arrowContainer_1bise_204{opacity:1}._hidden_1bise_214{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_1bise_223{pointer-events:auto;z-index:2}._dotsContainer_1bise_223{position:relative}@media (max-width:768px){._carouselWrapper_1bise_2 ._dotsContainerWrapper_1bise_223{cursor:pointer}._carouselWrapper_1bise_2 ._dotsContainerWrapper_1bise_223:active{opacity:.8}}._hiddenTabs_1bise_245{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_1bise_258{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_1bise_195{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_1bise_287{height:100%;overflow-x:hidden;width:361px}._carouselDefault_1bise_287 ._prevButton_1bise_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1bise_287 ._nextButton_1bise_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1bise_287 ._dotsContainer_1bise_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1bise_317{position:relative;width:100%}._carouselWithAutoPlay_1bise_317 ._prevButton_1bise_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1bise_317 ._nextButton_1bise_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1bise_317 ._dotsContainer_1bise_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1bise_317 ._autoplayControl_1bise_195{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_1bise_353{position:relative}._carouselWithScrollPeek_1bise_353,._carouselWithScrollPeek_1bise_353 ._carousel_1bise_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_1bise_353 ._prevButton_1bise_292{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1bise_353 ._nextButton_1bise_299{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1bise_353 ._dotsContainer_1bise_223{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_1bise_387{position:relative}._carouselWithFractionalItems_1bise_387,._carouselWithFractionalItems_1bise_387 ._carousel_1bise_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_1bise_387 ._prevButton_1bise_292{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1bise_387 ._nextButton_1bise_299{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1bise_387 ._dotsContainer_1bise_223{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_1bise_421{position:relative;width:100%}._paginationDotsDefault_1bise_421 ._prevButton_1bise_292{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1bise_421 ._nextButton_1bise_299{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1bise_421 ._dotsContainer_1bise_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_1bise_450{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_1bise_450 ._prevButton_1bise_292{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1bise_450 ._nextButton_1bise_299{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1bise_450:focus-within ._nextButton_1bise_299,._hoverArrowsDefault_1bise_450:focus-within ._prevButton_1bise_292,._hoverArrowsDefault_1bise_450:hover ._nextButton_1bise_299,._hoverArrowsDefault_1bise_450:hover ._prevButton_1bise_292{opacity:1}._hoverArrowsDefault_1bise_450 ._dotsContainer_1bise_223{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox_1twm2_2{align-items:center;box-sizing:border-box;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:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._checkboxContainer_1twm2_19{display:flex;flex-direction:column}._checkboxLabel_1twm2_24{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_1twm2_28{padding-left:42px}._checkboxSvgWrapper_1twm2_32{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._checkbox_1twm2_2 ._svg_1twm2_46{
|
|
1
|
+
._checkbox_1twm2_2{align-items:center;box-sizing:border-box;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:.571rem;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px}._checkboxContainer_1twm2_19{display:flex;flex-direction:column}._checkboxLabel_1twm2_24{padding-left:var(--alto-sem-space-3xs)}._checkboxDescription_1twm2_28{padding-left:42px}._checkboxSvgWrapper_1twm2_32{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._checkbox_1twm2_2 ._svg_1twm2_46{fill:none;height:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s;width:1rem}._checkbox_1twm2_2[data-hovered] ._checkboxSvgWrapper_1twm2_32{border-color:var(--alto-sem-color-border-primary-hover)}._checkbox_1twm2_2[data-pressed] ._checkboxSvgWrapper_1twm2_32{border-color:var(--alto-sem-color-border-primary-active)}._checkbox_1twm2_2[data-focus-visible] ._checkboxSvgWrapper_1twm2_32{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._defaultFocus_1twm2_74[data-focus-visible] ._checkboxSvgWrapper_1twm2_32{outline-color:var(--alto-sem-color-border-accent)}._whiteFocus_1twm2_78[data-focus-visible] ._checkboxSvgWrapper_1twm2_32{outline-color:var(--alto-sem-color-border-white)}._checkbox_1twm2_2[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._checkboxSvgWrapper_1twm2_32[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle);cursor:default}._svg_1twm2_46[data-disabled]{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_1twm2_2[data-selected] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_1twm2_2[data-selected][data-hovered] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._checkbox_1twm2_2[data-selected][data-pressed] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._checkbox_1twm2_2[data-selected] ._svg_1twm2_46{stroke-dashoffset:44}._checkbox_1twm2_2[data-indeterminate] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._checkbox_1twm2_2[data-indeterminate] ._svg_1twm2_46{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:none}._checkbox_1twm2_2[data-invalid] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._checkbox_1twm2_2[data-invalid][data-hovered] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-critical-subtle-hover)}._checkbox_1twm2_2[data-invalid][data-pressed] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-tertiary-active)}._checkbox_1twm2_2[data-invalid][data-indeterminate] ._checkboxSvgWrapper_1twm2_32,._checkbox_1twm2_2[data-invalid][data-selected] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_1twm2_2[data-invalid][data-indeterminate][data-hovered] ._checkboxSvgWrapper_1twm2_32,._checkbox_1twm2_2[data-invalid][data-selected][data-hovered] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._checkbox_1twm2_2[data-invalid][data-indeterminate][data-pressed] ._checkboxSvgWrapper_1twm2_32,._checkbox_1twm2_2[data-invalid][data-selected][data-pressed] ._checkboxSvgWrapper_1twm2_32{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._checkbox_1twm2_2[data-disabled] ._checkboxSvgWrapper_1twm2_32{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._checkbox_1twm2_2[data-disabled] ._svg_1twm2_46{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._checkbox_1twm2_2[data-indeterminate] ._svg_1twm2_46{stroke:var(--alto-sem-color-fg-disabled-onSubtle)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._currency_1w262_1{font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-heading-xl-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height);position:relative}._currency-strikethrough_1w262_11:after{border-top:.05em solid;bottom:calc(1cap - .2em);content:"";display:block;left:calc(100% + 3px);position:absolute;transform:translate(-100%);transition:transform .25s ease-in-out;width:calc(100% + 5px)}._currency-primary_1w262_23{color:var(--alto-sem-color-fg-primary)}._currency-secondary_1w262_27{color:var(--alto-sem-color-fg-secondary)}._currency-white_1w262_31{color:var(--alto-sem-color-fg-white-primary)}._currency-onSpend_1w262_35{color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._currency-onCollect_1w262_39{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._currency-accentPrimary_1w262_43{color:var(--alto-sem-color-fg-accent-primary)}._currency-accentSecondary_1w262_47{color:var(--alto-sem-color-fg-accent-secondary)}._currency-xl_1w262_51{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height)}._currency-lg_1w262_58{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-line-height)}._currency-md_1w262_65{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-line-height)}._currency-sm_1w262_72{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._currency-xs_1w262_79{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._currency-2xs_1w262_86{font-size:var(--alto-sem-text-heading-2xs-font-size)}._currency-2xs_1w262_86,._currency-3xs_1w262_93{font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._currency-3xs_1w262_93{font-size:var(--alto-sem-text-body-md-font-size)}._currency-4xs_1w262_100{font-size:var(--alto-sem-text-body-sm-font-size)}._currency-4xs_1w262_100,._currency-5xs_1w262_107{font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._currency-5xs_1w262_107{font-size:var(--alto-sem-text-body-xs-font-size)}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialogWrapper_yj1df_1{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:2}._overlay_yj1df_10{background-color:var(--alto-sem-color-overlay-scrim);top:0;right:0;bottom:0;left:0;position:fixed}._dialog_yj1df_1{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius);box-shadow:0 25px 50px -12px #00000040;margin:var(--alto-sem-space-md);max-height:calc(100vh - var(--alto-sem-space-xl)*2);outline:none;overflow-y:auto;padding:var(--alto-sem-space-lg);position:relative;width:calc(100% - var(--alto-sem-space-md)*2)}._dialog_yj1df_1._noPadding_yj1df_30{padding:0}@media (min-width:640px){._dialog_yj1df_1{margin:var(--alto-sem-space-xl);padding:var(--alto-sem-space-xl);width:calc(100% - var(--alto-sem-space-xl)*2)}._dialog_yj1df_1._noPadding_yj1df_30{padding:0}}@media (min-width:1024px){._dialog_yj1df_1{margin:var(--alto-sem-space-2xl);max-height:calc(100vh - var(--alto-sem-space-2xl)*2);padding:var(--alto-sem-space-2xl);width:calc(100% - var(--alto-sem-space-2xl)*2)}._dialog_yj1df_1._noPadding_yj1df_30{padding:0}}._dialogContent_yj1df_59{display:flex;flex-direction:column;gap:var(--alto-sem-space-md);position:relative}._dialogHeading_yj1df_66{margin:0}._dialogContentInner_yj1df_70{display:flex;flex-direction:column;gap:var(--alto-sem-space-md)}._noHeader_yj1df_76 ._dialogContentInner_yj1df_70{padding-top:0}._closeButton_yj1df_80{align-items:center;background:none;border:none;border-radius:var(--alto-sem-border-radius-sm);color:var(--alto-sem-color-fg-secondary);cursor:pointer;display:flex;justify-content:center;outline:2px solid transparent;outline-offset:2px;position:absolute;right:var(--alto-sem-space-sm);top:var(--alto-sem-space-sm);transition:outline-color .2s ease}._closeButton_yj1df_80:focus,._closeButton_yj1df_80:hover{background-color:var(--alto-sem-color-bg-hover)}._closeButton_yj1df_80:focus{outline-color:var(--alto-sem-color-focus-ring)}._dialogSmall_yj1df_106{max-width:25.625rem}._dialogMedium_yj1df_110{max-width:39.25rem}._dialogLarge_yj1df_114{max-width:52.875rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._errorSummary-
|
|
1
|
+
._errorSummary-list_1xa84_1{list-style:none;padding:0}._errorSummary-list_1xa84_1 a{display:block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-fontSize);font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-lineHeight);margin:0;margin-bottom:var(--alto-sem-space-sm);padding:0;text-align:left;text-decoration:underline}._errorSummary-list_1xa84_1 a,._errorSummary-list_1xa84_1 a:focus,._errorSummary-list_1xa84_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_1xa84_29{margin-bottom:var(--alto-sem-space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldError_1bhog_1{align-items:center;align-self:stretch;color:var(--alto-sem-color-fg-critical-primary);display:flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._sr-only_1bhog_13{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._passwordField__wrapper_vzml0_1{width:100%}._passwordField__wrapper_vzml0_1,._passwordField_vzml0_1{display:flex;flex-direction:column}._passwordField__strength_vzml0_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__strength-text_vzml0_22{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none}._passwordField_vzml0_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_vzml0_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_vzml0_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_vzml0_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_vzml0_1>[role=group]:has(input[data-hovered]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._passwordField_vzml0_1>[role=group]:has(input[data-pressed]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._passwordField_vzml0_1>[role=group]:has(input[data-invalid]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._passwordField_vzml0_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._passwordField_vzml0_1 input{border:none;height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);width:100%}._passwordField_vzml0_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_vzml0_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_vzml0_1 input[data-focused]{outline:none}._passwordStrengthItem_vzml0_111{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);margin:0}._passwordStrengthItemValid_vzml0_122{color:var(--alto-sem-color-fg-success-primary)}._passwordStrengthItemNeutral_vzml0_126{color:var(--alto-sem-color-fg-secondary)}._passwordStrengthItemInvalid_vzml0_130{color:var(--alto-sem-color-fg-critical-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._phoneNumberField_10nmj_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_10nmj_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_10nmj_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_10nmj_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_10nmj_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_10nmj_1:has(input[data-hovered]) ._selectHandlerValue_10nmj_35{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_10nmj_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_10nmj_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_10nmj_1:has(input[data-focused]) ._selectHandlerValue_10nmj_35{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_10nmj_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_10nmj_1:has(input[data-disabled]) ._selectHandlerValue_10nmj_35{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_10nmj_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_10nmj_1:has(input[data-disabled]) ._selectHandlerIcon_10nmj_66{opacity:0}._phoneNumberField_10nmj_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_10nmj_1:has(input[data-invalid]) ._selectHandlerValue_10nmj_35{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_10nmj_78{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_10nmj_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_10nmj_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_10nmj_66{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_10nmj_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;height:48px;left:0;max-width:90px;opacity:0;position:absolute;top:0;width:100%}._phoneNumberField_10nmj_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%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select-card_1xxiy_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1xxiy_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1xxiy_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1xxiy_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-focus-visible],._select-card_1xxiy_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1xxiy_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1xxiy_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1xxiy_46[data-select-control=false]>._checkboxSvgWrapper_1xxiy_53{display:none}._select-card_1xxiy_1[data-disabled] ._select-card__start-slot_1xxiy_58{opacity:.5}._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_1xxiy_1[data-disabled] ._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1xxiy_63{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1xxiy_87{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1xxiy_1[data-disabled] ._select-card__end-slot_1xxiy_87{opacity:.5}._select-card__body_1xxiy_99{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__body_1xxiy_99{opacity:.5}._select-card_1xxiy_1:not([data-selected]) ._select-card__details_1xxiy_110{display:none}._select-card_1xxiy_1[data-selected] ._select-card__details_1xxiy_110{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__details_1xxiy_110{display:none}._select-card__checkbox_1xxiy_124 ._checkboxSvgWrapper_1xxiy_53{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_1xxiy_1 ._svg_1xxiy_138{
|
|
1
|
+
._select-card_1xxiy_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1xxiy_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1xxiy_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1xxiy_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-focus-visible],._select-card_1xxiy_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1xxiy_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1xxiy_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1xxiy_46[data-select-control=false]>._checkboxSvgWrapper_1xxiy_53{display:none}._select-card_1xxiy_1[data-disabled] ._select-card__start-slot_1xxiy_58{opacity:.5}._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_1xxiy_1[data-disabled] ._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1xxiy_63{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1xxiy_87{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1xxiy_1[data-disabled] ._select-card__end-slot_1xxiy_87{opacity:.5}._select-card__body_1xxiy_99{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__body_1xxiy_99{opacity:.5}._select-card_1xxiy_1:not([data-selected]) ._select-card__details_1xxiy_110{display:none}._select-card_1xxiy_1[data-selected] ._select-card__details_1xxiy_110{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__details_1xxiy_110{display:none}._select-card__checkbox_1xxiy_124 ._checkboxSvgWrapper_1xxiy_53{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_1xxiy_1 ._svg_1xxiy_138{fill:none;height:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s;width:1rem}._select-card__checkbox_1xxiy_124[data-selected] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_1xxiy_124[data-selected][data-hovered] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_1xxiy_124[data-selected][data-pressed] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_1xxiy_124[data-selected] ._svg_1xxiy_138{stroke-dashoffset:44}._select-card__checkbox_1xxiy_124[data-hovered] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_1xxiy_124[data-pressed] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_1xxiy_124[data-focus-visible][data-select-control=false] ._checkboxSvgWrapper_1xxiy_53{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)}._select-card__checkbox_1xxiy_124[data-selected=true][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-disabled] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-disabled][data-selected] ._checkboxSvgWrapper_1xxiy_53{border-color:transparent}._select-card_1xxiy_1[data-disabled] ._svg_1xxiy_138{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_1xxiy_208 ._select-card__header_1xxiy_46: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;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_1xxiy_208[data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_1xxiy_208[data-focus-visible][data-select-control=false] ._select-card__header_1xxiy_46:before{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);transition:none}._select-card__radio_1xxiy_208[data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_1xxiy_208[data-selected] ._select-card__header_1xxiy_46: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)}._select-card__radio_1xxiy_208[data-selected][data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-selected][data-focus-visible] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-invalid] ._select-card__header_1xxiy_46: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)}._select-card__radio_1xxiy_208[data-invalid][data-hovered] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focus-visible] ._select-card__header_1xxiy_46:before,._select-card__radio_1xxiy_208[data-invalid][data-pressed] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_1xxiy_208[data-disabled] ._select-card__header_1xxiy_46: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)}._select-card__radio_1xxiy_208[data-disabled][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:var( --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%) );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.
|
|
1
|
+
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:var( --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%) );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}._skeletonLoader_2xt5b_1{border-radius:var(--alto-sem-radius-5xs);line-height:1;mix-blend-mode:luminosity;text-align:left;--skeleton-base-color:hsla(252,2%,50%,.4);--skeleton-highlight-start:hsla(0,0%,100%,0);--skeleton-highlight-center:hsla(0,0%,100%,.6);--skeleton-highlight-end:hsla(0,0%,100%,0);--animation-duration:2s}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15{display:flex;flex-direction:column;line-height:unset}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15 span:not(._srOnly_2xt5b_22){display:block;width:100%}._skeletonLoader_2xt5b_1._multiLine_2xt5b_15 span:not(:last-child,._srOnly_2xt5b_22){margin-bottom:var(--alto-sem-space-2xs)}._skeletonLoader_2xt5b_1 span:not(._srOnly_2xt5b_22){mix-blend-mode:inherit}._skeletonLoader_2xt5b_1 span:after{width:calc(var(--skeleton-width)*2)}@media (prefers-reduced-motion:reduce){._skeletonLoader_2xt5b_1{--animation-duration:0s}._skeletonLoader_2xt5b_1 span{animation:none}}@media (prefers-contrast:high){._skeletonLoader_2xt5b_1{--skeleton-base-color:rgba(0,0,0,.8);--skeleton-highlight-center:#fff}}._srOnly_2xt5b_22{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { DisclosureProps as AriaDisclosureProps } from 'react-aria-components';
|
|
3
|
+
type HeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
3
4
|
export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
|
|
4
5
|
/** The title text displayed in the accordion header */
|
|
5
6
|
title: string;
|
|
@@ -17,6 +18,8 @@ export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
|
|
|
17
18
|
titleEnd?: React.ReactNode;
|
|
18
19
|
/** Unique identifier for the accordion */
|
|
19
20
|
id?: string;
|
|
21
|
+
/** The semantic heading level for the accordion title */
|
|
22
|
+
headingLevel?: HeadingLevel;
|
|
20
23
|
}
|
|
21
24
|
export interface AccordionGroupProps {
|
|
22
25
|
/** Title for the accordion group - can be string or ReactNode */
|
|
@@ -30,6 +33,6 @@ export interface AccordionGroupProps {
|
|
|
30
33
|
/** Whether multiple accordions can be expanded at once */
|
|
31
34
|
allowsMultipleExpanded?: boolean;
|
|
32
35
|
}
|
|
33
|
-
export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, id, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, id, headingLevel, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
37
|
export declare const AccordionGroup: ({ title, description, children, className, allowsMultipleExpanded, }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
38
|
export default Accordion;
|
|
@@ -2,21 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
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_1j9rd_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_1j9rd_14";
|
|
7
|
+
const accordionStack = "_accordionStack_1j9rd_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_1j9rd_26";
|
|
9
|
+
const trigger = "_trigger_1j9rd_33";
|
|
10
|
+
const buttonContent = "_buttonContent_1j9rd_42";
|
|
11
|
+
const titleContainer = "_titleContainer_1j9rd_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_1j9rd_57";
|
|
13
|
+
const endContainer = "_endContainer_1j9rd_62";
|
|
14
|
+
const titleStart = "_titleStart_1j9rd_68";
|
|
15
|
+
const titleEnd = "_titleEnd_1j9rd_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_1j9rd_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_1j9rd_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_1j9rd_97";
|
|
19
|
+
const panelContent = "_panelContent_1j9rd_129";
|
|
20
20
|
const styles = {
|
|
21
21
|
accordion,
|
|
22
22
|
accordionGroup,
|
|
@@ -39,15 +39,17 @@ const AccordionTrigger = ({
|
|
|
39
39
|
description,
|
|
40
40
|
titleStart: titleStart2,
|
|
41
41
|
titleEnd: titleEnd2,
|
|
42
|
-
id
|
|
42
|
+
id,
|
|
43
|
+
headingLevel = "h3"
|
|
43
44
|
}) => {
|
|
45
|
+
const HeadingElement = headingLevel;
|
|
44
46
|
return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, ...id ? {
|
|
45
47
|
id
|
|
46
48
|
} : {}, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
|
|
47
49
|
/* @__PURE__ */ jsxs("span", { className: styles.titleContainer, children: [
|
|
48
50
|
titleStart2 && /* @__PURE__ */ jsx("span", { className: styles.titleStart, children: titleStart2 }),
|
|
49
51
|
/* @__PURE__ */ jsxs("div", { className: styles.titleWrapper, children: [
|
|
50
|
-
/* @__PURE__ */ jsx(
|
|
52
|
+
/* @__PURE__ */ jsx(HeadingElement, { className: styles.accordionTitle, children: title }),
|
|
51
53
|
description && /* @__PURE__ */ jsx("p", { className: styles.accordionDescription, children: description })
|
|
52
54
|
] })
|
|
53
55
|
] }),
|
|
@@ -98,11 +100,12 @@ const Accordion = ({
|
|
|
98
100
|
titleStart: titleStart2,
|
|
99
101
|
titleEnd: titleEnd2,
|
|
100
102
|
id,
|
|
103
|
+
headingLevel = "h3",
|
|
101
104
|
...props
|
|
102
105
|
}) => {
|
|
103
106
|
const accordionClasses = [styles.accordion, className].filter(Boolean).join(" ");
|
|
104
107
|
return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, id, ...props, children: [
|
|
105
|
-
/* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2, id }),
|
|
108
|
+
/* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2, id, headingLevel }),
|
|
106
109
|
/* @__PURE__ */ jsx(AccordionPanel, { children })
|
|
107
110
|
] });
|
|
108
111
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,45 +3,28 @@ import { useMemo } from "react";
|
|
|
3
3
|
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
4
|
import { AviosCurrencySymbol } from "../AviosCurrencySymbol/AviosCurrencySymbol.js";
|
|
5
5
|
import { Icon } from "../Icon/Icon.js";
|
|
6
|
-
import '../../assets/AviosCurrency.css';const aviosCurrency$1 = "
|
|
7
|
-
const aviosCurrencyName = "
|
|
8
|
-
const aviosCurrencyStrikethrough$1 = "_aviosCurrencyStrikethrough_1ehjl_17";
|
|
6
|
+
import '../../assets/AviosCurrency.css';const aviosCurrency$1 = "_aviosCurrency_sqlpf_1";
|
|
7
|
+
const aviosCurrencyName = "_aviosCurrencyName_sqlpf_13";
|
|
9
8
|
const styles = {
|
|
10
9
|
aviosCurrency: aviosCurrency$1,
|
|
11
10
|
aviosCurrencyName,
|
|
12
|
-
|
|
13
|
-
"aviosCurrency-primary": "_aviosCurrency-
|
|
14
|
-
"
|
|
15
|
-
"aviosCurrency-
|
|
16
|
-
"
|
|
17
|
-
"aviosCurrency-
|
|
18
|
-
"
|
|
19
|
-
"aviosCurrency-
|
|
20
|
-
"
|
|
21
|
-
"aviosCurrency-
|
|
22
|
-
"
|
|
23
|
-
"aviosCurrency-
|
|
24
|
-
"
|
|
25
|
-
"aviosCurrency-
|
|
26
|
-
"
|
|
27
|
-
"aviosCurrency-
|
|
28
|
-
"
|
|
29
|
-
"aviosCurrency-lg": "_aviosCurrency-lg_1ehjl_103",
|
|
30
|
-
"aviosCurrencyStrikethrough-lg": "_aviosCurrencyStrikethrough-lg_1ehjl_110",
|
|
31
|
-
"aviosCurrency-md": "_aviosCurrency-md_1ehjl_114",
|
|
32
|
-
"aviosCurrencyStrikethrough-md": "_aviosCurrencyStrikethrough-md_1ehjl_121",
|
|
33
|
-
"aviosCurrency-sm": "_aviosCurrency-sm_1ehjl_125",
|
|
34
|
-
"aviosCurrencyStrikethrough-sm": "_aviosCurrencyStrikethrough-sm_1ehjl_132",
|
|
35
|
-
"aviosCurrency-xs": "_aviosCurrency-xs_1ehjl_136",
|
|
36
|
-
"aviosCurrencyStrikethrough-xs": "_aviosCurrencyStrikethrough-xs_1ehjl_143",
|
|
37
|
-
"aviosCurrency-2xs": "_aviosCurrency-2xs_1ehjl_147",
|
|
38
|
-
"aviosCurrencyStrikethrough-2xs": "_aviosCurrencyStrikethrough-2xs_1ehjl_154",
|
|
39
|
-
"aviosCurrency-3xs": "_aviosCurrency-3xs_1ehjl_158",
|
|
40
|
-
"aviosCurrencyStrikethrough-3xs": "_aviosCurrencyStrikethrough-3xs_1ehjl_165",
|
|
41
|
-
"aviosCurrency-4xs": "_aviosCurrency-4xs_1ehjl_169",
|
|
42
|
-
"aviosCurrencyStrikethrough-4xs": "_aviosCurrencyStrikethrough-4xs_1ehjl_176",
|
|
43
|
-
"aviosCurrency-5xs": "_aviosCurrency-5xs_1ehjl_180",
|
|
44
|
-
"aviosCurrencyStrikethrough-5xs": "_aviosCurrencyStrikethrough-5xs_1ehjl_187"
|
|
11
|
+
"aviosCurrency-strikethrough": "_aviosCurrency-strikethrough_sqlpf_17",
|
|
12
|
+
"aviosCurrency-primary": "_aviosCurrency-primary_sqlpf_34",
|
|
13
|
+
"aviosCurrency-secondary": "_aviosCurrency-secondary_sqlpf_38",
|
|
14
|
+
"aviosCurrency-white": "_aviosCurrency-white_sqlpf_42",
|
|
15
|
+
"aviosCurrency-onSpend": "_aviosCurrency-onSpend_sqlpf_46",
|
|
16
|
+
"aviosCurrency-onCollect": "_aviosCurrency-onCollect_sqlpf_50",
|
|
17
|
+
"aviosCurrency-accentPrimary": "_aviosCurrency-accentPrimary_sqlpf_54",
|
|
18
|
+
"aviosCurrency-accentSecondary": "_aviosCurrency-accentSecondary_sqlpf_58",
|
|
19
|
+
"aviosCurrency-xl": "_aviosCurrency-xl_sqlpf_62",
|
|
20
|
+
"aviosCurrency-lg": "_aviosCurrency-lg_sqlpf_74",
|
|
21
|
+
"aviosCurrency-md": "_aviosCurrency-md_sqlpf_81",
|
|
22
|
+
"aviosCurrency-sm": "_aviosCurrency-sm_sqlpf_88",
|
|
23
|
+
"aviosCurrency-xs": "_aviosCurrency-xs_sqlpf_95",
|
|
24
|
+
"aviosCurrency-2xs": "_aviosCurrency-2xs_sqlpf_102",
|
|
25
|
+
"aviosCurrency-3xs": "_aviosCurrency-3xs_sqlpf_109",
|
|
26
|
+
"aviosCurrency-4xs": "_aviosCurrency-4xs_sqlpf_116",
|
|
27
|
+
"aviosCurrency-5xs": "_aviosCurrency-5xs_sqlpf_123"
|
|
45
28
|
};
|
|
46
29
|
const aviosCurrency = cva(styles.aviosCurrency, {
|
|
47
30
|
variants: {
|
|
@@ -64,6 +47,10 @@ const aviosCurrency = cva(styles.aviosCurrency, {
|
|
|
64
47
|
"3xs": styles["aviosCurrency-3xs"],
|
|
65
48
|
"4xs": styles["aviosCurrency-4xs"],
|
|
66
49
|
"5xs": styles["aviosCurrency-5xs"]
|
|
50
|
+
},
|
|
51
|
+
isStrikethrough: {
|
|
52
|
+
true: styles["aviosCurrency-strikethrough"],
|
|
53
|
+
false: ""
|
|
67
54
|
}
|
|
68
55
|
},
|
|
69
56
|
defaultVariants: {
|
|
@@ -83,34 +70,6 @@ function getIconSize(size) {
|
|
|
83
70
|
return "1x";
|
|
84
71
|
}
|
|
85
72
|
}
|
|
86
|
-
const aviosCurrencyStrikethrough = cva(styles.aviosCurrencyStrikethrough, {
|
|
87
|
-
variants: {
|
|
88
|
-
size: {
|
|
89
|
-
xl: styles["aviosCurrencyStrikethrough-xl"],
|
|
90
|
-
lg: styles["aviosCurrencyStrikethrough-lg"],
|
|
91
|
-
md: styles["aviosCurrencyStrikethrough-md"],
|
|
92
|
-
sm: styles["aviosCurrencyStrikethrough-sm"],
|
|
93
|
-
xs: styles["aviosCurrencyStrikethrough-xs"],
|
|
94
|
-
"2xs": styles["aviosCurrencyStrikethrough-2xs"],
|
|
95
|
-
"3xs": styles["aviosCurrencyStrikethrough-3xs"],
|
|
96
|
-
"4xs": styles["aviosCurrencyStrikethrough-4xs"],
|
|
97
|
-
"5xs": styles["aviosCurrencyStrikethrough-5xs"]
|
|
98
|
-
},
|
|
99
|
-
styleVariant: {
|
|
100
|
-
primary: styles["aviosCurrencyStrikethrough-primary"],
|
|
101
|
-
secondary: styles["aviosCurrencyStrikethrough-secondary"],
|
|
102
|
-
white: styles["aviosCurrencyStrikethrough-white"],
|
|
103
|
-
onSpend: styles["aviosCurrencyStrikethrough-onSpend"],
|
|
104
|
-
onCollect: styles["aviosCurrencyStrikethrough-onCollect"],
|
|
105
|
-
accentPrimary: styles["aviosCurrencyStrikethrough-accentPrimary"],
|
|
106
|
-
accentSecondary: styles["aviosCurrencyStrikethrough-accentSecondary"]
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
defaultVariants: {
|
|
110
|
-
styleVariant: "accentSecondary",
|
|
111
|
-
size: "xl"
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
73
|
const AviosCurrency = ({
|
|
115
74
|
children,
|
|
116
75
|
styleVariant = "accentSecondary",
|
|
@@ -149,12 +108,9 @@ const AviosCurrency = ({
|
|
|
149
108
|
const iconSize = useMemo(() => getIconSize(size), [size]);
|
|
150
109
|
return /* @__PURE__ */ jsxs("span", { className: aviosCurrency({
|
|
151
110
|
styleVariant,
|
|
152
|
-
size
|
|
111
|
+
size,
|
|
112
|
+
isStrikethrough
|
|
153
113
|
}), children: [
|
|
154
|
-
isStrikethrough && /* @__PURE__ */ jsx("span", { className: aviosCurrencyStrikethrough({
|
|
155
|
-
size,
|
|
156
|
-
styleVariant
|
|
157
|
-
}) }),
|
|
158
114
|
/* @__PURE__ */ jsx(AviosCurrencySymbol, { ...props, styleVariant, kind }),
|
|
159
115
|
/* @__PURE__ */ jsx("span", { className: "aviosCurrencypoints", children: formattedChildren }),
|
|
160
116
|
isLink && /* @__PURE__ */ jsx(Icon, { iconName: "chevron-right", iconSize }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AviosCurrency.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AviosCurrency.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { AviosCurrency } from "../AviosCurrency/AviosCurrency.js";
|
|
3
3
|
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
|
-
import '../../assets/AviosCurrencyBadge.css';const aviosCurrencyBadge$1 = "
|
|
5
|
-
const collect = "
|
|
6
|
-
const spend = "
|
|
7
|
-
const xs = "
|
|
8
|
-
const sm = "
|
|
9
|
-
const md = "
|
|
10
|
-
const lg = "
|
|
11
|
-
const xl = "
|
|
4
|
+
import '../../assets/AviosCurrencyBadge.css';const aviosCurrencyBadge$1 = "_aviosCurrencyBadge_cc82y_1";
|
|
5
|
+
const collect = "_collect_cc82y_17";
|
|
6
|
+
const spend = "_spend_cc82y_21";
|
|
7
|
+
const xs = "_xs_cc82y_27";
|
|
8
|
+
const sm = "_sm_cc82y_38";
|
|
9
|
+
const md = "_md_cc82y_54";
|
|
10
|
+
const lg = "_lg_cc82y_70";
|
|
11
|
+
const xl = "_xl_cc82y_86";
|
|
12
12
|
const styles = {
|
|
13
13
|
aviosCurrencyBadge: aviosCurrencyBadge$1,
|
|
14
14
|
collect,
|
|
15
15
|
spend,
|
|
16
16
|
xs,
|
|
17
|
-
"xs-bold": "_xs-
|
|
17
|
+
"xs-bold": "_xs-bold_cc82y_34",
|
|
18
18
|
sm,
|
|
19
|
-
"sm-bold": "_sm-
|
|
19
|
+
"sm-bold": "_sm-bold_cc82y_45",
|
|
20
20
|
md,
|
|
21
|
-
"md-bold": "_md-
|
|
21
|
+
"md-bold": "_md-bold_cc82y_61",
|
|
22
22
|
lg,
|
|
23
|
-
"lg-bold": "_lg-
|
|
23
|
+
"lg-bold": "_lg-bold_cc82y_77",
|
|
24
24
|
xl,
|
|
25
|
-
"xl-bold": "_xl-
|
|
25
|
+
"xl-bold": "_xl-bold_cc82y_93"
|
|
26
26
|
};
|
|
27
27
|
const aviosCurrencyBadge = cva(styles.aviosCurrencyBadge, {
|
|
28
28
|
variants: {
|
|
@@ -64,6 +64,11 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
|
|
|
64
64
|
* Accepts any valid CSS position value.
|
|
65
65
|
*/
|
|
66
66
|
left?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Custom test identifier for testing purposes.
|
|
69
|
+
* Defaults to "box" if not provided.
|
|
70
|
+
*/
|
|
71
|
+
dataTestId?: string;
|
|
67
72
|
}
|
|
68
|
-
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, zIndex, top, right, bottom, left, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
73
|
+
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, zIndex, top, right, bottom, left, position, dataTestId, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
69
74
|
export default Box;
|