@pismo/marola 0.0.1-alpha.12 → 0.0.1-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/README.md +1 -1
  2. package/dist/Dialog.module-B8COssqi.js +15 -0
  3. package/dist/assets/Button.css +1 -1
  4. package/dist/assets/Chip.css +1 -0
  5. package/dist/assets/Dialog.css +1 -1
  6. package/dist/assets/IconButton.css +1 -1
  7. package/dist/assets/Input.css +1 -1
  8. package/dist/assets/InputSearch.css +1 -1
  9. package/dist/assets/Table.css +1 -1
  10. package/dist/assets/Typography.css +1 -1
  11. package/dist/components/Advice/Advice.d.ts +12 -0
  12. package/dist/components/Advice/Advice.stories.d.ts +16 -0
  13. package/dist/components/Advice/Advice.stories.js +48 -0
  14. package/dist/components/Button/Button.d.ts +5 -2
  15. package/dist/components/Button/Button.js +87 -63
  16. package/dist/components/Button/Button.stories.d.ts +2 -0
  17. package/dist/components/Button/Button.stories.js +1 -2
  18. package/dist/components/Chip/Chip.d.ts +37 -0
  19. package/dist/components/Chip/Chip.js +143 -0
  20. package/dist/components/Chip/Chip.stories.d.ts +40 -0
  21. package/dist/components/Chip/Chip.stories.js +59 -0
  22. package/dist/components/Chip/chip.test.d.ts +1 -0
  23. package/dist/components/Chip/chip.test.js +17303 -0
  24. package/dist/components/Dialog/Actions.js +1 -1
  25. package/dist/components/Dialog/Backdrop.js +1 -1
  26. package/dist/components/Dialog/CloseIconButton.js +1 -1
  27. package/dist/components/Dialog/Dialog.js +1 -1
  28. package/dist/components/Dialog/Dialog.stories.d.ts +3 -3
  29. package/dist/components/Dialog/Dialog.stories.js +1 -2
  30. package/dist/components/Dialog/Title.js +1 -1
  31. package/dist/components/Icon/Icon.d.ts +1 -1
  32. package/dist/components/Icon/Icon.js +27 -20
  33. package/dist/components/IconButton/IconButton.d.ts +2 -2
  34. package/dist/components/IconButton/IconButton.js +63 -61
  35. package/dist/components/Input/Input.d.ts +1 -1
  36. package/dist/components/Input/Input.js +32 -32
  37. package/dist/components/InputSearch/InputSearch.d.ts +7 -9
  38. package/dist/components/InputSearch/InputSearch.js +31 -26
  39. package/dist/components/InputSearch/InputSearch.stories.d.ts +21 -4
  40. package/dist/components/InputSearch/InputSearch.stories.js +55 -18
  41. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +1 -1
  42. package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +1 -2
  43. package/dist/components/Select/Select.stories.js +1 -2
  44. package/dist/components/Table/Table.js +64 -64
  45. package/dist/components/Typography/Typography.d.ts +1 -1
  46. package/dist/components/Typography/Typography.js +76 -74
  47. package/dist/components/Typography/Typography.stories.js +1 -2
  48. package/dist/components/Typography/typography.test.js +195 -11319
  49. package/dist/main.d.ts +1 -0
  50. package/dist/main.js +57 -57
  51. package/dist/react.esm-DGd9_oKA.js +11126 -0
  52. package/dist/utils/styleStrings.test.js +1 -1
  53. package/dist/{vi.Y_w82WR8-Df0JUamG.js → vi.Y_w82WR8-XVYrIxgm.js} +2 -1
  54. package/package.json +2 -2
  55. package/dist/Dialog.module-CGVM5V_D.js +0 -15
  56. package/dist/assets/global.css +0 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Marola - component library
2
2
 
