@alto-avios/alto-ui 3.4.0 → 3.5.0

package/README.md

@@ -73,6 +73,14 @@ We need to create static storybook files for our public domain site to use. Run
 
 `npm run build:storybook`
 
+## Run Chromatic (Dev)
+
+Run the following command to analyze our code and send to chromatic
+
+`npx chromatic --project-token <YOUR_PROJECT_TOKEN>`
+
+Project Token can be found in the chromatic dashboard
+
 ## For Application using our package
 
 ### Install Package in Applications

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._accordion_df6dx_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_df6dx_14,._accordionStack_df6dx_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_df6dx_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_df6dx_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_df6dx_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_df6dx_57{display:flex;flex-direction:column}._endContainer_df6dx_62{gap:var(--alto-sem-space-sm)}._endContainer_df6dx_62,._titleEnd_df6dx_69,._titleStart_df6dx_68{align-items:center;display:flex}._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_df6dx_87,._accordionTitle_df6dx_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_df6dx_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_df6dx_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_df6dx_1[data-expanded=true] ._iconWrapper_df6dx_96{transform:rotate(180deg)}._accordion_df6dx_1 [role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_df6dx_1 [role=group],._accordion_df6dx_1[data-expanded=true] [role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_df6dx_1[data-expanded=true] [role=group]{height:var(--group-height);visibility:visible}._panelContent_df6dx_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_df6dx_1[data-expanded=true],._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_df6dx_1 ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_df6dx_1 ._trigger_df6dx_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_df6dx_1[data-expanded=true] ._trigger_df6dx_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_df6dx_1 ._trigger_df6dx_33[data-focused]{outline:none}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_df6dx_1 ._trigger_df6dx_33[data-disabled] ._iconWrapper_df6dx_96,._trigger_df6dx_33[data-disabled] ._accordionDescription_df6dx_87,._trigger_df6dx_33[data-disabled] ._accordionTitle_df6dx_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_df6dx_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
+._accordion_1m3lr_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_1m3lr_14,._accordionStack_1m3lr_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1m3lr_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1m3lr_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_1m3lr_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1m3lr_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1m3lr_57{display:flex;flex-direction:column}._endContainer_1m3lr_62{gap:var(--alto-sem-space-sm)}._endContainer_1m3lr_62,._titleEnd_1m3lr_69,._titleStart_1m3lr_68{align-items:center;display:flex}._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1m3lr_87,._accordionTitle_1m3lr_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1m3lr_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_1m3lr_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_1m3lr_1[data-expanded=true] ._iconWrapper_1m3lr_96{transform:rotate(180deg)}._accordion_1m3lr_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1m3lr_1>[role=group],._accordion_1m3lr_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_1m3lr_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1m3lr_128{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1m3lr_1[data-expanded=true],._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_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_1m3lr_1 ._trigger_1m3lr_33[data-focused]{outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_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_1m3lr_1 ._trigger_1m3lr_33[data-disabled] ._iconWrapper_1m3lr_96,._trigger_1m3lr_33[data-disabled] ._accordionDescription_1m3lr_87,._trigger_1m3lr_33[data-disabled] ._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1m3lr_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}

package/dist/assets/Badge.css

@@ -1 +1 @@
-._badge_cjbra_1{align-items:center;border-radius:var(--alto-tag-radius);color:var(--alto-sem-color-fg-inverse-on-subtle);display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}._md_cjbra_16{font-size:var(--alto-sem-text-body-md-font-size);gap:var(--alto-sem-space-2xs);height:26px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._sm_cjbra_25{font-size:var(--alto-sem-text-body-xs-font-size);gap:var(--alto-sem-space-4xs);height:20px;letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-2xs)}._neutral_cjbra_33{background:var(--alto-sem-color-bg-inverse-subtle-default)}._critical_cjbra_37{background:var(--alto-sem-color-bg-critical-subtle-default)}._warning_cjbra_41{background:var(--alto-sem-color-bg-warning-subtle-default)}._caution_cjbra_45{background:var(--alto-sem-color-bg-caution-subtle-default)}._success_cjbra_49{background:var(--alto-sem-color-bg-success-subtle-default)}._info_cjbra_53{background:var(--alto-sem-color-bg-information-subtle-default)}._brand_cjbra_57{background:var(--alto-sem-color-bg-accent-subtle-default)}._sale_cjbra_61{background:var(--alto-sem-color-bg-sale-vibrant-default);color:var(--alto-sem-color-bg-base)}
+._badge_7kyyn_1{align-items:center;border-radius:var(--alto-tag-radius);display:inline-flex;flex-shrink:0;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}._md_7kyyn_15{font-size:var(--alto-sem-text-body-md-font-size);gap:var(--alto-sem-space-2xs);height:26px;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._sm_7kyyn_24{font-size:var(--alto-sem-text-body-xs-font-size);gap:var(--alto-sem-space-4xs);height:20px;letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height);padding:var(--alto-sem-space-3xs) var(--alto-sem-space-2xs)}._neutral_7kyyn_33{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-inverse-on-subtle)}._critical_7kyyn_38{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-on-subtle)}._warning_7kyyn_43{background:var(--alto-sem-color-bg-warning-subtle-default);color:var(--alto-sem-color-fg-warning-on-subtle)}._caution_7kyyn_48{background:var(--alto-sem-color-bg-caution-subtle-default);color:var(--alto-sem-color-fg-caution-on-subtle)}._success_7kyyn_53{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-success-on-subtle)}._info_7kyyn_58{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-information-on-subtle)}._brand_7kyyn_63{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-on-subtle)}._sale_7kyyn_68{background:var(--alto-sem-color-bg-sale-vibrant-default);color:var(--alto-sem-color-fg-sale-on-vibrant)}._white_7kyyn_73{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_c09nf_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_c09nf_1,._button_c09nf_1 ._content_c09nf_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_c09nf_28 ._loadingSpinner_c09nf_28{opacity:0;position:absolute}._isNotLoading_c09nf_28 ._content_c09nf_19{opacity:1}._isLoading_c09nf_37 ._loadingSpinner_c09nf_28{opacity:1;position:absolute}._isLoading_c09nf_37 ._content_c09nf_19{opacity:0}._focusWhite_c09nf_49[data-focused]{outline-color:var(--alto-sem-color-border-white)}._sm_c09nf_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_c09nf_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_c09nf_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_c09nf_83{width:100%}._textAlignLeft_c09nf_90{text-align:left}._textAlignCenter_c09nf_94{text-align:center}._textAlignRight_c09nf_98{text-align:right}._accentPrimary_c09nf_106[data-focused],._accentPrimary_c09nf_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_c09nf_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_c09nf_106[data-pressed][data-focused]{outline:none}._accentPrimary_c09nf_106:disabled,._accentPrimary_c09nf_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_c09nf_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_c09nf_126[data-focused],._accentSecondary_c09nf_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_c09nf_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_c09nf_126[data-pressed][data-focused]{outline:none}._accentSecondary_c09nf_126:disabled,._accentSecondary_c09nf_126[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_c09nf_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_c09nf_156[data-focused],._accentTertiary_c09nf_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_c09nf_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_c09nf_156[data-pressed][data-focused]{outline:none}._accentTertiary_c09nf_156:disabled,._accentTertiary_c09nf_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_c09nf_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_c09nf_182[data-focused],._accentQuaternary_c09nf_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_c09nf_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_c09nf_182[data-pressed][data-focused]{outline:none}._accentQuaternary_c09nf_182:disabled,._accentQuaternary_c09nf_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_c09nf_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_c09nf_208[data-focused],._criticalPrimary_c09nf_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_c09nf_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_c09nf_208[data-pressed][data-focused]{outline:none}._criticalPrimary_c09nf_208:disabled,._criticalPrimary_c09nf_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_c09nf_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_c09nf_233[data-focused],._criticalSecondary_c09nf_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_c09nf_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_c09nf_233[data-pressed][data-focused]{outline:none}._criticalSecondary_c09nf_233:disabled,._criticalSecondary_c09nf_233[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_c09nf_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_c09nf_263[data-focused],._criticalTertiary_c09nf_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_c09nf_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_c09nf_263[data-pressed][data-focused]{outline:none}._criticalTertiary_c09nf_263:disabled,._criticalTertiary_c09nf_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_c09nf_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_c09nf_289[data-focused],._criticalQuaternary_c09nf_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_c09nf_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_c09nf_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_c09nf_289:disabled,._criticalQuaternary_c09nf_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_c09nf_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_c09nf_316[data-focused],._neutralPrimary_c09nf_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_c09nf_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_c09nf_316[data-pressed][data-focused]{outline:none}._neutralPrimary_c09nf_316:disabled,._neutralPrimary_c09nf_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_c09nf_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_c09nf_341[data-focused],._neutralSecondary_c09nf_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_c09nf_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_c09nf_341[data-pressed][data-focused]{outline:none}._neutralSecondary_c09nf_341:disabled,._neutralSecondary_c09nf_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_c09nf_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_c09nf_370[data-focused],._neutralTertiary_c09nf_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_c09nf_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_c09nf_370[data-pressed][data-focused]{outline:none}._neutralTertiary_c09nf_370:disabled,._neutralTertiary_c09nf_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_c09nf_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_c09nf_396[data-focused],._neutralQuaternary_c09nf_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_c09nf_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_c09nf_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_c09nf_396:disabled,._neutralQuaternary_c09nf_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_c09nf_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_c09nf_423[data-focused],._whitePrimary_c09nf_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_c09nf_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_c09nf_423[data-pressed][data-focused]{outline:none}._whitePrimary_c09nf_423:disabled,._whitePrimary_c09nf_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_c09nf_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_c09nf_449[data-focused],._whiteSecondary_c09nf_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_c09nf_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_c09nf_449[data-pressed][data-focused]{outline:none}._whiteSecondary_c09nf_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_c09nf_449:disabled,._whiteSecondary_c09nf_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_c09nf_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_c09nf_482[data-focused],._whiteTertiary_c09nf_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_c09nf_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_c09nf_482[data-pressed][data-focused]{outline:none}._whiteTertiary_c09nf_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_c09nf_482:disabled,._whiteTertiary_c09nf_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_c09nf_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_c09nf_512[data-focused],._whiteQuaternary_c09nf_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_c09nf_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_c09nf_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_c09nf_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_c09nf_512:disabled,._whiteQuaternary_c09nf_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_c09nf_544{height:1rem;width:1rem}._icon-wrapper_c09nf_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._button_9pg0y_1{background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._button_9pg0y_1,._button_9pg0y_1 ._content_9pg0y_19{align-items:center;display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_9pg0y_28 ._loadingSpinner_9pg0y_28{opacity:0;position:absolute}._isNotLoading_9pg0y_28 ._content_9pg0y_19{opacity:1}._isLoading_9pg0y_37 ._loadingSpinner_9pg0y_28{opacity:1;position:absolute}._isLoading_9pg0y_37 ._content_9pg0y_19{opacity:0}._focusWhite_9pg0y_49[data-focus-visible]{outline-color:var(--alto-sem-color-border-white)}._sm_9pg0y_56{font-size:var(--alto-sem-text-label-sm-font-size);letter-spacing:var(--alto-sem-text-label-sm-letter-spacing);line-height:var(--alto-sem-text-label-sm-line-height);min-height:36px;padding:var(--alto-button-sm-padding-top) var(--alto-sem-space-md) var(--alto-button-sm-padding-bottom)}._md_9pg0y_65{font-size:var(--alto-sem-text-label-md-font-size);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);min-height:48px;padding:var(--alto-button-md-padding-top) var(--alto-sem-space-lg) var(--alto-button-md-padding-bottom)}._lg_9pg0y_74{font-size:var(--alto-sem-text-label-lg-font-size);height:55px;letter-spacing:var(--alto-sem-text-label-lg-letter-spacing);line-height:var(--alto-sem-text-label-lg-line-height);padding:var(--alto-button-lg-padding-top) var(--alto-sem-space-lg) var(--alto-button-lg-padding-bottom)}._fullWidth_9pg0y_83{width:100%}._textAlignLeft_9pg0y_90{text-align:left}._textAlignCenter_9pg0y_94{text-align:center}._textAlignRight_9pg0y_98{text-align:right}._accentPrimary_9pg0y_106[data-focused],._accentPrimary_9pg0y_106[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_9pg0y_106[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_9pg0y_106[data-pressed][data-focused]{outline:none}._accentPrimary_9pg0y_106:disabled,._accentPrimary_9pg0y_106[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_9pg0y_126{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_9pg0y_126[data-focused],._accentSecondary_9pg0y_126[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_9pg0y_126[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_9pg0y_126[data-pressed][data-focused]{outline:none}._accentSecondary_9pg0y_126:disabled,._accentSecondary_9pg0y_126[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentTertiary_9pg0y_156{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_9pg0y_156[data-focused],._accentTertiary_9pg0y_156[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_9pg0y_156[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_9pg0y_156[data-pressed][data-focused]{outline:none}._accentTertiary_9pg0y_156:disabled,._accentTertiary_9pg0y_156[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_9pg0y_182{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_9pg0y_182[data-focused],._accentQuaternary_9pg0y_182[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_9pg0y_182[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_9pg0y_182[data-pressed][data-focused]{outline:none}._accentQuaternary_9pg0y_182:disabled,._accentQuaternary_9pg0y_182[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_9pg0y_208{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_9pg0y_208[data-focused],._criticalPrimary_9pg0y_208[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_9pg0y_208[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_9pg0y_208[data-pressed][data-focused]{outline:none}._criticalPrimary_9pg0y_208:disabled,._criticalPrimary_9pg0y_208[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_9pg0y_233{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_9pg0y_233[data-focused],._criticalSecondary_9pg0y_233[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_9pg0y_233[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_9pg0y_233[data-pressed][data-focused]{outline:none}._criticalSecondary_9pg0y_233:disabled,._criticalSecondary_9pg0y_233[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalTertiary_9pg0y_263{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_9pg0y_263[data-focused],._criticalTertiary_9pg0y_263[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_9pg0y_263[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_9pg0y_263[data-pressed][data-focused]{outline:none}._criticalTertiary_9pg0y_263:disabled,._criticalTertiary_9pg0y_263[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_9pg0y_289{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_9pg0y_289[data-focused],._criticalQuaternary_9pg0y_289[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_9pg0y_289[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_9pg0y_289[data-pressed][data-focused]{outline:none}._criticalQuaternary_9pg0y_289:disabled,._criticalQuaternary_9pg0y_289[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_9pg0y_316{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_9pg0y_316[data-focused],._neutralPrimary_9pg0y_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_9pg0y_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_9pg0y_316[data-pressed][data-focused]{outline:none}._neutralPrimary_9pg0y_316:disabled,._neutralPrimary_9pg0y_316[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_9pg0y_341{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_9pg0y_341[data-focused],._neutralSecondary_9pg0y_341[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_9pg0y_341[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_9pg0y_341[data-pressed][data-focused]{outline:none}._neutralSecondary_9pg0y_341:disabled,._neutralSecondary_9pg0y_341[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_9pg0y_370{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_9pg0y_370[data-focused],._neutralTertiary_9pg0y_370[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_9pg0y_370[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_9pg0y_370[data-pressed][data-focused]{outline:none}._neutralTertiary_9pg0y_370:disabled,._neutralTertiary_9pg0y_370[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_9pg0y_396{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_9pg0y_396[data-focused],._neutralQuaternary_9pg0y_396[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_9pg0y_396[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_9pg0y_396[data-pressed][data-focused]{outline:none}._neutralQuaternary_9pg0y_396:disabled,._neutralQuaternary_9pg0y_396[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_9pg0y_423{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_9pg0y_423[data-focused],._whitePrimary_9pg0y_423[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_9pg0y_423[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_9pg0y_423[data-pressed][data-focused]{outline:none}._whitePrimary_9pg0y_423:disabled,._whitePrimary_9pg0y_423[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_9pg0y_449{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_9pg0y_449[data-focused],._whiteSecondary_9pg0y_449[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_9pg0y_449[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_9pg0y_449[data-pressed][data-focused]{outline:none}._whiteSecondary_9pg0y_449[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_9pg0y_449:disabled,._whiteSecondary_9pg0y_449[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_9pg0y_482{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_9pg0y_482[data-focused],._whiteTertiary_9pg0y_482[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_9pg0y_482[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_9pg0y_482[data-pressed][data-focused]{outline:none}._whiteTertiary_9pg0y_482[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_9pg0y_482:disabled,._whiteTertiary_9pg0y_482[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_9pg0y_512{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_9pg0y_512[data-focused],._whiteQuaternary_9pg0y_512[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_9pg0y_512[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_9pg0y_512[data-pressed][data-focused]{outline:none}._whiteQuaternary_9pg0y_512[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_9pg0y_512:disabled,._whiteQuaternary_9pg0y_512[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_9pg0y_544{height:1rem;width:1rem}._icon-wrapper_9pg0y_549{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/CalloutBanner.css

@@ -1 +1 @@
-._calloutBanner_kvv8j_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;width:100%}._calloutBanner__icon_kvv8j_11{align-self:flex-start}._calloutBanner__start_kvv8j_15{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_kvv8j_23{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_kvv8j_29{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._calloutBanner__meta-title_kvv8j_41{font-weight:600}._calloutBanner__meta-description_kvv8j_45{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_kvv8j_49{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_kvv8j_15{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_kvv8j_58{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_kvv8j_66{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_kvv8j_70._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-critical_kvv8j_66 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-critical_kvv8j_66 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_kvv8j_66:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_kvv8j_92{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_kvv8j_70._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-success_kvv8j_92 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-success_kvv8j_92 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_kvv8j_92:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_kvv8j_118{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_kvv8j_70._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-information_kvv8j_118 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-information_kvv8j_118 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_kvv8j_118:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_kvv8j_144{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_kvv8j_70._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kvv8j_74._calloutBanner-neutral_kvv8j_144 ._calloutBanner__end_kvv8j_58{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner-tertiary_kvv8j_83._calloutBanner-neutral_kvv8j_144 ._calloutBanner__start_kvv8j_15{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_kvv8j_144:not(._calloutBanner-primary_kvv8j_70) ._calloutBanner__icon_kvv8j_11{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_kvv8j_83{border-color:transparent}._calloutBanner-tertiary_kvv8j_83 ._calloutBanner__end_kvv8j_58{border-radius:var(--alto-card-radius)}
+._calloutBanner_kxqgt_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_kxqgt_12{align-self:flex-start}._calloutBanner__start_kxqgt_16{display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__dismiss_kxqgt_24{position:absolute;right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_kxqgt_30{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;justify-content:center;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);overflow-wrap:break-word;width:100%;word-wrap:break-word;word-break:break-word}._calloutBanner__meta-top_kxqgt_46{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap}._calloutBanner__meta-top-dismiss_kxqgt_54{padding-right:var(--alto-sem-space-3xl)}._calloutBanner__meta-title_kxqgt_58{font-weight:600}._calloutBanner__meta-description_kxqgt_62{margin-top:var(--alto-sem-space-4xs)}._calloutBanner__meta-label_kxqgt_66{margin-top:var(--alto-sem-space-xs)}._calloutBanner__start_kxqgt_16{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant)}._calloutBanner__end_kxqgt_75{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm,16px)}._calloutBanner-critical_kxqgt_83{border-color:var(--alto-sem-color-border-critical)}._calloutBanner-primary_kxqgt_87._calloutBanner-critical_kxqgt_83 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner-secondary_kxqgt_91._calloutBanner-critical_kxqgt_83 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kxqgt_91._calloutBanner-critical_kxqgt_83 ._calloutBanner__end_kxqgt_75{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner-tertiary_kxqgt_100._calloutBanner-critical_kxqgt_83 ._calloutBanner__start_kxqgt_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-critical_kxqgt_83:not(._calloutBanner-primary_kxqgt_87) ._calloutBanner__icon_kxqgt_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner-success_kxqgt_109{border-color:var(--alto-sem-color-border-success)}._calloutBanner-primary_kxqgt_87._calloutBanner-success_kxqgt_109 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner-secondary_kxqgt_91._calloutBanner-success_kxqgt_109 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kxqgt_91._calloutBanner-success_kxqgt_109 ._calloutBanner__end_kxqgt_75{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner-tertiary_kxqgt_100._calloutBanner-success_kxqgt_109 ._calloutBanner__start_kxqgt_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-success_kxqgt_109:not(._calloutBanner-primary_kxqgt_87) ._calloutBanner__icon_kxqgt_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner-information_kxqgt_135{border-color:var(--alto-sem-color-border-information)}._calloutBanner-primary_kxqgt_87._calloutBanner-information_kxqgt_135 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner-secondary_kxqgt_91._calloutBanner-information_kxqgt_135 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kxqgt_91._calloutBanner-information_kxqgt_135 ._calloutBanner__end_kxqgt_75{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner-tertiary_kxqgt_100._calloutBanner-information_kxqgt_135 ._calloutBanner__start_kxqgt_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-information_kxqgt_135:not(._calloutBanner-primary_kxqgt_87) ._calloutBanner__icon_kxqgt_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner-neutral_kxqgt_161{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner-primary_kxqgt_87._calloutBanner-neutral_kxqgt_161 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner-secondary_kxqgt_91._calloutBanner-neutral_kxqgt_161 ._calloutBanner__start_kxqgt_16{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner-secondary_kxqgt_91._calloutBanner-neutral_kxqgt_161 ._calloutBanner__end_kxqgt_75{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner-tertiary_kxqgt_100._calloutBanner-neutral_kxqgt_161 ._calloutBanner__start_kxqgt_16{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner-neutral_kxqgt_161:not(._calloutBanner-primary_kxqgt_87) ._calloutBanner__icon_kxqgt_12{color:var(--alto-sem-color-fg-neutral-primary)}._calloutBanner-tertiary_kxqgt_100{border-color:transparent}._calloutBanner-tertiary_kxqgt_100 ._calloutBanner__end_kxqgt_75{border-radius:var(--alto-card-radius)}

package/dist/assets/DateField.css

@@ -1 +1 @@
-._dateField_349vs_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_349vs_5{align-items:center;background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;min-height:48px;min-width:200px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:auto}._dateInput_349vs_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_349vs_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_349vs_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_349vs_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_349vs_5[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._dateInput_349vs_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_349vs_51{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-variant-numeric:tabular-nums;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:0 var(--alto-sem-space-3xs);text-align:end}._dateSegment_349vs_51[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_349vs_51[data-focused],._dateSegment_349vs_51[data-invalid]._dateSegment_349vs_51[data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-radius:var(--alto-tag-radius);caret-color:transparent;color:var(--alto-sem-color-fg-accent-on-vibrant);outline:none}._dateSegment_349vs_51[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_349vs_51[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}
+._dateField_1fojc_1{color:var(--alto-sem-color-fg-secondary)}._dateInput_1fojc_5{align-items:center;background:var(--alto-sem-color-bg-base);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box;display:flex;forced-color-adjust:none;height:var(--alto-sem-space-lg);justify-content:flex-start;min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);white-space:nowrap;width:-moz-fit-content;width:fit-content}._dateInput_1fojc_5[data-hovered]{border-color:var(--alto-sem-color-border-primary-hover)}._dateInput_1fojc_5[data-pressed]{border-color:var(--alto-sem-color-border-primary-active)}._dateInput_1fojc_5[data-focused]{border-color:var(--alto-sem-color-border-accent)}._dateInput_1fojc_5[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._dateInput_1fojc_5[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._dateInput_1fojc_5[data-invalid]{border:var(--alto-sem-radius-6xs) solid var(--alto-sem-color-border-critical)}._dateSegment_1fojc_50{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-variant-numeric:tabular-nums;font-weight:var(--alto-sem-text-body-regular-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:0 var(--alto-sem-space-3xs);text-align:end}._dateSegment_1fojc_50[data-type=literal]{padding:var(--alto-sem-space-3xs)}._dateSegment_1fojc_50[data-focused],._dateSegment_1fojc_50[data-invalid]._dateSegment_1fojc_50[data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-radius:var(--alto-tag-radius);caret-color:transparent;color:var(--alto-sem-color-fg-accent-on-vibrant);outline:none}._dateSegment_1fojc_50[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary)}._dateSegment_1fojc_50[data-invalid][data-focused]{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}

package/dist/assets/Eyebrow.css

@@ -1 +1 @@
-._eyebrow_rc11b_1{background:var(--alto-eyebrow-color-bg);border-radius:var(--alto-eyebrow-radius);color:var(--alto-sem-color-fg-accent-secondary);display:inline-block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:400;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding:var(--alto-eyebrow-padding-vertical) var(--alto-eyebrow-padding-horizontal)}._inspiration_rc11b_16{background-color:var(--alto-eyebrow-color-bg)}._collect_rc11b_20{background-color:#c7fcec}._spend_rc11b_24{background-color:#e0deff;color:var(--alto-sem-color-fg-spend-default)}._activate_rc11b_29{background-color:#e5f2ff}
+._eyebrow_ie5k8_1{border-radius:var(--alto-eyebrow-radius);display:inline-block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:400;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding:var(--alto-eyebrow-padding-vertical) var(--alto-eyebrow-padding-horizontal)}._inspiration_ie5k8_14{background-color:var(--alto-eyebrow-color-bg-inspiration);color:var(--alto-eyebrow-color-fg-inspiration)}._collect_ie5k8_19{background-color:var(--alto-eyebrow-color-bg-collect);color:var(--alto-eyebrow-color-fg-collect)}._spend_ie5k8_24{background-color:var(--alto-eyebrow-color-bg-spend);color:var(--alto-eyebrow-color-fg-spend)}._activate_ie5k8_29{background-color:var(--alto-eyebrow-color-bg-activate);color:var(--alto-eyebrow-color-fg-activate)}

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_df6dx_1";
-const accordionGroup = "_accordionGroup_df6dx_14";
-const accordionStack = "_accordionStack_df6dx_20";
-const accordionHeader = "_accordionHeader_df6dx_26";
-const trigger = "_trigger_df6dx_33";
-const buttonContent = "_buttonContent_df6dx_42";
-const titleContainer = "_titleContainer_df6dx_50";
-const titleWrapper = "_titleWrapper_df6dx_57";
-const endContainer = "_endContainer_df6dx_62";
-const titleStart = "_titleStart_df6dx_68";
-const titleEnd = "_titleEnd_df6dx_69";
-const accordionTitle = "_accordionTitle_df6dx_74";
-const accordionDescription = "_accordionDescription_df6dx_87";
-const iconWrapper = "_iconWrapper_df6dx_96";
-const panelContent = "_panelContent_df6dx_129";
+import '../../assets/Accordion.css';const accordion = "_accordion_1m3lr_1";
+const accordionGroup = "_accordionGroup_1m3lr_14";
+const accordionStack = "_accordionStack_1m3lr_20";
+const accordionHeader = "_accordionHeader_1m3lr_26";
+const trigger = "_trigger_1m3lr_33";
+const buttonContent = "_buttonContent_1m3lr_42";
+const titleContainer = "_titleContainer_1m3lr_50";
+const titleWrapper = "_titleWrapper_1m3lr_57";
+const endContainer = "_endContainer_1m3lr_62";
+const titleStart = "_titleStart_1m3lr_68";
+const titleEnd = "_titleEnd_1m3lr_69";
+const accordionTitle = "_accordionTitle_1m3lr_74";
+const accordionDescription = "_accordionDescription_1m3lr_87";
+const iconWrapper = "_iconWrapper_1m3lr_96";
+const panelContent = "_panelContent_1m3lr_128";
 const styles = {
   accordion,
   accordionGroup,

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

@@ -1 +1,2 @@
 export { default } from './Accordion';
+export type { AccordionProps, AccordionGroupProps } from './Accordion';

package/dist/components/AviosBadge/AviosBadge.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { BadgeProps } from '../Badge/Badge';
-export type AviosBadgeKind = 'collect' | 'spend';
+type AviosBadgeKind = 'collect' | 'spend';
 export interface AviosBadgeProps extends Omit<BadgeProps, 'variant' | 'size'> {
     /**
      * The kind of Avios badge (collect or spend)

package/dist/components/AviosBadge/AviosBadge.js

@@ -39,8 +39,8 @@ const AviosBadge = ({
     lg: "24px"
   };
   const badgeSize = size === "lg" ? "md" : size;
-  return /* @__PURE__ */ jsxs(Badge, { variant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]}  ${styles[kind]} ${className || ""}`, ...props, children: [
-    /* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: "secondary", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs(Badge, { styleVariant: kind === "collect" ? "success" : "info", size: badgeSize, ariaLabel: ariaLabel || defaultAriaLabel, className: `${styles.aviosBadge} ${styles[size]}  ${styles[kind]} ${className || ""}`, ...props, children: [
+    /* @__PURE__ */ jsx(AviosCurrencySymbol, { kind, styleVariant: kind === "collect" ? "onCollect" : "onSpend", width: iconSizes[size], height: iconSizes[size], "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
       /* @__PURE__ */ jsx("span", { className: styles.points, children: formattedPoints }),
       children && /* @__PURE__ */ jsx("span", { className: styles.label, children }),

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

@@ -1 +1,2 @@
 export { default } from './AviosBadge';
+export type { AviosBadgeProps } from './AviosBadge';

package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js

@@ -44,7 +44,7 @@ const DEFAULT_DIMENSIONS = {
 };
 const AviosCurrencySymbol = ({
   kind = "collect",
-  styleVariant = "primary",
+  styleVariant = "accentPrimary",
   width,
   height,
   label,

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

@@ -1 +1,2 @@
 export { default } from './AviosCurrencySymbol';
+export type { AviosCurrencySymbolProps } from './AviosCurrencySymbol';

package/dist/components/Badge/Badge.d.ts

@@ -16,15 +16,30 @@ export interface BadgeProps {
     /**
      * The style variant of the tag
      */
-    variant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale';
+    styleVariant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale' | 'white';
+    /**
+     * The style variant of the tag
+     * @deprecated Use styleVariant instead
+     */
+    variant?: 'neutral' | 'critical' | 'warning' | 'caution' | 'success' | 'info' | 'brand' | 'sale' | 'white';
     /**
      * Whether the tag has a leading icon and what icon to use
+     * @deprecated Use iconStartProps instead
      */
     leadingIconProps?: IconProps;
     /**
      * Whether the tag has a trailing icon and what icon to use
+     * @deprecated Use iconEndProps instead
      */
     trailingIconProps?: IconProps;
+    /**
+     * Whether an icon should display at the start of the Button and icon properties
+     */
+    iconStartProps?: IconProps;
+    /**
+     * Whether an icon should display at the end of Button and icon properties
+     */
+    iconEndProps?: IconProps;
     /**
      * The focus style of the button
      */
@@ -35,5 +50,5 @@ export interface BadgeProps {
      */
     className?: string;
 }
-export declare const Badge: ({ children, size, variant, ariaLabel, leadingIconProps, trailingIconProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, size, variant, styleVariant, ariaLabel, leadingIconProps, trailingIconProps, iconStartProps, iconEndProps, focusStyle, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -2,17 +2,18 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/Badge.css';const badge$1 = "_badge_cjbra_1";
-const md = "_md_cjbra_16";
-const sm = "_sm_cjbra_25";
-const neutral = "_neutral_cjbra_33";
-const critical = "_critical_cjbra_37";
-const warning = "_warning_cjbra_41";
-const caution = "_caution_cjbra_45";
-const success = "_success_cjbra_49";
-const info = "_info_cjbra_53";
-const brand = "_brand_cjbra_57";
-const sale = "_sale_cjbra_61";
+import '../../assets/Badge.css';const badge$1 = "_badge_7kyyn_1";
+const md = "_md_7kyyn_15";
+const sm = "_sm_7kyyn_24";
+const neutral = "_neutral_7kyyn_33";
+const critical = "_critical_7kyyn_38";
+const warning = "_warning_7kyyn_43";
+const caution = "_caution_7kyyn_48";
+const success = "_success_7kyyn_53";
+const info = "_info_7kyyn_58";
+const brand = "_brand_7kyyn_63";
+const sale = "_sale_7kyyn_68";
+const white = "_white_7kyyn_73";
 const styles = {
   badge: badge$1,
   md,
@@ -24,7 +25,8 @@ const styles = {
   success,
   info,
   brand,
-  sale
+  sale,
+  white
 };
 const badge = cva(styles.badge, {
   variants: {
@@ -32,7 +34,7 @@ const badge = cva(styles.badge, {
       sm: styles.sm,
       md: styles.md
     },
-    variant: {
+    styleVariant: {
       neutral: styles.neutral,
       critical: styles.critical,
       warning: styles.warning,
@@ -40,33 +42,41 @@ const badge = cva(styles.badge, {
       success: styles.success,
       info: styles.info,
       brand: styles.brand,
-      sale: styles.sale
+      sale: styles.sale,
+      white: styles.white
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "md",
+    styleVariant: "neutral"
   }
 });
 const Badge = ({
   children,
   size = "md",
-  variant = "neutral",
+  variant,
+  styleVariant,
   ariaLabel,
   leadingIconProps,
   trailingIconProps,
+  iconStartProps,
+  iconEndProps,
   focusStyle = "default",
   className,
   ...props
 }) => {
+  const resolvedIconStartProps = iconStartProps ?? leadingIconProps;
+  const resolvedIconEndProps = iconEndProps ?? trailingIconProps;
+  const resolvedStyleVariant = styleVariant ?? variant;
   return /* @__PURE__ */ jsxs("span", { className: `${badge({
     size,
-    variant
+    styleVariant: resolvedStyleVariant
   })} ${focusStyleVariants({
     focusStyle
   })} ${className || ""}`, role: "status", "aria-label": ariaLabel, ...props, children: [
-    leadingIconProps && /* @__PURE__ */ jsx(Icon, { ...leadingIconProps }),
+    resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps }),
     children,
-    trailingIconProps && /* @__PURE__ */ jsx(Icon, { ...trailingIconProps })
+    resolvedIconEndProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconEndProps })
   ] });
 };
 export {

package/dist/components/Badge/Badge.js.map

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

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

@@ -1 +1,2 @@
 export { default } from './Badge';
+export type { BadgeProps } from './Badge';

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

@@ -39,10 +39,35 @@ export interface BoxProps extends BackgroundVariants, FlexVariants, BorderVarian
      * Accepts any valid CSS unit.
      */
     minHeight?: string;
+    /**
+     * The z-index of the Box.
+     * Accepts any valid CSS z-index value.
+     */
+    zIndex?: string;
+    /**
+     * The top position of the Box.
+     * Accepts any valid CSS position value.
+     */
+    top?: string;
+    /**
+     * The right position of the Box.
+     * Accepts any valid CSS position value.
+     */
+    right?: string;
+    /**
+     * The bottom position of the Box.
+     * Accepts any valid CSS position value.
+     */
+    bottom?: string;
+    /**
+     * The left position of the Box.
+     * Accepts any valid CSS position value.
+     */
+    left?: string;
     /**
      * @deprecated Use `backgroundColor` instead.
      */
     backgroundColour?: BackgroundVariants['backgroundColor'];
 }
-export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ children, as: Component, width, maxWidth, minWidth, height, maxHeight, minHeight, zIndex, top, right, bottom, left, position, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default Box;

package/dist/components/Box/Box.js

@@ -13,6 +13,11 @@ const Box = ({
   height,
   maxHeight,
   minHeight,
+  zIndex,
+  top,
+  right,
+  bottom,
+  left,
   position,
   ...props
 }) => {
@@ -27,7 +32,12 @@ const Box = ({
     maxWidth: maxWidth === "pageWidth" ? "var(--alto-section-container-max-width)" : maxWidth,
     minWidth,
     maxHeight,
-    minHeight
+    minHeight,
+    zIndex,
+    top,
+    right,
+    bottom,
+    left
   };
   return /* @__PURE__ */ jsx(Component, { className: `${borderVariants({
     ...props,

package/dist/components/Box/Box.js.map

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

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

@@ -1 +1,2 @@
 export { default } from './Box';
+export type { BoxProps } from './Box';

package/dist/components/Button/Button.d.ts

@@ -2,8 +2,8 @@ import { default as React, ComponentType, ElementType, ReactNode } from 'react';
 import { AriaButtonOptions } from '@react-aria/button';
 import { HoverProps } from '@react-aria/interactions';
 import { IconProps } from '../Icon/Icon';
-export type ButtonSize = 'lg' | 'md' | 'sm';
-export type ButtonTextAlignement = 'left' | 'center' | 'right';
+type ButtonSize = 'lg' | 'md' | 'sm';
+type ButtonTextAlignement = 'left' | 'center' | 'right';
 export type DefaultButtonProps = ButtonProps<'button'>;
 export type ButtonProps<T extends ElementType = 'button'> = AriaButtonOptions<T> & HoverProps & {
     /**

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_c09nf_1";
-const content = "_content_c09nf_19";
-const isNotLoading = "_isNotLoading_c09nf_28";
-const loadingSpinner = "_loadingSpinner_c09nf_28";
-const isLoading = "_isLoading_c09nf_37";
-const focusWhite = "_focusWhite_c09nf_49";
-const sm = "_sm_c09nf_56";
-const md = "_md_c09nf_65";
-const lg = "_lg_c09nf_74";
-const fullWidth = "_fullWidth_c09nf_83";
-const textAlignLeft = "_textAlignLeft_c09nf_90";
-const textAlignCenter = "_textAlignCenter_c09nf_94";
-const textAlignRight = "_textAlignRight_c09nf_98";
-const accentPrimary = "_accentPrimary_c09nf_106";
-const accentSecondary = "_accentSecondary_c09nf_126";
-const accentTertiary = "_accentTertiary_c09nf_156";
-const accentQuaternary = "_accentQuaternary_c09nf_182";
-const criticalPrimary = "_criticalPrimary_c09nf_208";
-const criticalSecondary = "_criticalSecondary_c09nf_233";
-const criticalTertiary = "_criticalTertiary_c09nf_263";
-const criticalQuaternary = "_criticalQuaternary_c09nf_289";
-const neutralPrimary = "_neutralPrimary_c09nf_316";
-const neutralSecondary = "_neutralSecondary_c09nf_341";
-const neutralTertiary = "_neutralTertiary_c09nf_370";
-const neutralQuaternary = "_neutralQuaternary_c09nf_396";
-const whitePrimary = "_whitePrimary_c09nf_423";
-const whiteSecondary = "_whiteSecondary_c09nf_449";
-const whiteTertiary = "_whiteTertiary_c09nf_482";
-const whiteQuaternary = "_whiteQuaternary_c09nf_512";
+import '../../assets/Button.css';const button$1 = "_button_9pg0y_1";
+const content = "_content_9pg0y_19";
+const isNotLoading = "_isNotLoading_9pg0y_28";
+const loadingSpinner = "_loadingSpinner_9pg0y_28";
+const isLoading = "_isLoading_9pg0y_37";
+const focusWhite = "_focusWhite_9pg0y_49";
+const sm = "_sm_9pg0y_56";
+const md = "_md_9pg0y_65";
+const lg = "_lg_9pg0y_74";
+const fullWidth = "_fullWidth_9pg0y_83";
+const textAlignLeft = "_textAlignLeft_9pg0y_90";
+const textAlignCenter = "_textAlignCenter_9pg0y_94";
+const textAlignRight = "_textAlignRight_9pg0y_98";
+const accentPrimary = "_accentPrimary_9pg0y_106";
+const accentSecondary = "_accentSecondary_9pg0y_126";
+const accentTertiary = "_accentTertiary_9pg0y_156";
+const accentQuaternary = "_accentQuaternary_9pg0y_182";
+const criticalPrimary = "_criticalPrimary_9pg0y_208";
+const criticalSecondary = "_criticalSecondary_9pg0y_233";
+const criticalTertiary = "_criticalTertiary_9pg0y_263";
+const criticalQuaternary = "_criticalQuaternary_9pg0y_289";
+const neutralPrimary = "_neutralPrimary_9pg0y_316";
+const neutralSecondary = "_neutralSecondary_9pg0y_341";
+const neutralTertiary = "_neutralTertiary_9pg0y_370";
+const neutralQuaternary = "_neutralQuaternary_9pg0y_396";
+const whitePrimary = "_whitePrimary_9pg0y_423";
+const whiteSecondary = "_whiteSecondary_9pg0y_449";
+const whiteTertiary = "_whiteTertiary_9pg0y_482";
+const whiteQuaternary = "_whiteQuaternary_9pg0y_512";
 const styles = {
   button: button$1,
   content,
@@ -67,8 +67,8 @@ const styles = {
   whiteSecondary,
   whiteTertiary,
   whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_c09nf_544",
-  "icon-wrapper": "_icon-wrapper_c09nf_549"
+  "fa-spinner-third": "_fa-spinner-third_9pg0y_544",
+  "icon-wrapper": "_icon-wrapper_9pg0y_549"
 };
 const button = cva(styles.button, {
   variants: {
@@ -160,7 +160,8 @@ const Button = forwardRef(function Button2({
   } = useHover(props);
   const {
     isFocusVisible,
-    focusProps
+    focusProps,
+    isFocused
   } = useFocusRing(props);
   const getAriaLabel = () => {
     if (isLoading2) {
@@ -190,7 +191,7 @@ const Button = forwardRef(function Button2({
   } : iconEndProps;
   return /* @__PURE__ */ jsx(Component, { className: `${className} ${focusStyleVariants({
     focusStyle
-  })}`, ref, "data-focused": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+  })}`, ref, "data-focused": isFocused ? true : void 0, "data-focus-visible": isFocusVisible ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, "aria-label": getAriaLabel(), "aria-disabled": props.isDisabled ? true : void 0, ...mergeProps(buttonProps, hoverProps, focusProps), ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
     isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "lg" : "1x", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
       resolvedIconStartProps && /* @__PURE__ */ jsx(Icon, { ...resolvedIconStartProps, "aria-hidden": "true" }),

package/dist/components/Button/Button.js.map

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

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

@@ -1 +1,2 @@
 export { default } from './Button';
+export type { DefaultButtonProps, ButtonProps } from './Button';

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

@@ -1 +1,2 @@
 export { default } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';

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

@@ -4,7 +4,7 @@ declare const calloutBanner: (props?: ({
     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>;
+type CalloutBannerVariants = VariantProps<typeof calloutBanner>;
 export interface CalloutBannerProps extends CalloutBannerVariants {
     /** The main heading text of the banner */
     title: string;