@alto-avios/alto-ui 3.4.0 → 3.4.1

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/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/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

@@ -40,7 +40,7 @@ const AviosBadge = ({
   };
   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" }),
+    /* @__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/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;

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

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

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

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

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

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

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

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

package/dist/components/ClearFieldButton/ClearFieldButton.d.ts

@@ -1,6 +1,5 @@
 import { ButtonProps } from '../Button/Button';
 import { FormProps } from '../../utils/forms/formProps';
-export type ClearFieldButtonButtonSize = 'lg' | 'md' | 'sm';
 export interface ClearFieldButtonProps extends Omit<ButtonProps, '$styleText'>, FormProps {
     slot?: string;
     className?: string;

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

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

package/dist/components/ComboBox/ComboBox.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps } from 'react-aria-components';
+import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
 import { FieldProps } from '../_base/Field';
 export interface ComboBoxProps<T extends object> extends FieldProps<AriaComboBoxProps<T>> {
     isLoading?: boolean;
-    children: React.ReactNode | React.ReactElement<ListBoxItemProps<T>>;
+    children: React.ReactNode | React.ReactElement<AriaListBoxItemProps<T>>;
 }
 export declare const ComboBox: <T extends object>({ children, isLoading, ...props }: ComboBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ComboBox;

package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts

@@ -1,7 +1,7 @@
 import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
 import { FieldProps } from '../_base/Field';
 type CreditCardNumberValue = string | number | null | undefined;
-interface CreditCardNumberFieldBaseProps {
+export interface CreditCardNumberFieldBaseProps {
     /**
      * The icon to display.
      * If a function is provided, it will be called with the current value of the input.

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

@@ -1 +1,2 @@
 export { default } from './CreditCardNumberField';
+export type { CreditCardNumberFieldProps, CreditCardNumberFieldBaseProps, } from './CreditCardNumberField';

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

@@ -2,7 +2,7 @@ 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 {
+export interface CreditCardSecurityCodeFieldBaseProps {
     /**
      * The controlled value of the credit card number.
      */

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

@@ -1 +1,2 @@
 export { default } from './CreditCardSecurityCodeField';
+export type { CreditCardSecurityCodeFieldProps, CreditCardSecurityCodeFieldBaseProps, } from './CreditCardSecurityCodeField';

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

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

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

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

package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { DisclosureProps as AriaDisclosureProps, DisclosurePanelProps as AriaDisclosurePanelProps } from 'react-aria-components';
-interface DetailsDisclosureProps extends AriaDisclosureProps {
+export interface DetailsDisclosureProps extends AriaDisclosureProps {
     /**
      * Whether the disclosure is expanded by default.
      */
@@ -29,5 +29,4 @@ declare const DetailsDisclosure: {
         displayName: string;
     };
 };
-export type { DetailsDisclosureProps };
 export default DetailsDisclosure;

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

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

package/dist/components/Dialog/Dialog.d.ts

@@ -1,25 +1,43 @@
 import { default as React } from 'react';
 import { AriaDialogProps } from 'react-aria';
-export type DialogSize = 'dialogSmall' | 'dialogMedium' | 'dialogLarge';
-export type DialogRole = 'alertdialog' | 'dialog';
+type DialogSize = 'dialogSmall' | 'dialogMedium' | 'dialogLarge';
+type DialogRole = 'alertdialog' | 'dialog';
 export interface DialogProps extends AriaDialogProps {
-    /** Whether the dialog is currently visible */
+    /**
+     * Whether the dialog is currently visible
+     */
     isOpen?: boolean;
-    /** Callback function when dialog is requested to close */
+    /**
+     * Callback function when dialog is requested to close
+     */
     onClose?: () => void;
-    /** Width variant of the dialog - affects max-width */
+    /**
+     * Width variant of the dialog - affects max-width
+     */
     size?: DialogSize;
-    /** Whether clicking outside or escape key should be blocked */
+    /**
+     * Whether clicking outside or escape key should be blocked
+     */
     modal?: boolean;
-    /** Shows/hides the close (X) button in header */
+    /**
+     * Shows/hides the close (X) button in header
+     */
     hasDismissButton?: boolean;
-    /** ARIA role - use 'alertdialog' for important messages */
+    /**
+     * ARIA role - use 'alertdialog' for important messages
+     */
     role?: DialogRole;
-    /** Required unique ID for the dialog */
+    /**
+     * Required unique ID for the dialog
+     */
     id?: string;
-    /** ID of element labeling the dialog (required for a11y) */
+    /**
+     * ID of element labeling the dialog (required for a11y)
+     */
     'aria-describedby'?: string;
-    /** ID of element describing the dialog (optional but recommended) */
+    /**
+     * ID of element describing the dialog (optional but recommended)
+     */
     'aria-labelledby'?: string;
 }
 export interface DialogComposition {

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

@@ -1 +1,2 @@
 export { default } from './Dialog';
+export type { DialogProps, DialogComposition } from './Dialog';

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

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

package/dist/components/Eyebrow/Eyebrow.d.ts

@@ -1,7 +1,21 @@
 import { default as React } from 'react';
 export interface EyebrowProps {
+    /**
+     * The text content of the Eyebrow component.
+     * This is the main content that will be displayed.
+     */
     children: React.ReactNode;
+    /**
+     * As which HTML element to render the Eyebrow component.
+     * This allows for flexibility in the semantic structure of the document.
+     * @default 'span'
+     */
     as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Style variant of the Eyebrow component.
+     * This determines the visual style applied to the component.
+     * @default 'inspiration'
+     */
     styleVariant?: 'inspiration' | 'collect' | 'spend' | 'activate';
 }
 export declare const Eyebrow: ({ children, as: Component, styleVariant, ...props }: EyebrowProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

package/dist/components/Grid/Grid.d.ts

@@ -3,7 +3,7 @@ import { SpaceToken } from '../../utils/spaceToken/spaceToken';
 type AutoFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense';
 type AlignContentValue = 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
 type ValidElements = 'div' | 'span';
-type PolymorphicProps<E extends ValidElements> = {
+export type PolymorphicProps<E extends ValidElements> = {
     as?: E;
 } & Omit<React.ComponentPropsWithRef<E>, 'as'>;
 export interface GridCellBaseProps {

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

@@ -1 +1,2 @@
 export { default } from './Grid';
+export type { PolymorphicProps, GridCellBaseProps, GridProps } from './Grid';

package/dist/components/Heading/Heading.d.ts

@@ -8,6 +8,7 @@ declare const heading: (props?: ({
 type HeadingVariants = VariantProps<typeof heading>;
 type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
 type HeadingSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const DEFAULT_HEADING_SIZE_MAP: Record<HeadingLevel, HeadingSize>;
 export interface HeadingProps extends HeadingVariants {
     /**
      * children

package/dist/components/Heading/Heading.js

@@ -78,6 +78,7 @@ const Heading = ({
   })}`, ...props, children });
 };
 export {
+  DEFAULT_HEADING_SIZE_MAP,
   Heading,
   Heading as default
 };

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

@@ -1 +1,2 @@
 export { default } from './Heading';
+export type { HeadingProps, DEFAULT_HEADING_SIZE_MAP } from './Heading';

package/dist/components/Icon/Icon.d.ts

@@ -5,7 +5,7 @@ export type IconSize = '0.5x' | '0.75x' | '1x' | '1.25x' | '1.5x' | '2x' | '2.5x
  * @deprecated These sizes will be removed in the next major version. Use 1x instead.
  * @ignore
  */
-export type DeprecatedIconSize = 'lg' | 'sm' | 'xs' | '2xs' | 'xl' | '2xl';
+type DeprecatedIconSize = 'lg' | 'sm' | 'xs' | '2xs' | 'xl' | '2xl';
 export interface IconProps {
     /**
      * What Icon to load from fontAwesome

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

@@ -1 +1,2 @@
 export { default } from './Icon';
+export type { IconProps, IconSize } from './Icon';

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

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

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

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