@pismo/marola 0.0.1-alpha.13 → 0.0.1-alpha.15

package/dist/Dialog.module-B8COssqi.js

@@ -0,0 +1,15 @@
+import './assets/Dialog.css';
+const _ = "_dialog_aobxu_1", o = "_dialog__backdrop_aobxu_11", a = "_dialog__panel_aobxu_19", i = "_dialog__title_aobxu_35", l = "_dialog__subtitle_aobxu_42", d = "_dialog__divider_aobxu_51", t = "_dialog__actions_aobxu_64", g = {
+  dialog: _,
+  dialog__backdrop: o,
+  dialog__panel: a,
+  dialog__title: i,
+  "dialog__title--small": "_dialog__title--small_aobxu_39",
+  dialog__subtitle: l,
+  dialog__divider: d,
+  "dialog__close-icon": "_dialog__close-icon_aobxu_55",
+  dialog__actions: t
+};
+export {
+  g as s
+};

package/dist/assets/Button.css

@@ -1 +1 @@
-._h1_10k5d_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_10k5d_7{font-weight:var(--typography-heading-bold)}._h2_10k5d_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_10k5d_17{font-weight:var(--typography-heading-bold)}._h3_10k5d_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_10k5d_27{font-weight:var(--typography-heading-bold)}._h4_10k5d_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_10k5d_37{font-weight:var(--typography-heading-bold)}._body_10k5d_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_10k5d_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_10k5d_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_10k5d_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_10k5d_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_10k5d_62{font-weight:var(--body-bold)}._body--strikethrough_10k5d_65{text-decoration:line-through}._body--underlined_10k5d_68{text-decoration:underline}._body--strikethrough-underlined_10k5d_71{text-decoration:underline line-through}._quote_10k5d_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_10k5d_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_10k5d_85{font-weight:var(--body-bold)}._quote--strikethrough_10k5d_88{text-decoration:line-through}._quote--underlined_10k5d_91{text-decoration:underline}._quote--strikethrough-underlined_10k5d_94{text-decoration:underline line-through}._form__input_10k5d_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_10k5d_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_10k5d_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_10k5d_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_10k5d_118{font-weight:var(--body-bold)}._form--strikethrough_10k5d_121{text-decoration:line-through}._form--underlined_10k5d_124{text-decoration:underline}._form--strikethrough-underlined_10k5d_127{text-decoration:underline line-through}._table__header_10k5d_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_10k5d_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_10k5d_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_10k5d_146{font-weight:var(--body-bold)}._table--strikethrough_10k5d_149{text-decoration:line-through}._table--underlined_10k5d_152{text-decoration:underline}._table--strikethrough-underlined_10k5d_155{text-decoration:underline line-through}._button_10k5d_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_10k5d_165{font-weight:var(--body-bold)}._button--strikethrough_10k5d_168{text-decoration:line-through}._button--underlined_10k5d_171{text-decoration:underline}._button--strikethrough-underlined_10k5d_174{text-decoration:underline line-through}._SM_10k5d_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_10k5d_183{font-weight:var(--font-weight-700)}._button_10k5d_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px 35px;cursor:pointer;border:none;border-radius:100px}._button_10k5d_159:focus-visible{outline:none}._button--primary_10k5d_199{color:var(--white-100);background-color:var(--accent)}._button--primary_10k5d_199:hover{background-color:var(--accent-dark)}._button--primary_10k5d_199:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_10k5d_199:active{background-color:var(--accent-light)}._button--primary_10k5d_199:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_10k5d_218{color:var(--accent);background-color:var(--white-100)}._button--secondary_10k5d_218:hover{background-color:var(--gray-5)}._button--secondary_10k5d_218:focus{color:var(--black-100)}._button--secondary_10k5d_218:active{color:var(--accent-light)}._button--secondary_10k5d_218:disabled{color:var(--gray-50);cursor:default}._button--quick_10k5d_235{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb) .05);border-radius:6px}._button--quick_10k5d_235:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb) .1)}._button--quick_10k5d_235:active{color:var(--accent-light)}._button--quick_10k5d_235:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_10k5d_235:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_10k5d_258{display:flex;gap:8px;align-items:center}
+._h1_1swyh_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_1swyh_7{font-weight:var(--typography-heading-bold)}._h2_1swyh_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_1swyh_17{font-weight:var(--typography-heading-bold)}._h3_1swyh_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1swyh_27{font-weight:var(--typography-heading-bold)}._h4_1swyh_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_1swyh_37{font-weight:var(--typography-heading-bold)}._body_1swyh_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1swyh_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1swyh_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1swyh_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1swyh_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1swyh_62{font-weight:var(--body-bold)}._body--strikethrough_1swyh_65{text-decoration:line-through}._body--underlined_1swyh_68{text-decoration:underline}._body--strikethrough-underlined_1swyh_71{text-decoration:underline line-through}._quote_1swyh_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1swyh_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_1swyh_85{font-weight:var(--body-bold)}._quote--strikethrough_1swyh_88{text-decoration:line-through}._quote--underlined_1swyh_91{text-decoration:underline}._quote--strikethrough-underlined_1swyh_94{text-decoration:underline line-through}._form__input_1swyh_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1swyh_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1swyh_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1swyh_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_1swyh_118{font-weight:var(--body-bold)}._form--strikethrough_1swyh_121{text-decoration:line-through}._form--underlined_1swyh_124{text-decoration:underline}._form--strikethrough-underlined_1swyh_127{text-decoration:underline line-through}._table__header_1swyh_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1swyh_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1swyh_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_1swyh_146{font-weight:var(--body-bold)}._table--strikethrough_1swyh_149{text-decoration:line-through}._table--underlined_1swyh_152{text-decoration:underline}._table--strikethrough-underlined_1swyh_155{text-decoration:underline line-through}._button_1swyh_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_1swyh_165{font-weight:var(--body-bold)}._button--strikethrough_1swyh_168{text-decoration:line-through}._button--underlined_1swyh_171{text-decoration:underline}._button--strikethrough-underlined_1swyh_174{text-decoration:underline line-through}._SM_1swyh_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_1swyh_183{font-weight:var(--font-weight-700)}._button_1swyh_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px 35px;cursor:pointer;border:none;border-radius:100px}._button_1swyh_159:focus-visible{outline:none}._button--primary_1swyh_199{color:var(--white-100);background-color:var(--accent)}._button--primary_1swyh_199:hover{background-color:var(--accent-dark)}._button--primary_1swyh_199:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_1swyh_199:active{background-color:var(--accent-light)}._button--primary_1swyh_199:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_1swyh_218{color:var(--accent);background-color:var(--white-100)}._button--secondary_1swyh_218:hover{background-color:var(--gray-5)}._button--secondary_1swyh_218:focus{color:var(--black-100)}._button--secondary_1swyh_218:active{color:var(--accent-light)}._button--secondary_1swyh_218:disabled{color:var(--gray-50);cursor:default}._button--quick_1swyh_235{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb),.05);border-radius:6px}._button--quick_1swyh_235:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb),.1)}._button--quick_1swyh_235:active{color:var(--accent-light)}._button--quick_1swyh_235:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_1swyh_235:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_1swyh_258{display:flex;gap:8px;align-items:center}

