@alto-avios/alto-ui 2.0.0-alpha.1 → 2.1.0

package/dist/assets/ButtonGroup.css

@@ -0,0 +1 @@
+._buttonGroup_1tzc6_2{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-sm) var(--alto-sem-space-2xs)}._alignStart_1tzc6_11{justify-content:flex-start}._alignCenter_1tzc6_15{justify-content:center}._alignEnd_1tzc6_19{justify-content:flex-end}._alignJustify_1tzc6_23,._alignSplit_1tzc6_28{justify-content:space-between}._alignSplit_1tzc6_28>:first-child{margin-right:auto}._alignSplit_1tzc6_28>:not(:first-child){display:flex;justify-content:flex-end}._alignStack_1tzc6_41{align-items:stretch;flex-direction:column}._alignStackFlip_1tzc6_46{align-items:stretch;flex-direction:column-reverse}

package/dist/assets/DestinationHeading.css

@@ -0,0 +1 @@
+._destinationHeading_13li7_1{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--alto-sem-space-2xs)}

package/dist/assets/Heading.css

@@ -1 +1 @@
-._heading_14dsg_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;font-weight:var(--alto-sem-text-heading-font-weight);margin:0}._xxs_14dsg_9{font-size:var(--alto-sem-text-heading-2xs-font-size);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._xs_14dsg_15{font-size:var(--alto-sem-text-heading-xs-font-size);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_14dsg_21{font-size:var(--alto-sem-text-heading-sm-font-size);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._md_14dsg_27{font-size:var(--alto-sem-text-heading-md-font-size);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-line-height)}._lg_14dsg_33{font-size:var(--alto-sem-text-heading-lg-font-size);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-line-height)}._xl_14dsg_39{font-size:var(--alto-sem-text-heading-xl-font-size);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height)}._start_14dsg_45{text-align:start}._center_14dsg_49{text-align:center}._end_14dsg_53{text-align:end}
+._heading_12ps7_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;margin:0}._xxs_12ps7_8{font-size:var(--alto-sem-text-heading-2xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._xs_12ps7_15{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_12ps7_22{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._md_12ps7_29{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-line-height)}._lg_12ps7_36{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-line-height)}._xl_12ps7_43{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height)}._start_12ps7_50{text-align:start}._center_12ps7_54{text-align:center}._end_12ps7_58{text-align:end}

package/dist/assets/NewButton.css

@@ -1 +1 @@
-._newButton_j0zyh_1{align-items:center;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;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._isNotLoading_j0zyh_26 ._loadingSpinner_j0zyh_26{opacity:0;position:absolute}._isNotLoading_j0zyh_26 ._content_j0zyh_31{opacity:1}._isLoading_j0zyh_35 ._loadingSpinner_j0zyh_26{opacity:1;position:absolute}._isLoading_j0zyh_35 ._content_j0zyh_31{opacity:0}._focusWhite_j0zyh_47:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_j0zyh_54{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_j0zyh_59{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_j0zyh_64{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_j0zyh_69{width:100%}._accentPrimary_j0zyh_77[data-focused],._accentPrimary_j0zyh_77[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_j0zyh_77[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_j0zyh_77[data-pressed][data-focused]{outline:none}._accentPrimary_j0zyh_77:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_j0zyh_96{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_j0zyh_96[data-focused],._accentSecondary_j0zyh_96[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_j0zyh_96[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_j0zyh_96[data-pressed][data-focused]{outline:none}._accentSecondary_j0zyh_96: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:none}._accentTertiary_j0zyh_123{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_j0zyh_123[data-focused],._accentTertiary_j0zyh_123[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_j0zyh_123[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_j0zyh_123[data-pressed][data-focused]{outline:none}._accentTertiary_j0zyh_123:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_j0zyh_148{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_j0zyh_148[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_j0zyh_148[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_j0zyh_148[data-pressed][data-focused]{outline:none}._accentQuaternary_j0zyh_148:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_j0zyh_172{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_j0zyh_172[data-focused],._criticalPrimary_j0zyh_172[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_j0zyh_172[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_j0zyh_172[data-pressed][data-focused]{outline:none}._criticalPrimary_j0zyh_172:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_j0zyh_196{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_j0zyh_196[data-focused],._criticalSecondary_j0zyh_196[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_j0zyh_196[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_j0zyh_196[data-pressed][data-focused]{outline:none}._criticalSecondary_j0zyh_196: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:none}._criticalTertiary_j0zyh_223{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_j0zyh_223[data-focused],._criticalTertiary_j0zyh_223[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_j0zyh_223[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_j0zyh_223[data-pressed][data-focused]{outline:none}._criticalTertiary_j0zyh_223:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_j0zyh_248{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_j0zyh_248[data-focused],._criticalQuaternary_j0zyh_248[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_j0zyh_248[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_j0zyh_248[data-pressed][data-focused]{outline:none}._criticalQuaternary_j0zyh_248:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_j0zyh_273{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_j0zyh_273[data-focused],._neutralPrimary_j0zyh_273[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_j0zyh_273[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_j0zyh_273[data-pressed][data-focused]{outline:none}._neutralPrimary_j0zyh_273:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_j0zyh_297{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_j0zyh_297[data-focused],._neutralSecondary_j0zyh_297[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_j0zyh_297[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_j0zyh_297[data-pressed][data-focused]{outline:none}._neutralSecondary_j0zyh_297:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_j0zyh_322{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_j0zyh_322[data-focused],._neutralTertiary_j0zyh_322[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_j0zyh_322[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_j0zyh_322[data-pressed][data-focused]{outline:none}._neutralTertiary_j0zyh_322:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_j0zyh_347{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_j0zyh_347[data-focused],._neutralQuaternary_j0zyh_347[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_j0zyh_347[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_j0zyh_347[data-pressed][data-focused]{outline:none}._neutralQuaternary_j0zyh_347:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_j0zyh_373{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_j0zyh_373[data-focused],._whitePrimary_j0zyh_373[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_j0zyh_373[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_j0zyh_373[data-pressed][data-focused]{outline:none}._whitePrimary_j0zyh_373:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_j0zyh_398{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_j0zyh_398[data-focused],._whiteSecondary_j0zyh_398[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_j0zyh_398[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_j0zyh_398[data-pressed][data-focused]{outline:none}._whiteSecondary_j0zyh_398:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_j0zyh_398:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_j0zyh_428{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_j0zyh_428[data-focused],._whiteTertiary_j0zyh_428[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_j0zyh_428[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_j0zyh_428[data-pressed][data-focused]{outline:none}._whiteTertiary_j0zyh_428:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_j0zyh_428:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_j0zyh_457{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_j0zyh_457[data-focused],._whiteQuaternary_j0zyh_457[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_j0zyh_457[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_j0zyh_457[data-pressed][data-focused]{outline:none}._whiteQuaternary_j0zyh_457:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_j0zyh_457:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_j0zyh_488{height:1rem;width:1rem}._icon-wrapper_j0zyh_493{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._newButton_1ajlh_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._newButton_1ajlh_1,._newButton_1ajlh_1 ._content_1ajlh_23{display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1ajlh_31 ._loadingSpinner_1ajlh_31{opacity:0;position:absolute}._isNotLoading_1ajlh_31 ._content_1ajlh_23{opacity:1}._isLoading_1ajlh_40 ._loadingSpinner_1ajlh_31{opacity:1;position:absolute}._isLoading_1ajlh_40 ._content_1ajlh_23{opacity:0}._focusWhite_1ajlh_52:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_1ajlh_59{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1ajlh_64{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1ajlh_69{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1ajlh_74{width:100%}._accentPrimary_1ajlh_82[data-focused],._accentPrimary_1ajlh_82[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1ajlh_82[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1ajlh_82[data-pressed][data-focused]{outline:none}._accentPrimary_1ajlh_82:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1ajlh_101{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1ajlh_101[data-focused],._accentSecondary_1ajlh_101[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1ajlh_101[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1ajlh_101[data-pressed][data-focused]{outline:none}._accentSecondary_1ajlh_101: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:none}._accentTertiary_1ajlh_128{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1ajlh_128[data-focused],._accentTertiary_1ajlh_128[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1ajlh_128[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1ajlh_128[data-pressed][data-focused]{outline:none}._accentTertiary_1ajlh_128:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1ajlh_153{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1ajlh_153[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1ajlh_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1ajlh_153[data-pressed][data-focused]{outline:none}._accentQuaternary_1ajlh_153:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1ajlh_177{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1ajlh_177[data-focused],._criticalPrimary_1ajlh_177[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1ajlh_177[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1ajlh_177[data-pressed][data-focused]{outline:none}._criticalPrimary_1ajlh_177:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1ajlh_201{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1ajlh_201[data-focused],._criticalSecondary_1ajlh_201[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1ajlh_201[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1ajlh_201[data-pressed][data-focused]{outline:none}._criticalSecondary_1ajlh_201: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:none}._criticalTertiary_1ajlh_228{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1ajlh_228[data-focused],._criticalTertiary_1ajlh_228[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1ajlh_228[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1ajlh_228[data-pressed][data-focused]{outline:none}._criticalTertiary_1ajlh_228:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1ajlh_253{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1ajlh_253[data-focused],._criticalQuaternary_1ajlh_253[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1ajlh_253[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1ajlh_253[data-pressed][data-focused]{outline:none}._criticalQuaternary_1ajlh_253:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1ajlh_278{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1ajlh_278[data-focused],._neutralPrimary_1ajlh_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1ajlh_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1ajlh_278[data-pressed][data-focused]{outline:none}._neutralPrimary_1ajlh_278:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1ajlh_302{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1ajlh_302[data-focused],._neutralSecondary_1ajlh_302[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1ajlh_302[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1ajlh_302[data-pressed][data-focused]{outline:none}._neutralSecondary_1ajlh_302:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1ajlh_327{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1ajlh_327[data-focused],._neutralTertiary_1ajlh_327[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1ajlh_327[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1ajlh_327[data-pressed][data-focused]{outline:none}._neutralTertiary_1ajlh_327:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1ajlh_352{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1ajlh_352[data-focused],._neutralQuaternary_1ajlh_352[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1ajlh_352[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1ajlh_352[data-pressed][data-focused]{outline:none}._neutralQuaternary_1ajlh_352:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1ajlh_378{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1ajlh_378[data-focused],._whitePrimary_1ajlh_378[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1ajlh_378[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1ajlh_378[data-pressed][data-focused]{outline:none}._whitePrimary_1ajlh_378:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1ajlh_403{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1ajlh_403[data-focused],._whiteSecondary_1ajlh_403[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1ajlh_403[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1ajlh_403[data-pressed][data-focused]{outline:none}._whiteSecondary_1ajlh_403:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1ajlh_403:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1ajlh_433{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1ajlh_433[data-focused],._whiteTertiary_1ajlh_433[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1ajlh_433[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1ajlh_433[data-pressed][data-focused]{outline:none}._whiteTertiary_1ajlh_433:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1ajlh_433:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1ajlh_462{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1ajlh_462[data-focused],._whiteQuaternary_1ajlh_462[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1ajlh_462[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1ajlh_462[data-pressed][data-focused]{outline:none}._whiteQuaternary_1ajlh_462:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1ajlh_462:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1ajlh_493{height:1rem;width:1rem}._icon-wrapper_1ajlh_498{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/Paragraph.css

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

package/dist/assets/SubHeading.css

@@ -1 +1 @@
-._subHeading_1ngd2_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;font-weight:var(--alto-sem-text-heading-font-weight);margin:0}._xs_1ngd2_9{font-size:var(--alto-sem-text-heading-xs-font-size);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_1ngd2_15{font-size:var(--alto-sem-text-heading-sm-font-size);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._start_1ngd2_21{text-align:start}._center_1ngd2_25{text-align:center}._end_1ngd2_29{text-align:end}
+._subHeading_qng6l_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;margin:0}._xs_qng6l_8{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_qng6l_15{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._start_qng6l_22{text-align:start}._center_qng6l_26{text-align:center}._end_qng6l_30{text-align:end}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface ButtonGroupProps {
+    /**
+     * The buttons to be displayed within the group (maximum of three).
+     */
+    children: ReactNode;
+    /**
+     * Determines how the buttons are arranged.
+     */
+    align?: 'start' | 'center' | 'end' | 'justify' | 'split' | 'stack' | 'stackFlip';
+}
+export declare const ButtonGroup: ({ children, align, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_1tzc6_2";
+const alignStart = "_alignStart_1tzc6_11";
+const alignCenter = "_alignCenter_1tzc6_15";
+const alignEnd = "_alignEnd_1tzc6_19";
+const alignJustify = "_alignJustify_1tzc6_23";
+const alignSplit = "_alignSplit_1tzc6_28";
+const alignStack = "_alignStack_1tzc6_41";
+const alignStackFlip = "_alignStackFlip_1tzc6_46";
+const styles = {
+  buttonGroup,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignJustify,
+  alignSplit,
+  alignStack,
+  alignStackFlip
+};
+const buttonGroupStyles = cva(styles.buttonGroup, {
+  variants: {
+    align: {
+      start: styles.alignStart,
+      center: styles.alignCenter,
+      end: styles.alignEnd,
+      justify: styles.alignJustify,
+      split: styles.alignSplit,
+      stack: styles.alignStack,
+      stackFlip: styles.alignStackFlip
+    }
+  },
+  defaultVariants: {
+    align: "start"
+  }
+});
+const ButtonGroup = ({
+  children,
+  align = "start"
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
+    align
+  })}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
+};
+export {
+  ButtonGroup,
+  ButtonGroup as default
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/ButtonGroup/ButtonGroup.js.map

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

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

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

package/dist/components/ButtonGroup/index.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { HeadingProps } from '../Heading/Heading';
+export interface DestinationHeadingProps extends Omit<HeadingProps, "children"> {
+    from: string;
+    to: string;
+    /**
+     * Custom a11y label for the arrow icon between destinations.
+     * @default "to"
+     */
+    iconLabel?: string;
+}
+export declare const DestinationHeading: ({ from, to, iconLabel, ...props }: DestinationHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export default DestinationHeading;

package/dist/components/DestinationHeading/DestinationHeading.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../Heading/Heading.js";
+import { Icon } from "../Icon/Icon.js";
+import '../../assets/DestinationHeading.css';const destinationHeading = "_destinationHeading_13li7_1";
+const styles = {
+  destinationHeading
+};
+const DestinationHeading = ({
+  from,
+  to,
+  iconLabel = "to",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Heading, { ...props, children: /* @__PURE__ */ jsxs("span", { className: styles.destinationHeading, children: [
+    from,
+    /* @__PURE__ */ jsx(Icon, { iconName: "arrow-right", iconPrefix: "fas", ariaLabel: iconLabel }),
+    " ",
+    to
+  ] }) });
+};
+export {
+  DestinationHeading,
+  DestinationHeading as default
+};
+//# sourceMappingURL=DestinationHeading.js.map

package/dist/components/DestinationHeading/DestinationHeading.js.map

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

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

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

package/dist/components/DestinationHeading/index.js

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

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

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

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

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import { fgColorVariants } from '../../utils/fgColour/fgColor';
 declare const heading: (props?: ({
     size?: "lg" | "sm" | "xs" | "md" | "xxs" | "xl" | null | undefined;
-    textAlign?: "center" | "start" | "end" | null | undefined;
+    textAlign?: "start" | "center" | "end" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HeadingVariants = VariantProps<typeof heading>;
 type FgColorVariants = VariantProps<typeof fgColorVariants>;

package/dist/components/Heading/Heading.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { fgColorVariants } from "../../utils/fgColour/fgColor.js";
-import '../../assets/Heading.css';const heading$1 = "_heading_14dsg_1";
-const xxs = "_xxs_14dsg_9";
-const xs = "_xs_14dsg_15";
-const sm = "_sm_14dsg_21";
-const md = "_md_14dsg_27";
-const lg = "_lg_14dsg_33";
-const xl = "_xl_14dsg_39";
-const start = "_start_14dsg_45";
-const center = "_center_14dsg_49";
-const end = "_end_14dsg_53";
+import '../../assets/Heading.css';const heading$1 = "_heading_12ps7_1";
+const xxs = "_xxs_12ps7_8";
+const xs = "_xs_12ps7_15";
+const sm = "_sm_12ps7_22";
+const md = "_md_12ps7_29";
+const lg = "_lg_12ps7_36";
+const xl = "_xl_12ps7_43";
+const start = "_start_12ps7_50";
+const center = "_center_12ps7_54";
+const end = "_end_12ps7_58";
 const styles = {
   heading: heading$1,
   xxs,

package/dist/components/NewButton/NewButton.js

@@ -5,37 +5,37 @@ import { useButton } from "@react-aria/button";
 import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/NewButton.css';const newButton$1 = "_newButton_j0zyh_1";
-const isNotLoading = "_isNotLoading_j0zyh_26";
-const loadingSpinner = "_loadingSpinner_j0zyh_26";
-const content = "_content_j0zyh_31";
-const isLoading = "_isLoading_j0zyh_35";
-const focusWhite = "_focusWhite_j0zyh_47";
-const sm = "_sm_j0zyh_54";
-const md = "_md_j0zyh_59";
-const lg = "_lg_j0zyh_64";
-const fullWidth = "_fullWidth_j0zyh_69";
-const accentPrimary = "_accentPrimary_j0zyh_77";
-const accentSecondary = "_accentSecondary_j0zyh_96";
-const accentTertiary = "_accentTertiary_j0zyh_123";
-const accentQuaternary = "_accentQuaternary_j0zyh_148";
-const criticalPrimary = "_criticalPrimary_j0zyh_172";
-const criticalSecondary = "_criticalSecondary_j0zyh_196";
-const criticalTertiary = "_criticalTertiary_j0zyh_223";
-const criticalQuaternary = "_criticalQuaternary_j0zyh_248";
-const neutralPrimary = "_neutralPrimary_j0zyh_273";
-const neutralSecondary = "_neutralSecondary_j0zyh_297";
-const neutralTertiary = "_neutralTertiary_j0zyh_322";
-const neutralQuaternary = "_neutralQuaternary_j0zyh_347";
-const whitePrimary = "_whitePrimary_j0zyh_373";
-const whiteSecondary = "_whiteSecondary_j0zyh_398";
-const whiteTertiary = "_whiteTertiary_j0zyh_428";
-const whiteQuaternary = "_whiteQuaternary_j0zyh_457";
+import '../../assets/NewButton.css';const newButton$1 = "_newButton_1ajlh_1";
+const content = "_content_1ajlh_23";
+const isNotLoading = "_isNotLoading_1ajlh_31";
+const loadingSpinner = "_loadingSpinner_1ajlh_31";
+const isLoading = "_isLoading_1ajlh_40";
+const focusWhite = "_focusWhite_1ajlh_52";
+const sm = "_sm_1ajlh_59";
+const md = "_md_1ajlh_64";
+const lg = "_lg_1ajlh_69";
+const fullWidth = "_fullWidth_1ajlh_74";
+const accentPrimary = "_accentPrimary_1ajlh_82";
+const accentSecondary = "_accentSecondary_1ajlh_101";
+const accentTertiary = "_accentTertiary_1ajlh_128";
+const accentQuaternary = "_accentQuaternary_1ajlh_153";
+const criticalPrimary = "_criticalPrimary_1ajlh_177";
+const criticalSecondary = "_criticalSecondary_1ajlh_201";
+const criticalTertiary = "_criticalTertiary_1ajlh_228";
+const criticalQuaternary = "_criticalQuaternary_1ajlh_253";
+const neutralPrimary = "_neutralPrimary_1ajlh_278";
+const neutralSecondary = "_neutralSecondary_1ajlh_302";
+const neutralTertiary = "_neutralTertiary_1ajlh_327";
+const neutralQuaternary = "_neutralQuaternary_1ajlh_352";
+const whitePrimary = "_whitePrimary_1ajlh_378";
+const whiteSecondary = "_whiteSecondary_1ajlh_403";
+const whiteTertiary = "_whiteTertiary_1ajlh_433";
+const whiteQuaternary = "_whiteQuaternary_1ajlh_462";
 const styles = {
   newButton: newButton$1,
+  content,
   isNotLoading,
   loadingSpinner,
-  content,
   isLoading,
   focusWhite,
   sm,
@@ -58,8 +58,8 @@ const styles = {
   whiteSecondary,
   whiteTertiary,
   whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_j0zyh_488",
-  "icon-wrapper": "_icon-wrapper_j0zyh_493"
+  "fa-spinner-third": "_fa-spinner-third_1ajlh_493",
+  "icon-wrapper": "_icon-wrapper_1ajlh_498"
 };
 const newButton = cva(styles.newButton, {
   variants: {

package/dist/components/Paragraph/Paragraph.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { fgColorVariants } from '../../utils/fgColour/fgColor';
+declare const paragraph: (props?: ({
+    size?: "lg" | "sm" | "xs" | "md" | null | undefined;
+    textAlign?: "start" | "center" | "end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ParagraphVariants = VariantProps<typeof paragraph>;
+type FgColorVariants = VariantProps<typeof fgColorVariants>;
+type ParagraphSize = "xs" | "sm" | "md" | "lg";
+export interface ParagraphProps extends ParagraphVariants {
+    children: React.ReactNode;
+    /**
+     * The size of the paragraph
+     * @default "md"
+     */
+    size?: ParagraphSize;
+    /**
+     * The foreground color of the paragraph
+     * @default "secondary"
+     */
+    fgColor?: FgColorVariants["fgColor"];
+    /**
+     * The text alignment of the paragraph
+     * @default "start"
+     */
+    textAlign?: "start" | "center" | "end";
+}
+export declare const Paragraph: ({ children, size, fgColor, textAlign, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export default Paragraph;

package/dist/components/Paragraph/Paragraph.js

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { fgColorVariants } from "../../utils/fgColour/fgColor.js";
+import '../../assets/Paragraph.css';const paragraph$1 = "_paragraph_odu3c_1";
+const xs = "_xs_odu3c_9";
+const sm = "_sm_odu3c_15";
+const md = "_md_odu3c_21";
+const lg = "_lg_odu3c_27";
+const start = "_start_odu3c_33";
+const center = "_center_odu3c_37";
+const end = "_end_odu3c_41";
+const styles = {
+  paragraph: paragraph$1,
+  xs,
+  sm,
+  md,
+  lg,
+  start,
+  center,
+  end
+};
+const paragraph = cva(styles.paragraph, {
+  variants: {
+    size: {
+      xs: styles.xs,
+      sm: styles.sm,
+      md: styles.md,
+      lg: styles.lg
+    },
+    textAlign: {
+      start: styles.start,
+      center: styles.center,
+      end: styles.end
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    textAlign: "start"
+  }
+});
+const Paragraph = ({
+  children,
+  size = "md",
+  fgColor = "secondary",
+  textAlign = "start",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx("p", { className: `${paragraph({
+    size,
+    textAlign
+  })} ${fgColorVariants({
+    fgColor
+  })}`, ...props, children });
+};
+export {
+  Paragraph,
+  Paragraph as default
+};
+//# sourceMappingURL=Paragraph.js.map

package/dist/components/Paragraph/Paragraph.js.map

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

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

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

package/dist/components/Paragraph/index.js

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

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

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

package/dist/components/SubHeading/SubHeading.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import { fgColorVariants } from '../../utils/fgColour/fgColor';
 declare const subHeading: (props?: ({
     size?: "sm" | "xs" | null | undefined;
-    textAlign?: "center" | "start" | "end" | null | undefined;
+    textAlign?: "start" | "center" | "end" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HeadingVariants = VariantProps<typeof subHeading>;
 type FgColorVariants = VariantProps<typeof fgColorVariants>;

package/dist/components/SubHeading/SubHeading.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { fgColorVariants } from "../../utils/fgColour/fgColor.js";
-import '../../assets/SubHeading.css';const subHeading$1 = "_subHeading_1ngd2_1";
-const xs = "_xs_1ngd2_9";
-const sm = "_sm_1ngd2_15";
-const start = "_start_1ngd2_21";
-const center = "_center_1ngd2_25";
-const end = "_end_1ngd2_29";
+import '../../assets/SubHeading.css';const subHeading$1 = "_subHeading_qng6l_1";
+const xs = "_xs_qng6l_8";
+const sm = "_sm_qng6l_15";
+const start = "_start_qng6l_22";
+const center = "_center_qng6l_26";
+const end = "_end_qng6l_30";
 const styles = {
   subHeading: subHeading$1,
   xs,

package/dist/components/index.d.ts

@@ -1,8 +1,10 @@
 export { default as Badge } from './Badge';
 export { default as Button } from './Button';
+export { default as ButtonGroup } from './ButtonGroup';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as DateField } from './DateField';
+export { default as DestinationHeading } from './DestinationHeading';
 export { default as Eyebrow } from './Eyebrow';
 export { default as FieldDescription } from './FieldDescription';
 export { default as FieldError } from './FieldError';

package/dist/components/index.js

@@ -1,9 +1,11 @@
 import '../assets/global.css';/* empty css                 */
 import { Badge } from "./Badge/Badge.js";
 import { Button } from "./Button/Button.js";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
 import { Checkbox } from "./Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./CheckboxGroup/CheckboxGroup.js";
 import { DateField } from "./DateField/DateField.js";
+import { DestinationHeading } from "./DestinationHeading/DestinationHeading.js";
 import { Eyebrow } from "./Eyebrow/Eyebrow.js";
 import { default as default2 } from "./FieldDescription/FieldDescription.js";
 import { FieldError } from "./FieldError/FieldError.js";
@@ -28,9 +30,11 @@ import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
   Badge,
   Button,
+  ButtonGroup,
   Checkbox,
   CheckboxGroup,
   DateField,
+  DestinationHeading,
   Eyebrow,
   default2 as FieldDescription,
   FieldError,

package/dist/components/index.js.map

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

package/dist/index.js

@@ -1,9 +1,11 @@
 import './assets/global.css';/* empty css                */
 import { Badge } from "./components/Badge/Badge.js";
 import { Button } from "./components/Button/Button.js";
+import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
 import { Checkbox } from "./components/Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup.js";
 import { DateField } from "./components/DateField/DateField.js";
+import { DestinationHeading } from "./components/DestinationHeading/DestinationHeading.js";
 import { Eyebrow } from "./components/Eyebrow/Eyebrow.js";
 import { default as default2 } from "./components/FieldDescription/FieldDescription.js";
 import { FieldError } from "./components/FieldError/FieldError.js";
@@ -28,9 +30,11 @@ import { Tooltip } from "./components/Tooltip/Tooltip.js";
 export {
   Badge,
   Button,
+  ButtonGroup,
   Checkbox,
   CheckboxGroup,
   DateField,
+  DestinationHeading,
   Eyebrow,
   default2 as FieldDescription,
   FieldError,

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.0.0-alpha.1",
+  "version": "2.1.0",
   "description": "A react component library for Alto Design System",
   "author": "Ian Caldwell IAGL",
   "license": "MIT",
@@ -62,7 +62,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^2.1.0",
+    "@alto-avios/alto-tokens": "^2.2.0",
     "react": "^18.0.0"
   },
   "main": "dist/index.js",