@alto-avios/alto-ui 3.4.1 → 3.5.1

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/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,2 +1,2 @@
-export { default } from './Accordion';
+export { default, AccordionGroup } from './Accordion';
 export type { AccordionProps, AccordionGroupProps } from './Accordion';

package/dist/components/Accordion/index.js

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

package/dist/components/AviosBadge/AviosBadge.js

@@ -39,7 +39,7 @@ 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: [
+  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 }),

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/CalloutBanner/CalloutBanner.js

@@ -3,29 +3,31 @@ import React from "react";
 import { Icon } from "../Icon/Icon.js";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { IconButton } from "../IconButton/IconButton.js";
-import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kvv8j_1";
-const calloutBanner__icon = "_calloutBanner__icon_kvv8j_11";
-const calloutBanner__start = "_calloutBanner__start_kvv8j_15";
-const calloutBanner__dismiss = "_calloutBanner__dismiss_kvv8j_23";
-const calloutBanner__meta = "_calloutBanner__meta_kvv8j_29";
-const calloutBanner__end = "_calloutBanner__end_kvv8j_58";
+import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kxqgt_1";
+const calloutBanner__icon = "_calloutBanner__icon_kxqgt_12";
+const calloutBanner__start = "_calloutBanner__start_kxqgt_16";
+const calloutBanner__dismiss = "_calloutBanner__dismiss_kxqgt_24";
+const calloutBanner__meta = "_calloutBanner__meta_kxqgt_30";
+const calloutBanner__end = "_calloutBanner__end_kxqgt_75";
 const styles = {
   calloutBanner: calloutBanner$1,
   calloutBanner__icon,
   calloutBanner__start,
   calloutBanner__dismiss,
   calloutBanner__meta,
-  "calloutBanner__meta-title": "_calloutBanner__meta-title_kvv8j_41",
-  "calloutBanner__meta-description": "_calloutBanner__meta-description_kvv8j_45",
-  "calloutBanner__meta-label": "_calloutBanner__meta-label_kvv8j_49",
+  "calloutBanner__meta-top": "_calloutBanner__meta-top_kxqgt_46",
+  "calloutBanner__meta-top-dismiss": "_calloutBanner__meta-top-dismiss_kxqgt_54",
+  "calloutBanner__meta-title": "_calloutBanner__meta-title_kxqgt_58",
+  "calloutBanner__meta-description": "_calloutBanner__meta-description_kxqgt_62",
+  "calloutBanner__meta-label": "_calloutBanner__meta-label_kxqgt_66",
   calloutBanner__end,
-  "calloutBanner-critical": "_calloutBanner-critical_kvv8j_66",
-  "calloutBanner-primary": "_calloutBanner-primary_kvv8j_70",
-  "calloutBanner-secondary": "_calloutBanner-secondary_kvv8j_74",
-  "calloutBanner-tertiary": "_calloutBanner-tertiary_kvv8j_83",
-  "calloutBanner-success": "_calloutBanner-success_kvv8j_92",
-  "calloutBanner-information": "_calloutBanner-information_kvv8j_118",
-  "calloutBanner-neutral": "_calloutBanner-neutral_kvv8j_144"
+  "calloutBanner-critical": "_calloutBanner-critical_kxqgt_83",
+  "calloutBanner-primary": "_calloutBanner-primary_kxqgt_87",
+  "calloutBanner-secondary": "_calloutBanner-secondary_kxqgt_91",
+  "calloutBanner-tertiary": "_calloutBanner-tertiary_kxqgt_100",
+  "calloutBanner-success": "_calloutBanner-success_kxqgt_109",
+  "calloutBanner-information": "_calloutBanner-information_kxqgt_135",
+  "calloutBanner-neutral": "_calloutBanner-neutral_kxqgt_161"
 };
 const calloutBanner = cva(styles.calloutBanner, {
   variants: {
@@ -69,6 +71,7 @@ const CalloutBanner = ({
         return "circle-exclamation";
     }
   }, [emphasis]);
+  const hasOnDismiss = typeof onDismiss === "function";
   return /* @__PURE__ */ jsxs("div", { className: calloutBanner({
     emphasis,
     styleVariant
@@ -76,13 +79,15 @@ const CalloutBanner = ({
     /* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__start"], children: [
       /* @__PURE__ */ jsx(Icon, { iconName, iconPrefix: "fas", className: styles["calloutBanner__icon"], iconSize: "1.25x", padding: "roomy" }),
       /* @__PURE__ */ jsxs("div", { className: styles["calloutBanner__meta"], children: [
-        typeof onDismiss === "function" && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, { onClick: onDismiss, styleVariant: emphasis === "primary" ? "white" : "neutral", emphasis: "quaternary", size: "sm", iconProps: {
+        hasOnDismiss && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__dismiss"], children: /* @__PURE__ */ jsx(IconButton, { onClick: onDismiss, styleVariant: emphasis === "primary" ? "white" : "neutral", emphasis: "quaternary", size: "sm", iconProps: {
           iconName: "close",
           iconPrefix: "far",
           iconSize: "1x"
         }, tooltipLabel: "Dismiss banner", "aria-label": "Dismiss banner" }) }),
-        /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__meta-title"], children: title }),
-        description && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__meta-description"], children: description }),
+        /* @__PURE__ */ jsxs("div", { className: `${styles["calloutBanner__meta-top"]} ${hasOnDismiss ? styles["calloutBanner__meta-top-dismiss"] : ""}`, children: [
+          /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__meta-title"], children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__meta-description"], children: description })
+        ] }),
         label && /* @__PURE__ */ jsx("div", { className: styles["calloutBanner__meta-label"], children: label })
       ] })
     ] }),

