@pismo/marola 0.0.1-alpha.18 → 0.0.1-alpha.2

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 (145) hide show
  1. package/README.md +5 -17
  2. package/dist/Button-REznN-RP.js +1139 -0
  3. package/dist/Dialog.module-BO0mdB7d.js +15 -0
  4. package/dist/assets/CallToActionButton.css +1 -0
  5. package/dist/assets/Dialog.css +1 -1
  6. package/dist/assets/LoadingSpinner.css +1 -1
  7. package/dist/assets/Typography.css +1 -1
  8. package/dist/assets/main.css +1 -0
  9. package/dist/components/CallToActionButton/CallToActionButton.d.ts +23 -0
  10. package/dist/components/CallToActionButton/CallToActionButton.js +57 -0
  11. package/dist/components/Dialog/Actions.js +1 -1
  12. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  13. package/dist/components/Dialog/Backdrop.js +9 -2
  14. package/dist/components/Dialog/CloseIconButton.js +10 -11
  15. package/dist/components/Dialog/Dialog.d.ts +4 -5
  16. package/dist/components/Dialog/Dialog.js +20103 -445
  17. package/dist/components/Dialog/Title.js +7 -22
  18. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
  19. package/dist/components/LoadingSpinner/LoadingSpinner.js +13 -12
  20. package/dist/components/Typography/Typography.d.ts +6 -17
  21. package/dist/components/Typography/Typography.js +64 -85
  22. package/dist/main.d.ts +3 -25
  23. package/dist/main.js +15 -62
  24. package/dist/types/helpers.d.ts +7 -14
  25. package/package.json +9 -51
  26. package/src/playground/Playground.tsx +58 -0
  27. package/dist/Button-2b1peDFT.js +0 -130
  28. package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
  29. package/dist/Dialog.module-B8COssqi.js +0 -15
  30. package/dist/Popup-B6ZSGIEI.js +0 -1248
  31. package/dist/Portal-DIeBsWdL.js +0 -73
  32. package/dist/SelectButton-pciwIWcj.js +0 -46
  33. package/dist/Tabs.module-jkH1Qjn7.js +0 -22
  34. package/dist/assets/Advice.css +0 -1
  35. package/dist/assets/Button.css +0 -1
  36. package/dist/assets/Checkbox.css +0 -1
  37. package/dist/assets/Chip.css +0 -1
  38. package/dist/assets/IconButton.css +0 -1
  39. package/dist/assets/Input.css +0 -1
  40. package/dist/assets/InputSearch.css +0 -1
  41. package/dist/assets/PageHeader.css +0 -1
  42. package/dist/assets/Pagination.css +0 -1
  43. package/dist/assets/SelectButton.css +0 -1
  44. package/dist/assets/Skeleton.css +0 -1
  45. package/dist/assets/Snackbar.css +0 -1
  46. package/dist/assets/SortTooltip.css +0 -1
  47. package/dist/assets/Stepper.css +0 -1
  48. package/dist/assets/Table.css +0 -1
  49. package/dist/assets/Tabs.css +0 -1
  50. package/dist/assets/TextDisplay.css +0 -1
  51. package/dist/assets/Toggle.css +0 -1
  52. package/dist/assets/Tooltip.css +0 -1
  53. package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
  54. package/dist/components/Advice/Advice.d.ts +0 -28
  55. package/dist/components/Advice/Advice.js +0 -25
  56. package/dist/components/Advice/Advice.stories.d.ts +0 -16
  57. package/dist/components/Button/Button.d.ts +0 -32
  58. package/dist/components/Button/Button.js +0 -94
  59. package/dist/components/Button/Button.stories.d.ts +0 -62
  60. package/dist/components/Checkbox/Checkbox.d.ts +0 -34
  61. package/dist/components/Checkbox/Checkbox.js +0 -56
  62. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
  63. package/dist/components/Chip/Chip.d.ts +0 -37
  64. package/dist/components/Chip/Chip.js +0 -143
  65. package/dist/components/Chip/Chip.stories.d.ts +0 -40
  66. package/dist/components/Chip/chip.test.d.ts +0 -1
  67. package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
  68. package/dist/components/Icon/Icon.d.ts +0 -27
  69. package/dist/components/Icon/Icon.js +0 -116
  70. package/dist/components/Icon/Icon.stories.d.ts +0 -16
  71. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  72. package/dist/components/IconButton/IconButton.d.ts +0 -36
  73. package/dist/components/IconButton/IconButton.js +0 -70
  74. package/dist/components/Input/Input.d.ts +0 -44
  75. package/dist/components/Input/Input.js +0 -496
  76. package/dist/components/Input/Input.stories.d.ts +0 -43
  77. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  78. package/dist/components/InputSearch/InputSearch.js +0 -34
  79. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  80. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  81. package/dist/components/PageHeader/PageHeader.d.ts +0 -36
  82. package/dist/components/PageHeader/PageHeader.js +0 -51
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -43
  84. package/dist/components/Pagination/Pagination.d.ts +0 -55
  85. package/dist/components/Pagination/Pagination.js +0 -222
  86. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  87. package/dist/components/Select/Select.d.ts +0 -26
  88. package/dist/components/Select/Select.js +0 -857
  89. package/dist/components/Select/Select.stories.d.ts +0 -22
  90. package/dist/components/Select/SelectButton.d.ts +0 -12
  91. package/dist/components/Select/SelectButton.js +0 -8
  92. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  93. package/dist/components/Skeleton/Skeleton.js +0 -23
  94. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  95. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  96. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  97. package/dist/components/Snackbar/Snackbar.d.ts +0 -25
  98. package/dist/components/Snackbar/Snackbar.js +0 -622
  99. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -318
  100. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  101. package/dist/components/SortTooltip/SortTooltip.js +0 -78
  102. package/dist/components/Stepper/Stepper.d.ts +0 -26
  103. package/dist/components/Stepper/Stepper.js +0 -33
  104. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  105. package/dist/components/Table/Table.d.ts +0 -39
  106. package/dist/components/Table/Table.js +0 -120
  107. package/dist/components/Table/TableContext.d.ts +0 -19
  108. package/dist/components/Table/TableContext.js +0 -21
  109. package/dist/components/Tabs/Tab.d.ts +0 -14
  110. package/dist/components/Tabs/Tab.js +0 -181
  111. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  112. package/dist/components/Tabs/TabPanel.d.ts +0 -12
  113. package/dist/components/Tabs/TabPanel.js +0 -118
  114. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  115. package/dist/components/Tabs/Tabs.d.ts +0 -15
  116. package/dist/components/Tabs/Tabs.js +0 -401
  117. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  118. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  119. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  120. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  121. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  122. package/dist/components/Toggle/Toggle.d.ts +0 -11
  123. package/dist/components/Toggle/Toggle.js +0 -251
  124. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  125. package/dist/components/Tooltip/Tooltip.d.ts +0 -29
  126. package/dist/components/Tooltip/Tooltip.js +0 -139
  127. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -33
  128. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  129. package/dist/components/Typography/typography.test.d.ts +0 -1
  130. package/dist/index-CH45lKw7.js +0 -840
  131. package/dist/index-CjW42-M-.js +0 -19584
  132. package/dist/marola.css +0 -1
  133. package/dist/test-utils/assertStyles.d.ts +0 -1
  134. package/dist/test-utils/assertStyles.js +0 -11
  135. package/dist/useButton-DNk3wrQp.js +0 -105
  136. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  137. package/dist/useControlled-CCMYYdCM.js +0 -31
  138. package/dist/useEnhancedEffect-CJGo-L3B.js +0 -5
  139. package/dist/useEventCallback-xTG9piMa.js +0 -45
  140. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  141. package/dist/useList-B0hog_3-.js +0 -436
  142. package/dist/useTimeout-DxF9kiZL.js +0 -36
  143. package/dist/utils/styleStrings.d.ts +0 -6
  144. package/dist/utils/styleStrings.js +0 -10
  145. package/dist/utils/styleStrings.test.d.ts +0 -1