3
- ![Marola logo](./public/marolaLogo.png)
3
+ ![Marola logo](https://marola.pismolabs.io/marolaLogo.png)
4
4
 
5
5
  ### Commands
6
6
 
@@ -0,0 +1,15 @@
1
+ import './assets/Dialog.css';
2
+ 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 = {
3
+ dialog: _,
4
+ dialog__backdrop: o,
5
+ dialog__panel: a,
6
+ dialog__title: i,
7
+ "dialog__title--small": "_dialog__title--small_aobxu_39",
8
+ dialog__subtitle: l,
9
+ dialog__divider: d,
10
+ "dialog__close-icon": "_dialog__close-icon_aobxu_55",
11
+ dialog__actions: t
12
+ };
13
+ export {
14
+ g as s
15
+ };
@@ -1 +1 @@
1
- ._h1_2qr61_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_2qr61_7{font-weight:var(--typography-heading-bold)}._h2_2qr61_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_2qr61_17{font-weight:var(--typography-heading-bold)}._h3_2qr61_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_2qr61_27{font-weight:var(--typography-heading-bold)}._h4_2qr61_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_2qr61_37{font-weight:var(--typography-heading-bold)}._body_2qr61_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_2qr61_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_2qr61_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_2qr61_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_2qr61_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_2qr61_62{font-weight:var(--body-bold)}._body--strikethrough_2qr61_65{text-decoration:line-through}._body--underlined_2qr61_68{text-decoration:underline}._body--strikethrough-underlined_2qr61_71{text-decoration:underline line-through}._quote_2qr61_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_2qr61_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_2qr61_85{font-weight:var(--body-bold)}._quote--strikethrough_2qr61_88{text-decoration:line-through}._quote--underlined_2qr61_91{text-decoration:underline}._quote--strikethrough-underlined_2qr61_94{text-decoration:underline line-through}._form__input_2qr61_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_2qr61_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_2qr61_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_2qr61_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_2qr61_118{font-weight:var(--body-bold)}._form--strikethrough_2qr61_121{text-decoration:line-through}._form--underlined_2qr61_124{text-decoration:underline}._form--strikethrough-underlined_2qr61_127{text-decoration:underline line-through}._table__header_2qr61_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_2qr61_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_2qr61_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_2qr61_146{font-weight:var(--body-bold)}._table--strikethrough_2qr61_149{text-decoration:line-through}._table--underlined_2qr61_152{text-decoration:underline}._table--strikethrough-underlined_2qr61_155{text-decoration:underline line-through}._button_2qr61_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_2qr61_165{font-weight:var(--body-bold)}._button--strikethrough_2qr61_168{text-decoration:line-through}._button--underlined_2qr61_171{text-decoration:underline}._button--strikethrough-underlined_2qr61_174{text-decoration:underline line-through}._button_2qr61_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_2qr61_159:focus-visible{outline:none}._button--primary_2qr61_190{color:var(--white-100);background-color:var(--accent)}._button--primary_2qr61_190:hover{background-color:var(--accent-dark)}._button--primary_2qr61_190:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_2qr61_190:active{background-color:var(--accent-light)}._button--primary_2qr61_190:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_2qr61_209{color:var(--accent);background-color:var(--white-100)}._button--secondary_2qr61_209:hover{background-color:var(--gray-5)}._button--secondary_2qr61_209:focus{color:var(--black-100)}._button--secondary_2qr61_209:active{color:var(--accent-light)}._button--secondary_2qr61_209:disabled{color:var(--gray-50);cursor:default}._button--quick_2qr61_226{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb) .05);border-radius:6px}._button--quick_2qr61_226:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb) .1)}._button--quick_2qr61_226:active{color:var(--accent-light)}._button--quick_2qr61_226:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_2qr61_226:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_2qr61_249{display:flex;gap:8px;align-items:center}
1
+ ._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}
@@ -0,0 +1 @@
1
+ :root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}._h1_1hro6_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_1hro6_7{font-weight:var(--typography-heading-bold)}._h2_1hro6_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_1hro6_17{font-weight:var(--typography-heading-bold)}._h3_1hro6_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1hro6_27{font-weight:var(--typography-heading-bold)}._h4_1hro6_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_1hro6_37{font-weight:var(--typography-heading-bold)}._body_1hro6_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1hro6_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1hro6_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1hro6_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1hro6_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1hro6_62{font-weight:var(--body-bold)}._body--strikethrough_1hro6_65{text-decoration:line-through}._body--underlined_1hro6_68{text-decoration:underline}._body--strikethrough-underlined_1hro6_71{text-decoration:underline line-through}._quote_1hro6_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1hro6_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_1hro6_85{font-weight:var(--body-bold)}._quote--strikethrough_1hro6_88{text-decoration:line-through}._quote--underlined_1hro6_91{text-decoration:underline}._quote--strikethrough-underlined_1hro6_94{text-decoration:underline line-through}._form__input_1hro6_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1hro6_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1hro6_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1hro6_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_1hro6_118{font-weight:var(--body-bold)}._form--strikethrough_1hro6_121{text-decoration:line-through}._form--underlined_1hro6_124{text-decoration:underline}._form--strikethrough-underlined_1hro6_127{text-decoration:underline line-through}._table__header_1hro6_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1hro6_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1hro6_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_1hro6_146{font-weight:var(--body-bold)}._table--strikethrough_1hro6_149{text-decoration:line-through}._table--underlined_1hro6_152{text-decoration:underline}._table--strikethrough-underlined_1hro6_155{text-decoration:underline line-through}._button_1hro6_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_1hro6_165{font-weight:var(--body-bold)}._button--strikethrough_1hro6_168{text-decoration:line-through}._button--underlined_1hro6_171{text-decoration:underline}._button--strikethrough-underlined_1hro6_174{text-decoration:underline line-through}._SM_1hro6_178,._chip_1hro6_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_1hro6_183,._chip_1hro6_178{font-weight:var(--font-weight-700)}._chip_1hro6_178{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_1hro6_178:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1hro6_199{cursor:pointer;border-color:transparent}._chip--button_1hro6_199:disabled{cursor:initial}._chip--button_1hro6_199:focus-visible{outline:none}._chip--button_1hro6_199:focus{outline:2px solid var(--black-100)}._chip--outlined_1hro6_212{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1hro6_218{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1hro6_224{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1hro6_229{display:flex;margin-left:.5rem}._chip__remove_1hro6_229:focus-visible{outline:none}._chip__remove_1hro6_229:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1hro6_240{cursor:default}
@@ -1 +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}
1
+ ._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}
@@ -1 +1 @@
1
- ._h1_8qiyf_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_8qiyf_7{font-weight:var(--typography-heading-bold)}._h2_8qiyf_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_8qiyf_17{font-weight:var(--typography-heading-bold)}._h3_8qiyf_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_8qiyf_27{font-weight:var(--typography-heading-bold)}._h4_8qiyf_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_8qiyf_37{font-weight:var(--typography-heading-bold)}._body_8qiyf_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_8qiyf_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_8qiyf_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_8qiyf_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_8qiyf_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_8qiyf_62{font-weight:var(--body-bold)}._body--strikethrough_8qiyf_65{text-decoration:line-through}._body--underlined_8qiyf_68{text-decoration:underline}._body--strikethrough-underlined_8qiyf_71{text-decoration:underline line-through}._quote_8qiyf_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_8qiyf_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_8qiyf_85{font-weight:var(--body-bold)}._quote--strikethrough_8qiyf_88{text-decoration:line-through}._quote--underlined_8qiyf_91{text-decoration:underline}._quote--strikethrough-underlined_8qiyf_94{text-decoration:underline line-through}._form__input_8qiyf_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_8qiyf_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_8qiyf_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_8qiyf_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_8qiyf_118{font-weight:var(--body-bold)}._form--strikethrough_8qiyf_121{text-decoration:line-through}._form--underlined_8qiyf_124{text-decoration:underline}._form--strikethrough-underlined_8qiyf_127{text-decoration:underline line-through}._table__header_8qiyf_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_8qiyf_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_8qiyf_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_8qiyf_146{font-weight:var(--body-bold)}._table--strikethrough_8qiyf_149{text-decoration:line-through}._table--underlined_8qiyf_152{text-decoration:underline}._table--strikethrough-underlined_8qiyf_155{text-decoration:underline line-through}._button_8qiyf_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_8qiyf_165{font-weight:var(--body-bold)}._button--strikethrough_8qiyf_168{text-decoration:line-through}._button--underlined_8qiyf_171{text-decoration:underline}._button--strikethrough-underlined_8qiyf_174{text-decoration:underline line-through}._icon-button_8qiyf_178{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px;cursor:pointer;background-color:transparent;border:none}._icon-button_8qiyf_178:focus-visible{outline:none}._icon-button--primary_8qiyf_190{color:var(--accent);fill:var(--accent)}._icon-button--primary_8qiyf_190:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_8qiyf_190:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_8qiyf_190:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--primary_8qiyf_190:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button--square_8qiyf_212{color:var(--accent);border:1px solid var(--gray-10);border-radius:6px;fill:var(--accent)}._icon-button--square_8qiyf_212:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--square_8qiyf_212:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button__container_8qiyf_228{display:flex;gap:8px;align-items:center;text-wrap:nowrap}
1
+ ._h1_f1r29_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_f1r29_7{font-weight:var(--typography-heading-bold)}._h2_f1r29_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_f1r29_17{font-weight:var(--typography-heading-bold)}._h3_f1r29_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_f1r29_27{font-weight:var(--typography-heading-bold)}._h4_f1r29_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_f1r29_37{font-weight:var(--typography-heading-bold)}._body_f1r29_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_f1r29_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_f1r29_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_f1r29_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_f1r29_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_f1r29_62{font-weight:var(--body-bold)}._body--strikethrough_f1r29_65{text-decoration:line-through}._body--underlined_f1r29_68{text-decoration:underline}._body--strikethrough-underlined_f1r29_71{text-decoration:underline line-through}._quote_f1r29_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_f1r29_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_f1r29_85{font-weight:var(--body-bold)}._quote--strikethrough_f1r29_88{text-decoration:line-through}._quote--underlined_f1r29_91{text-decoration:underline}._quote--strikethrough-underlined_f1r29_94{text-decoration:underline line-through}._form__input_f1r29_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_f1r29_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_f1r29_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_f1r29_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_f1r29_118{font-weight:var(--body-bold)}._form--strikethrough_f1r29_121{text-decoration:line-through}._form--underlined_f1r29_124{text-decoration:underline}._form--strikethrough-underlined_f1r29_127{text-decoration:underline line-through}._table__header_f1r29_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_f1r29_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_f1r29_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_f1r29_146{font-weight:var(--body-bold)}._table--strikethrough_f1r29_149{text-decoration:line-through}._table--underlined_f1r29_152{text-decoration:underline}._table--strikethrough-underlined_f1r29_155{text-decoration:underline line-through}._button_f1r29_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_f1r29_165{font-weight:var(--body-bold)}._button--strikethrough_f1r29_168{text-decoration:line-through}._button--underlined_f1r29_171{text-decoration:underline}._button--strikethrough-underlined_f1r29_174{text-decoration:underline line-through}._SM_f1r29_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_f1r29_183{font-weight:var(--font-weight-700)}._icon-button_f1r29_187{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px;cursor:pointer;background-color:transparent;border:none}._icon-button_f1r29_187:focus-visible{outline:none}._icon-button--primary_f1r29_199{color:var(--accent);fill:var(--accent)}._icon-button--primary_f1r29_199:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_f1r29_199:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_f1r29_199:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--primary_f1r29_199:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button--square_f1r29_221{color:var(--accent);border:1px solid var(--gray-10);border-radius:6px;fill:var(--accent)}._icon-button--square_f1r29_221:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--square_f1r29_221:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button__container_f1r29_237{display:flex;gap:8px;align-items:center;text-wrap:nowrap}
@@ -1 +1 @@
1
- ._input__label_f2das_1{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_f2das_6{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_f2das_6{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_f2das_6::placeholder{color:var(--gray-50)}._input__left-icon_f2das_27{padding-left:1rem}._input__right-icon_f2das_30{padding-right:1rem}._input__messages-wrapper_f2das_33{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_f2das_33:not(:empty){margin-top:.3125rem}._input__info-message_f2das_41,._input__error-message_f2das_41{display:flex;gap:.375rem;align-items:center}._input__info-message_f2das_41{color:var(--gray-75)}._input__error-message_f2das_41{color:var(--alert)}._input__chars-counter_f2das_52{margin-left:auto;color:var(--gray-75)}._input--disabled_f2das_56 ._input__input-el_f2das_6{color:var(--gray-50)}._input_f2das_1:has(._input--disabled_f2das_56) ._input__label_f2das_1{color:var(--gray-25)}._input--focused_f2das_62._input__input-el-wrapper_f2das_6{border-color:var(--accent)}._input--error_f2das_65._input__input-el-wrapper_f2das_6{border-color:var(--alert)}._input__input-el-wrapper_f2das_6:hover:not(._input--disabled_f2das_56,._input--focused_f2das_62,._input--error_f2das_65){border-color:var(--gray-75)}
1
+ ._input__label_1fy22_1{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_1fy22_6{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_1fy22_6{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_1fy22_6::placeholder{color:var(--gray-50)}._input__left-icon_1fy22_27{height:1rem;padding-left:1rem}._input__right-icon_1fy22_31{height:1rem;padding-right:1rem}._input__messages-wrapper_1fy22_35{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_1fy22_35:not(:empty){margin-top:.3125rem}._input__info-message_1fy22_43,._input__error-message_1fy22_43{display:flex;gap:.375rem;align-items:center}._input__info-message_1fy22_43{color:var(--gray-75)}._input__error-message_1fy22_43{color:var(--alert)}._input__chars-counter_1fy22_54{margin-left:auto;color:var(--gray-75)}._input--disabled_1fy22_58 ._input__input-el_1fy22_6{color:var(--gray-50)}._input_1fy22_1:has(._input--disabled_1fy22_58) ._input__label_1fy22_1{color:var(--gray-25)}._input--focused_1fy22_64._input__input-el-wrapper_1fy22_6{border-color:var(--accent)}._input--error_1fy22_67._input__input-el-wrapper_1fy22_6{border-color:var(--alert)}._input__input-el-wrapper_1fy22_6:hover:not(._input--disabled_1fy22_58,._input--focused_1fy22_64,._input--error_1fy22_67){border-color:var(--gray-75)}
@@ -1 +1 @@
1
- ._inputSearch_8ayrz_1 span{display:block;margin-top:.1875rem}._inputSearch_8ayrz_1 input[type=search]::-webkit-search-cancel-button{width:1rem;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3694_1860)'%3e%3cpath%20d='M7.97207%206.94064L9.46895%205.46876C9.7627%205.17814%2010.2377%205.17814%2010.5033%205.46876C10.8221%205.76251%2010.8221%206.23751%2010.5033%206.50314L9.05957%207.97189L10.5033%209.46876C10.8221%209.76251%2010.8221%2010.2375%2010.5033%2010.5031C10.2377%2010.8219%209.7627%2010.8219%209.46895%2010.5031L7.97207%209.05939L6.50332%2010.5031C6.2377%2010.8219%205.7627%2010.8219%205.46895%2010.5031C5.17832%2010.2375%205.17832%209.76251%205.46895%209.46876L6.94082%207.97189L5.46895%206.50314C5.17832%206.23751%205.17832%205.76251%205.46895%205.46876C5.7627%205.17814%206.2377%205.17814%206.50332%205.46876L7.97207%206.94064Z'%20fill='%23838192'/%3e%3cpath%20opacity='0.4'%20d='M0%208C0%203.58125%203.58125%200%208%200C12.4187%200%2016%203.58125%2016%208C16%2012.4187%2012.4187%2016%208%2016C3.58125%2016%200%2012.4187%200%208ZM5.46875%206.50313L6.94063%207.97188L5.46875%209.46875C5.17812%209.7625%205.17812%2010.2375%205.46875%2010.5031C5.7625%2010.8219%206.2375%2010.8219%206.50313%2010.5031L7.97188%209.05937L9.46875%2010.5031C9.7625%2010.8219%2010.2375%2010.8219%2010.5031%2010.5031C10.8219%2010.2375%2010.8219%209.7625%2010.5031%209.46875L9.05937%207.97188L10.5031%206.50313C10.8219%206.2375%2010.8219%205.7625%2010.5031%205.46875C10.2375%205.17812%209.7625%205.17812%209.46875%205.46875L7.97188%206.94063L6.50313%205.46875C6.2375%205.17812%205.7625%205.17812%205.46875%205.46875C5.17812%205.7625%205.17812%206.2375%205.46875%206.50313Z'%20fill='%23838192'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3694_1860'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%;background-size:contain;border-radius:50%;opacity:0}._inputSearch_8ayrz_1 input[type=search]:focus::-webkit-search-cancel-button{pointer-events:all;cursor:pointer;opacity:1}
1
+ ._inputSearch_lmxu2_1 input[type=search]::-webkit-search-cancel-button{width:1rem;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3694_1860)'%3e%3cpath%20d='M7.97207%206.94064L9.46895%205.46876C9.7627%205.17814%2010.2377%205.17814%2010.5033%205.46876C10.8221%205.76251%2010.8221%206.23751%2010.5033%206.50314L9.05957%207.97189L10.5033%209.46876C10.8221%209.76251%2010.8221%2010.2375%2010.5033%2010.5031C10.2377%2010.8219%209.7627%2010.8219%209.46895%2010.5031L7.97207%209.05939L6.50332%2010.5031C6.2377%2010.8219%205.7627%2010.8219%205.46895%2010.5031C5.17832%2010.2375%205.17832%209.76251%205.46895%209.46876L6.94082%207.97189L5.46895%206.50314C5.17832%206.23751%205.17832%205.76251%205.46895%205.46876C5.7627%205.17814%206.2377%205.17814%206.50332%205.46876L7.97207%206.94064Z'%20fill='%23838192'/%3e%3cpath%20opacity='0.4'%20d='M0%208C0%203.58125%203.58125%200%208%200C12.4187%200%2016%203.58125%2016%208C16%2012.4187%2012.4187%2016%208%2016C3.58125%2016%200%2012.4187%200%208ZM5.46875%206.50313L6.94063%207.97188L5.46875%209.46875C5.17812%209.7625%205.17812%2010.2375%205.46875%2010.5031C5.7625%2010.8219%206.2375%2010.8219%206.50313%2010.5031L7.97188%209.05937L9.46875%2010.5031C9.7625%2010.8219%2010.2375%2010.8219%2010.5031%2010.5031C10.8219%2010.2375%2010.8219%209.7625%2010.5031%209.46875L9.05937%207.97188L10.5031%206.50313C10.8219%206.2375%2010.8219%205.7625%2010.5031%205.46875C10.2375%205.17812%209.7625%205.17812%209.46875%205.46875L7.97188%206.94063L6.50313%205.46875C6.2375%205.17812%205.7625%205.17812%205.46875%205.46875C5.17812%205.7625%205.17812%206.2375%205.46875%206.50313Z'%20fill='%23838192'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3694_1860'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%;background-size:contain;border-radius:50%;opacity:0}._inputSearch_lmxu2_1 input[type=search]:focus::-webkit-search-cancel-button{pointer-events:all;cursor:pointer;opacity:1}
@@ -1 +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}
1
+ ._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}
@@ -1 +1 @@
1
- ._h1_13r5p_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_13r5p_7{font-weight:var(--typography-heading-bold)}._h2_13r5p_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_13r5p_17{font-weight:var(--typography-heading-bold)}._h3_13r5p_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_13r5p_27{font-weight:var(--typography-heading-bold)}._h4_13r5p_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_13r5p_37{font-weight:var(--typography-heading-bold)}._body_13r5p_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_13r5p_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_13r5p_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_13r5p_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_13r5p_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_13r5p_62{font-weight:var(--body-bold)}._body--strikethrough_13r5p_65{text-decoration:line-through}._body--underlined_13r5p_68{text-decoration:underline}._body--strikethrough-underlined_13r5p_71{text-decoration:underline line-through}._quote_13r5p_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_13r5p_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_13r5p_85{font-weight:var(--body-bold)}._quote--strikethrough_13r5p_88{text-decoration:line-through}._quote--underlined_13r5p_91{text-decoration:underline}._quote--strikethrough-underlined_13r5p_94{text-decoration:underline line-through}._form__input_13r5p_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_13r5p_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_13r5p_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_13r5p_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_13r5p_118{font-weight:var(--body-bold)}._form--strikethrough_13r5p_121{text-decoration:line-through}._form--underlined_13r5p_124{text-decoration:underline}._form--strikethrough-underlined_13r5p_127{text-decoration:underline line-through}._table__header_13r5p_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_13r5p_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_13r5p_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_13r5p_146{font-weight:var(--body-bold)}._table--strikethrough_13r5p_149{text-decoration:line-through}._table--underlined_13r5p_152{text-decoration:underline}._table--strikethrough-underlined_13r5p_155{text-decoration:underline line-through}._button_13r5p_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_13r5p_165{font-weight:var(--body-bold)}._button--strikethrough_13r5p_168{text-decoration:line-through}._button--underlined_13r5p_171{text-decoration:underline}._button--strikethrough-underlined_13r5p_174{text-decoration:underline line-through}
1
+ ._h1_1elsk_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_1elsk_7{font-weight:var(--typography-heading-bold)}._h2_1elsk_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_1elsk_17{font-weight:var(--typography-heading-bold)}._h3_1elsk_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1elsk_27{font-weight:var(--typography-heading-bold)}._h4_1elsk_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_1elsk_37{font-weight:var(--typography-heading-bold)}._body_1elsk_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1elsk_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1elsk_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1elsk_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1elsk_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1elsk_62{font-weight:var(--body-bold)}._body--strikethrough_1elsk_65{text-decoration:line-through}._body--underlined_1elsk_68{text-decoration:underline}._body--strikethrough-underlined_1elsk_71{text-decoration:underline line-through}._quote_1elsk_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1elsk_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_1elsk_85{font-weight:var(--body-bold)}._quote--strikethrough_1elsk_88{text-decoration:line-through}._quote--underlined_1elsk_91{text-decoration:underline}._quote--strikethrough-underlined_1elsk_94{text-decoration:underline line-through}._form__input_1elsk_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1elsk_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1elsk_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1elsk_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_1elsk_118{font-weight:var(--body-bold)}._form--strikethrough_1elsk_121{text-decoration:line-through}._form--underlined_1elsk_124{text-decoration:underline}._form--strikethrough-underlined_1elsk_127{text-decoration:underline line-through}._table__header_1elsk_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1elsk_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1elsk_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_1elsk_146{font-weight:var(--body-bold)}._table--strikethrough_1elsk_149{text-decoration:line-through}._table--underlined_1elsk_152{text-decoration:underline}._table--strikethrough-underlined_1elsk_155{text-decoration:underline line-through}._button_1elsk_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_1elsk_165{font-weight:var(--body-bold)}._button--strikethrough_1elsk_168{text-decoration:line-through}._button--underlined_1elsk_171{text-decoration:underline}._button--strikethrough-underlined_1elsk_174{text-decoration:underline line-through}._SM_1elsk_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_1elsk_183{font-weight:var(--font-weight-700)}
@@ -3,14 +3,26 @@ import { ReactNode } from 'react';
3
3
 
4
4
  export type AdviceTypes = 'without-results' | 'no-permission';
5
5
  export type AdviceProps = {
6
+ /** Advice icon.
7
+ * This property uses the Icon Component Props
8
+ */
6
9
  icon?: React.ComponentProps<typeof Icon>;
10
+ /** Advice SVG icon */
7
11
  IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
8
12
  title?: string | undefined;
9
13
  }>;
14
+ /** Type of advice */
10
15
  type?: AdviceTypes;
16
+ /** Advice content message */
11
17
  content: ReactNode;
18
+ /** Space seperated list of CSS classes to apply */
12
19
  className?: string;
20
+ /** ID that tests can use to get this component from the DOM */
13
21
  'data-testid'?: string;
14
22
  };
23
+ /**
24
+ * Advice component provide HTML with an icon and a message.
25
+ * Is commonly used to indicate No Permission and No Results.
26
+ */
15
27
  declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
16
28
  export { Advice };
@@ -0,0 +1,16 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ icon, type, content, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
6
+ tags: string[];
7
+ parameters: {
8
+ layout: string;
9
+ };
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const WithoutResults: Story;
14
+ export declare const NoPermission: Story;
15
+ export declare const CustomIcon: Story;
16
+ export declare const CustomIconSVG: Story;
@@ -0,0 +1,48 @@
1
+ import { Advice as o } from "./Advice.js";
2
+ import * as e from "react";
3
+ 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: {
4
+ fill: "currentcolor",
5
+ color: "currentcolor",
6
+ width: "1em",
7
+ height: "1em"
8
+ }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
9
+ .fa-secondary {
10
+ opacity: .4
11
+ }
12
+ `)), /* @__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 = {
13
+ title: "Components/Advice",
14
+ component: o,
15
+ tags: ["autodocs"],
16
+ parameters: {
17
+ layout: "padded"
18
+ }
19
+ }, a = {
20
+ args: {
21
+ type: "without-results",
22
+ content: "No Results"
23
+ }
24
+ }, l = {
25
+ args: {
26
+ type: "no-permission",
27
+ content: "No Permission"
28
+ }
29
+ }, r = {
30
+ name: "Custom Icons (Waves Icons)",
31
+ args: {
32
+ icon: { icon: "logo", iconFamily: "pi", color: "var(--secondary-orange)", size: "5rem" },
33
+ content: "Pismo"
34
+ }
35
+ }, m = {
36
+ name: "Custom Icons (SVG)",
37
+ args: {
38
+ IconSvg: n,
39
+ content: "Ready for battle?"
40
+ }
41
+ };
42
+ export {
43
+ r as CustomIcon,
44
+ m as CustomIconSVG,
45
+ l as NoPermission,
46
+ a as WithoutResults,
47
+ c as default
48
+ };
@@ -1,4 +1,5 @@
1
1
  import { Either } from '../../types/helpers';
2
+ import { ButtonOwnProps as MUIButtonBaseProps } from '@mui/base';
2
3
  import { ReactNode } from 'react';
3
4
 
4
5
  type Variant = 'primary' | 'secondary' | 'quick';
@@ -7,12 +8,14 @@ type ButtonCoreProps = {
7
8
  loading?: boolean;
8
9
  /** Button to display and act in a disabled state */
9
10
  disabled?: boolean;
10
- /** Space seperated list of CSS classes to apply */
11
+ /** Space separated list of CSS classes to apply */
11
12
  className?: string;
12
13
  /** Text or children to display */
13
14
  children: ReactNode;
14
- /** Space seperated list of CSS classes to apply */
15
+ /** alternative style to use*/
15
16
  variant?: Variant;
17
+ /** mui base button props */
18
+ muiButtonBaseProps?: MUIButtonBaseProps;
16
19
  };
17
20
  interface ButtonPropsWithLink extends ButtonCoreProps {
18
21
  /** link for component to navigate to, if provide component will be an anchor */
@@ -1,70 +1,94 @@
1
1
  import '../../assets/Button.css';
2
- import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
+ import { jsx as r, jsxs as w } from "react/jsx-runtime";
3
3
  import { forwardRef as m, useMemo as c } from "react";
4
- import { c as y } from "../../clsx-DB4S2d7J.js";
5
- import { LoadingSpinner as g } from "../LoadingSpinner/LoadingSpinner.js";
6
- import { B as f } from "../../Button-B1umG8kJ.js";
7
- const k = "_h1_2qr61_1", p = "_h2_2qr61_11", w = "_h3_2qr61_21", x = "_h4_2qr61_31", N = "_body_2qr61_41", v = "_quote_2qr61_75", B = "_form__input_2qr61_98", j = "_form__hint_2qr61_103", S = "_form__label_2qr61_108", $ = "_form__dropdown_2qr61_113", C = "_table__header_2qr61_131", L = "_table__body_2qr61_136", M = "_button_2qr61_159", r = {
8
- h1: k,
9
- "h1--bold": "_h1--bold_2qr61_7",
10
- h2: p,
11
- "h2--bold": "_h2--bold_2qr61_17",
12
- h3: w,
13
- "h3--bold": "_h3--bold_2qr61_27",
14
- h4: x,
15
- "h4--bold": "_h4--bold_2qr61_37",
16
- body: N,
17
- "body--large": "_body--large_2qr61_46",
18
- "body--medium": "_body--medium_2qr61_50",
19
- "body--small": "_body--small_2qr61_54",
20
- "body--tiny": "_body--tiny_2qr61_58",
21
- "body--bold": "_body--bold_2qr61_62",
22
- "body--strikethrough": "_body--strikethrough_2qr61_65",
23
- "body--underlined": "_body--underlined_2qr61_68",
24
- "body--strikethrough-underlined": "_body--strikethrough-underlined_2qr61_71",
25
- quote: v,
26
- "quote--large": "_quote--large_2qr61_80",
27
- "quote--bold": "_quote--bold_2qr61_85",
28
- "quote--strikethrough": "_quote--strikethrough_2qr61_88",
29
- "quote--underlined": "_quote--underlined_2qr61_91",
30
- "quote--strikethrough-underlined": "_quote--strikethrough-underlined_2qr61_94",
31
- form__input: B,
32
- form__hint: j,
33
- form__label: S,
34
- form__dropdown: $,
35
- "form--bold": "_form--bold_2qr61_118",
36
- "form--strikethrough": "_form--strikethrough_2qr61_121",
37
- "form--underlined": "_form--underlined_2qr61_124",
38
- "form--strikethrough-underlined": "_form--strikethrough-underlined_2qr61_127",
39
- table__header: C,
40
- table__body: L,
41
- "table__body--secondary": "_table__body--secondary_2qr61_141",
42
- "table--bold": "_table--bold_2qr61_146",
43
- "table--strikethrough": "_table--strikethrough_2qr61_149",
44
- "table--underlined": "_table--underlined_2qr61_152",
45
- "table--strikethrough-underlined": "_table--strikethrough-underlined_2qr61_155",
46
- button: M,
47
- "button--bold": "_button--bold_2qr61_165",
48
- "button--strikethrough": "_button--strikethrough_2qr61_168",
49
- "button--underlined": "_button--underlined_2qr61_171",
50
- "button--strikethrough-underlined": "_button--strikethrough-underlined_2qr61_174",
51
- "button--primary": "_button--primary_2qr61_190",
52
- "button--secondary": "_button--secondary_2qr61_209",
53
- "button--quick": "_button--quick_2qr61_226",
54
- "button__loading-container": "_button__loading-container_2qr61_249"
55
- }, E = m((n, d) => {
56
- const { onClick: u, link: l, loading: b, children: o, type: i = "button", disabled: h, className: t, variant: _ = "primary" } = n, s = {
4
+ import { c as g } from "../../clsx-DB4S2d7J.js";
5
+ import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
6
+ import { B as k } from "../../Button-B1umG8kJ.js";
7
+ 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 = {
8
+ h1: p,
9
+ "h1--bold": "_h1--bold_1swyh_7",
10
+ h2: q,
11
+ "h2--bold": "_h2--bold_1swyh_17",
12
+ h3: S,
13
+ "h3--bold": "_h3--bold_1swyh_27",
14
+ h4: M,
15
+ "h4--bold": "_h4--bold_1swyh_37",
16
+ body: B,
17
+ "body--large": "_body--large_1swyh_46",
18
+ "body--medium": "_body--medium_1swyh_50",
19
+ "body--small": "_body--small_1swyh_54",
20
+ "body--tiny": "_body--tiny_1swyh_58",
21
+ "body--bold": "_body--bold_1swyh_62",
22
+ "body--strikethrough": "_body--strikethrough_1swyh_65",
23
+ "body--underlined": "_body--underlined_1swyh_68",
24
+ "body--strikethrough-underlined": "_body--strikethrough-underlined_1swyh_71",
25
+ quote: x,
26
+ "quote--large": "_quote--large_1swyh_80",
27
+ "quote--bold": "_quote--bold_1swyh_85",
28
+ "quote--strikethrough": "_quote--strikethrough_1swyh_88",
29
+ "quote--underlined": "_quote--underlined_1swyh_91",
30
+ "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1swyh_94",
31
+ form__input: N,
32
+ form__hint: v,
33
+ form__label: j,
34
+ form__dropdown: P,
35
+ "form--bold": "_form--bold_1swyh_118",
36
+ "form--strikethrough": "_form--strikethrough_1swyh_121",
37
+ "form--underlined": "_form--underlined_1swyh_124",
38
+ "form--strikethrough-underlined": "_form--strikethrough-underlined_1swyh_127",
39
+ table__header: $,
40
+ table__body: C,
41
+ "table__body--secondary": "_table__body--secondary_1swyh_141",
42
+ "table--bold": "_table--bold_1swyh_146",
43
+ "table--strikethrough": "_table--strikethrough_1swyh_149",
44
+ "table--underlined": "_table--underlined_1swyh_152",
45
+ "table--strikethrough-underlined": "_table--strikethrough-underlined_1swyh_155",
46
+ button: L,
47
+ "button--bold": "_button--bold_1swyh_165",
48
+ "button--strikethrough": "_button--strikethrough_1swyh_168",
49
+ "button--underlined": "_button--underlined_1swyh_171",
50
+ "button--strikethrough-underlined": "_button--strikethrough-underlined_1swyh_174",
51
+ SM: R,
52
+ "SM--bold": "_SM--bold_1swyh_183",
53
+ "button--primary": "_button--primary_1swyh_199",
54
+ "button--secondary": "_button--secondary_1swyh_218",
55
+ "button--quick": "_button--quick_1swyh_235",
56
+ "button__loading-container": "_button__loading-container_1swyh_258"
57
+ }, G = m((n, h) => {
58
+ const {
59
+ onClick: s,
60
+ link: d,
61
+ loading: u,
62
+ children: t,
63
+ type: l = "button",
64
+ disabled: b,
65
+ className: e,
66
+ variant: _ = "primary",
67
+ muiButtonBaseProps: y
68
+ } = n, i = {
57
69
  invert: _ === "secondary" || _ === "quick"
58
- }, q = c(
59
- () => y([r.button, r[`button--${_}`], t]),
60
- [t, _]
70
+ }, a = c(
71
+ () => g([o.button, o[`button--${_}`], e]),
72
+ [e, _]
73
+ );
74
+ return /* @__PURE__ */ r(
75
+ k,
76
+ {
77
+ type: l,
78
+ href: d,
79
+ onClick: s,
80
+ disabled: b,
81
+ className: a,
82
+ ref: h,
83
+ ...y ?? {},
84
+ children: u ? /* @__PURE__ */ w("div", { className: o["button__loading-container"], children: [
85
+ /* @__PURE__ */ r(f, { ...i }),
86
+ t
87
+ ] }) : t
88
+ }
61
89
  );
62
- return /* @__PURE__ */ e(f, { type: i, href: l, onClick: u, disabled: h, className: q, ref: d, children: b ? /* @__PURE__ */ a("div", { className: r["button__loading-container"], children: [
63
- /* @__PURE__ */ e(g, { ...s }),
64
- o
65
- ] }) : o });
66
90
  });
67
91
  export {
68
- E as Button,
69
- E as default
92
+ G as Button,
93
+ G as default
70
94
  };
@@ -11,6 +11,7 @@ declare const meta: {
11
11
  className?: string | undefined;
12
12
  children: import('react').ReactNode;
13
13
  variant?: ("primary" | "secondary" | "quick") | undefined;
14
+ muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
14
15
  type?: undefined;
15
16
  onClick?: undefined;
16
17
  ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
@@ -23,6 +24,7 @@ declare const meta: {
23
24
  className?: string | undefined;
24
25
  children: import('react').ReactNode;
25
26
  variant?: ("primary" | "secondary" | "quick") | undefined;
27
+ muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
26
28
  link?: undefined;
27
29
  ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
28
30
  key?: import('react').Key | null | undefined;
@@ -1,6 +1,5 @@
1
- import '../../assets/global.css';
2
1
  import { jsx as t } from "react/jsx-runtime";
3
- /* empty css */
2
+ import "../Chip/Chip.js";
4
3
  import { Button as i } from "./Button.js";
5
4
  import "react";
6
5
  import "../Dialog/Backdrop.js";
@@ -0,0 +1,37 @@
1
+ import { IconFamilies, IconProps } from '../../main';
2
+ import { ReactElement, ReactNode } from 'react';
3
+
4
+ export type Variant = 'default' | 'contained' | 'outlined';
5
+ type ChipProps = {
6
+ /** Main content to display, typically just some text */
7
+ label: ReactNode;
8
+ /** Whether to show loading state (skeleton) */
9
+ loading?: boolean;
10
+ /** Left icon to display */
11
+ leftAdornment?: ChipAdornmentSlotProps;
12
+ /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the chip wrapper */
13
+ 'data-testid'?: string;
14
+ /** Functionality to perform when the main body of the chip is clicked */
15
+ onClickContent?: () => void;
16
+ /** If present an 'x' icon will be on the right side of the button when clicked whatever functionality is passed to
17
+ * this will be executed */
18
+ onClickRemove?: () => void;
19
+ /** Whether to show the button in a disabled state, user will be unable to interact with the chip */
20
+ disabled?: boolean;
21
+ /** Any additional classes to apply to the Chip wrapper */
22
+ className?: string;
23
+ /** Which style of chip to show */
24
+ variant?: Variant;
25
+ /** Dataset test id only used for tests, used to hook onto the loading skeleton component for this chip */
26
+ 'data-testid-skeleton'?: string;
27
+ };
28
+ export type ChipAdornmentSlotProps = {
29
+ /** The Marola Icon to display */
30
+ icon: ReactElement<IconProps<IconFamilies>>;
31
+ /** Any additional classes to apply to icon */
32
+ className?: string;
33
+ /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the icon */
34
+ 'data-testid'?: string;
35
+ };
36
+ export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<unknown>>;
37
+ export {};