package/dist/components/CalloutBanner/CalloutBanner.js.map

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

package/dist/components/CreditCardNumberField/CreditCardNumberField.js

@@ -35,7 +35,7 @@ const CreditCardNumberField = ({
         onChangeControlled(values.value);
       }
       setValue(values.value);
-    } }),
+    }, autoComplete: "cc-number" }),
     /* @__PURE__ */ jsx(Icon, { iconName: cardIcon, iconPrefix: cardIcon === "credit-card" ? "fas" : "fab", className: styles.iconEnd, iconSize: "1.25x", padding: "roomy" })
   ] }) });
 };

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

@@ -30,6 +30,11 @@ export interface CreditCardSecurityCodeFieldProps extends Omit<FieldProps<Omit<A
      * Expects a DetailsDisclosure component for further information.
      */
     children?: React.ReactNode;
+    /**
+     * Digits allowed in the input
+     * @default 3
+     */
+    digits?: number;
 }
-export declare const CreditCardSecurityCodeField: ({ defaultValue, value: valueControlled, onChange: onChangeControlled, label, cardIcon, ...props }: CreditCardSecurityCodeFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreditCardSecurityCodeField: ({ defaultValue, value: valueControlled, onChange: onChangeControlled, label, cardIcon, digits, ...props }: CreditCardSecurityCodeFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default CreditCardSecurityCodeField;

package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js

@@ -17,18 +17,19 @@ const CreditCardSecurityCodeField = ({
   onChange: onChangeControlled,
   label = "Card security code",
   cardIcon = "back",
+  digits = 3,
   ...props
 }) => {
   const [value, setValue] = React.useState(defaultValue);
   const valueDefinitive = valueControlled ?? value;
   return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, label, isRequired: true, ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
-      /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: "###", customInput: Input, placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
+      /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: `${"#".repeat(digits)}`, customInput: Input, placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
         if (typeof onChangeControlled === "function") {
           onChangeControlled(values.value);
         }
         setValue(values.value);
-      } }),
+      }, autoComplete: "cc-csc" }),
       /* @__PURE__ */ jsx(CreditCardSecurityCodeIcon, { cardIcon })
     ] }),
     (props == null ? void 0 : props.children) && /* @__PURE__ */ jsx("div", { className: styles.inputChildren, children: props.children })

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

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

package/dist/components/DateField/DateField.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { DateField as DateField$1, DateInput, DateSegment } from "react-aria-components";
 import { Field } from "../_base/Field/Field.js";
 import { useMemo, useState } from "react";