@@ -0,0 +1,15 @@
1
+ import './assets/Dialog.css';
2
+ const _ = "_dialog_cknma_1", a = "_dialog__backdrop_cknma_11", i = "_dialog__panel_cknma_19", o = "_dialog__title_cknma_35", l = "_dialog__subtitle_cknma_42", d = "_dialog__divider_cknma_51", t = "_dialog__actions_cknma_64", c = {
3
+ dialog: _,
4
+ dialog__backdrop: a,
5
+ dialog__panel: i,
6
+ dialog__title: o,
7
+ "dialog__title--small": "_dialog__title--small_cknma_39",
8
+ dialog__subtitle: l,
9
+ dialog__divider: d,
10
+ "dialog__close-icon": "_dialog__close-icon_cknma_55",
11
+ dialog__actions: t
12
+ };
13
+ export {
14
+ c as s
15
+ };
@@ -0,0 +1 @@
1
+ ._h1_11y7t_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_11y7t_7{font-weight:var(--typography-heading-bold)}._h2_11y7t_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_11y7t_17{font-weight:var(--typography-heading-bold)}._h3_11y7t_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_11y7t_27{font-weight:var(--typography-heading-bold)}._h4_11y7t_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_11y7t_37{font-weight:var(--typography-heading-bold)}._body_11y7t_41{font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-weight)}._body--large_11y7t_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_11y7t_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_11y7t_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_11y7t_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_11y7t_62{font-weight:var(--body-bold)}._body--strikethrough_11y7t_65{text-decoration:line-through}._body--underlined_11y7t_68{text-decoration:underline}._body--strikethrough-underlined_11y7t_71{text-decoration:underline line-through}._quote_11y7t_75{font-size:var(--quote-font-size);line-height:var(--quote-line-height);font-weight:var(--quote-font-weight)}._quote--large_11y7t_80{font-size:var(--quote-font-size-large);line-height:var(--quote-line-height-large);font-weight:var(--quote-font-weight-large)}._form__input_11y7t_86{font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);font-weight:var(--form-input-font-weight)}._form__hint_11y7t_91{font-size:var(--form-hint-font-size);line-height:var(--form-hint-line-height);font-weight:var(--form-hint-font-weight)}._form__label_11y7t_96{font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight)}._form__dropdown_11y7t_101{font-size:var(--form-dropdown-font-size);line-height:var(--form-dropdown-line-height);font-weight:var(--form-dropdown-font-weight)}._table__header_11y7t_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_11y7t_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_11y7t_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_11y7t_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight)}._button_11y7t_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight);padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 4.375);border-radius:calc(var(--spacing) * 12.5);border:none;cursor:pointer}._button--primary_11y7t_138{background-color:var(--accent);color:var(--white-100)}._button--primary_11y7t_138:hover{background-color:var(--accent-dark)}._button--primary_11y7t_138:focus{background-color:var(--accent-lighter);color:var(--black-100)}._button--primary_11y7t_138:active{background-color:var(--accent-light)}._button--primary_11y7t_138:disabled{background-color:var(--black-10);color:var(--gray-50)}._button--secondary_11y7t_156{background-color:var(--white-100);color:var(--accent)}._button--secondary_11y7t_156:hover{background-color:var(--gray-5)}._button--secondary_11y7t_156:focus{color:var(--black-100)}._button--secondary_11y7t_156:active{color:var(--accent-light)}._button--secondary_11y7t_156:disabled{color:var(--gray-50)}._button__loading-container_11y7t_172{align-items:center;display:flex;gap:var(--spacing)}
@@ -1 +1 @@
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
+ ._dialog_cknma_1{position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}._dialog__backdrop_cknma_11{z-index:-1;position:fixed;background-color:rgba(var(--black-100-rgb),.05);width:100%;height:100%;-webkit-tap-highlight-color:transparent}._dialog__panel_cknma_19{font-weight:500;text-align:start;position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;background-color:var(--white-100);border-radius:8px;border:1px solid rgb(218,226,237);box-shadow:0 10px 20px rgba(var(--black-100-rgb),.2);padding:24px;width:680px;color:var(--gray-75)}._dialog__title_cknma_35{padding-bottom:var(--spacing);padding-top:var(--spacing)}._dialog__title--small_cknma_39{font-size:var(--small-font)}._dialog__subtitle_cknma_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;letter-spacing:0;text-align:left;color:var(--secondary-orange-dark)}._dialog__divider_cknma_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_cknma_55{padding:0;margin:0;border:none;background:none;position:absolute;right:calc(var(--spacing) * 2);top:calc(var(--spacing) * 3.375)}._dialog__actions_cknma_64{justify-content:center;margin-bottom:calc(var(--spacing) * 2);gap:var(--spacing);display:flex}
@@ -1 +1 @@
1
- ._ls-ring_elvjz_1{position:relative;display:inline-block;width:18px;height:18px}._ls-ring_elvjz_1>div{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:block;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-color:var(--white-100) transparent transparent transparent;border-radius:50%;animation:_ls-ring_elvjz_1 1.2s cubic-bezier(.5,0,.5,1) infinite}._ls-ring_elvjz_1 div:nth-child(1){border-color:var(--white-100);opacity:.4;animation:none}._ls-ring_elvjz_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_elvjz_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_elvjz_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_elvjz_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_elvjz_34 div:nth-child(1){border-color:var(--accent);opacity:.4;animation:none}@keyframes _ls-ring_elvjz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
1
+ ._ls-ring_19dsy_1{display:inline-block;position:relative;width:18px;height:18px}._ls-ring_19dsy_1>div{box-sizing:border-box;display:block;position:absolute;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-radius:50%;animation:_ls-ring_19dsy_1 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--white-100) transparent transparent transparent;top:0;right:0;bottom:0;left:0}._ls-ring_19dsy_1 div:nth-child(1){animation:none;opacity:40%;border-color:var(--white-100)}._ls-ring_19dsy_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_19dsy_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_19dsy_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_19dsy_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_19dsy_34 div:nth-child(1){animation:none;opacity:40%;border-color:var(--accent)}@keyframes _ls-ring_19dsy_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@@ -1 +1 @@
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)}
1
+ ._h1_111i6_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_111i6_7{font-weight:var(--typography-heading-bold)}._h2_111i6_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_111i6_17{font-weight:var(--typography-heading-bold)}._h3_111i6_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_111i6_27{font-weight:var(--typography-heading-bold)}._h4_111i6_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_111i6_37{font-weight:var(--typography-heading-bold)}._body_111i6_41{font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-weight)}._body--large_111i6_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_111i6_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_111i6_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_111i6_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_111i6_62{font-weight:var(--body-bold)}._body--strikethrough_111i6_65{text-decoration:line-through}._body--underlined_111i6_68{text-decoration:underline}._body--strikethrough-underlined_111i6_71{text-decoration:underline line-through}._quote_111i6_75{font-size:var(--quote-font-size);line-height:var(--quote-line-height);font-weight:var(--quote-font-weight)}._quote--large_111i6_80{font-size:var(--quote-font-size-large);line-height:var(--quote-line-height-large);font-weight:var(--quote-font-weight-large)}._form__input_111i6_86{font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);font-weight:var(--form-input-font-weight)}._form__hint_111i6_91{font-size:var(--form-hint-font-size);line-height:var(--form-hint-line-height);font-weight:var(--form-hint-font-weight)}._form__label_111i6_96{font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight)}._form__dropdown_111i6_101{font-size:var(--form-dropdown-font-size);line-height:var(--form-dropdown-line-height);font-weight:var(--form-dropdown-font-weight)}._table__header_111i6_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_111i6_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_111i6_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_111i6_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight)}
@@ -0,0 +1 @@
1
+ :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}:root{--spacing: 8px}
@@ -0,0 +1,23 @@
1
+ import { Either } from '../../types/helpers';
2
+ import { ReactNode } from 'react';
3
+
4
+ type variation = "primary" | "secondary";
5
+ type CallToActionButtonCoreProps = {
6
+ isLoading?: boolean;
7
+ disabled?: boolean;
8
+ className?: string;
9
+ children: ReactNode;
10
+ variation?: variation;
11
+ width?: number;
12
+ height?: number;
13
+ };
14
+ interface CallToActionButtonPropsWithLink extends CallToActionButtonCoreProps {
15
+ link: string;
16
+ }
17
+ interface CallToActionButtonPropsWithOnClick extends CallToActionButtonCoreProps {
18
+ onClick: () => void;
19
+ type?: HTMLButtonElement["type"];
20
+ }
21
+ export type CallToActionButtonProps = Either<CallToActionButtonPropsWithLink, CallToActionButtonPropsWithOnClick>;
22
+ export declare const CallToActionButton: import('react').ForwardRefExoticComponent<CallToActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
23
+ export default CallToActionButton;
@@ -0,0 +1,57 @@
1
+ import '../../assets/CallToActionButton.css';
2
+ import { jsx as d, jsxs as h } from "react/jsx-runtime";
3
+ import { forwardRef as u, useMemo as c } from "react";
4
+ import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
5
+ import { c as f } from "../../clsx-DB4S2d7J.js";
6
+ import { B as p } from "../../Button-REznN-RP.js";
7
+ const g = "_h1_11y7t_1", k = "_h2_11y7t_11", q = "_h3_11y7t_21", w = "_h4_11y7t_31", x = "_body_11y7t_41", N = "_quote_11y7t_75", v = "_form__input_11y7t_86", B = "_form__hint_11y7t_91", j = "_form__label_11y7t_96", C = "_form__dropdown_11y7t_101", L = "_table__header_11y7t_107", A = "_table__body_11y7t_112", M = "_button_11y7t_123", _ = {
8
+ h1: g,
9
+ "h1--bold": "_h1--bold_11y7t_7",
10
+ h2: k,
11
+ "h2--bold": "_h2--bold_11y7t_17",
12
+ h3: q,
13
+ "h3--bold": "_h3--bold_11y7t_27",
14
+ h4: w,
15
+ "h4--bold": "_h4--bold_11y7t_37",
16
+ body: x,
17
+ "body--large": "_body--large_11y7t_46",
18
+ "body--medium": "_body--medium_11y7t_50",
19
+ "body--small": "_body--small_11y7t_54",
20
+ "body--tiny": "_body--tiny_11y7t_58",
21
+ "body--bold": "_body--bold_11y7t_62",
22
+ "body--strikethrough": "_body--strikethrough_11y7t_65",
23
+ "body--underlined": "_body--underlined_11y7t_68",
24
+ "body--strikethrough-underlined": "_body--strikethrough-underlined_11y7t_71",
25
+ quote: N,
26
+ "quote--large": "_quote--large_11y7t_80",
27
+ form__input: v,
28
+ form__hint: B,
29
+ form__label: j,
30
+ form__dropdown: C,
31
+ table__header: L,
32
+ table__body: A,
33
+ "table__body--secondary": "_table__body--secondary_11y7t_117",
34
+ button: M,
35
+ "button--primary": "_button--primary_11y7t_138",
36
+ "button--secondary": "_button--secondary_11y7t_156",
37
+ "button__loading-container": "_button__loading-container_11y7t_172"
38
+ }, D = u((r, e) => {
39
+ const {
40
+ onClick: y,
41
+ link: b,
42
+ isLoading: l,
43
+ children: o,
44
+ type: a = "button",
45
+ disabled: s,
46
+ className: t,
47
+ variation: n = "primary"
48
+ } = r, i = c(() => f([_.button, _[`button--${n}`], t]), [t]);
49
+ return /* @__PURE__ */ d(p, { type: a, href: b, onClick: y, disabled: s, className: i, ref: e, children: l ? /* @__PURE__ */ h("div", { className: _["button__loading-container"], children: [
50
+ /* @__PURE__ */ d(m, { ...n === "secondary" && { invert: !0 } }),
51
+ o
52
+ ] }) : o });
53
+ });
54
+ export {
55
+ D as CallToActionButton,
56
+ D as default
57
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { s as t } from "../../Dialog.module-B8COssqi.js";
2
+ import { s as t } from "../../Dialog.module-BO0mdB7d.js";
3
3
  const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
4
4
  export {
5
5
  i as default
@@ -2,5 +2,5 @@
2
2
  declare const Backdrop: import('react').ForwardRefExoticComponent<{
3
3
  open?: boolean | undefined;
4
4
  className: string;
5
- } & import('react').RefAttributes<HTMLDivElement>>;
5
+ } & import("react").RefAttributes<HTMLDivElement>>;
6
6
  export default Backdrop;
@@ -1,9 +1,16 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as t } from "react";
3
- import { s as e } from "../../Dialog.module-B8COssqi.js";
3
+ import { s as e } from "../../Dialog.module-BO0mdB7d.js";
4
4
  const i = t((o, r) => {
5
5
  const { open: m, className: p, ...s } = o;
6
- return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
6
+ return /* @__PURE__ */ a(
7
+ "div",
8
+ {
9
+ className: e.dialog__backdrop,
10
+ ref: r,
11
+ ...s
12
+ }
13
+ );
7
14
  });
