@alto-avios/alto-ui 3.1.0 → 3.2.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 -0
- package/dist/assets/AviosBadge.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -0
- package/dist/assets/CreditCardNumberField.css +1 -1
- package/dist/assets/CreditCardSecurityCodeField.css +1 -0
- package/dist/assets/ErrorSummary.css +1 -0
- package/dist/assets/FieldHeader.css +1 -1
- package/dist/assets/FieldLabel.css +1 -1
- package/dist/assets/Image.css +1 -1
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/Section.css +1 -1
- package/dist/assets/SelectCard.css +1 -0
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/flex.css +1 -1
- package/dist/assets/position.css +1 -0
- package/dist/components/Accordion/Accordion.d.ts +35 -0
- package/dist/components/Accordion/Accordion.js +140 -0
- package/dist/components/Accordion/Accordion.js.map +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/index.js +5 -0
- package/dist/components/Accordion/index.js.map +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +34 -0
- package/dist/components/AviosBadge/AviosBadge.js +58 -0
- package/dist/components/AviosBadge/AviosBadge.js.map +1 -0
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosBadge/index.js +5 -0
- package/dist/components/AviosBadge/index.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +7 -2
- package/dist/components/Badge/Badge.js +2 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Box/Box.d.ts +4 -4
- package/dist/components/Box/Box.js +6 -3
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Button/Button.js +31 -31
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +21 -0
- package/dist/components/CalloutBanner/CalloutBanner.js +96 -0
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -0
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CalloutBanner/index.js +5 -0
- package/dist/components/CalloutBanner/index.js.map +1 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -2
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +7 -6
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +35 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +65 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map +1 -0
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +1 -0
- package/dist/components/CreditCardSecurityCodeField/index.js +5 -0
- package/dist/components/CreditCardSecurityCodeField/index.js.map +1 -0
- package/dist/components/DateField/DateField.d.ts +22 -3
- package/dist/components/DateField/DateField.js +856 -2
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/ErrorSummary/ErrorSummary.d.ts +7 -0
- package/dist/components/ErrorSummary/ErrorSummary.js +44 -0
- package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -0
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/ErrorSummary/index.js +5 -0
- package/dist/components/ErrorSummary/index.js.map +1 -0
- package/dist/components/FieldHeader/FieldHeader.js +6 -6
- package/dist/components/FieldLabel/FieldLabel.js +1 -1
- package/dist/components/Heading/Heading.d.ts +1 -1
- package/dist/components/Icon/Icon.d.ts +1 -0
- package/dist/components/Image/Image.d.ts +1 -1
- package/dist/components/Image/Image.js +6 -6
- package/dist/components/Menu/Menu.d.ts +75 -0
- package/dist/components/Menu/Menu.js +356 -0
- package/dist/components/Menu/Menu.js.map +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menu/index.js +5 -0
- package/dist/components/Menu/index.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +13 -8
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +36 -4
- package/dist/components/Popover/Popover.js +21 -24
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +6 -2
- package/dist/components/Section/Section.js +42 -14
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/SelectCard/SelectCard.d.ts +51 -0
- package/dist/components/SelectCard/SelectCard.js +85 -0
- package/dist/components/SelectCard/SelectCard.js.map +1 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectCard/index.js +5 -0
- package/dist/components/SelectCard/index.js.map +1 -0
- package/dist/components/SelectNative/SelectNative.d.ts +6 -1
- package/dist/components/SelectNative/SelectNative.js +7 -1
- package/dist/components/SelectNative/SelectNative.js.map +1 -1
- package/dist/components/SubHeading/SubHeading.d.ts +1 -1
- package/dist/components/Tag/Tag.js +4 -4
- package/dist/components/TagGroup/TagGroup.d.ts +21 -1
- package/dist/components/TagGroup/TagGroup.js +6 -2
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.js +18 -4
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +18 -4
- package/dist/index.js.map +1 -1
- package/dist/utils/border/border.d.ts +2 -2
- package/dist/utils/flex/flex.d.ts +10 -5
- package/dist/utils/flex/flex.js +383 -51
- package/dist/utils/flex/flex.js.map +1 -1
- package/dist/utils/flex/flex.test.d.ts +1 -0
- package/dist/utils/focus/focusStyles.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
- package/dist/utils/position/position.d.ts +8 -0
- package/dist/utils/position/position.js +57 -0
- package/dist/utils/position/position.js.map +1 -0
- package/dist/utils/position/position.test.d.ts +1 -0
- package/dist/utils/stories/iconPropsArgTypes.js +49 -49
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._accordion_1i793_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_1i793_14,._accordionStack_1i793_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1i793_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1i793_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_1i793_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1i793_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1i793_57{display:flex;flex-direction:column}._endContainer_1i793_62{gap:var(--alto-sem-space-sm)}._endContainer_1i793_62,._titleEnd_1i793_69,._titleStart_1i793_68{align-items:center;display:flex}._accordionTitle_1i793_74{color:var(--alto-sem-color-fg-primary);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_1i793_87,._accordionTitle_1i793_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1i793_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_1i793_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_1i793_1[data-expanded=true] ._iconWrapper_1i793_96{transform:rotate(180deg)}._accordion_1i793_1 [role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1i793_1 [role=group],._accordion_1i793_1[data-expanded=true] [role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_1i793_1[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_1i793_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1i793_1[data-expanded=true],._accordion_1i793_1[data-expanded=true] ._trigger_1i793_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1i793_1 ._trigger_1i793_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1i793_1 ._trigger_1i793_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1i793_1 ._trigger_1i793_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1i793_1[data-expanded=true] ._trigger_1i793_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_1i793_1 ._trigger_1i793_33[data-focused]{outline:none}._accordion_1i793_1 ._trigger_1i793_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_1i793_1 ._trigger_1i793_33[data-disabled] ._iconWrapper_1i793_96,._trigger_1i793_33[data-disabled] ._accordionDescription_1i793_87,._trigger_1i793_33[data-disabled] ._accordionTitle_1i793_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1i793_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
|
+
._aviosBadge_a9p4a_1{align-items:center;border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:inline-flex;gap:var(--alto-sem-space-5xs);height:28px;line-height:var(--alto-sem-text-label-md-line-height);padding:var(--alto-sem-space-4xs) var(--alto-sem-space-xs)}._aviosBadge_a9p4a_1,._collect_a9p4a_13{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._collect_a9p4a_13{background-color:var(--alto-sem-color-bg-collect-vibrant-default)}._spend_a9p4a_18{background-color:var(--alto-sem-color-bg-spend-vibrant-default);color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._content_a9p4a_23{align-items:center;display:inline-flex;gap:var(--alto-sem-space-5xs);padding-right:var(--alto-sem-space-5xs)}._label_a9p4a_31,._points_a9p4a_30{font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight)}._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-xs-font-size);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_a9p4a_43{height:22px;padding:var(--alto-sem-space-5xs) var(--alto-sem-space-2xs)}._lg_a9p4a_48{height:32px}._sm_a9p4a_43 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-sm-font-size);line-height:var(--alto-sem-text-label-sm-line-height)}._sm_a9p4a_43 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-label-2xs-font-size)}._lg_a9p4a_48 ._points_a9p4a_30{font-size:var(--alto-sem-text-label-lg-font-size);line-height:var(--alto-sem-text-label-lg-line-height)}._lg_a9p4a_48 ._textEnd_a9p4a_37{font-size:var(--alto-sem-text-body-sm-font-size)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1t97g_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-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:500;justify-content:center;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-md);text-decoration:none}._button_1t97g_1,._button_1t97g_1 ._content_1t97g_22{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1t97g_31 ._loadingSpinner_1t97g_31{opacity:0;position:absolute}._isNotLoading_1t97g_31 ._content_1t97g_22{opacity:1}._isLoading_1t97g_40 ._loadingSpinner_1t97g_31{opacity:1;position:absolute}._isLoading_1t97g_40 ._content_1t97g_22{opacity:0}._focusWhite_1t97g_52[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1t97g_59{min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1t97g_64{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1t97g_69{height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1t97g_74{width:100%}._textAlignLeft_1t97g_81{text-align:left}._textAlignCenter_1t97g_85{text-align:center}._textAlignRight_1t97g_89{text-align:right}._accentPrimary_1t97g_97[data-focused],._accentPrimary_1t97g_97[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1t97g_97[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1t97g_97[data-pressed][data-focused]{outline:none}._accentPrimary_1t97g_97:disabled,._accentPrimary_1t97g_97[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1t97g_117{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_1t97g_117[data-focused],._accentSecondary_1t97g_117[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1t97g_117[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1t97g_117[data-pressed][data-focused]{outline:none}._accentSecondary_1t97g_117:disabled,._accentSecondary_1t97g_117[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_1t97g_147{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1t97g_147[data-focused],._accentTertiary_1t97g_147[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1t97g_147[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1t97g_147[data-pressed][data-focused]{outline:none}._accentTertiary_1t97g_147:disabled,._accentTertiary_1t97g_147[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_1t97g_173{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1t97g_173[data-focused],._accentQuaternary_1t97g_173[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1t97g_173[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1t97g_173[data-pressed][data-focused]{outline:none}._accentQuaternary_1t97g_173:disabled,._accentQuaternary_1t97g_173[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1t97g_199{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1t97g_199[data-focused],._criticalPrimary_1t97g_199[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1t97g_199[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1t97g_199[data-pressed][data-focused]{outline:none}._criticalPrimary_1t97g_199:disabled,._criticalPrimary_1t97g_199[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1t97g_224{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_1t97g_224[data-focused],._criticalSecondary_1t97g_224[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1t97g_224[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1t97g_224[data-pressed][data-focused]{outline:none}._criticalSecondary_1t97g_224:disabled,._criticalSecondary_1t97g_224[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_1t97g_254{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1t97g_254[data-focused],._criticalTertiary_1t97g_254[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1t97g_254[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1t97g_254[data-pressed][data-focused]{outline:none}._criticalTertiary_1t97g_254:disabled,._criticalTertiary_1t97g_254[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_1t97g_280{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1t97g_280[data-focused],._criticalQuaternary_1t97g_280[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1t97g_280[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1t97g_280[data-pressed][data-focused]{outline:none}._criticalQuaternary_1t97g_280:disabled,._criticalQuaternary_1t97g_280[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1t97g_307{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1t97g_307[data-focused],._neutralPrimary_1t97g_307[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1t97g_307[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1t97g_307[data-pressed][data-focused]{outline:none}._neutralPrimary_1t97g_307:disabled,._neutralPrimary_1t97g_307[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1t97g_332{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_1t97g_332[data-focused],._neutralSecondary_1t97g_332[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1t97g_332[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1t97g_332[data-pressed][data-focused]{outline:none}._neutralSecondary_1t97g_332:disabled,._neutralSecondary_1t97g_332[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_1t97g_361{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1t97g_361[data-focused],._neutralTertiary_1t97g_361[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1t97g_361[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1t97g_361[data-pressed][data-focused]{outline:none}._neutralTertiary_1t97g_361:disabled,._neutralTertiary_1t97g_361[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_1t97g_387{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1t97g_387[data-focused],._neutralQuaternary_1t97g_387[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1t97g_387[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1t97g_387[data-pressed][data-focused]{outline:none}._neutralQuaternary_1t97g_387:disabled,._neutralQuaternary_1t97g_387[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1t97g_414{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1t97g_414[data-focused],._whitePrimary_1t97g_414[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1t97g_414[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1t97g_414[data-pressed][data-focused]{outline:none}._whitePrimary_1t97g_414:disabled,._whitePrimary_1t97g_414[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1t97g_440{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_1t97g_440[data-focused],._whiteSecondary_1t97g_440[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1t97g_440[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1t97g_440[data-pressed][data-focused]{outline:none}._whiteSecondary_1t97g_440[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1t97g_440:disabled,._whiteSecondary_1t97g_440[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_1t97g_473{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1t97g_473[data-focused],._whiteTertiary_1t97g_473[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1t97g_473[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1t97g_473[data-pressed][data-focused]{outline:none}._whiteTertiary_1t97g_473[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1t97g_473:disabled,._whiteTertiary_1t97g_473[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1t97g_503{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1t97g_503[data-focused],._whiteQuaternary_1t97g_503[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1t97g_503[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1t97g_503[data-pressed][data-focused]{outline:none}._whiteQuaternary_1t97g_503[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1t97g_503:disabled,._whiteQuaternary_1t97g_503[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1t97g_535{height:1rem;width:1rem}._icon-wrapper_1t97g_540{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
1
|
+
._button_etsb3_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_etsb3_1,._button_etsb3_1 ._content_etsb3_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_etsb3_28 ._loadingSpinner_etsb3_28{opacity:0;position:absolute}._isNotLoading_etsb3_28 ._content_etsb3_19{opacity:1}._isLoading_etsb3_37 ._loadingSpinner_etsb3_28{opacity:1;position:absolute}._isLoading_etsb3_37 ._content_etsb3_19{opacity:0}._focusWhite_etsb3_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_etsb3_56{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_etsb3_64{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_etsb3_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_etsb3_80{width:100%}._textAlignLeft_etsb3_87{text-align:left}._textAlignCenter_etsb3_91{text-align:center}._textAlignRight_etsb3_95{text-align:right}._accentPrimary_etsb3_103[data-focused],._accentPrimary_etsb3_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_etsb3_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_etsb3_103[data-pressed][data-focused]{outline:none}._accentPrimary_etsb3_103:disabled,._accentPrimary_etsb3_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_etsb3_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_etsb3_123[data-focused],._accentSecondary_etsb3_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_etsb3_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_etsb3_123[data-pressed][data-focused]{outline:none}._accentSecondary_etsb3_123:disabled,._accentSecondary_etsb3_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_etsb3_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_etsb3_153[data-focused],._accentTertiary_etsb3_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_etsb3_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_etsb3_153[data-pressed][data-focused]{outline:none}._accentTertiary_etsb3_153:disabled,._accentTertiary_etsb3_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_etsb3_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_etsb3_179[data-focused],._accentQuaternary_etsb3_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_etsb3_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_etsb3_179[data-pressed][data-focused]{outline:none}._accentQuaternary_etsb3_179:disabled,._accentQuaternary_etsb3_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_etsb3_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_etsb3_205[data-focused],._criticalPrimary_etsb3_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_etsb3_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_etsb3_205[data-pressed][data-focused]{outline:none}._criticalPrimary_etsb3_205:disabled,._criticalPrimary_etsb3_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_etsb3_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_etsb3_230[data-focused],._criticalSecondary_etsb3_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_etsb3_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_etsb3_230[data-pressed][data-focused]{outline:none}._criticalSecondary_etsb3_230:disabled,._criticalSecondary_etsb3_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_etsb3_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_etsb3_260[data-focused],._criticalTertiary_etsb3_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_etsb3_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_etsb3_260[data-pressed][data-focused]{outline:none}._criticalTertiary_etsb3_260:disabled,._criticalTertiary_etsb3_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_etsb3_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_etsb3_286[data-focused],._criticalQuaternary_etsb3_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_etsb3_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_etsb3_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_etsb3_286:disabled,._criticalQuaternary_etsb3_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_etsb3_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_etsb3_313[data-focused],._neutralPrimary_etsb3_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_etsb3_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_etsb3_313[data-pressed][data-focused]{outline:none}._neutralPrimary_etsb3_313:disabled,._neutralPrimary_etsb3_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_etsb3_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_etsb3_338[data-focused],._neutralSecondary_etsb3_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_etsb3_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_etsb3_338[data-pressed][data-focused]{outline:none}._neutralSecondary_etsb3_338:disabled,._neutralSecondary_etsb3_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_etsb3_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_etsb3_367[data-focused],._neutralTertiary_etsb3_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_etsb3_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_etsb3_367[data-pressed][data-focused]{outline:none}._neutralTertiary_etsb3_367:disabled,._neutralTertiary_etsb3_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_etsb3_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_etsb3_393[data-focused],._neutralQuaternary_etsb3_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_etsb3_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_etsb3_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_etsb3_393:disabled,._neutralQuaternary_etsb3_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_etsb3_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_etsb3_420[data-focused],._whitePrimary_etsb3_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_etsb3_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_etsb3_420[data-pressed][data-focused]{outline:none}._whitePrimary_etsb3_420:disabled,._whitePrimary_etsb3_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_etsb3_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_etsb3_446[data-focused],._whiteSecondary_etsb3_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_etsb3_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_etsb3_446[data-pressed][data-focused]{outline:none}._whiteSecondary_etsb3_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_etsb3_446:disabled,._whiteSecondary_etsb3_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_etsb3_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_etsb3_479[data-focused],._whiteTertiary_etsb3_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_etsb3_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_etsb3_479[data-pressed][data-focused]{outline:none}._whiteTertiary_etsb3_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_etsb3_479:disabled,._whiteTertiary_etsb3_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_etsb3_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_etsb3_509[data-focused],._whiteQuaternary_etsb3_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_etsb3_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_etsb3_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_etsb3_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_etsb3_509:disabled,._whiteQuaternary_etsb3_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_etsb3_541{height:1rem;width:1rem}._icon-wrapper_etsb3_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._calloutBanner_kvv8j_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;width:100%}._calloutBanner__icon_kvv8j_11{align-self:flex-start}._calloutBanner__start_kvv8j_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_kvv8j_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_kvv8j_29{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)}._calloutBanner__meta-title_kvv8j_41{font-weight:600}._calloutBanner__meta-description_kvv8j_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_kvv8j_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_kvv8j_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_kvv8j_58{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_kvv8j_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_kvv8j_70._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_kvv8j_66:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_kvv8j_92{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_kvv8j_70._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_kvv8j_92:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_kvv8j_118{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_kvv8j_70._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_kvv8j_118:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_kvv8j_144{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_kvv8j_70._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_kvv8j_144:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_kvv8j_83{border-color:transparent}._calloutBanner-tertiary_kvv8j_83 ._calloutBanner__end_kvv8j_58{border-radius:var(--alto-card-radius)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._creditCardNumberField_1wvso_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_1wvso_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_1wvso_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_1wvso_1 input[data-hovered]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_1wvso_1 input[data-pressed]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_1wvso_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_1wvso_1 ._inputWrapper_1wvso_45{align-items:center;display:flex;position:relative}._creditCardNumberField_1wvso_1 ._iconEnd_1wvso_51{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_1wvso_1:has(._iconEnd_1wvso_51) input{padding-right:44px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._creditCardSecurityCodeField_14mb2_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);text-align:left;width:100%}._creditCardSecurityCodeField_14mb2_1 ._inputWrapper_14mb2_11{align-items:center;display:flex;gap:var(--alto-sem-space-2xs)}._creditCardSecurityCodeField_14mb2_1 input{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;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-width:305px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._creditCardSecurityCodeField_14mb2_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)}._creditCardSecurityCodeField_14mb2_1 input[data-hovered]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardSecurityCodeField_14mb2_1 input[data-pressed]:not([data-disabled]){border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardSecurityCodeField_14mb2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardSecurityCodeField_14mb2_1 svg{flex-shrink:0}._creditCardSecurityCodeField_14mb2_1 ._inputChildren_14mb2_54{margin-top:var(--alto-sem-space-2xs)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._errorSummary-list_yt1ru_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_yt1ru_1 a,._errorSummary-list_yt1ru_1 a:focus,._errorSummary-list_yt1ru_1 a:hover{color:var(--alto-sem-color-fg-critical-primary)}._errorSummary-list__item_yt1ru_24{margin-bottom:var(--alto-sem-space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldHeader_jjofg_1{color:var(--alto-sem-color-fg-primary);flex-direction:column;font-family:var(--alto-sem-text-body-font-family);gap:var(--alto-sem-space-5xs);margin-bottom:var(--alto-sem-space-2xs);text-align:left}._fieldHeader_jjofg_1,._label-container_jjofg_13{display:flex;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight)}._label-container_jjofg_13{align-items:center;color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-sm-font-size);gap:8px;justify-content:space-between;line-height:var(--alto-sem-text-body-sm-line-height)}._fieldHeader_jjofg_1 label{display:flex;flex-wrap:wrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldLabel_vou7c_1{color:var(--alto-sem-color-fg-primary);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);gap:var(--alto-sem-space-3xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);text-align:left}
|
package/dist/assets/Image.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._image_1dojz_1{opacity:0;transition:opacity .3s ease-in-out}._image_1dojz_1[data-loaded=true]{opacity:1}._fill_1dojz_10{-o-object-fit:fill;object-fit:fill}._contain_1dojz_14{-o-object-fit:contain;object-fit:contain}._cover_1dojz_18{-o-object-fit:cover;object-fit:cover}._none_1dojz_22{-o-object-fit:none;object-fit:none}._scaleDown_1dojz_26{-o-object-fit:scale-down;object-fit:scale-down}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menuContainer_qw7ps_1{display:inline-block;position:relative}._menuContent_qw7ps_6{border-radius:var(--alto-card-radius);max-width:max(300px,90vw);min-width:200px;overflow:hidden;width:-moz-max-content;width:max-content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._phoneNumberField_trpoz_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_trpoz_1 input::-moz-placeholder{font-weight:700;opacity:.5}._phoneNumberField_trpoz_1 input::placeholder{font-weight:700;opacity:.5}._phoneNumberField_trpoz_1:focus-within:not(:has(select:focus-within)){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_trpoz_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_trpoz_1:has(input[data-hovered]) ._selectHandlerValue_trpoz_34{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_trpoz_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_trpoz_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_trpoz_1:has(input[data-focused]) ._selectHandlerValue_trpoz_34{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_trpoz_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_trpoz_1:has(input[data-disabled]) ._selectHandlerValue_trpoz_34{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_trpoz_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_trpoz_1:has(input[data-disabled]) ._selectHandlerIcon_trpoz_65{opacity:0}._phoneNumberField_trpoz_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_trpoz_1:has(input[data-invalid]) ._selectHandlerValue_trpoz_34{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_trpoz_77{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_trpoz_77: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_trpoz_34{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_trpoz_65{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_trpoz_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_trpoz_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/Section.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1w3or_7,._section_1w3or_1{display:flex;position:relative;width:100%}._container_1w3or_7{margin:0 auto;z-index:1}._container_1w3or_7._pageWidth_1w3or_15{max-width:var(--alto-section-container-max-width)}._container_1w3or_7._fullWidth_1w3or_19{max-width:100%}._paddingX-default_1w3or_23{padding-left:var(--alto-section-padding-horizontal-default);padding-right:var(--alto-section-padding-horizontal-default)}._paddingY-default_1w3or_28{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingTopDefault_1w3or_33,._paddingY-default_1w3or_28{padding-top:var(--alto-section-padding-vertical-default)}._paddingRightDefault_1w3or_37{padding-right:var(--alto-section-padding-horizontal-default)}._paddingBottomDefault_1w3or_41{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingLeftDefault_1w3or_45{padding-left:var(--alto-section-padding-horizontal-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._select-card_dir9q_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_dir9q_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_dir9q_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_dir9q_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_dir9q_30{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card_dir9q_1[data-disabled] ._select-card__start-slot_dir9q_38{opacity:.5}._select-card__label-title_dir9q_43{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_dir9q_1[data-disabled] ._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_dir9q_43{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_dir9q_67{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_dir9q_1[data-disabled] ._select-card__end-slot_dir9q_67{opacity:.5}._select-card__body_dir9q_79{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__body_dir9q_79{opacity:.5}._select-card_dir9q_1:not([data-selected]) ._select-card__details_dir9q_90{display:none}._select-card_dir9q_1[data-selected] ._select-card__details_dir9q_90{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__details_dir9q_90{display:none}._select-card__checkbox_dir9q_104 ._checkboxSvgWrapper_dir9q_104{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_dir9q_1 ._svg_dir9q_118{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._select-card__checkbox_dir9q_104[data-selected] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_dir9q_104[data-selected][data-hovered] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_dir9q_104[data-selected][data-pressed] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_dir9q_104[data-selected] ._svg_dir9q_118{stroke-dashoffset:44}._select-card__checkbox_dir9q_104[data-hovered] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_dir9q_104[data-pressed] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_dir9q_104[data-focus-visible] ._checkboxSvgWrapper_dir9q_104{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_dir9q_1[data-disabled] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_dir9q_1[data-disabled][data-selected] ._checkboxSvgWrapper_dir9q_104{border-color:transparent}._select-card_dir9q_1[data-disabled] ._svg_dir9q_118{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_dir9q_183 ._select-card__header_dir9q_30: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_dir9q_183[data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_dir9q_183[data-focus-visible] ._select-card__header_dir9q_30: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_dir9q_183[data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_dir9q_183[data-selected] ._select-card__header_dir9q_30: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_dir9q_183[data-selected][data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-selected][data-focus-visible] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-invalid] ._select-card__header_dir9q_30: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_dir9q_183[data-invalid][data-hovered] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focus-visible] ._select-card__header_dir9q_30:before,._select-card__radio_dir9q_183[data-invalid][data-pressed] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-selected] ._select-card__header_dir9q_30: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_dir9q_183[data-disabled] ._select-card__header_dir9q_30: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_dir9q_183[data-disabled][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
|
package/dist/assets/Tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tag_1jz2y_1{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-tag-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);min-height:2.125rem;padding:0 var(--alto-sem-space-xs);position:relative}._tag_1jz2y_1._isRemovable_1jz2y_21{padding-right:0}._tag_1jz2y_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-primary-hover)}._tag_1jz2y_1[data-pressed]{background-color:var(--alto-sem-color-bg-accent-vibrant-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1 [slot=remove]{background:none;color:var(--alto-sem-color-fg-primary);height:inherit}._tag_1jz2y_1 [slot=remove][data-focused],._tag_1jz2y_1 [slot=remove][data-hovered]{background-color:var(--alto-sem-color-bg-state-overlay-darken-invert-hover);border-radius:0 7px 7px 0}._tag_1jz2y_1[data-pressed] [slot=remove],._tag_1jz2y_1[data-selected]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border:1px solid transparent}._tag_1jz2y_1[data-selected][data-hovered]{background-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._tag_1jz2y_1[data-selected][data-pressed]{background-color:var(--alto-sem-color-bg-layer2-active);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active);color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._tag_1jz2y_1[data-selected] [slot=remove]{color:var(--alto-sem-color-fg-accent-on-vibrant)}._tag_1jz2y_1[data-selected][data-pressed] [slot=remove]{color:var(--alto-sem-color-fg-inverse-on-subtlet)}._tag_1jz2y_1[data-selected] [slot=remove][data-hovered]{border-radius:0 var(--alto-tag-radius) var(--alto-tag-radius) 0}._tag_1jz2y_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border:none}._tag_1jz2y_1[data-disabled],._tag_1jz2y_1[data-disabled] [slot=remove]{color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:default}._tag_1jz2y_1[data-disabled] [slot=remove][data-hovered]{background-color:inherit;border-radius:inherit}._tag_1jz2y_1[data-href]{cursor:pointer;text-decoration:none}._iconWrapper_1jz2y_123{display:flex;padding-right:9.5px}
|
package/dist/assets/flex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._flex_z1fyb_1{display:flex}._flexInline_z1fyb_5{display:inline-flex}._flexJustifyContentFlexStart_z1fyb_9,._flexJustifyContentStart_z1fyb_13{justify-content:flex-start}._flexJustifyContentCenter_z1fyb_17{justify-content:center}._flexJustifyContentFlexEnd_z1fyb_21{justify-content:flex-end}._flexJustifyContentEnd_z1fyb_25{justify-content:end}._flexJustifyContentSpaceBetween_z1fyb_29{justify-content:space-between}._flexJustifyContentSpaceAround_z1fyb_33{justify-content:space-around}._flexJustifyContentSpaceEvenly_z1fyb_37{justify-content:space-evenly}._flexJustifyContentLeft_z1fyb_41{justify-content:left}._flexJustifyContentRight_z1fyb_45{justify-content:right}._flexJustifyContentNormal_z1fyb_49{justify-content:normal}._flexJustifyContentStretch_z1fyb_53{justify-content:stretch}._flexJustifyContentInherit_z1fyb_57{justify-content:inherit}._flexJustifyContentInitial_z1fyb_61{justify-content:normal}._flexJustifyContentRevert_z1fyb_65{justify-content:revert}._flexJustifyContentRevertLayer_z1fyb_69{justify-content:revert-layer}._flexJustifyContentUnset_z1fyb_73{justify-content:unset}._flexAlignItemsFlexStart_z1fyb_77{align-items:flex-start}._flexAlignItemsStart_z1fyb_81{align-items:start}._flexAlignItemsCenter_z1fyb_85{align-items:center}._flexAlignItemsFlexEnd_z1fyb_89{align-items:flex-end}._flexAlignItemsEnd_z1fyb_93{align-items:end}._flexAlignItemsStretch_z1fyb_97{align-items:stretch}._flexAlignItemsSelfStart_z1fyb_101{align-items:self-start}._flexAlignItemsSelfEnd_z1fyb_105{align-items:self-end}._flexAlignItemsSelfCenter_z1fyb_109{align-items:self-center}._flexAlignItemsSelfFlexStart_z1fyb_113{align-items:flex-start}._flexAlignItemsSelfFlexEnd_z1fyb_117{align-items:flex-end}._flexAlignItemsSelfSelfStart_z1fyb_121{align-items:self-start}._flexAlignItemsSelfSelfEnd_z1fyb_125{align-items:self-end}._flexAlignItemsSelfBaseline_z1fyb_129{align-items:baseline}._flexAlignItemsSelfStretch_z1fyb_133{align-items:stretch}._flexAlignItemsSelfInherit_z1fyb_137{align-items:inherit}._flexAlignItemsSelfInitial_z1fyb_141{align-items:normal}._flexAlignItemsSelfRevert_z1fyb_145{align-items:revert}._flexAlignItemsSelfRevertLayer_z1fyb_149{align-items:revert-layer}._flexAlignItemsSelfUnset_z1fyb_153{align-items:unset}._flexAlignContentNormal_z1fyb_158{align-content:normal}._flexAlignContentStart_z1fyb_162{align-content:start}._flexAlignContentCenter_z1fyb_166{align-content:center}._flexAlignContentEnd_z1fyb_170{align-content:end}._flexAlignContentFlexStart_z1fyb_174{align-content:flex-start}._flexAlignContentFlexEnd_z1fyb_178{align-content:flex-end}._flexAlignContentBaseline_z1fyb_182{align-content:baseline}._flexAlignContentFirstBaseline_z1fyb_186{align-content:first baseline}._flexAlignContentLastBaseline_z1fyb_190{align-content:last baseline}._flexAlignContentSpaceBetween_z1fyb_194{align-content:space-between}._flexAlignContentSpaceAround_z1fyb_198{align-content:space-around}._flexAlignContentSpaceEvenly_z1fyb_202{align-content:space-evenly}._flexAlignContentStretch_z1fyb_206{align-content:stretch}._flexAlignContentSafeCenter_z1fyb_210{align-content:safe center}._flexAlignContentUnsafeCenter_z1fyb_214{align-content:unsafe center}._flexAlignContentInherit_z1fyb_218{align-content:inherit}._flexAlignContentInitial_z1fyb_222{align-content:normal}._flexAlignContentRevert_z1fyb_226{align-content:revert}._flexAlignContentRevertLayer_z1fyb_230{align-content:revert-layer}._flexAlignContentUnset_z1fyb_234{align-content:unset}._flexWrapWrap_z1fyb_238{flex-wrap:wrap}._flexWrapNowrap_z1fyb_242{flex-wrap:nowrap}._flexWrapWrapReverse_z1fyb_246{flex-wrap:wrap-reverse}._flexGrow1_z1fyb_250{flex-grow:1}._flexGrow0_z1fyb_254{flex-grow:0}._flexGrowInherit_z1fyb_258{flex-grow:inherit}._flexGrowInitial_z1fyb_262{flex-grow:0}._flexGrowRevert_z1fyb_266{flex-grow:revert}._flexGrowRevertLayer_z1fyb_270{flex-grow:revert-layer}._flexGrowUnset_z1fyb_274{flex-grow:unset}._flexShrink1_z1fyb_278{flex-shrink:1}._flexShrink0_z1fyb_282{flex-shrink:0}._flexShrinkInherit_z1fyb_286{flex-shrink:inherit}._flexShrinkInitial_z1fyb_290{flex-shrink:1}._flexShrinkRevert_z1fyb_294{flex-shrink:revert}._flexShrinkRevertLayer_z1fyb_298{flex-shrink:revert-layer}._flexShrinkUnset_z1fyb_302{flex-shrink:unset}._flexDirectionRow_z1fyb_306{flex-direction:row}._flexDirectionRowReverse_z1fyb_310{flex-direction:row-reverse}._flexDirectionColumn_z1fyb_314{flex-direction:column}._flexDirectionColumnReverse_z1fyb_318{flex-direction:column-reverse}._flexGap5xs_z1fyb_322{gap:var(--alto-sem-space-5xs)}._flexRowGap5xs_z1fyb_326{row-gap:var(--alto-sem-space-5xs)}._flexColumnGap5xs_z1fyb_330{-moz-column-gap:var(--alto-sem-space-5xs);column-gap:var(--alto-sem-space-5xs)}._flexGap4xs_z1fyb_334{gap:var(--alto-sem-space-4xs)}._flexRowGap4xs_z1fyb_338{row-gap:var(--alto-sem-space-4xs)}._flexColumnGap4xs_z1fyb_342{-moz-column-gap:var(--alto-sem-space-4xs);column-gap:var(--alto-sem-space-4xs)}._flexGap3xs_z1fyb_346{gap:var(--alto-sem-space-3xs)}._flexRowGap3xs_z1fyb_350{row-gap:var(--alto-sem-space-3xs)}._flexColumnGap3xs_z1fyb_354{-moz-column-gap:var(--alto-sem-space-3xs);column-gap:var(--alto-sem-space-3xs)}._flexGap2xs_z1fyb_358{gap:var(--alto-sem-space-2xs)}._flexRowGap2xs_z1fyb_362{row-gap:var(--alto-sem-space-2xs)}._flexColumnGap2xs_z1fyb_366{-moz-column-gap:var(--alto-sem-space-2xs);column-gap:var(--alto-sem-space-2xs)}._flexGapXs_z1fyb_370{gap:var(--alto-sem-space-xs)}._flexRowGapXs_z1fyb_374{row-gap:var(--alto-sem-space-xs)}._flexColumnGapXs_z1fyb_378{-moz-column-gap:var(--alto-sem-space-xs);column-gap:var(--alto-sem-space-xs)}._flexGapSm_z1fyb_382{gap:var(--alto-sem-space-sm)}._flexRowGapSm_z1fyb_386{row-gap:var(--alto-sem-space-sm)}._flexColumnGapSm_z1fyb_390{-moz-column-gap:var(--alto-sem-space-sm);column-gap:var(--alto-sem-space-sm)}._flexGapMd_z1fyb_394{gap:var(--alto-sem-space-md)}._flexRowGapMd_z1fyb_398{row-gap:var(--alto-sem-space-md)}._flexColumnGapMd_z1fyb_402{-moz-column-gap:var(--alto-sem-space-md);column-gap:var(--alto-sem-space-md)}._flexGapLg_z1fyb_406{gap:var(--alto-sem-space-lg)}._flexRowGapLg_z1fyb_410{row-gap:var(--alto-sem-space-lg)}._flexColumnGapLg_z1fyb_414{-moz-column-gap:var(--alto-sem-space-lg);column-gap:var(--alto-sem-space-lg)}._flexGapXl_z1fyb_418{gap:var(--alto-sem-space-xl)}._flexRowGapXl_z1fyb_422{row-gap:var(--alto-sem-space-xl)}._flexColumnGapXl_z1fyb_426{-moz-column-gap:var(--alto-sem-space-xl);column-gap:var(--alto-sem-space-xl)}._flexGap2xl_z1fyb_430{gap:var(--alto-sem-space-2xl)}._flexRowGap2xl_z1fyb_434{row-gap:var(--alto-sem-space-2xl)}._flexColumnGap2xl_z1fyb_438{-moz-column-gap:var(--alto-sem-space-2xl);column-gap:var(--alto-sem-space-2xl)}._flexGap3xl_z1fyb_442{gap:var(--alto-sem-space-3xl)}._flexRowGap3xl_z1fyb_446{row-gap:var(--alto-sem-space-3xl)}._flexColumnGap3xl_z1fyb_450{-moz-column-gap:var(--alto-sem-space-3xl);column-gap:var(--alto-sem-space-3xl)}._flexGap4xl_z1fyb_454{gap:var(--alto-sem-space-4xl)}._flexRowGap4xl_z1fyb_458{row-gap:var(--alto-sem-space-4xl)}._flexColumnGap4xl_z1fyb_462{-moz-column-gap:var(--alto-sem-space-4xl);column-gap:var(--alto-sem-space-4xl)}._flexGap5xl_z1fyb_466{gap:var(--alto-sem-space-5xl)}._flexRowGap5xl_z1fyb_470{row-gap:var(--alto-sem-space-5xl)}._flexColumnGap5xl_z1fyb_474{-moz-column-gap:var(--alto-sem-space-5xl);column-gap:var(--alto-sem-space-5xl)}._flexGap6xl_z1fyb_478{gap:var(--alto-sem-space-6xl)}._flexRowGap6xl_z1fyb_482{row-gap:var(--alto-sem-space-6xl)}._flexColumnGap6xl_z1fyb_486{-moz-column-gap:var(--alto-sem-space-6xl);column-gap:var(--alto-sem-space-6xl)}._flexAlignSelfAuto_z1fyb_490{align-self:auto}._flexAlignSelfNormal_z1fyb_494{align-self:normal}._flexAlignSelfStart_z1fyb_498{align-self:start}._flexAlignSelfEnd_z1fyb_502{align-self:end}._flexAlignSelfCenter_z1fyb_506{align-self:center}._flexAlignSelfFlexStart_z1fyb_510{align-self:flex-start}._flexAlignSelfFlexEnd_z1fyb_514{align-self:flex-end}._flexAlignSelfSelfStart_z1fyb_518{align-self:self-start}._flexAlignSelfSelfEnd_z1fyb_522{align-self:self-end}._flexAlignSelfBaseline_z1fyb_526{align-self:baseline}._flexAlignSelfStretch_z1fyb_530{align-self:stretch}._flexAlignSelfInherit_z1fyb_534{align-self:inherit}._flexAlignSelfInitial_z1fyb_538{align-self:auto}._flexAlignSelfRevert_z1fyb_542{align-self:revert}._flexAlignSelfRevertLayer_z1fyb_546{align-self:revert-layer}._flexAlignSelfUnset_z1fyb_550{align-self:unset}._flexBasisMaxContent_z1fyb_555{flex-basis:max-content}._flexBasisMinContent_z1fyb_559{flex-basis:min-content}._flexBasisFitContent_z1fyb_563{flex-basis:fit-content}._flexBasisContent_z1fyb_567{flex-basis:content}._flexBasisInherit_z1fyb_571{flex-basis:inherit}._flexBasisInitial_z1fyb_575{flex-basis:auto}._flexBasisRevert_z1fyb_579{flex-basis:revert}._flexBasisRevertLayer_z1fyb_583{flex-basis:revert-layer}._flexBasisUnset_z1fyb_587{flex-basis:unset}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._position-absolute_1wcx5_1{position:absolute}._position-static_1wcx5_5{position:static}._position-relative_1wcx5_9{position:relative}._position-fixed_1wcx5_13{position:fixed}._position-sticky_1wcx5_17{position:sticky}._position-inherit_1wcx5_22{position:inherit}._position-initial_1wcx5_26{position:static}._position-revert_1wcx5_30{position:revert}._position-revert-layer_1wcx5_34{position:revert-layer}._position-unset_1wcx5_38{position:unset}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DisclosureProps as AriaDisclosureProps } from 'react-aria-components';
|
|
3
|
+
export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
|
|
4
|
+
/** The title text displayed in the accordion header */
|
|
5
|
+
title: string;
|
|
6
|
+
/** Optional description text displayed below the title */
|
|
7
|
+
description?: string;
|
|
8
|
+
/** Content rendered inside the accordion when expanded */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/** Controls if accordion is expanded on initial render */
|
|
11
|
+
defaultExpanded?: boolean;
|
|
12
|
+
/** Additional CSS class for custom styling */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Content (typically an icon) rendered before the heading */
|
|
15
|
+
titleStart?: React.ReactNode;
|
|
16
|
+
/** Content (typically an icon) rendered after the heading */
|
|
17
|
+
titleEnd?: React.ReactNode;
|
|
18
|
+
/** Unique identifier for the accordion */
|
|
19
|
+
id?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface AccordionGroupProps {
|
|
22
|
+
/** Title for the accordion group - can be string or ReactNode */
|
|
23
|
+
title?: string | React.ReactNode;
|
|
24
|
+
/** Description for the accordion group - can be string or ReactNode */
|
|
25
|
+
description?: string | React.ReactNode;
|
|
26
|
+
/** Collection of Accordion components */
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
/** Additional CSS class for custom styling */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Whether multiple accordions can be expanded at once */
|
|
31
|
+
allowsMultipleExpanded?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const AccordionGroup: ({ title, description, children, className, allowsMultipleExpanded, }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export default Accordion;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
|
+
import { Icon } from "../Icon/Icon.js";
|
|
5
|
+
import '../../assets/Accordion.css';const accordion = "_accordion_1i793_1";
|
|
6
|
+
const accordionGroup = "_accordionGroup_1i793_14";
|
|
7
|
+
const accordionStack = "_accordionStack_1i793_20";
|
|
8
|
+
const accordionHeader = "_accordionHeader_1i793_26";
|
|
9
|
+
const trigger = "_trigger_1i793_33";
|
|
10
|
+
const buttonContent = "_buttonContent_1i793_42";
|
|
11
|
+
const titleContainer = "_titleContainer_1i793_50";
|
|
12
|
+
const titleWrapper = "_titleWrapper_1i793_57";
|
|
13
|
+
const endContainer = "_endContainer_1i793_62";
|
|
14
|
+
const titleStart = "_titleStart_1i793_68";
|
|
15
|
+
const titleEnd = "_titleEnd_1i793_69";
|
|
16
|
+
const accordionTitle = "_accordionTitle_1i793_74";
|
|
17
|
+
const accordionDescription = "_accordionDescription_1i793_87";
|
|
18
|
+
const iconWrapper = "_iconWrapper_1i793_96";
|
|
19
|
+
const panelContent = "_panelContent_1i793_129";
|
|
20
|
+
const styles = {
|
|
21
|
+
accordion,
|
|
22
|
+
accordionGroup,
|
|
23
|
+
accordionStack,
|
|
24
|
+
accordionHeader,
|
|
25
|
+
trigger,
|
|
26
|
+
buttonContent,
|
|
27
|
+
titleContainer,
|
|
28
|
+
titleWrapper,
|
|
29
|
+
endContainer,
|
|
30
|
+
titleStart,
|
|
31
|
+
titleEnd,
|
|
32
|
+
accordionTitle,
|
|
33
|
+
accordionDescription,
|
|
34
|
+
iconWrapper,
|
|
35
|
+
panelContent
|
|
36
|
+
};
|
|
37
|
+
const AccordionTrigger = ({
|
|
38
|
+
title,
|
|
39
|
+
description,
|
|
40
|
+
titleStart: titleStart2,
|
|
41
|
+
titleEnd: titleEnd2
|
|
42
|
+
}) => {
|
|
43
|
+
return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
|
|
44
|
+
/* @__PURE__ */ jsxs("span", { className: styles.titleContainer, children: [
|
|
45
|
+
titleStart2 && /* @__PURE__ */ jsx("span", { className: styles.titleStart, children: titleStart2 }),
|
|
46
|
+
/* @__PURE__ */ jsxs("div", { className: styles.titleWrapper, children: [
|
|
47
|
+
/* @__PURE__ */ jsx("h3", { className: styles.accordionTitle, children: title }),
|
|
48
|
+
description && /* @__PURE__ */ jsx("p", { className: styles.accordionDescription, children: description })
|
|
49
|
+
] })
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ jsxs("span", { className: styles.endContainer, children: [
|
|
52
|
+
titleEnd2 && /* @__PURE__ */ jsx("span", { className: styles.titleEnd, children: titleEnd2 }),
|
|
53
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper })
|
|
54
|
+
] })
|
|
55
|
+
] }) });
|
|
56
|
+
};
|
|
57
|
+
const AccordionPanel = ({
|
|
58
|
+
children,
|
|
59
|
+
...props
|
|
60
|
+
}) => {
|
|
61
|
+
const contentRef = React.useRef(null);
|
|
62
|
+
React.useEffect(() => {
|
|
63
|
+
const content = contentRef.current;
|
|
64
|
+
if (!content) return;
|
|
65
|
+
const group = content.closest('[role="group"]');
|
|
66
|
+
if (!group) return;
|
|
67
|
+
requestAnimationFrame(() => {
|
|
68
|
+
const height = content.scrollHeight;
|
|
69
|
+
group.style.setProperty("--group-height", `${height}px`);
|
|
70
|
+
});
|
|
71
|
+
const updateHeight = () => {
|
|
72
|
+
const height = content.scrollHeight;
|
|
73
|
+
group.style.setProperty("--group-height", `${height}px`);
|
|
74
|
+
};
|
|
75
|
+
updateHeight();
|
|
76
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
77
|
+
updateHeight();
|
|
78
|
+
});
|
|
79
|
+
resizeObserver.observe(content);
|
|
80
|
+
resizeObserver.observe(group);
|
|
81
|
+
window.addEventListener("resize", updateHeight);
|
|
82
|
+
return () => {
|
|
83
|
+
resizeObserver.disconnect();
|
|
84
|
+
window.removeEventListener("resize", updateHeight);
|
|
85
|
+
};
|
|
86
|
+
}, []);
|
|
87
|
+
return /* @__PURE__ */ jsx(DisclosurePanel, { ...props, children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: styles.panelContent, children }) });
|
|
88
|
+
};
|
|
89
|
+
const Accordion = ({
|
|
90
|
+
title,
|
|
91
|
+
description,
|
|
92
|
+
children,
|
|
93
|
+
defaultExpanded = false,
|
|
94
|
+
className,
|
|
95
|
+
titleStart: titleStart2,
|
|
96
|
+
titleEnd: titleEnd2,
|
|
97
|
+
...props
|
|
98
|
+
}) => {
|
|
99
|
+
const accordionClasses = [styles.accordion, className].filter(Boolean).join(" ");
|
|
100
|
+
return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, ...props, children: [
|
|
101
|
+
/* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2 }),
|
|
102
|
+
/* @__PURE__ */ jsx(AccordionPanel, { children })
|
|
103
|
+
] });
|
|
104
|
+
};
|
|
105
|
+
const AccordionGroup = ({
|
|
106
|
+
title,
|
|
107
|
+
description,
|
|
108
|
+
children,
|
|
109
|
+
className,
|
|
110
|
+
allowsMultipleExpanded = true
|
|
111
|
+
}) => {
|
|
112
|
+
const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
|
|
113
|
+
const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
|
|
114
|
+
if (React.isValidElement(child) && child.props.defaultExpanded) {
|
|
115
|
+
return `accordion-${index}`;
|
|
116
|
+
}
|
|
117
|
+
return null;
|
|
118
|
+
}).filter((key) => key !== null);
|
|
119
|
+
return /* @__PURE__ */ jsxs("div", { className: groupClasses, children: [
|
|
120
|
+
(title || description) && /* @__PURE__ */ jsxs("div", { className: styles.accordionHeader, children: [
|
|
121
|
+
title,
|
|
122
|
+
description
|
|
123
|
+
] }),
|
|
124
|
+
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
|
|
125
|
+
if (React.isValidElement(child)) {
|
|
126
|
+
return React.cloneElement(child, {
|
|
127
|
+
key: `accordion-${index}`,
|
|
128
|
+
id: `accordion-${index}`
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
return child;
|
|
132
|
+
}) })
|
|
133
|
+
] });
|
|
134
|
+
};
|
|
135
|
+
export {
|
|
136
|
+
Accordion,
|
|
137
|
+
AccordionGroup,
|
|
138
|
+
Accordion as default
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Accordion';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BadgeProps } from '../Badge/Badge';
|
|
3
|
+
export type AviosBadgeKind = 'collect' | 'spend';
|
|
4
|
+
export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
|
|
5
|
+
/**
|
|
6
|
+
* The kind of Avios badge (collect or spend)
|
|
7
|
+
* @default 'collect'
|
|
8
|
+
*/
|
|
9
|
+
kind?: AviosBadgeKind;
|
|
10
|
+
/**
|
|
11
|
+
* Additional text to be displayed at the end of the badge
|
|
12
|
+
*/
|
|
13
|
+
textEnd?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Number of Avios points
|
|
16
|
+
*/
|
|
17
|
+
points: number;
|
|
18
|
+
/**
|
|
19
|
+
* Optional label text
|
|
20
|
+
*/
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Size of the badge
|
|
24
|
+
* @default 'md'
|
|
25
|
+
*/
|
|
26
|
+
size?: 'sm' | 'md' | 'lg';
|
|
27
|
+
/**
|
|
28
|
+
* A string representation of the badge's contents, used for accessibility
|
|
29
|
+
* Example: "Collect 50,000 Avios points"
|
|
30
|
+
*/
|
|
31
|
+
ariaLabel?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare const AviosBadge: ({ kind, size, textEnd, points, children, ariaLabel, className, ...props }: AviosBadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default AviosBadge;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Badge } from "../Badge/Badge.js";
|
|
3
|
+
import { AviosCurrencySymbol } from "../AviosCurrencySymbol/AviosCurrencySymbol.js";
|
|
4
|
+
import '../../assets/AviosBadge.css';const aviosBadge = "_aviosBadge_a9p4a_1";
|
|
5
|
+
const collect = "_collect_a9p4a_13";
|
|
6
|
+
const spend = "_spend_a9p4a_18";
|
|
7
|
+
const content = "_content_a9p4a_23";
|
|
8
|
+
const points = "_points_a9p4a_30";
|
|
9
|
+
const label = "_label_a9p4a_31";
|
|
10
|
+
const textEnd = "_textEnd_a9p4a_37";
|
|
11
|
+
const sm = "_sm_a9p4a_43";
|
|
12
|
+
const lg = "_lg_a9p4a_48";
|
|
13
|
+
const styles = {
|
|
14
|
+
aviosBadge,
|
|
15
|
+
collect,
|
|
16
|
+
spend,
|
|
17
|
+
content,
|
|
18
|
+
points,
|
|
19
|
+
label,
|
|
20
|
+
textEnd,
|
|
21
|
+
sm,
|
|
22
|
+
lg
|
|
23
|
+
};
|
|
24
|
+
const AviosBadge = ({
|
|
25
|
+
kind = "collect",
|
|
26
|
+
size = "md",
|
|
27
|
+
textEnd: textEnd2,
|
|
28
|
+
points: points2,
|
|
29
|
+
children,
|
|
30
|
+
ariaLabel,
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}) => {
|
|
34
|
+
const formattedPoints = points2.toLocaleString();
|
|
35
|
+
const defaultAriaLabel = `${kind} ${formattedPoints} ${children || "Avios"} ${textEnd2 || ""}`.trim();
|
|
36
|
+
const iconSizes = {
|
|
37
|
+
sm: "18px",
|
|
38
|
+
md: "20px",
|
|
39
|
+
lg: "24px"
|
|
40
|
+
};
|
|
41
|
+
const badgeSize = size === "lg" ? "md" : size;
|
|
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: "secondary", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
|
|
44
|
+
/* @__PURE__ */ jsxs("span", { className: styles.content, children: [
|
|
45
|
+
/* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
|
|
46
|
+
children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),
|
|
47
|
+
textEnd2 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
48
|
+
/* @__PURE__ */ jsx("span", { className: styles.plusSign, children: "+" }),
|
|
49
|
+
/* @__PURE__ */ jsx("span", { className: styles.textEnd, children: textEnd2 })
|
|
50
|
+
] })
|
|
51
|
+
] })
|
|
52
|
+
] });
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
AviosBadge,
|
|
56
|
+
AviosBadge as default
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=AviosBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AviosBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './AviosBadge';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -26,9 +26,14 @@ export interface BadgeProps {
|
|
|
26
26
|
*/
|
|
27
27
|
trailingIconProps?: IconProps;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* The focus style of the button
|
|
30
30
|
*/
|
|
31
31
|
focusStyle?: 'default' | 'white';
|
|
32
|
+
/**
|
|
33
|
+
* @internal
|
|
34
|
+
* Internal className prop for design system use only
|
|
35
|
+
*/
|
|
36
|
+
className?: string;
|
|
32
37
|
}
|
|
33
|
-
export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
39
|
export default Badge;
|
|
@@ -55,6 +55,7 @@ const Badge = ({
|
|
|
55
55
|
leadingIconProps,
|
|
56
56
|
trailingIconProps,
|
|
57
57
|
focusStyle = "default",
|
|
58
|
+
className,
|
|
58
59
|
...props
|
|
59
60
|
}) => {
|
|
60
61
|
return /* @__PURE__ */ jsxs("span", { className: `${badge({
|
|
@@ -62,7 +63,7 @@ const Badge = ({
|
|
|
62
63
|
variant
|
|
63
64
|
})} ${focusStyleVariants({
|
|
64
65
|
focusStyle
|
|
65
|
-
})}`, role: "status", "aria-label": ariaLabel, ...props, children: [
|
|
66
|
+
})} ${className || ""}`, role: "status", "aria-label": ariaLabel, ...props, children: [
|
|
66
67
|
leadingIconProps && /* @__PURE__ */ jsx(Icon, { ...leadingIconProps }),
|
|
67
68
|
children,
|
|
68
69
|
trailingIconProps && /* @__PURE__ */ jsx(Icon, { ...trailingIconProps })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,12 +3,12 @@ import { BackgroundVariants } from '../../utils/backgroundColor/backgroundColor'
|
|
|
3
3
|
import { FlexVariants } from '../../utils/flex/flex';
|
|
4
4
|
import { BorderVariants } from '../../utils/border/border';
|
|
5
5
|
import { PaddingVariants } from '../../utils/padding/padding';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
import { PositionVariants } from '../../utils/position/position';
|
|
7
|
+
export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVariants, PaddingVariants, PositionVariants, Omit<React.HTMLAttributes<Element>, 'className' | 'style'> {
|
|
8
8
|
/**
|
|
9
9
|
* The HTML element to render the Box as.
|
|
10
10
|
*/
|
|
11
|
-
as?: 'div' | 'article';
|
|
11
|
+
as?: 'div' | 'article' | 'aside' | 'nav' | 'section' | 'main';
|
|
12
12
|
/**
|
|
13
13
|
* The width of the Box.
|
|
14
14
|
* Accepts any valid CSS unit or "full"
|
|
@@ -44,5 +44,5 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
|
|
|
44
44
|
*/
|
|
45
45
|
backgroundColour?: BackgroundVariants['backgroundColor'];
|
|
46
46
|
}
|
|
47
|
-
export declare const Box: ({ children, as: Component,
|
|
47
|
+
export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
48
|
export default Box;
|