-import '../../assets/DateField.css';const dateField = "_dateField_349vs_1";
-const dateInput = "_dateInput_349vs_5";
-const dateSegment = "_dateSegment_349vs_51";
+import '../../assets/DateField.css';const dateField = "_dateField_1fojc_1";
+const dateInput = "_dateInput_1fojc_5";
+const dateSegment = "_dateSegment_1fojc_50";
 const styles = {
   dateField,
   dateInput,

package/dist/components/Eyebrow/Eyebrow.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_rc11b_1";
-const inspiration = "_inspiration_rc11b_16";
-const collect = "_collect_rc11b_20";
-const spend = "_spend_rc11b_24";
-const activate = "_activate_rc11b_29";
+import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_ie5k8_1";
+const inspiration = "_inspiration_ie5k8_14";
+const collect = "_collect_ie5k8_19";
+const spend = "_spend_ie5k8_24";
+const activate = "_activate_ie5k8_29";
 const styles = {
   eyebrow: eyebrow$1,
   inspiration,

package/dist/components/Link/Link.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { Icon } from "../Icon/Icon.js";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { Link as Link$1 } from "react-aria-components";
@@ -70,6 +71,20 @@ const Link = ({
     rel: "noopener noreferrer",
     "aria-label": ariaLabelExternal
   } : {};
+  const iconSize = useMemo(() => {
+    switch (size) {
+      case "xs":
+        return "0.75x";
+      case "sm":
+        return "0.75x";
+      case "md":
+        return "1x";
+      case "lg":
+        return "1.25x";
+      default:
+        return "1x";
+    }
+  }, [size]);
   return /* @__PURE__ */ jsxs(Link$1, { className: `${link({
     size,
     underline: underline2
@@ -80,11 +95,11 @@ const Link = ({
   })}`, href, target, ...externalLinkProps, ...props, children: [
     iconStartProps && /* @__PURE__ */ jsx(Icon, { className: link({
       iconStart: !!iconStartProps
-    }), ...iconStartProps }),
+    }), iconSize, ...iconStartProps }),
     children || linkText,
     finalIconEndProps && /* @__PURE__ */ jsx(Icon, { className: link({
       iconEnd: !!finalIconEndProps
-    }), ...finalIconEndProps })
+    }), iconSize, ...finalIconEndProps })
   ] });
 };
 export {

package/dist/components/Link/Link.js.map

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

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Accordion } from './Accordion';
+export { default as Accordion, AccordionGroup } from './Accordion';
 export type * from './Accordion';
 export { default as AviosBadge } from './AviosBadge';
 export type * from './AviosBadge';

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import '../assets/global.css';/* empty css                 */
-import { Accordion } from "./Accordion/Accordion.js";
+import { Accordion, AccordionGroup } from "./Accordion/Accordion.js";
 import { AviosBadge } from "./AviosBadge/AviosBadge.js";
 import { AviosCurrencySymbol } from "./AviosCurrencySymbol/AviosCurrencySymbol.js";
 import { Badge } from "./Badge/Badge.js";
@@ -62,6 +62,7 @@ import { default as default11 } from "./ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
   Accordion,
+  AccordionGroup,
   AviosBadge,
   AviosCurrencySymbol,
   Badge,

package/dist/index.js

@@ -1,5 +1,5 @@
 import './assets/global.css';/* empty css                */
-import { Accordion } from "./components/Accordion/Accordion.js";
+import { Accordion, AccordionGroup } from "./components/Accordion/Accordion.js";
 import { AviosBadge } from "./components/AviosBadge/AviosBadge.js";
 import { AviosCurrencySymbol } from "./components/AviosCurrencySymbol/AviosCurrencySymbol.js";
 import { Badge } from "./components/Badge/Badge.js";
@@ -62,6 +62,7 @@ import { default as default11 } from "./components/ToggleIconButton/ToggleIconBu
 import { Tooltip } from "./components/Tooltip/Tooltip.js";
 export {
   Accordion,
+  AccordionGroup,
   AviosBadge,
   AviosCurrencySymbol,
   Badge,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "3.4.1",
+  "version": "3.5.1",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -108,7 +108,7 @@
     "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^3.1.0",
+    "@alto-avios/alto-tokens": "^3.2.0",
     "react": "^18.0.0"
   },
   "main": "dist/index.js",