@pismo/marola 1.0.0-beta.3 → 1.0.0-beta.30

package/dist/assets/Stepper.css

@@ -1 +1 @@
-._u-typography-h1_a47qe_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_a47qe_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_a47qe_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_a47qe_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_a47qe_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_a47qe_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_a47qe_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_a47qe_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_a47qe_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_a47qe_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_a47qe_60,._stepper_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_a47qe_64,._stepper_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60,._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64,._stepper_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_a47qe_67{text-decoration:line-through}._u-typography-base--underlined_a47qe_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_a47qe_73{text-decoration:underline line-through}._stepper_a47qe_60{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_a47qe_60 ._item_a47qe_60{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_a47qe_60 ._item_a47qe_60:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60:first-child:before,._stepper_a47qe_60 ._item_a47qe_60:last-child:after{content:none}._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64 ._name_a47qe_60{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--active_a47qe_64 ._counter_a47qe_64{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60{color:var(--gray-75);transition:all var(--transition-long)}
+._u-typography-h1_7fsnr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_7fsnr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_7fsnr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_7fsnr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_7fsnr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_7fsnr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_7fsnr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_7fsnr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_7fsnr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_7fsnr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_7fsnr_61,._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_7fsnr_65,._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61,._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65,._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_7fsnr_68{text-decoration:line-through}._u-typography-base--underlined_7fsnr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_7fsnr_74{text-decoration:underline line-through}._stepper_7fsnr_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_7fsnr_61 ._item_7fsnr_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_7fsnr_61 ._item_7fsnr_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:first-child:before,._stepper_7fsnr_61 ._item_7fsnr_61:last-child:after{content:none}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._name_7fsnr_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._counter_7fsnr_65{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61{color:var(--gray-75);transition:all var(--transition-long)}

package/dist/assets/StepperNavigator.css

@@ -0,0 +1 @@
+._stepper-navigator_1ouny_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_1ouny_1>span{display:flex;gap:1rem}._cancel-button_1ouny_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_1ouny_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_1ouny_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_1ouny_20:disabled{border-color:transparent}._previous-button_1ouny_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}

package/dist/assets/Table.css

@@ -1 +1 @@
-._u-typography-h1_1gspp_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1gspp_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1gspp_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1gspp_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1gspp_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1gspp_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1gspp_43,._table_1gspp_43 tbody{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1gspp_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1gspp_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1gspp_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1gspp_60,._table_1gspp_43 thead{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1gspp_64,._table_1gspp_43 thead{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1gspp_67{text-decoration:line-through}._u-typography-base--underlined_1gspp_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1gspp_73{text-decoration:underline line-through}._table_1gspp_43{color:var(--secondary-orange);border-spacing:0}._table--full-width_1gspp_81{width:100%}._table--white-theme_1gspp_84{background:var(--white-100)}._table--transparent-theme_1gspp_87{background:transparent}._table_1gspp_43 th._cell--left-alignment_1gspp_90,._table_1gspp_43 td._cell--left-alignment_1gspp_90{text-align:left}._table_1gspp_43 th._cell--center-alignment_1gspp_94,._table_1gspp_43 td._cell--center-alignment_1gspp_94{text-align:center}._table_1gspp_43 th._cell--right-alignment_1gspp_98,._table_1gspp_43 td._cell--right-alignment_1gspp_98{text-align:right}._table_1gspp_43 thead{color:var(--gray-90);text-transform:uppercase}._table_1gspp_43 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114{padding:var(--children-pv) var(--children-ph)}._table_1gspp_43 thead tr th ._th__wrapper--pressed_1gspp_117{background-color:var(--gray-10);border-radius:6px}._table_1gspp_43 thead tr th ._th__wrapper--clickable_1gspp_121{cursor:pointer}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114 ._th__sort-icon-container_1gspp_124{padding-left:4px}._table_1gspp_43 tbody{color:var(--gray-90)}._table_1gspp_43 tbody tr:hover:not(._tr__row-or-cell--disabled_1gspp_130){background-color:rgb(var(--gray-5-rgb),.5)}._table_1gspp_43 tbody ._tr_1gspp_130,._table_1gspp_43 tbody ._td_1gspp_134{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_1gspp_43 tbody ._tr__row-or-cell--clickable_1gspp_139,._table_1gspp_43 tbody ._td__row-or-cell--clickable_1gspp_140{cursor:pointer}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144{background:var(--cream);filter:grayscale(1)}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130 ._td-wrapper_1gspp_148,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144 ._td-wrapper_1gspp_148{opacity:.25}
+._u-typography-h1_1ysnl_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1ysnl_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1ysnl_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1ysnl_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1ysnl_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1ysnl_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1ysnl_43,._table_1ysnl_43 tbody{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1ysnl_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1ysnl_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1ysnl_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1ysnl_61,._table_1ysnl_43 thead{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1ysnl_65,._table_1ysnl_43 thead{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1ysnl_68{text-decoration:line-through}._u-typography-base--underlined_1ysnl_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1ysnl_74{text-decoration:underline line-through}._table_1ysnl_43{color:var(--secondary-orange);border-spacing:0}._table--fixed_1ysnl_82{table-layout:fixed}._table--full-width_1ysnl_85{width:100%}._table--white-theme_1ysnl_88{background:var(--white-100)}._table--transparent-theme_1ysnl_91{background:transparent}._table_1ysnl_43 th._cell--left-alignment_1ysnl_94,._table_1ysnl_43 td._cell--left-alignment_1ysnl_94{text-align:left}._table_1ysnl_43 th._cell--center-alignment_1ysnl_98,._table_1ysnl_43 td._cell--center-alignment_1ysnl_98{text-align:center}._table_1ysnl_43 th._cell--right-alignment_1ysnl_102,._table_1ysnl_43 td._cell--right-alignment_1ysnl_102{text-align:right}._table_1ysnl_43 thead{color:var(--gray-90);text-transform:uppercase}._table_1ysnl_43 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_1ysnl_43 thead tr th ._th__wrapper_1ysnl_118{padding:var(--children-pv) var(--children-ph)}._table_1ysnl_43 thead tr th ._th__wrapper--pressed_1ysnl_121{background-color:var(--gray-10);border-radius:6px}._table_1ysnl_43 thead tr th ._th__wrapper--clickable_1ysnl_125{cursor:pointer}._table_1ysnl_43 thead tr th ._th__wrapper_1ysnl_118 ._th__sort-icon-container_1ysnl_128{padding-left:4px}._table_1ysnl_43 tbody{color:var(--gray-90)}._table_1ysnl_43 tbody tr:hover:not(._tr__row-or-cell--disabled_1ysnl_134){background-color:rgb(var(--gray-5-rgb),.5)}._table_1ysnl_43 tbody ._tr_1ysnl_134,._table_1ysnl_43 tbody ._td_1ysnl_138{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_1ysnl_43 tbody ._tr__row-or-cell--clickable_1ysnl_143,._table_1ysnl_43 tbody ._td__row-or-cell--clickable_1ysnl_144{cursor:pointer}._table_1ysnl_43 tbody ._tr__row-or-cell--disabled_1ysnl_134,._table_1ysnl_43 tbody ._td__row-or-cell--disabled_1ysnl_148{background:var(--cream);filter:grayscale(1)}._table_1ysnl_43 tbody ._tr__row-or-cell--disabled_1ysnl_134 ._td-wrapper_1ysnl_152,._table_1ysnl_43 tbody ._td__row-or-cell--disabled_1ysnl_148 ._td-wrapper_1ysnl_152{opacity:.25}

package/dist/assets/Tabs.css

@@ -1 +1 @@
-._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
+._tabs_1xfbu_1{gap:8px;width:100%}._tabs__tab_1xfbu_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_1xfbu_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_1xfbu_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_1xfbu_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_1xfbu_23:focus,._tabs__tab--disabled_1xfbu_23:active,._tabs__tab--disabled_1xfbu_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_1xfbu_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_1xfbu_36{width:100%;margin-top:16px}

package/dist/assets/TextDisplay.css

@@ -1 +1 @@
-._container_13z5o_1{display:flex;flex-direction:column}
+._container_ia8vu_1{display:flex;flex-direction:column}._container--inline_ia8vu_5{flex-direction:row;gap:.5rem}

package/dist/assets/Toggle.css

@@ -1 +1 @@
-._u-typography-h1_ccpk4_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_ccpk4_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_ccpk4_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_ccpk4_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_ccpk4_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_ccpk4_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_ccpk4_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ccpk4_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ccpk4_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ccpk4_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ccpk4_60,._chip_ccpk4_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ccpk4_64,._chip_ccpk4_60{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ccpk4_67{text-decoration:line-through}._u-typography-base--underlined_ccpk4_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_ccpk4_73{text-decoration:underline line-through}._chip_ccpk4_60{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_ccpk4_60:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_ccpk4_89{cursor:pointer;border-color:transparent}._chip--button_ccpk4_89:disabled{cursor:initial}._chip--button_ccpk4_89:focus-visible{outline:none}._chip--button_ccpk4_89:focus{outline:2px solid var(--black-100)}._chip--outlined_ccpk4_102{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_ccpk4_108{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_ccpk4_114{display:flex;align-items:center;margin-right:.5rem}._chip__remove_ccpk4_119{display:flex;margin-left:.5rem}._chip__remove_ccpk4_119:focus-visible{outline:none}._chip__remove_ccpk4_119:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_ccpk4_130{cursor:default}._chip-loading_ccpk4_134{display:inline-flex;width:6rem;height:2rem;border-radius:4rem}
+._u-typography-h1_p0gq9_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_p0gq9_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_p0gq9_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_p0gq9_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_p0gq9_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_p0gq9_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_p0gq9_43,._toggle__label_p0gq9_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_p0gq9_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_p0gq9_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_p0gq9_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_p0gq9_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_p0gq9_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_p0gq9_68{text-decoration:line-through}._u-typography-base--underlined_p0gq9_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_p0gq9_74{text-decoration:underline line-through}._toggle_p0gq9_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_p0gq9_85{width:2.25rem;height:1.5rem}._toggle_p0gq9_43 ._input_p0gq9_89{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_p0gq9_43 ._thumb_p0gq9_100{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_p0gq9_43 ._track_p0gq9_114{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_p0gq9_124._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{border:1px solid var(--black-100);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_p0gq9_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{opacity:1}._toggle_p0gq9_43:has(._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141)) ._toggle__label_p0gq9_43{color:var(--black-100)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle__label_p0gq9_43{color:var(--gray-50)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:#dbdae266}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{background-color:var(--gray-25);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle_p0gq9_43:has(._toggle--checked_p0gq9_128) ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--focus-visible_p0gq9_124) ._toggle__label_p0gq9_43{color:var(--black-100)}

package/dist/assets/Toggle2.css

@@ -1 +1 @@
-._u-typography-h1_1rzg2_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1rzg2_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1rzg2_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1rzg2_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1rzg2_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1rzg2_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1rzg2_43,._toggle__label_1rzg2_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rzg2_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rzg2_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rzg2_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rzg2_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rzg2_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rzg2_67{text-decoration:line-through}._u-typography-base--underlined_1rzg2_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rzg2_73{text-decoration:underline line-through}._toggle_1rzg2_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_1rzg2_84{width:2.25rem;height:1.5rem}._toggle_1rzg2_43 ._input_1rzg2_88{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_1rzg2_43 ._thumb_1rzg2_99{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_1rzg2_43 ._track_1rzg2_113{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_1rzg2_123._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{border:1px solid var(--black-100);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_1rzg2_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{opacity:1}._toggle_1rzg2_43:has(._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140)) ._toggle__label_1rzg2_43{color:var(--black-100)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle__label_1rzg2_43{color:var(--gray-50)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:#dbdae266}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{background-color:var(--gray-25);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle_1rzg2_43:has(._toggle--checked_1rzg2_127) ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--focus-visible_1rzg2_123) ._toggle__label_1rzg2_43{color:var(--black-100)}
+._u-typography-h1_1wvod_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1wvod_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1wvod_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1wvod_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1wvod_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1wvod_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-item_8z1a0_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--gray-10);border-radius:6px;outline:none}._row-item_8z1a0_1:focus-visible{outline:none}._row-item--clickable_8z1a0_13{cursor:pointer}._row-item--clickable_8z1a0_13:focus{outline:2px solid var(--black-100)}._row-item--disabled_8z1a0_19{cursor:not-allowed}._row-item__content_8z1a0_22{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-right:1rem;padding-left:1rem;margin:0;text-align:center}._row-item__content_8z1a0_22:focus-visible{outline:none}._row-item__content_8z1a0_22:focus{outline:2px solid var(--black-100)}

package/dist/assets/Typography.css

@@ -1 +1 @@
-._u-typography-h1_zizdh_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_zizdh_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_zizdh_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_zizdh_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_zizdh_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_zizdh_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_zizdh_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zizdh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zizdh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zizdh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zizdh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zizdh_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zizdh_67{text-decoration:line-through}._u-typography-base--underlined_zizdh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_zizdh_73{text-decoration:underline line-through}
+._u-typography-h1_gn8st_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_gn8st_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_gn8st_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_gn8st_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_gn8st_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_gn8st_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_gn8st_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gn8st_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gn8st_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gn8st_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gn8st_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gn8st_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gn8st_68{text-decoration:line-through}._u-typography-base--underlined_gn8st_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gn8st_74{text-decoration:underline line-through}

package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-C-zYvfnF.js}

@@ -1,4 +1,4 @@
-import { f as E, b as a } from "./index-CH45lKw7.js";
+import { f as E, b as a } from "./useSlotProps-C_I1kEHr.js";
 import * as r from "react";
 const f = {
   blur: "list:blur",

package/dist/components/Adornment/Adornment.d.ts

@@ -0,0 +1,20 @@
+import { IconProps } from '../Icon/Icon.tsx';
+import { Either } from '../../types/helpers';
+import { ReactNode } from 'react';
+
+export type AdornmentSlotProps = {
+    /** Any additional classes to apply to the adornment */
+    className?: string;
+    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
+    'data-testid'?: string;
+};
+export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
+    /** Whether to render in a disabled state */
+    disabled?: boolean;
+};
+export type CustomIconAdornment = AdornmentSlotProps & {
+    /** Render a complete custom icon outside of Marola icon system */
+    customIcon: ReactNode;
+};
+export type AdornmentProps = Either<CustomIconAdornment, MarolaIconAdornment>;
+export declare const Adornment: (props: AdornmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Adornment/Adornment.js

@@ -0,0 +1,13 @@
+import '../../assets/Adornment.css';
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../clsx-DB4S2d7J.js";
+import { Icon as d } from "../Icon/Icon.js";
+const l = "_adornment_1bwrg_1", i = {
+  adornment: l
+}, g = (t) => {
+  const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
+  return /* @__PURE__ */ n("span", { className: c(i.adornment, e), "data-testid": t["data-testid"], children: t != null && t.customIcon ? t == null ? void 0 : t.customIcon : /* @__PURE__ */ n(d, { color: o, icon: m, size: t.size }) });
+};
+export {
+  g as Adornment
+};

package/dist/components/Adornment/Adornment.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: (props: import('./Adornment').AdornmentProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithMarolaIcon: Story;
+export declare const WithCustomIcon: Story;

package/dist/components/Adornment/adornment.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Advice/Advice.d.ts

@@ -1,30 +1,45 @@
-import { Icon } from '../Icon/Icon';
+import { TypographyProps } from '../Typography/Typography';
+import { IconProps } from '../Icon/Icon';
 import { ReactNode } from 'react';
 
-export type AdviceTypes = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
-export type AdviceProps = {
-    /** Advice icon.
-     * This property uses the Icon Component Props
-     */
-    icon?: React.ComponentProps<typeof Icon>;
-    /** Advice SVG icon */
-    IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    /** Type of advice */
-    type?: AdviceTypes;
-    /** Advice content message */
-    content?: ReactNode;
+export type AdviceType = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
+type AdviceCommonProps = {
+    /** Advice title message */
     title?: string;
+    /** Advice title message props */
+    titleProps?: Omit<TypographyProps, 'children'>;
+    /** Advice description message */
     description?: string;
-    /** Space seperated list of CSS classes to apply */
+    /** Advice description message props */
+    descriptionProps?: Omit<TypographyProps, 'children'>;
+    /** Advice content message */
+    content?: ReactNode;
+    /** Space separated list of CSS classes to apply */
     className?: string;
     /** ID that tests can use to get this component from the DOM */
     'data-testid'?: string;
+    type?: never;
+    icon?: never;
+    iconSvg?: never;
+};
+type AdviceWithType = Omit<AdviceCommonProps, 'type'> & {
+    /** Type of advice */
+    type?: AdviceType;
+};
+type AdviceWithIcon = Omit<AdviceCommonProps, 'icon'> & {
+    /** Advice icon.
+     * This property uses the Icon Component Props
+     */
+    icon?: IconProps;
+};
+type AdviceWithIconSvg = Omit<AdviceCommonProps, 'iconSvg'> & {
+    /** Advice SVG icon */
+    iconSvg?: ReactNode;
 };
+export type AdviceProps = AdviceWithType | AdviceWithIcon | AdviceWithIconSvg;
 /**
  * Advice component provide HTML with an icon and a message.
  * Is commonly used to indicate No Permission and No Results.
  */
-declare const Advice: ({ icon, type, content, title, description, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
+declare const Advice: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
 export { Advice };

package/dist/components/Advice/Advice.js

@@ -1,47 +1,46 @@
 import '../../assets/Advice.css';
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { Icon as i } from "../Icon/Icon.js";
-const n = "_advice_12o7p_56", d = "_content_12o7p_56", s = {
-  "u-typography-h1": "_u-typography-h1_12o7p_1",
-  "u-typography-h2": "_u-typography-h2_12o7p_8",
-  "u-typography-h3": "_u-typography-h3_12o7p_15",
-  "u-typography-h4": "_u-typography-h4_12o7p_22",
-  "u-typography-h5": "_u-typography-h5_12o7p_29",
-  "u-typography-h6": "_u-typography-h6_12o7p_36",
-  "u-typography-base": "_u-typography-base_12o7p_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
-  "u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
-  "u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
-  advice: n,
-  content: d,
-  "u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
-  "u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
-  "u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
-  "content-no-items": "_content-no-items_12o7p_90"
-}, m = {
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { c as g } from "../../clsx-DB4S2d7J.js";
+import { Icon as h } from "../Icon/Icon.js";
+import { Typography as m } from "../Typography/Typography.js";
+const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
+  advice: x,
+  advice__texts: f,
+  advice__content: u
+}, b = {
   "no-permission": "eye-slash",
   "no-items": "",
   "error-page": "circle-exclamation",
   "without-results": "folder-magnifying-glass"
-}, v = ({ icon: p, type: o, content: e, title: y, description: _, className: g, IconSvg: t, ...u }) => {
-  const a = {
-    color: p != null && p.color ? p == null ? void 0 : p.color : o !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
-    size: (p == null ? void 0 : p.size) || "3.375rem",
-    icon: m[o] || (p == null ? void 0 : p.icon) || ""
-  };
-  return /* @__PURE__ */ h("div", { className: l(s.advice, g), ...u, children: [
-    t && o !== "no-items" && o !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
-    !t && o !== "no-items" && /* @__PURE__ */ r(i, { ...a }),
-    o !== "error-page" && o !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ h("div", { className: s["content-no-items"], children: [
-      /* @__PURE__ */ r("h3", { children: y }),
-      /* @__PURE__ */ r("p", { children: _ }),
-      e
-    ] })
-  ] });
-};
+}, T = ({
+  type: e,
+  icon: a,
+  iconSvg: i,
+  content: t,
+  title: l,
+  titleProps: o = { variant: "base-xxl", color: "var(--gray-75)", bold: !0 },
+  description: n,
+  descriptionProps: s = { variant: "base-lg", color: "var(--gray-75)" },
+  className: v,
+  ...d
+}) => (e && (a = { icon: b[e] }, (e === "without-results" || e === "no-permission") && (o = Object.assign({}, o, { variant: "base-lg" })), e === "no-items" && (s = Object.assign({}, s, {
+  elementProps: { style: { maxWidth: 460, color: s.color } }
+})), e === "error-page" && (a.color = "var(--secondary-orange)")), /* @__PURE__ */ _("div", { className: g(c.advice, v), ...d, children: [
+  (a == null ? void 0 : a.icon) && /* @__PURE__ */ r(h, { icon: a.icon, size: a.size || "3.375rem", color: a.color || "var(--accent)" }),
+  i && i,
+  /* @__PURE__ */ _(
+    "div",
+    {
+      className: c.advice__texts,
+      style: e === "without-results" || e === "no-permission" ? { marginTop: -16 } : {},
+      children: [
+        l && /* @__PURE__ */ r(m, { element: "h3", ...o, children: l }),
+        n && /* @__PURE__ */ r(m, { element: "p", ...s, children: n })
+      ]
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: c.advice__content, children: t && t })
+] }));
 export {
-  v as Advice
+  T as Advice
 };

package/dist/components/Advice/Advice.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,7 +12,8 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const WithoutResults: Story;
 export declare const NoPermission: Story;
-export declare const CustomIcon: Story;
-export declare const CustomIconSVG: Story;
 export declare const NoItems: Story;
 export declare const ErrorPage: Story;
+export declare const CustomIcon: Story;
+export declare const CustomIconSVG: Story;
+export declare const TotallyCustom: Story;

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,20 @@
+import { InputProps } from '../Input/Input.tsx';
+import { SyntheticEvent } from 'react';
+
+export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
+    /** Object key to be used as label when options are an array of object */
+    labelKey?: T extends object ? keyof T : never;
+    /** Object key to be used as value when options are an array of object */
+    valueKey?: T extends object ? keyof T : never;
+    /** Value */
+    value?: T;
+    /** Options array */
+    options?: Array<T>;
+    /** callback for new option selected */
+    onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
+    /** callback when characters are entered into the input box */
+    onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid-wrapper'?: string;
+};
+export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;