package/dist/assets/Dialog.css

@@ -1 +1 @@
-._dialog_1o2te_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1o2te_11{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb) .05);-webkit-tap-highlight-color:transparent}._dialog__panel_1o2te_19{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb) .2)}._dialog__title_1o2te_35{padding-top:8px;padding-bottom:8px}._dialog__title--small_1o2te_39{font-size:var(--small-font)}._dialog__subtitle_1o2te_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1o2te_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1o2te_55{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1o2te_64{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
+._dialog_aobxu_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_aobxu_11{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_aobxu_19{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_aobxu_35{padding-top:8px;padding-bottom:8px}._dialog__title--small_aobxu_39{font-size:var(--small-font)}._dialog__subtitle_aobxu_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_aobxu_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_aobxu_55{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_aobxu_64{display:flex;gap:8px;justify-content:center;margin-bottom:16px}

package/dist/assets/Snackbar.css

@@ -1 +1 @@
-._snackbar_kt3bd_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_kt3bd_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_kt3bd_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_kt3bd_19{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_kt3bd_1:has(._snackbar--success_kt3bd_29) ._snackbar--content_kt3bd_19{background-color:var(--secondary-green-darker)}._snackbar_kt3bd_1:has(._snackbar--error_kt3bd_32) ._snackbar--content_kt3bd_19{background-color:var(--alert)}._snackbar_kt3bd_1:has(._snackbar--attention_kt3bd_35) ._snackbar--content_kt3bd_19{background-color:var(--secondary-orange)}._snackbar--message_kt3bd_38{text-align:start}._snackbar--message_kt3bd_38 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_kt3bd_46{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
+._snackbar_13dfh_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_13dfh_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_13dfh_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_13dfh_19{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_13dfh_1:has(._snackbar--success_13dfh_29) ._snackbar--content_13dfh_19{background-color:var(--secondary-green-darker)}._snackbar_13dfh_1:has(._snackbar--error_13dfh_32) ._snackbar--content_13dfh_19{background-color:var(--alert)}._snackbar_13dfh_1:has(._snackbar--warning_13dfh_35) ._snackbar--content_13dfh_19{background-color:var(--secondary-orange)}._snackbar--message_13dfh_38{text-align:start}._snackbar--message_13dfh_38 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_13dfh_46{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}

package/dist/assets/Table.css

@@ -1 +1 @@
-._table_xe8qp_1{color:var(--secondary-orange);border-spacing:0}._table--full-width_xe8qp_5{width:100%}._table--white-theme_xe8qp_8{background:var(--white-100)}._table--transparent-theme_xe8qp_11{background:transparent}._table_xe8qp_1 th._cell--left-alignment_xe8qp_14,._table_xe8qp_1 td._cell--left-alignment_xe8qp_14{text-align:left}._table_xe8qp_1 th._cell--center-alignment_xe8qp_18,._table_xe8qp_1 td._cell--center-alignment_xe8qp_18{text-align:center}._table_xe8qp_1 th._cell--right-alignment_xe8qp_22,._table_xe8qp_1 td._cell--right-alignment_xe8qp_22{text-align:right}._table_xe8qp_1 thead{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);color:var(--gray-90);text-transform:uppercase}._table_xe8qp_1 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_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40{padding:var(--children-pv) var(--children-ph)}._table_xe8qp_1 thead tr th ._th__wrapper--pressed_xe8qp_43{background-color:var(--gray-10);border-radius:6px}._table_xe8qp_1 thead tr th ._th__wrapper--clickable_xe8qp_47{cursor:pointer}._table_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40 ._th__sort-icon-container_xe8qp_50{padding-left:4px}._table_xe8qp_1 tbody{font-size:var(--body-font-size);font-weight:var(--body-weight);color:var(--gray-90)}._table_xe8qp_1 tbody tr:hover:not(._tr__row-or-cell--disabled_xe8qp_58){background-color:rgb(var(--gray-5-rgb) .5)}._table_xe8qp_1 tbody ._tr_xe8qp_58,._table_xe8qp_1 tbody ._td_xe8qp_62{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_xe8qp_1 tbody ._tr__row-or-cell--clickable_xe8qp_67,._table_xe8qp_1 tbody ._td__row-or-cell--clickable_xe8qp_68{cursor:pointer}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72{background:var(--cream);filter:grayscale(1)}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58 ._td-wrapper_xe8qp_76,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72 ._td-wrapper_xe8qp_76{opacity:.25}
+._table_olvxb_1{color:var(--secondary-orange);border-spacing:0}._table--full-width_olvxb_5{width:100%}._table--white-theme_olvxb_8{background:var(--white-100)}._table--transparent-theme_olvxb_11{background:transparent}._table_olvxb_1 th._cell--left-alignment_olvxb_14,._table_olvxb_1 td._cell--left-alignment_olvxb_14{text-align:left}._table_olvxb_1 th._cell--center-alignment_olvxb_18,._table_olvxb_1 td._cell--center-alignment_olvxb_18{text-align:center}._table_olvxb_1 th._cell--right-alignment_olvxb_22,._table_olvxb_1 td._cell--right-alignment_olvxb_22{text-align:right}._table_olvxb_1 thead{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);color:var(--gray-90);text-transform:uppercase}._table_olvxb_1 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_olvxb_1 thead tr th ._th__wrapper_olvxb_40{padding:var(--children-pv) var(--children-ph)}._table_olvxb_1 thead tr th ._th__wrapper--pressed_olvxb_43{background-color:var(--gray-10);border-radius:6px}._table_olvxb_1 thead tr th ._th__wrapper--clickable_olvxb_47{cursor:pointer}._table_olvxb_1 thead tr th ._th__wrapper_olvxb_40 ._th__sort-icon-container_olvxb_50{padding-left:4px}._table_olvxb_1 tbody{font-size:var(--body-font-size);font-weight:var(--body-weight);color:var(--gray-90)}._table_olvxb_1 tbody tr:hover:not(._tr__row-or-cell--disabled_olvxb_58){background-color:rgb(var(--gray-5-rgb),.5)}._table_olvxb_1 tbody ._tr_olvxb_58,._table_olvxb_1 tbody ._td_olvxb_62{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_olvxb_1 tbody ._tr__row-or-cell--clickable_olvxb_67,._table_olvxb_1 tbody ._td__row-or-cell--clickable_olvxb_68{cursor:pointer}._table_olvxb_1 tbody ._tr__row-or-cell--disabled_olvxb_58,._table_olvxb_1 tbody ._td__row-or-cell--disabled_olvxb_72{background:var(--cream);filter:grayscale(1)}._table_olvxb_1 tbody ._tr__row-or-cell--disabled_olvxb_58 ._td-wrapper_olvxb_76,._table_olvxb_1 tbody ._td__row-or-cell--disabled_olvxb_72 ._td-wrapper_olvxb_76{opacity:.25}

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

@@ -3,14 +3,26 @@ import { ReactNode } from 'react';
 
 export type AdviceTypes = 'without-results' | 'no-permission';
 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;
+    /** Space seperated list of CSS classes to apply */
     className?: string;
+    /** ID that tests can use to get this component from the DOM */
     'data-testid'?: string;
 };
+/**
+ * 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, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
 export { Advice };

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ icon, type, content, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+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;

package/dist/components/Advice/Advice.stories.js

@@ -0,0 +1,48 @@
+import { Advice as o } from "./Advice.js";
+import * as e from "react";
+const n = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", "data-waves-icon": "fa/duotone/helmet-battle", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+  fill: "currentcolor",
+  color: "currentcolor",
+  width: "1em",
+  height: "1em"
+}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .fa-secondary {
+        opacity: .4
+      }
+    `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M31.99 256c17.63 0 32.01-12.5 32.01-28V0L.9928 221.1C-4.132 238.9 11.24 256 31.99 256zM575 221.1L512 0v228c0 15.5 14.38 28 32 28C564.8 256 580.1 238.9 575 221.1zM159.1 192L159.1 224l96 32v256l64-.0022L320 256l96-32l.0008-31.1H159.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M480 210.9C480 90.38 288 0 288 0S95.1 90.38 95.1 210.9c0 82.75-22.88 145.9-31.13 180.6c-3.375 14.5 3.625 29.38 16.38 35.25L255.1 512V256L159.1 224L159.1 192h256L416 224l-96 32l-.0009 255.1l174.9-85.25c12.63-5.875 19.75-20.75 16.25-35.25C502.9 356.8 480 293.6 480 210.9z" })), c = {
+  title: "Components/Advice",
+  component: o,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "padded"
+  }
+}, a = {
+  args: {
+    type: "without-results",
+    content: "No Results"
+  }
+}, l = {
+  args: {
+    type: "no-permission",
+    content: "No Permission"
+  }
+}, r = {
+  name: "Custom Icons (Waves Icons)",
+  args: {
+    icon: { icon: "logo", iconFamily: "pi", color: "var(--secondary-orange)", size: "5rem" },
+    content: "Pismo"
+  }
+}, m = {
+  name: "Custom Icons (SVG)",
+  args: {
+    IconSvg: n,
+    content: "Ready for battle?"
+  }
+};
+export {
+  r as CustomIcon,
+  m as CustomIconSVG,
+  l as NoPermission,
+  a as WithoutResults,
+  c as default
+};

package/dist/components/Button/Button.js

@@ -1,90 +1,90 @@
 import '../../assets/Button.css';
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as y } from "react";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as m, useMemo as c } from "react";
 import { c as g } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as p } from "../../Button-B1umG8kJ.js";
-const q = "_h1_10k5d_1", S = "_h2_10k5d_11", M = "_h3_10k5d_21", B = "_h4_10k5d_31", w = "_body_10k5d_41", x = "_quote_10k5d_75", N = "_form__input_10k5d_98", v = "_form__hint_10k5d_103", j = "_form__label_10k5d_108", P = "_form__dropdown_10k5d_113", $ = "_table__header_10k5d_131", C = "_table__body_10k5d_136", L = "_button_10k5d_159", R = "_SM_10k5d_178", o = {
-  h1: q,
-  "h1--bold": "_h1--bold_10k5d_7",
-  h2: S,
-  "h2--bold": "_h2--bold_10k5d_17",
-  h3: M,
-  "h3--bold": "_h3--bold_10k5d_27",
-  h4: B,
-  "h4--bold": "_h4--bold_10k5d_37",
-  body: w,
-  "body--large": "_body--large_10k5d_46",
-  "body--medium": "_body--medium_10k5d_50",
-  "body--small": "_body--small_10k5d_54",
-  "body--tiny": "_body--tiny_10k5d_58",
-  "body--bold": "_body--bold_10k5d_62",
-  "body--strikethrough": "_body--strikethrough_10k5d_65",
-  "body--underlined": "_body--underlined_10k5d_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_10k5d_71",
+import { B as k } from "../../Button-B1umG8kJ.js";
+const p = "_h1_1swyh_1", q = "_h2_1swyh_11", S = "_h3_1swyh_21", M = "_h4_1swyh_31", B = "_body_1swyh_41", x = "_quote_1swyh_75", N = "_form__input_1swyh_98", v = "_form__hint_1swyh_103", j = "_form__label_1swyh_108", P = "_form__dropdown_1swyh_113", $ = "_table__header_1swyh_131", C = "_table__body_1swyh_136", L = "_button_1swyh_159", R = "_SM_1swyh_178", o = {
+  h1: p,
+  "h1--bold": "_h1--bold_1swyh_7",
+  h2: q,
+  "h2--bold": "_h2--bold_1swyh_17",
+  h3: S,
+  "h3--bold": "_h3--bold_1swyh_27",
+  h4: M,
+  "h4--bold": "_h4--bold_1swyh_37",
+  body: B,
+  "body--large": "_body--large_1swyh_46",
+  "body--medium": "_body--medium_1swyh_50",
+  "body--small": "_body--small_1swyh_54",
+  "body--tiny": "_body--tiny_1swyh_58",
+  "body--bold": "_body--bold_1swyh_62",
+  "body--strikethrough": "_body--strikethrough_1swyh_65",
+  "body--underlined": "_body--underlined_1swyh_68",
+  "body--strikethrough-underlined": "_body--strikethrough-underlined_1swyh_71",
   quote: x,
-  "quote--large": "_quote--large_10k5d_80",
-  "quote--bold": "_quote--bold_10k5d_85",
-  "quote--strikethrough": "_quote--strikethrough_10k5d_88",
-  "quote--underlined": "_quote--underlined_10k5d_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_10k5d_94",
+  "quote--large": "_quote--large_1swyh_80",
+  "quote--bold": "_quote--bold_1swyh_85",
+  "quote--strikethrough": "_quote--strikethrough_1swyh_88",
+  "quote--underlined": "_quote--underlined_1swyh_91",
+  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1swyh_94",
   form__input: N,
   form__hint: v,
   form__label: j,
   form__dropdown: P,
-  "form--bold": "_form--bold_10k5d_118",
-  "form--strikethrough": "_form--strikethrough_10k5d_121",
-  "form--underlined": "_form--underlined_10k5d_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_10k5d_127",
+  "form--bold": "_form--bold_1swyh_118",
+  "form--strikethrough": "_form--strikethrough_1swyh_121",
+  "form--underlined": "_form--underlined_1swyh_124",
+  "form--strikethrough-underlined": "_form--strikethrough-underlined_1swyh_127",
   table__header: $,
   table__body: C,
-  "table__body--secondary": "_table__body--secondary_10k5d_141",
-  "table--bold": "_table--bold_10k5d_146",
-  "table--strikethrough": "_table--strikethrough_10k5d_149",
-  "table--underlined": "_table--underlined_10k5d_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_10k5d_155",
+  "table__body--secondary": "_table__body--secondary_1swyh_141",
+  "table--bold": "_table--bold_1swyh_146",
+  "table--strikethrough": "_table--strikethrough_1swyh_149",
+  "table--underlined": "_table--underlined_1swyh_152",
+  "table--strikethrough-underlined": "_table--strikethrough-underlined_1swyh_155",
   button: L,
-  "button--bold": "_button--bold_10k5d_165",
-  "button--strikethrough": "_button--strikethrough_10k5d_168",
-  "button--underlined": "_button--underlined_10k5d_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_10k5d_174",
+  "button--bold": "_button--bold_1swyh_165",
+  "button--strikethrough": "_button--strikethrough_1swyh_168",
+  "button--underlined": "_button--underlined_1swyh_171",
+  "button--strikethrough-underlined": "_button--strikethrough-underlined_1swyh_174",
   SM: R,
-  "SM--bold": "_SM--bold_10k5d_183",
-  "button--primary": "_button--primary_10k5d_199",
-  "button--secondary": "_button--secondary_10k5d_218",
-  "button--quick": "_button--quick_10k5d_235",
-  "button__loading-container": "_button__loading-container_10k5d_258"
-}, G = c((r, n) => {
+  "SM--bold": "_SM--bold_1swyh_183",
+  "button--primary": "_button--primary_1swyh_199",
+  "button--secondary": "_button--secondary_1swyh_218",
+  "button--quick": "_button--quick_1swyh_235",
+  "button__loading-container": "_button__loading-container_1swyh_258"
+}, G = m((n, h) => {
   const {
-    onClick: u,
-    link: l,
-    loading: b,
-    children: d,
-    type: i = "button",
-    disabled: k,
-    className: t,
+    onClick: s,
+    link: d,
+    loading: u,
+    children: t,
+    type: l = "button",
+    disabled: b,
+    className: e,
     variant: _ = "primary",
-    muiButtonBaseProps: h
-  } = r, s = {
+    muiButtonBaseProps: y
+  } = n, i = {
     invert: _ === "secondary" || _ === "quick"
-  }, a = y(
-    () => g([o.button, o[`button--${_}`], t]),
-    [t, _]
+  }, a = c(
+    () => g([o.button, o[`button--${_}`], e]),
+    [e, _]
   );
-  return /* @__PURE__ */ e(
-    p,
+  return /* @__PURE__ */ r(
+    k,
     {
-      type: i,
-      href: l,
-      onClick: u,
-      disabled: k,
+      type: l,
+      href: d,
+      onClick: s,
+      disabled: b,
       className: a,
-      ref: n,
-      ...h ?? {},
-      children: b ? /* @__PURE__ */ m("div", { className: o["button__loading-container"], children: [
-        /* @__PURE__ */ e(f, { ...s }),
-        d
-      ] }) : d
+      ref: h,
+      ...y ?? {},
+      children: u ? /* @__PURE__ */ w("div", { className: o["button__loading-container"], children: [
+        /* @__PURE__ */ r(f, { ...i }),
+        t
+      ] }) : t
     }
   );
 });

package/dist/components/Chip/Chip.js

@@ -87,7 +87,7 @@ const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_
 }), U = (o) => {
   const { icon: _, disabled: d = !1, className: h } = o;
   if (_) {
-    const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb) 0.4)" }) : _;
+    const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : _;
     return /* @__PURE__ */ t("span", { className: l, children: n });
   }
   return null;

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-CGVM5V_D.js";
+import { s as t } from "../../Dialog.module-B8COssqi.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-CGVM5V_D.js";
+import { s as e } from "../../Dialog.module-B8COssqi.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
   return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });

package/dist/components/Dialog/CloseIconButton.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-CGVM5V_D.js";
+import { s as t } from "../../Dialog.module-B8COssqi.js";
 import { B as a } from "../../Button-B1umG8kJ.js";
 const d = ({ handleOnClose: i, className: o }) => {
   const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];

package/dist/components/Dialog/Dialog.js

@@ -3,7 +3,7 @@ import { default as Ye } from "./Actions.js";
 import oe from "./Backdrop.js";
 import re from "./CloseIconButton.js";
 import { default as Ge } from "./Content.js";
-import { s as q } from "../../Dialog.module-CGVM5V_D.js";
+import { s as q } from "../../Dialog.module-B8COssqi.js";
 import se from "./Title.js";
 import { a as C, _ as ie } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
 import * as f from "react";

package/dist/components/Dialog/Title.js

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { Typography as a } from "../Typography/Typography.js";
-import { s as r } from "../../Dialog.module-CGVM5V_D.js";
+import { s as r } from "../../Dialog.module-B8COssqi.js";
 const n = ({ title: i, subTitle: t }) => /* @__PURE__ */ l(s, { children: [
   /* @__PURE__ */ e(
     a,

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,13 +1,25 @@
 import { InputHTMLAttributes } from 'react';
 
-type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
+export type SnackbarVariant = 'success' | 'error' | 'warning';
+export type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
+    /** Snackbar variant */
+    variant: SnackbarVariant;
+    /** Message of snackbar */
+    snackbarMessage: string;
+    /** The open state for component visibility  */
     open?: boolean;
+    /** ID that tests can use to get this component from the DOM */
     'data-testid'?: string;
+    /** Space seperated list of CSS classes to apply */
     classNameWrapper?: string;
-    color?: 'success' | 'error' | 'attention';
-    snackbarMessage: string;
+    /** Duration of visibility */
     autoHideDuration?: number;
+    /** Callback for when close is clicked */
     onClose?: () => void;
 };
-export declare const Snackbar: ({ snackbarMessage, color, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * Snackbars (also known as toasts) are used for
+ * brief notification of processes that
+ * have been or will be performed.
+ * */
+export declare const Snackbar: ({ snackbarMessage, variant, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;