8
15
  export {
9
16
  i as default
@@ -1,17 +1,16 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { Icon as r } from "../Icon/Icon.js";
3
- import { s as t } from "../../Dialog.module-B8COssqi.js";
4
- import { B as a } from "../../Button-2b1peDFT.js";
5
- const d = ({ handleOnClose: i, className: o }) => {
6
- const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
7
- return /* @__PURE__ */ s(
8
- a,
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { s as c } from "../../Dialog.module-BO0mdB7d.js";
3
+ import { B as i } from "../../Button-REznN-RP.js";
4
+ const s = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_2659_187)'%3e%3cpath%20d='M15.9437%2013.8812L18.9374%2010.9375C19.5249%2010.3562%2020.4749%2010.3562%2021.0062%2010.9375C21.6437%2011.525%2021.6437%2012.475%2021.0062%2013.0062L18.1187%2015.9437L21.0062%2018.9375C21.6437%2019.525%2021.6437%2020.475%2021.0062%2021.0062C20.4749%2021.6437%2019.5249%2021.6437%2018.9374%2021.0062L15.9437%2018.1187L13.0062%2021.0062C12.4749%2021.6437%2011.5249%2021.6437%2010.9374%2021.0062C10.3562%2020.475%2010.3562%2019.525%2010.9374%2018.9375L13.8812%2015.9437L10.9374%2013.0062C10.3562%2012.475%2010.3562%2011.525%2010.9374%2010.9375C11.5249%2010.3562%2012.4749%2010.3562%2013.0062%2010.9375L15.9437%2013.8812Z'%20fill='%23DF4561'/%3e%3cpath%20opacity='0.4'%20d='M0%2016C0%207.1625%207.1625%200%2016%200C24.8375%200%2032%207.1625%2032%2016C32%2024.8375%2024.8375%2032%2016%2032C7.1625%2032%200%2024.8375%200%2016ZM10.9375%2013.0063L13.8813%2015.9438L10.9375%2018.9375C10.3562%2019.525%2010.3562%2020.475%2010.9375%2021.0063C11.525%2021.6438%2012.475%2021.6438%2013.0063%2021.0063L15.9438%2018.1187L18.9375%2021.0063C19.525%2021.6438%2020.475%2021.6438%2021.0063%2021.0063C21.6438%2020.475%2021.6438%2019.525%2021.0063%2018.9375L18.1187%2015.9438L21.0063%2013.0063C21.6438%2012.475%2021.6438%2011.525%2021.0063%2010.9375C20.475%2010.3562%2019.525%2010.3562%2018.9375%2010.9375L15.9438%2013.8813L13.0063%2010.9375C12.475%2010.3562%2011.525%2010.3562%2010.9375%2010.9375C10.3562%2011.525%2010.3562%2012.475%2010.9375%2013.0063Z'%20fill='%23DF4561'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2659_187'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", d = ({ handleOnClose: e, className: l }) => {
5
+ const o = l != null ? c["dialog__close-icon "] + l : c["dialog__close-icon"];
6
+ return /* @__PURE__ */ t(
7
+ i,
9
8
  {
10
- className: l,
9
+ className: o,
11
10
  "aria-description": "Close dialog",
12
- onClick: i,
11
+ onClick: e,
13
12
  "data-testid": "dialog-close-button",
14
- children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
13
+ children: /* @__PURE__ */ t("img", { src: s, alt: "close" })
15
14
  }
16
15
  );
17
16
  };
@@ -4,18 +4,17 @@ import { default as Actions } from './Actions';
4
4
  import { ModalProps } from '@mui/base';
5
5
  import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
6
6
 
7
- export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
7
+ export type CloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
8
8
  export interface DialogProps extends ModalProps {
9
- /** main content */
10
- children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
9
+ /** main children content */
10
+ children: ReactElement<any, string | JSXElementConstructor<any>>;
11
11
  /** display title label */
12
12
  dialogTitle: ReactNode;
13
13
  /** display subtitle */
14
14
  dialogSubtitle?: ReactNode;
15
15
  /** if true, show skeleton */
16
16
  isLoading?: boolean;
17
- /** callback for when close is clicked */
18
- onClose?: () => void;
17
+ onClose: () => void;
19
18
  }
20
19
  declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
21
20
  export { Dialog, DialogTitle, Content, Actions };