@alto-avios/alto-ui 3.2.0 → 3.3.0

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._accordion_1x2oh_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_1x2oh_14,._accordionStack_1x2oh_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1x2oh_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1x2oh_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_1x2oh_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1x2oh_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1x2oh_57{display:flex;flex-direction:column}._endContainer_1x2oh_62{gap:var(--alto-sem-space-sm)}._endContainer_1x2oh_62,._titleEnd_1x2oh_69,._titleStart_1x2oh_68{align-items:center;display:flex}._accordionTitle_1x2oh_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_1x2oh_87,._accordionTitle_1x2oh_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1x2oh_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_1x2oh_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)}[data-expanded=true] ._iconWrapper_1x2oh_96{transform:rotate(180deg)}[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}[data-expanded=true] [role=group],[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_1x2oh_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}[data-expanded=true] ._trigger_1x2oh_33,[data-expanded=true]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-layer1-default)}._trigger_1x2oh_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._trigger_1x2oh_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._trigger_1x2oh_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}[data-expanded=true] ._trigger_1x2oh_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}._trigger_1x2oh_33[data-focused]{outline:none}._trigger_1x2oh_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);cursor:not-allowed}._trigger_1x2oh_33[data-disabled],._trigger_1x2oh_33[data-disabled] ._accordionDescription_1x2oh_87,._trigger_1x2oh_33[data-disabled] ._accordionTitle_1x2oh_74,._trigger_1x2oh_33[data-disabled] ._iconWrapper_1x2oh_96{color:var(--alto-sem-color-fg-disabled-on-subtle)}[data-disabled]._accordion_1x2oh_1{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
+._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)}

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_etsb3_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_etsb3_1,._button_etsb3_1 ._content_etsb3_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_etsb3_28 ._loadingSpinner_etsb3_28{opacity:0;position:absolute}._isNotLoading_etsb3_28 ._content_etsb3_19{opacity:1}._isLoading_etsb3_37 ._loadingSpinner_etsb3_28{opacity:1;position:absolute}._isLoading_etsb3_37 ._content_etsb3_19{opacity:0}._focusWhite_etsb3_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_etsb3_56{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_etsb3_64{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_etsb3_72{font-size:var(--alto-sem-text-body-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_etsb3_80{width:100%}._textAlignLeft_etsb3_87{text-align:left}._textAlignCenter_etsb3_91{text-align:center}._textAlignRight_etsb3_95{text-align:right}._accentPrimary_etsb3_103[data-focused],._accentPrimary_etsb3_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_etsb3_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_etsb3_103[data-pressed][data-focused]{outline:none}._accentPrimary_etsb3_103:disabled,._accentPrimary_etsb3_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_etsb3_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_etsb3_123[data-focused],._accentSecondary_etsb3_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_etsb3_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_etsb3_123[data-pressed][data-focused]{outline:none}._accentSecondary_etsb3_123:disabled,._accentSecondary_etsb3_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_etsb3_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_etsb3_153[data-focused],._accentTertiary_etsb3_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_etsb3_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_etsb3_153[data-pressed][data-focused]{outline:none}._accentTertiary_etsb3_153:disabled,._accentTertiary_etsb3_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_etsb3_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_etsb3_179[data-focused],._accentQuaternary_etsb3_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_etsb3_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_etsb3_179[data-pressed][data-focused]{outline:none}._accentQuaternary_etsb3_179:disabled,._accentQuaternary_etsb3_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_etsb3_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_etsb3_205[data-focused],._criticalPrimary_etsb3_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_etsb3_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_etsb3_205[data-pressed][data-focused]{outline:none}._criticalPrimary_etsb3_205:disabled,._criticalPrimary_etsb3_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_etsb3_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_etsb3_230[data-focused],._criticalSecondary_etsb3_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_etsb3_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_etsb3_230[data-pressed][data-focused]{outline:none}._criticalSecondary_etsb3_230:disabled,._criticalSecondary_etsb3_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_etsb3_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_etsb3_260[data-focused],._criticalTertiary_etsb3_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_etsb3_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_etsb3_260[data-pressed][data-focused]{outline:none}._criticalTertiary_etsb3_260:disabled,._criticalTertiary_etsb3_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_etsb3_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_etsb3_286[data-focused],._criticalQuaternary_etsb3_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_etsb3_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_etsb3_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_etsb3_286:disabled,._criticalQuaternary_etsb3_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_etsb3_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_etsb3_313[data-focused],._neutralPrimary_etsb3_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_etsb3_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_etsb3_313[data-pressed][data-focused]{outline:none}._neutralPrimary_etsb3_313:disabled,._neutralPrimary_etsb3_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_etsb3_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_etsb3_338[data-focused],._neutralSecondary_etsb3_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_etsb3_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_etsb3_338[data-pressed][data-focused]{outline:none}._neutralSecondary_etsb3_338:disabled,._neutralSecondary_etsb3_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_etsb3_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_etsb3_367[data-focused],._neutralTertiary_etsb3_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_etsb3_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_etsb3_367[data-pressed][data-focused]{outline:none}._neutralTertiary_etsb3_367:disabled,._neutralTertiary_etsb3_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_etsb3_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_etsb3_393[data-focused],._neutralQuaternary_etsb3_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_etsb3_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_etsb3_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_etsb3_393:disabled,._neutralQuaternary_etsb3_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_etsb3_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_etsb3_420[data-focused],._whitePrimary_etsb3_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_etsb3_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_etsb3_420[data-pressed][data-focused]{outline:none}._whitePrimary_etsb3_420:disabled,._whitePrimary_etsb3_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_etsb3_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_etsb3_446[data-focused],._whiteSecondary_etsb3_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_etsb3_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_etsb3_446[data-pressed][data-focused]{outline:none}._whiteSecondary_etsb3_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_etsb3_446:disabled,._whiteSecondary_etsb3_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_etsb3_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_etsb3_479[data-focused],._whiteTertiary_etsb3_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_etsb3_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_etsb3_479[data-pressed][data-focused]{outline:none}._whiteTertiary_etsb3_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_etsb3_479:disabled,._whiteTertiary_etsb3_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_etsb3_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_etsb3_509[data-focused],._whiteQuaternary_etsb3_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_etsb3_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_etsb3_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_etsb3_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_etsb3_509:disabled,._whiteQuaternary_etsb3_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_etsb3_541{height:1rem;width:1rem}._icon-wrapper_etsb3_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._button_1o6d2_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_1o6d2_1,._button_1o6d2_1 ._content_1o6d2_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1o6d2_28 ._loadingSpinner_1o6d2_28{opacity:0;position:absolute}._isNotLoading_1o6d2_28 ._content_1o6d2_19{opacity:1}._isLoading_1o6d2_37 ._loadingSpinner_1o6d2_28{opacity:1;position:absolute}._isLoading_1o6d2_37 ._content_1o6d2_19{opacity:0}._focusWhite_1o6d2_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_1o6d2_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-md)}._md_1o6d2_64{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-lg)}._lg_1o6d2_72{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1o6d2_80{width:100%}._textAlignLeft_1o6d2_87{text-align:left}._textAlignCenter_1o6d2_91{text-align:center}._textAlignRight_1o6d2_95{text-align:right}._accentPrimary_1o6d2_103[data-focused],._accentPrimary_1o6d2_103[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1o6d2_103[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1o6d2_103[data-pressed][data-focused]{outline:none}._accentPrimary_1o6d2_103:disabled,._accentPrimary_1o6d2_103[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_1o6d2_123{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1o6d2_123[data-focused],._accentSecondary_1o6d2_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1o6d2_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1o6d2_123[data-pressed][data-focused]{outline:none}._accentSecondary_1o6d2_123:disabled,._accentSecondary_1o6d2_123[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_1o6d2_153{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1o6d2_153[data-focused],._accentTertiary_1o6d2_153[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1o6d2_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1o6d2_153[data-pressed][data-focused]{outline:none}._accentTertiary_1o6d2_153:disabled,._accentTertiary_1o6d2_153[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_1o6d2_179{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1o6d2_179[data-focused],._accentQuaternary_1o6d2_179[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1o6d2_179[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1o6d2_179[data-pressed][data-focused]{outline:none}._accentQuaternary_1o6d2_179:disabled,._accentQuaternary_1o6d2_179[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_1o6d2_205{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1o6d2_205[data-focused],._criticalPrimary_1o6d2_205[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1o6d2_205[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1o6d2_205[data-pressed][data-focused]{outline:none}._criticalPrimary_1o6d2_205:disabled,._criticalPrimary_1o6d2_205[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_1o6d2_230{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1o6d2_230[data-focused],._criticalSecondary_1o6d2_230[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1o6d2_230[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1o6d2_230[data-pressed][data-focused]{outline:none}._criticalSecondary_1o6d2_230:disabled,._criticalSecondary_1o6d2_230[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_1o6d2_260{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1o6d2_260[data-focused],._criticalTertiary_1o6d2_260[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1o6d2_260[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1o6d2_260[data-pressed][data-focused]{outline:none}._criticalTertiary_1o6d2_260:disabled,._criticalTertiary_1o6d2_260[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_1o6d2_286{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1o6d2_286[data-focused],._criticalQuaternary_1o6d2_286[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1o6d2_286[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1o6d2_286[data-pressed][data-focused]{outline:none}._criticalQuaternary_1o6d2_286:disabled,._criticalQuaternary_1o6d2_286[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_1o6d2_313{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1o6d2_313[data-focused],._neutralPrimary_1o6d2_313[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1o6d2_313[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1o6d2_313[data-pressed][data-focused]{outline:none}._neutralPrimary_1o6d2_313:disabled,._neutralPrimary_1o6d2_313[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_1o6d2_338{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1o6d2_338[data-focused],._neutralSecondary_1o6d2_338[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1o6d2_338[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1o6d2_338[data-pressed][data-focused]{outline:none}._neutralSecondary_1o6d2_338:disabled,._neutralSecondary_1o6d2_338[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_1o6d2_367{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1o6d2_367[data-focused],._neutralTertiary_1o6d2_367[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1o6d2_367[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1o6d2_367[data-pressed][data-focused]{outline:none}._neutralTertiary_1o6d2_367:disabled,._neutralTertiary_1o6d2_367[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_1o6d2_393{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1o6d2_393[data-focused],._neutralQuaternary_1o6d2_393[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1o6d2_393[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1o6d2_393[data-pressed][data-focused]{outline:none}._neutralQuaternary_1o6d2_393:disabled,._neutralQuaternary_1o6d2_393[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_1o6d2_420{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1o6d2_420[data-focused],._whitePrimary_1o6d2_420[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1o6d2_420[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1o6d2_420[data-pressed][data-focused]{outline:none}._whitePrimary_1o6d2_420:disabled,._whitePrimary_1o6d2_420[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_1o6d2_446{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1o6d2_446[data-focused],._whiteSecondary_1o6d2_446[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1o6d2_446[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1o6d2_446[data-pressed][data-focused]{outline:none}._whiteSecondary_1o6d2_446[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1o6d2_446:disabled,._whiteSecondary_1o6d2_446[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_1o6d2_479{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1o6d2_479[data-focused],._whiteTertiary_1o6d2_479[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1o6d2_479[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1o6d2_479[data-pressed][data-focused]{outline:none}._whiteTertiary_1o6d2_479[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1o6d2_479:disabled,._whiteTertiary_1o6d2_479[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_1o6d2_509{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1o6d2_509[data-focused],._whiteQuaternary_1o6d2_509[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1o6d2_509[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1o6d2_509[data-pressed][data-focused]{outline:none}._whiteQuaternary_1o6d2_509[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1o6d2_509:disabled,._whiteQuaternary_1o6d2_509[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_1o6d2_541{height:1rem;width:1rem}._icon-wrapper_1o6d2_546{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/CalloutBanner.css

@@ -1 +1 @@
-._calloutBanner_1o7bw_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_1o7bw_11{align-self:flex-start}._calloutBanner__start_1o7bw_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_1o7bw_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_1o7bw_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_1o7bw_41{font-weight:600}._calloutBanner__meta-description_1o7bw_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_1o7bw_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_1o7bw_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_1o7bw_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_1o7bw_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_1o7bw_70._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-critical-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-critical_1o7bw_66 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_1o7bw_66:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_1o7bw_89{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_1o7bw_70._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-success-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-success);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-success_1o7bw_89 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_1o7bw_89:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_1o7bw_112{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_1o7bw_70._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-information-subtle-default);border-bottom:1px solid var(--alto-sem-color-border-information);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-information_1o7bw_112 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_1o7bw_112:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_1o7bw_135{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_1o7bw_70._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_1o7bw_74._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:var(--alto-sem-color-bg-layer1-default);border-bottom:1px solid var(--alto-sem-color-border-secondary);color:var(--alto-sem-color-fg-primary)}._calloutBanner-tertiary_1o7bw_80._calloutBanner-neutral_1o7bw_135 ._calloutBanner__start_1o7bw_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_1o7bw_135:not(._calloutBanner-primary_1o7bw_70) ._calloutBanner__icon_1o7bw_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_1o7bw_80{border-color:transparent}._calloutBanner-tertiary_1o7bw_80 ._calloutBanner__end_1o7bw_58{border-radius:var(--alto-card-radius)}
+._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)}

package/dist/assets/CreditCardNumberField.css

@@ -1 +1 @@
-._creditCardNumberField_1d9o2_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_1d9o2_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_1d9o2_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_1d9o2_1 input[data-hovered]{border:1px solid var(--alto-sem-color-border-primary-hover)}._creditCardNumberField_1d9o2_1 input[data-pressed]{border:1px solid var(--alto-sem-color-border-primary-active)}._creditCardNumberField_1d9o2_1 input[data-invalid]{border:2px solid var(--alto-sem-color-border-critical)}._creditCardNumberField_1d9o2_1 ._inputWrapper_1d9o2_45{align-items:center;display:flex;position:relative}._creditCardNumberField_1d9o2_1 ._iconEnd_1d9o2_51{color:var(--alto-sem-color-fg-secondary);padding-right:var(--alto-sem-space-sm);position:absolute;right:0}._creditCardNumberField_1d9o2_1:has(._iconEnd_1d9o2_51) input{padding-right:44px}
+._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}

package/dist/assets/CreditCardSecurityCodeField.css

@@ -0,0 +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)}

package/dist/assets/Image.css

@@ -1 +1 @@
-._image_z82es_1{opacity:0;transition:opacity .3s ease-in-out}[data-loaded=true]{opacity:1}._fill_z82es_10{-o-object-fit:fill;object-fit:fill}._contain_z82es_14{-o-object-fit:contain;object-fit:contain}._cover_z82es_18{-o-object-fit:cover;object-fit:cover}._none_z82es_22{-o-object-fit:none;object-fit:none}._scaleDown_z82es_26{-o-object-fit:scale-down;object-fit:scale-down}
+._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}

package/dist/assets/Label.css

@@ -0,0 +1 @@
+._label_1w8ui_1{font-family:var(--alto-sem-text-label-font-family);font-style:normal;font-weight:var(--alto-sem-text-label-font-weight)}._xxs_1w8ui_7{font-size:var(--alto-sem-text-label-2xs-font-size);letter-spacing:var(--alto-sem-text-label-2xs-letter-spacing);line-height:var(--alto-sem-text-label-2xs-line-height)}._xs_1w8ui_13{font-size:var(--alto-sem-text-label-xs-font-size);letter-spacing:var(--alto-sem-text-label-xs-letter-spacing);line-height:var(--alto-sem-text-label-xs-line-height)}._sm_1w8ui_19{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height)}._md_1w8ui_25{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height)}._lg_1w8ui_31{font-size:var(--alto-sem-text-label-lg-font-size);letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height)}

package/dist/assets/ListBoxItem.css

@@ -0,0 +1 @@
+._listBoxItem_1d71p_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_1d71p_17{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_1d71p_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_1d71p_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_1d71p_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_1d71p_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_1d71p_1[data-focused]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_1d71p_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_1d71p_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_1d71p_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_1d71p_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_1d71p_65,._listBoxItemSelected_1d71p_71{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_1d71p_71{opacity:0}._listBoxItem_1d71p_1[data-selected] ._listBoxItemSelected_1d71p_71{opacity:1}

package/dist/assets/Paragraph.css

@@ -1 +1 @@
-._paragraph_odu3c_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._xs_odu3c_9{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_odu3c_15{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_odu3c_21{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_odu3c_27{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_odu3c_33{text-align:start}._center_odu3c_37{text-align:center}._end_odu3c_41{text-align:end}
+._paragraph_rcir1_1{display:block;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);margin:0}._paragraph_rcir1_1 strong{font-weight:var(--alto-sem-text-body-bold-font-weight)}._xs_rcir1_13{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm_rcir1_19{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md_rcir1_25{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg_rcir1_31{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._start_rcir1_37{text-align:start}._center_rcir1_41{text-align:center}._end_rcir1_45{text-align:end}

package/dist/assets/PhoneNumberField.css

@@ -1 +1 @@
-._phoneNumberField_1udln_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%}input::-moz-placeholder{font-weight:700;opacity:.5}input::placeholder{font-weight:700;opacity:.5}._phoneNumberField_1udln_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_1udln_1:has(input[data-hovered]){border-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(input[data-hovered]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-hover)}._phoneNumberField_1udln_1:has(select:focus-within){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]){border-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_1:has(input[data-focused]) ._selectHandlerValue_1udln_34{border-right-color:var(--alto-sem-color-border-primary-active)}._phoneNumberField_1udln_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_1udln_1:has(input[data-disabled]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._phoneNumberField_1udln_1:has(input[data-disabled]) select{pointer-events:none}._phoneNumberField_1udln_1:has(input[data-disabled]) ._selectHandlerIcon_1udln_65{opacity:0}._phoneNumberField_1udln_1:has(input[data-invalid]){border:2px solid var(--alto-sem-color-border-critical)}._phoneNumberField_1udln_1:has(input[data-invalid]) ._selectHandlerValue_1udln_34{border-right:1px solid var(--alto-sem-color-border-critical)}._selectWrapper_1udln_77{border:1px solid transparent;flex:1 0 auto;max-width:90px;position:relative;width:100%}._selectWrapper_1udln_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_1udln_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_1udln_65{color:var(--alto-sem-color-fg-secondary)}._phoneNumberField_1udln_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_1udln_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%}
+._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/SearchField.css

@@ -0,0 +1 @@
+._searchField_acl05_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;position:relative;width:100%}._searchField_acl05_1>[role=group]{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-sm);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative}._searchField_acl05_1>[role=group][data-focus-within]:not(:has(>button[data-focused])){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._searchField_acl05_1>[role=group]:has(input[data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle)}._searchField_acl05_1>[role=group]:has(input[data-hovered]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._searchField_acl05_1>[role=group]:has(input[data-pressed]:not([data-disabled])){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-active)}._searchField_acl05_1>[role=group]:has(input[data-invalid]:not([data-disabled])){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._searchField_acl05_1>[role=group]>button{flex-shrink:0;margin:0 var(--alto-sem-space-3xs)}._searchField_acl05_1 input{border:none;font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);height:48px;padding:0 var(--alto-sem-space-2xs) 0 var(--alto-sem-space-sm);padding-left:44px;width:100%}._searchField_acl05_1 input::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_acl05_1 input::placeholder{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._searchField_acl05_1 input[data-focused]{outline:none}._searchField_acl05_1 ._iconStart_acl05_80{cursor:pointer;padding:var(--alto-sem-space-4xs);padding-left:var(--alto-sem-space-xs);padding-right:var(--alto-sem-space-2xs);position:absolute}

package/dist/assets/Section.css

@@ -1 +1 @@
-._section_1lo00_1{flex-direction:column}._container_1lo00_8,._section_1lo00_1{display:flex;position:relative;width:100%}._container_1lo00_8{margin:0 auto;z-index:1}._container_1lo00_8._pageWidth_1lo00_16{max-width:var(--alto-section-container-max-width)}._container_1lo00_8._fullWidth_1lo00_20{max-width:100%}._paddingX-default_1lo00_24{padding-left:var(--alto-section-padding-horizontal-default);padding-right:var(--alto-section-padding-horizontal-default)}._paddingY-default_1lo00_29{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingTopDefault_1lo00_34,._paddingY-default_1lo00_29{padding-top:var(--alto-section-padding-vertical-default)}._paddingRightDefault_1lo00_38{padding-right:var(--alto-section-padding-horizontal-default)}._paddingBottomDefault_1lo00_42{padding-bottom:var(--alto-section-padding-vertical-default)}._paddingLeftDefault_1lo00_46{padding-left:var(--alto-section-padding-horizontal-default)}
+._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)}

package/dist/components/Accordion/Accordion.js

@@ -2,21 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
-import '../../assets/Accordion.css';const accordion = "_accordion_1x2oh_1";
-const accordionGroup = "_accordionGroup_1x2oh_14";
-const accordionStack = "_accordionStack_1x2oh_20";
-const accordionHeader = "_accordionHeader_1x2oh_26";
-const trigger = "_trigger_1x2oh_33";
-const buttonContent = "_buttonContent_1x2oh_42";
-const titleContainer = "_titleContainer_1x2oh_50";
-const titleWrapper = "_titleWrapper_1x2oh_57";
-const endContainer = "_endContainer_1x2oh_62";
-const titleStart = "_titleStart_1x2oh_68";
-const titleEnd = "_titleEnd_1x2oh_69";
-const accordionTitle = "_accordionTitle_1x2oh_74";
-const accordionDescription = "_accordionDescription_1x2oh_87";
-const iconWrapper = "_iconWrapper_1x2oh_96";
-const panelContent = "_panelContent_1x2oh_129";
+import '../../assets/Accordion.css';const accordion = "_accordion_1i793_1";
+const accordionGroup = "_accordionGroup_1i793_14";
+const accordionStack = "_accordionStack_1i793_20";
+const accordionHeader = "_accordionHeader_1i793_26";
+const trigger = "_trigger_1i793_33";
+const buttonContent = "_buttonContent_1i793_42";
+const titleContainer = "_titleContainer_1i793_50";
+const titleWrapper = "_titleWrapper_1i793_57";
+const endContainer = "_endContainer_1i793_62";
+const titleStart = "_titleStart_1i793_68";
+const titleEnd = "_titleEnd_1i793_69";
+const accordionTitle = "_accordionTitle_1i793_74";
+const accordionDescription = "_accordionDescription_1i793_87";
+const iconWrapper = "_iconWrapper_1i793_96";
+const panelContent = "_panelContent_1i793_129";
 const styles = {
   accordion,
   accordionGroup,

package/dist/components/Box/Box.d.ts

@@ -16,9 +16,9 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
     width?: 'full' | string;
     /**
      * The maximum width of the Box.
-     * Accepts any valid CSS unit.
+     * Accepts any valid CSS unit or "pageWidth" to use the `section-container-max-width` token.
      */
-    maxWidth?: string;
+    maxWidth?: 'pageWidth' | string;
     /**
      * The minimum width of the Box.
      * Accepts any valid CSS unit.

package/dist/components/Box/Box.js

@@ -24,7 +24,7 @@ const Box = ({
   const stylesProp = {
     width: width === "full" ? "100%" : width,
     height: height === "full" ? "100%" : height,
-    maxWidth,
+    maxWidth: maxWidth === "pageWidth" ? "var(--alto-section-container-max-width)" : maxWidth,
     minWidth,
     maxHeight,
     minHeight

package/dist/components/Button/Button.js

@@ -8,35 +8,35 @@ import { useFocusRing } from "@react-aria/focus";
 import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/Button.css';const button$1 = "_button_etsb3_1";
-const content = "_content_etsb3_19";
-const isNotLoading = "_isNotLoading_etsb3_28";
-const loadingSpinner = "_loadingSpinner_etsb3_28";
-const isLoading = "_isLoading_etsb3_37";
-const focusWhite = "_focusWhite_etsb3_49";
-const sm = "_sm_etsb3_56";
-const md = "_md_etsb3_64";
-const lg = "_lg_etsb3_72";
-const fullWidth = "_fullWidth_etsb3_80";
-const textAlignLeft = "_textAlignLeft_etsb3_87";
-const textAlignCenter = "_textAlignCenter_etsb3_91";
-const textAlignRight = "_textAlignRight_etsb3_95";
-const accentPrimary = "_accentPrimary_etsb3_103";
-const accentSecondary = "_accentSecondary_etsb3_123";
-const accentTertiary = "_accentTertiary_etsb3_153";
-const accentQuaternary = "_accentQuaternary_etsb3_179";
-const criticalPrimary = "_criticalPrimary_etsb3_205";
-const criticalSecondary = "_criticalSecondary_etsb3_230";
-const criticalTertiary = "_criticalTertiary_etsb3_260";
-const criticalQuaternary = "_criticalQuaternary_etsb3_286";
-const neutralPrimary = "_neutralPrimary_etsb3_313";
-const neutralSecondary = "_neutralSecondary_etsb3_338";
-const neutralTertiary = "_neutralTertiary_etsb3_367";
-const neutralQuaternary = "_neutralQuaternary_etsb3_393";
-const whitePrimary = "_whitePrimary_etsb3_420";
-const whiteSecondary = "_whiteSecondary_etsb3_446";
-const whiteTertiary = "_whiteTertiary_etsb3_479";
-const whiteQuaternary = "_whiteQuaternary_etsb3_509";
+import '../../assets/Button.css';const button$1 = "_button_1o6d2_1";
+const content = "_content_1o6d2_19";
+const isNotLoading = "_isNotLoading_1o6d2_28";
+const loadingSpinner = "_loadingSpinner_1o6d2_28";
+const isLoading = "_isLoading_1o6d2_37";
+const focusWhite = "_focusWhite_1o6d2_49";
+const sm = "_sm_1o6d2_56";
+const md = "_md_1o6d2_64";
+const lg = "_lg_1o6d2_72";
+const fullWidth = "_fullWidth_1o6d2_80";
+const textAlignLeft = "_textAlignLeft_1o6d2_87";
+const textAlignCenter = "_textAlignCenter_1o6d2_91";
+const textAlignRight = "_textAlignRight_1o6d2_95";
+const accentPrimary = "_accentPrimary_1o6d2_103";
+const accentSecondary = "_accentSecondary_1o6d2_123";
+const accentTertiary = "_accentTertiary_1o6d2_153";
+const accentQuaternary = "_accentQuaternary_1o6d2_179";
+const criticalPrimary = "_criticalPrimary_1o6d2_205";
+const criticalSecondary = "_criticalSecondary_1o6d2_230";
+const criticalTertiary = "_criticalTertiary_1o6d2_260";
+const criticalQuaternary = "_criticalQuaternary_1o6d2_286";
+const neutralPrimary = "_neutralPrimary_1o6d2_313";
+const neutralSecondary = "_neutralSecondary_1o6d2_338";
+const neutralTertiary = "_neutralTertiary_1o6d2_367";
+const neutralQuaternary = "_neutralQuaternary_1o6d2_393";
+const whitePrimary = "_whitePrimary_1o6d2_420";
+const whiteSecondary = "_whiteSecondary_1o6d2_446";
+const whiteTertiary = "_whiteTertiary_1o6d2_479";
+const whiteQuaternary = "_whiteQuaternary_1o6d2_509";
 const styles = {
   button: button$1,
   content,
@@ -67,8 +67,8 @@ const styles = {
   whiteSecondary,
   whiteTertiary,
   whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_etsb3_541",
-  "icon-wrapper": "_icon-wrapper_etsb3_546"
+  "fa-spinner-third": "_fa-spinner-third_1o6d2_541",
+  "icon-wrapper": "_icon-wrapper_1o6d2_546"
 };
 const button = cva(styles.button, {
   variants: {

package/dist/components/CalloutBanner/CalloutBanner.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const calloutBanner: (props?: ({
-    emphasis?: "secondary" | "primary" | "tertiary" | null | undefined;
+    emphasis?: "primary" | "secondary" | "tertiary" | null | undefined;
     styleVariant?: "neutral" | "critical" | "success" | "information" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CalloutBannerVariants = VariantProps<typeof calloutBanner>;

package/dist/components/CalloutBanner/CalloutBanner.js

@@ -3,29 +3,29 @@ import React from "react";
 import { Icon } from "../Icon/Icon.js";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { IconButton } from "../IconButton/IconButton.js";
-import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_1o7bw_1";
-const calloutBanner__icon = "_calloutBanner__icon_1o7bw_11";
-const calloutBanner__start = "_calloutBanner__start_1o7bw_15";
-const calloutBanner__dismiss = "_calloutBanner__dismiss_1o7bw_23";
-const calloutBanner__meta = "_calloutBanner__meta_1o7bw_29";
-const calloutBanner__end = "_calloutBanner__end_1o7bw_58";
+import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kvv8j_1";
+const calloutBanner__icon = "_calloutBanner__icon_kvv8j_11";
+const calloutBanner__start = "_calloutBanner__start_kvv8j_15";
+const calloutBanner__dismiss = "_calloutBanner__dismiss_kvv8j_23";
+const calloutBanner__meta = "_calloutBanner__meta_kvv8j_29";
+const calloutBanner__end = "_calloutBanner__end_kvv8j_58";
 const styles = {
   calloutBanner: calloutBanner$1,
   calloutBanner__icon,
   calloutBanner__start,
   calloutBanner__dismiss,
   calloutBanner__meta,
-  "calloutBanner__meta-title": "_calloutBanner__meta-title_1o7bw_41",
-  "calloutBanner__meta-description": "_calloutBanner__meta-description_1o7bw_45",
-  "calloutBanner__meta-label": "_calloutBanner__meta-label_1o7bw_49",
+  "calloutBanner__meta-title": "_calloutBanner__meta-title_kvv8j_41",
+  "calloutBanner__meta-description": "_calloutBanner__meta-description_kvv8j_45",
+  "calloutBanner__meta-label": "_calloutBanner__meta-label_kvv8j_49",
   calloutBanner__end,
-  "calloutBanner-critical": "_calloutBanner-critical_1o7bw_66",
-  "calloutBanner-primary": "_calloutBanner-primary_1o7bw_70",
-  "calloutBanner-secondary": "_calloutBanner-secondary_1o7bw_74",
-  "calloutBanner-tertiary": "_calloutBanner-tertiary_1o7bw_80",
-  "calloutBanner-success": "_calloutBanner-success_1o7bw_89",
-  "calloutBanner-information": "_calloutBanner-information_1o7bw_112",
-  "calloutBanner-neutral": "_calloutBanner-neutral_1o7bw_135"
+  "calloutBanner-critical": "_calloutBanner-critical_kvv8j_66",
+  "calloutBanner-primary": "_calloutBanner-primary_kvv8j_70",
+  "calloutBanner-secondary": "_calloutBanner-secondary_kvv8j_74",
+  "calloutBanner-tertiary": "_calloutBanner-tertiary_kvv8j_83",
+  "calloutBanner-success": "_calloutBanner-success_kvv8j_92",
+  "calloutBanner-information": "_calloutBanner-information_kvv8j_118",
+  "calloutBanner-neutral": "_calloutBanner-neutral_kvv8j_144"
 };
 const calloutBanner = cva(styles.calloutBanner, {
   variants: {

package/dist/components/CreditCardNumberField/CreditCardNumberField.js

@@ -5,9 +5,9 @@ import { P as PatternFormat } from "../../react-number-format.es-DMLgWFZX.js";
 import { Field } from "../_base/Field/Field.js";
 import { Icon } from "../Icon/Icon.js";
 import { getCardIcon } from "../../utils/creditCard/creditCard.js";
-import '../../assets/CreditCardNumberField.css';const creditCardNumberField = "_creditCardNumberField_1d9o2_1";
-const inputWrapper = "_inputWrapper_1d9o2_45";
-const iconEnd = "_iconEnd_1d9o2_51";
+import '../../assets/CreditCardNumberField.css';const creditCardNumberField = "_creditCardNumberField_1wvso_1";
+const inputWrapper = "_inputWrapper_1wvso_45";
+const iconEnd = "_iconEnd_1wvso_51";
 const styles = {
   creditCardNumberField,
   inputWrapper,

package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+import { FieldProps } from '../_base/Field';
+type CreditCardSecurityCodeValue = string | number | null | undefined;
+interface CreditCardSecurityCodeFieldBaseProps {
+    /**
+     * The controlled value of the credit card number.
+     */
+    value?: CreditCardSecurityCodeValue;
+    /**
+     * The controlled onChange handler for the credit card number.
+     */
+    onChange?: (value?: CreditCardSecurityCodeValue) => void;
+    /**
+     * The default value of the credit card number.
+     */
+    defaultValue?: CreditCardSecurityCodeValue;
+    /**
+     * The CSV pictogram icon to display.
+     * Expects 'back' or 'front' depending on card type.
+     */
+    cardIcon?: 'front' | 'back';
+}
+export interface CreditCardSecurityCodeFieldProps extends Omit<FieldProps<Omit<AriaTextFieldProps, 'defaultValue' | 'value' | 'onChange'>>, 'isRequired'>, CreditCardSecurityCodeFieldBaseProps {
+    /**
+     * The placeholder text to display when the input is empty.
+     */
+    placeholder?: string;
+    /**
+     * Expects a DetailsDisclosure component for further information.
+     */
+    children?: React.ReactNode;
+}
+export declare const CreditCardSecurityCodeField: ({ defaultValue, value: valueControlled, onChange: onChangeControlled, label, cardIcon, ...props }: CreditCardSecurityCodeFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default CreditCardSecurityCodeField;

package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { TextField, Input } from "react-aria-components";
+import { P as PatternFormat } from "../../react-number-format.es-DMLgWFZX.js";
+import { Field } from "../_base/Field/Field.js";
+import '../../assets/CreditCardSecurityCodeField.css';const creditCardSecurityCodeField = "_creditCardSecurityCodeField_14mb2_1";
+const inputWrapper = "_inputWrapper_14mb2_11";
+const inputChildren = "_inputChildren_14mb2_54";
+const styles = {
+  creditCardSecurityCodeField,
+  inputWrapper,
+  inputChildren
+};
+const CreditCardSecurityCodeField = ({
+  defaultValue,
+  value: valueControlled,
+  onChange: onChangeControlled,
+  label = "Card security code",
+  cardIcon = "back",
+  ...props
+}) => {
+  const [value, setValue] = React.useState(defaultValue);
+  const valueDefinitive = valueControlled ?? value;
+  return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, label, isRequired: true, ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
+      /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: "###", customInput: Input, placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
+        if (typeof onChangeControlled === "function") {
+          onChangeControlled(values.value);
+        }
+        setValue(values.value);
+      } }),
+      /* @__PURE__ */ jsx(CreditCardSecurityCodeIcon, { cardIcon })
+    ] }),
+    (props == null ? void 0 : props.children) && /* @__PURE__ */ jsx("div", { className: styles.inputChildren, children: props.children })
+  ] });
+};
+function CreditCardSecurityCodeIcon({
+  cardIcon = "back"
+}) {
+  return cardIcon === "back" ? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", fill: "none", viewBox: "0 0 48 48", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", d: "M30.528 29.287v-.514l1.202-1.113a5 5 0 0 0 .258-.267q.105-.12.16-.233a.6.6 0 0 0 .054-.249.44.44 0 0 0-.252-.422.6.6 0 0 0-.266-.06.56.56 0 0 0-.27.063.43.43 0 0 0-.178.18.6.6 0 0 0-.063.279h-.678q0-.331.15-.576t.42-.377a1.4 1.4 0 0 1 .624-.134q.363 0 .632.129.27.126.42.353.15.225.15.517a1 1 0 0 1-.076.378q-.075.186-.265.414a6 6 0 0 1-.54.542l-.492.483v.023h1.418v.584zm-.802-3.377v3.377h-.714v-2.7h-.02l-.773.486v-.634l.836-.529zm4.317 3.296q.29.127.658.127.38 0 .673-.128a1.1 1.1 0 0 0 .46-.353.82.82 0 0 0 .166-.513.73.73 0 0 0-.194-.524q-.195-.211-.567-.26v-.026a.8.8 0 0 0 .46-.24.66.66 0 0 0 .176-.474.82.82 0 0 0-.145-.481 1 1 0 0 0-.407-.343 1.4 1.4 0 0 0-.612-.127q-.346 0-.621.127-.274.126-.436.348a.9.9 0 0 0-.166.514h.684a.4.4 0 0 1 .077-.224.47.47 0 0 1 .193-.147.65.65 0 0 1 .516.002.4.4 0 0 1 .23.374q0 .134-.07.235a.46.46 0 0 1-.194.154.7.7 0 0 1-.285.056h-.315v.525h.315q.19 0 .33.06a.5.5 0 0 1 .214.164.4.4 0 0 1 .075.24.4.4 0 0 1-.07.235.5.5 0 0 1-.197.16.7.7 0 0 1-.288.058.7.7 0 0 1-.282-.052.5.5 0 0 1-.201-.143.38.38 0 0 1-.081-.218h-.719q.005.295.17.521.166.225.453.353" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", fillRule: "evenodd", d: "M7.2 24v7.2h31.2V24zm30 1.2H8.4V30h28.8z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", fillRule: "evenodd", d: "M4.8 14.4a4.8 4.8 0 0 1 4.8-4.8h28.8a4.8 4.8 0 0 1 4.8 4.8v19.2a4.8 4.8 0 0 1-4.8 4.8H9.6a4.8 4.8 0 0 1-4.8-4.8zm4.8-3.6h28.8a3.6 3.6 0 0 1 3.6 3.6H6a3.6 3.6 0 0 1 3.6-3.6M42 19.2v14.4a3.6 3.6 0 0 1-3.6 3.6H9.6A3.6 3.6 0 0 1 6 33.6V19.2z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEFEFE", fillRule: "evenodd", d: "M42 33.6V19.2H6v14.4a3.6 3.6 0 0 0 3.6 3.6h28.8a3.6 3.6 0 0 0 3.6-3.6M38.4 24H7.2v7.2h31.2z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEFEFE", d: "M38.4 10.8H9.6A3.6 3.6 0 0 0 6 14.4h36a3.6 3.6 0 0 0-3.6-3.6" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEFEFE", fillRule: "evenodd", d: "M8.4 25.2h28.8V30H8.4zm22.128 4.087v-.514l1.202-1.113a5 5 0 0 0 .258-.267q.105-.12.16-.233a.6.6 0 0 0 .054-.249.44.44 0 0 0-.252-.422.6.6 0 0 0-.266-.06.56.56 0 0 0-.27.063.43.43 0 0 0-.178.18.6.6 0 0 0-.063.279h-.678q0-.331.15-.576t.42-.377a1.4 1.4 0 0 1 .624-.134q.363 0 .632.129.27.126.42.353.15.225.15.517a1 1 0 0 1-.076.378q-.075.186-.265.414a6 6 0 0 1-.54.542l-.492.483v.023h1.418v.584zm-.802-3.377v3.377h-.714v-2.7h-.02l-.773.486v-.634l.836-.529zm4.317 3.296q.29.127.658.127.38 0 .673-.128a1.1 1.1 0 0 0 .46-.353.82.82 0 0 0 .166-.513.73.73 0 0 0-.194-.524q-.195-.211-.567-.26v-.026a.8.8 0 0 0 .46-.24.66.66 0 0 0 .176-.474.82.82 0 0 0-.145-.481 1 1 0 0 0-.407-.343 1.4 1.4 0 0 0-.612-.127q-.346 0-.621.127-.274.126-.436.348a.9.9 0 0 0-.166.514h.684a.4.4 0 0 1 .077-.224.47.47 0 0 1 .193-.147.65.65 0 0 1 .516.002.4.4 0 0 1 .23.374q0 .134-.07.235a.46.46 0 0 1-.194.154.7.7 0 0 1-.285.056h-.315v.525h.315q.19 0 .33.06a.5.5 0 0 1 .214.164.4.4 0 0 1 .075.24.4.4 0 0 1-.07.235.5.5 0 0 1-.197.16.7.7 0 0 1-.288.058.7.7 0 0 1-.282-.052.5.5 0 0 1-.201-.143.38.38 0 0 1-.081-.218h-.719q.005.295.17.521.166.225.453.353", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D32B1E", fillRule: "evenodd", d: "M37.641 30.866c1.298-.927 1.96-2.098 1.96-3.266s-.662-2.34-1.96-3.266c-1.295-.925-3.147-1.534-5.247-1.534s-3.952.61-5.248 1.534c-1.298.926-1.96 2.097-1.96 3.266 0 1.168.662 2.34 1.96 3.265 1.296.925 3.147 1.535 5.248 1.535 2.1 0 3.952-.61 5.247-1.534M32.394 33.6c4.643 0 8.407-2.687 8.407-6s-3.764-6-8.407-6-8.407 2.686-8.407 6 3.763 6 8.407 6", clipRule: "evenodd" })
+  ] }) : /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", fill: "none", viewBox: "0 0 48 48", children: [
+    /* @__PURE__ */ jsx("path", { fill: "#D32B1E", fillRule: "evenodd", d: "M37.336 31.19c1.627-1.044 2.418-2.343 2.418-3.592s-.791-2.548-2.418-3.593c-1.615-1.036-3.917-1.716-6.522-1.716s-4.908.68-6.522 1.716c-1.627 1.045-2.418 2.343-2.418 3.593s.79 2.548 2.418 3.592c1.614 1.036 3.916 1.716 6.522 1.716 2.605 0 4.907-.68 6.522-1.716m-6.522 2.916c5.6 0 10.14-2.914 10.14-6.508 0-3.595-4.54-6.509-10.14-6.509s-10.14 2.914-10.14 6.509c0 3.594 4.54 6.508 10.14 6.508", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", d: "M27.296 29.47v-.57l1.332-1.233q.17-.165.286-.296.117-.132.177-.258a.64.64 0 0 0 .06-.276.49.49 0 0 0-.28-.468.64.64 0 0 0-.294-.066.6.6 0 0 0-.3.07.5.5 0 0 0-.197.2.65.65 0 0 0-.07.308h-.75q0-.368.166-.638a1.1 1.1 0 0 1 .466-.418q.3-.149.69-.148.403 0 .7.142.3.14.467.391.166.25.166.574 0 .211-.084.419a1.8 1.8 0 0 1-.294.458 7 7 0 0 1-.598.602l-.546.535v.026h1.572v.647h-2.669Zm-.889-3.742v3.743h-.792v-2.992h-.022l-.857.537v-.702l.927-.586zm4.785 3.653q.32.14.73.14.42 0 .745-.142.326-.143.51-.39a.9.9 0 0 0 .184-.57.8.8 0 0 0-.215-.58q-.216-.234-.629-.287v-.03a.9.9 0 0 0 .51-.266.73.73 0 0 0 .196-.525.9.9 0 0 0-.161-.534 1.1 1.1 0 0 0-.452-.38 1.54 1.54 0 0 0-.678-.14q-.383 0-.689.14a1.2 1.2 0 0 0-.482.386.97.97 0 0 0-.185.57h.759a.43.43 0 0 1 .086-.248.5.5 0 0 1 .213-.163.73.73 0 0 1 .572.002.45.45 0 0 1 .255.415.45.45 0 0 1-.077.26.5.5 0 0 1-.216.17.8.8 0 0 1-.316.063h-.35v.581h.35q.212 0 .365.066a.54.54 0 0 1 .238.183.44.44 0 0 1 .084.265.45.45 0 0 1-.078.261.5.5 0 0 1-.218.177.8.8 0 0 1-.32.064.8.8 0 0 1-.312-.056.55.55 0 0 1-.223-.16.4.4 0 0 1-.09-.24h-.797q.006.327.189.577.184.249.502.391" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", fillRule: "evenodd", d: "M33.874 28.813v-.623l1.562-2.462h.99v2.45h.465v.635h-.464v.658h-.757v-.658zm1.782-2.223h.029v1.588H34.67v-.029zM17.687 15.988q.227-.42.227-1.022 0-.6-.227-1.021a1.57 1.57 0 0 0-.617-.642 1.73 1.73 0 0 0-.875-.222q-.49 0-.878.222a1.57 1.57 0 0 0-.615.641q-.226.422-.226 1.022c0 .6.076.74.226 1.02q.226.42.615.644.39.222.878.222.486 0 .875-.22a1.6 1.6 0 0 0 .617-.644m-.676-1.678q.117.267.117.656 0 .39-.117.656a.9.9 0 0 1-.324.405.87.87 0 0 1-.492.138.87.87 0 0 1-.49-.138.9.9 0 0 1-.327-.405 1.7 1.7 0 0 1-.115-.656q0-.39.115-.656a.9.9 0 0 1 .326-.405.87.87 0 0 1 .491-.138q.282 0 .492.138a.9.9 0 0 1 .324.405", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", d: "M8.276 16.802V13.13h2.43v.64H9.053v.874h1.493v.64H9.052v1.517z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", fillRule: "evenodd", d: "M11.229 16.802V13.13h1.448q.416 0 .71.149.295.147.45.417t.156.633q0 .366-.158.629a1.02 1.02 0 0 1-.457.402l-.033.014.778 1.427h-.856L12.57 15.5h-.566v1.302zm1.303-1.925h-.527v-1.112h.523q.225 0 .371.067a.45.45 0 0 1 .22.19.6.6 0 0 1 .074.308q0 .18-.073.303a.44.44 0 0 1-.219.183 1 1 0 0 1-.37.06Z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", d: "M21.56 16.802h-.67l-1.598-2.31h-.027v2.31h-.776V13.13h.681l1.585 2.308h.032V13.13h.773v3.67Zm.501-3.672v.64h1.124v3.032h.767V13.77h1.124v-.64z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4B4855", fillRule: "evenodd", d: "M9.6 9.6a4.8 4.8 0 0 0-4.8 4.8v19.2a4.8 4.8 0 0 0 4.8 4.8h28.8a4.8 4.8 0 0 0 4.8-4.8V14.4a4.8 4.8 0 0 0-4.8-4.8zm28.8 1.2H9.6A3.6 3.6 0 0 0 6 14.4v19.2a3.6 3.6 0 0 0 3.6 3.6h28.8a3.6 3.6 0 0 0 3.6-3.6V14.4a3.6 3.6 0 0 0-3.6-3.6", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEFEFE", fillRule: "evenodd", d: "M9.6 10.8h28.8a3.6 3.6 0 0 1 3.6 3.6v19.2a3.6 3.6 0 0 1-3.6 3.6H9.6A3.6 3.6 0 0 1 6 33.6V14.4a3.6 3.6 0 0 1 3.6-3.6m17.696 18.67v-.57l1.332-1.233q.17-.165.286-.296.117-.132.177-.258a.64.64 0 0 0 .06-.276.49.49 0 0 0-.28-.468.64.64 0 0 0-.294-.066.6.6 0 0 0-.3.07.5.5 0 0 0-.197.2.65.65 0 0 0-.07.308h-.75q0-.368.166-.638a1.1 1.1 0 0 1 .466-.418q.3-.149.69-.148.403 0 .7.142.3.14.467.391.166.25.166.574 0 .211-.084.419a1.8 1.8 0 0 1-.294.458 7 7 0 0 1-.598.602l-.546.535v.026h1.572v.647h-2.669Zm-.89-3.742v3.743h-.79v-2.992h-.023l-.857.537v-.702l.927-.586h.744Zm4.786 3.653q.32.14.73.14.42 0 .745-.142.326-.143.51-.39a.9.9 0 0 0 .184-.57.8.8 0 0 0-.215-.58q-.216-.234-.629-.287v-.03a.9.9 0 0 0 .51-.266.73.73 0 0 0 .196-.525.9.9 0 0 0-.161-.534 1.1 1.1 0 0 0-.452-.38 1.54 1.54 0 0 0-.678-.14q-.383 0-.689.14a1.2 1.2 0 0 0-.482.386.97.97 0 0 0-.185.57h.759a.43.43 0 0 1 .086-.248.5.5 0 0 1 .213-.163.73.73 0 0 1 .572.002.45.45 0 0 1 .255.415.45.45 0 0 1-.077.26.5.5 0 0 1-.216.17.8.8 0 0 1-.316.063h-.35v.581h.35q.212 0 .365.066a.54.54 0 0 1 .238.183.44.44 0 0 1 .084.265.45.45 0 0 1-.078.261.5.5 0 0 1-.218.177.8.8 0 0 1-.32.064.8.8 0 0 1-.312-.056.55.55 0 0 1-.223-.16.4.4 0 0 1-.09-.24h-.797q.006.327.189.577.184.249.502.391m2.682-.568v-.623l1.562-2.462h.99v2.45h.465v.635h-.464v.658h-.757v-.658zM17.687 15.988q.227-.42.227-1.022 0-.6-.227-1.021a1.57 1.57 0 0 0-.617-.642 1.73 1.73 0 0 0-.875-.222q-.49 0-.878.222a1.57 1.57 0 0 0-.615.641q-.226.422-.226 1.022c0 .6.076.74.226 1.02q.226.42.615.644.39.222.878.222.486 0 .875-.22a1.6 1.6 0 0 0 .617-.644m-9.41.814V13.13h2.43v.64H9.052v.874h1.493v.64H9.052v1.517zm2.952 0V13.13h1.448q.416 0 .71.149.295.147.45.417t.156.633q0 .366-.158.629a1.02 1.02 0 0 1-.457.402l-.033.014.778 1.427h-.856L12.57 15.5h-.566v1.302zm10.33 0h-.67l-1.597-2.31h-.027v2.31h-.776V13.13h.681l1.585 2.308h.032V13.13h.773v3.67Zm.502-3.671v.64h1.124v3.03h.767v-3.03h1.124v-.64z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FEFEFE", d: "M17.128 14.966q0-.39-.117-.656a.9.9 0 0 0-.324-.405.87.87 0 0 0-.492-.138.87.87 0 0 0-.49.138.9.9 0 0 0-.327.405 1.7 1.7 0 0 0-.115.656q0 .39.115.656a.9.9 0 0 0 .326.405q.21.138.491.138a.87.87 0 0 0 .492-.138.9.9 0 0 0 .324-.405 1.6 1.6 0 0 0 .117-.656m-5.123-.089h.527a1 1 0 0 0 .369-.061.44.44 0 0 0 .219-.183.6.6 0 0 0 .073-.303.6.6 0 0 0-.073-.308.45.45 0 0 0-.22-.19.9.9 0 0 0-.372-.067h-.523zm23.68 11.713h-.03l-.985 1.56v.029h1.015z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#D32B1E", fillRule: "evenodd", d: "M36.062 30.866c1.297-.926 1.959-2.098 1.959-3.266s-.662-2.34-1.96-3.266c-1.295-.924-3.147-1.534-5.247-1.534s-3.952.61-5.248 1.534c-1.298.927-1.96 2.098-1.96 3.266s.662 2.34 1.96 3.266c1.296.925 3.147 1.534 5.248 1.534 2.1 0 3.952-.61 5.248-1.534M30.814 33.6c4.643 0 8.407-2.686 8.407-6s-3.764-6-8.407-6-8.407 2.686-8.407 6 3.764 6 8.407 6", clipRule: "evenodd" })
+  ] });
+}
+export {
+  CreditCardSecurityCodeField,
+  CreditCardSecurityCodeField as default
+};
+//# sourceMappingURL=CreditCardSecurityCodeField.js.map

package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardSecurityCodeField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/CreditCardSecurityCodeField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CreditCardSecurityCodeField';

package/dist/components/CreditCardSecurityCodeField/index.js

@@ -0,0 +1,5 @@
+import { CreditCardSecurityCodeField } from "./CreditCardSecurityCodeField.js";
+export {
+  CreditCardSecurityCodeField as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/CreditCardSecurityCodeField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Image/Image.js

@@ -3,12 +3,12 @@ import React, { useState, useRef, useEffect } from "react";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { borderVariants } from "../../utils/border/border.js";
 import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
-import '../../assets/Image.css';const image = "_image_z82es_1";
-const fill = "_fill_z82es_10";
-const contain = "_contain_z82es_14";
-const cover = "_cover_z82es_18";
-const none = "_none_z82es_22";
-const scaleDown = "_scaleDown_z82es_26";
+import '../../assets/Image.css';const image = "_image_1dojz_1";
+const fill = "_fill_1dojz_10";
+const contain = "_contain_1dojz_14";
+const cover = "_cover_1dojz_18";
+const none = "_none_1dojz_22";
+const scaleDown = "_scaleDown_1dojz_26";
 const styles = {
   image,
   fill,

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor';
+type labelSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+export interface LabelProps extends Omit<React.HTMLAttributes<Element>, 'className' | 'style'> {
+    /**
+     * children
+     */
+    children: React.ReactNode;
+    /**
+     * The HTML element to render the label as.
+     */
+    as?: 'span' | 'div' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * The size of the label
+     */
+    size?: labelSize;
+    /**
+     * The foreground color of the label
+     */
+    foregroundColor?: ForegroundVariants['foregroundColor'];
+}
+export declare const Label: ({ children, as: Component, size, foregroundColor, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;