@pismo/marola 1.0.0-beta.9 → 1.0.1

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 (162) hide show
  1. package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Alert.css +1 -0
  12. package/dist/assets/Autocomplete.css +1 -1
  13. package/dist/assets/Avatar.css +1 -0
  14. package/dist/assets/Description.css +1 -0
  15. package/dist/assets/Dialog.css +1 -1
  16. package/dist/assets/EllipsisTooltip.css +1 -1
  17. package/dist/assets/Group.css +1 -1
  18. package/dist/assets/Input.css +1 -1
  19. package/dist/assets/PageHeader.css +1 -1
  20. package/dist/assets/Popover.css +1 -0
  21. package/dist/assets/RadioButton.css +1 -0
  22. package/dist/assets/ResultWithChips.css +1 -0
  23. package/dist/assets/SelectButton.css +1 -1
  24. package/dist/assets/Skeleton.css +1 -1
  25. package/dist/assets/Snackbar.css +1 -1
  26. package/dist/assets/StepperNavigator.css +1 -0
  27. package/dist/assets/Table.css +1 -1
  28. package/dist/assets/Tabs.css +1 -1
  29. package/dist/assets/Tag.css +1 -0
  30. package/dist/assets/Toggle2.css +1 -1
  31. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  32. package/dist/components/Adornment/Adornment.d.ts +11 -2
  33. package/dist/components/Adornment/Adornment.js +6 -6
  34. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  35. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  36. package/dist/components/Advice/Advice.d.ts +2 -2
  37. package/dist/components/Alert/Alert.d.ts +11 -0
  38. package/dist/components/Alert/Alert.js +46 -0
  39. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  40. package/dist/components/Alert/Alert.test.d.ts +1 -0
  41. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  42. package/dist/components/Autocomplete/Autocomplete.js +422 -432
  43. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  44. package/dist/components/Avatar/Avatar.d.ts +15 -0
  45. package/dist/components/Avatar/Avatar.js +51 -0
  46. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  47. package/dist/components/Button/Button.d.ts +2 -0
  48. package/dist/components/Button/Button.js +23 -21
  49. package/dist/components/Chip/Chip.d.ts +6 -4
  50. package/dist/components/Chip/Chip.js +10 -6
  51. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  52. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  53. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  54. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  55. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  56. package/dist/components/Description/Description.d.ts +21 -0
  57. package/dist/components/Description/Description.js +66 -0
  58. package/dist/components/Description/Description.stories.d.ts +22 -0
  59. package/dist/components/Description/Description.test.d.ts +1 -0
  60. package/dist/components/Dialog/Actions.js +1 -1
  61. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  62. package/dist/components/Dialog/Backdrop.js +8 -7
  63. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  64. package/dist/components/Dialog/CloseIconButton.js +15 -18
  65. package/dist/components/Dialog/Dialog.d.ts +16 -10
  66. package/dist/components/Dialog/Dialog.js +167 -167
  67. package/dist/components/Dialog/Dialog.stories.d.ts +73 -67
  68. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  69. package/dist/components/Dialog/DialogTitle.js +22 -16
  70. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  71. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  72. package/dist/components/Icon/Icon.js +337 -51
  73. package/dist/components/Icon/types.d.ts +1 -1
  74. package/dist/components/IconButton/IconButton.js +1 -1
  75. package/dist/components/Input/Input.d.ts +26 -5
  76. package/dist/components/Input/Input.js +514 -102
  77. package/dist/components/Input/Input.stories.d.ts +2 -21
  78. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  79. package/dist/components/InputSearch/InputSearch.js +27 -29
  80. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  81. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  82. package/dist/components/PageHeader/PageHeader.js +77 -70
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  84. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  85. package/dist/components/Pagination/Pagination.d.ts +5 -1
  86. package/dist/components/Pagination/Pagination.js +45 -46
  87. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  88. package/dist/components/Popover/Popover.d.ts +32 -0
  89. package/dist/components/Popover/Popover.js +24 -0
  90. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  91. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  92. package/dist/components/Popover/PopoverBody.js +6 -0
  93. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  94. package/dist/components/Popover/PopoverFooter.js +6 -0
  95. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  96. package/dist/components/Popover/PopoverHeader.js +6 -0
  97. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  98. package/dist/components/RadioButton/RadioButton.js +37 -0
  99. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  100. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  101. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  102. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  103. package/dist/components/RowItem/RowItem.d.ts +2 -2
  104. package/dist/components/RowItem/RowItem.js +9 -5
  105. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  106. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  107. package/dist/components/Select/Select.d.ts +22 -0
  108. package/dist/components/Select/Select.js +476 -414
  109. package/dist/components/Select/SelectButton.d.ts +2 -0
  110. package/dist/components/Select/SelectButton.js +3 -2
  111. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  112. package/dist/components/Skeleton/Skeleton.js +20 -14
  113. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  114. package/dist/components/Snackbar/Snackbar.js +119 -134
  115. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  116. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  117. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  118. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  119. package/dist/components/Table/Table.d.ts +3 -1
  120. package/dist/components/Table/Table.js +89 -101
  121. package/dist/components/Table/Table.stories.d.ts +1 -1
  122. package/dist/components/Tabs/Tab.d.ts +5 -3
  123. package/dist/components/Tabs/Tab.js +36 -35
  124. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  125. package/dist/components/Tabs/TabPanel.js +48 -38
  126. package/dist/components/Tabs/Tabs.d.ts +6 -4
  127. package/dist/components/Tabs/Tabs.js +115 -112
  128. package/dist/components/Tag/Tag.d.ts +14 -0
  129. package/dist/components/Tag/Tag.js +73 -0
  130. package/dist/components/Tag/Tag.stories.d.ts +29 -0
  131. package/dist/components/Tag/Tag.test.d.ts +1 -0
  132. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  133. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  134. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  135. package/dist/components/Toggle/Toggle.js +1 -1
  136. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  137. package/dist/components/ToggleGroup/Group.js +4 -2
  138. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  139. package/dist/components/ToggleGroup/Toggle.js +8 -4
  140. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  141. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  142. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  143. package/dist/components/Tooltip/Tooltip.js +4 -4
  144. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  145. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  146. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  147. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  148. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  149. package/dist/main.d.ts +9 -0
  150. package/dist/main.js +97 -79
  151. package/dist/marola.css +1 -1
  152. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  153. package/dist/test-utils/assertStyles.d.ts +1 -1
  154. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  155. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  156. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  157. package/package.json +22 -13
  158. package/dist/Dialog.module-DFcZsVAd.js +0 -30
  159. package/dist/Group-B3p31ftp.js +0 -26
  160. package/dist/Input.module-ZTRZRcNt.js +0 -405
  161. package/dist/SelectButton-CoOT2txy.js +0 -61
  162. package/dist/Toggle-f5brSwAI.js +0 -175
package/dist/marola.css CHANGED
@@ -1 +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-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}: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}
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;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20}: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;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}: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}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
@@ -1,4 +1,4 @@
1
- import { P as c } from "./useSlotProps-kRhf7Gil.js";
1
+ import { P as c } from "./useSlotProps-C_I1kEHr.js";
2
2
  function a(e, n) {
3
3
  return process.env.NODE_ENV === "production" ? () => null : function(...t) {
4
4
  return e(...t) || n(...t);
@@ -1 +1 @@
1
- export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement) => void;
1
+ export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement | Element) => void;
@@ -1,4 +1,4 @@
1
- import { u as S, b as D, f as k } from "./useSlotProps-kRhf7Gil.js";
1
+ import { u as S, b as D, f as k } from "./useSlotProps-C_I1kEHr.js";
2
2
  import * as i from "react";
3
3
  import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
4
4
  function v(p) {
@@ -1,6 +1,6 @@
1
- import { b as p, u as re, f as ie } from "./useSlotProps-kRhf7Gil.js";
1
+ import { b as p, u as re, f as ie } from "./useSlotProps-C_I1kEHr.js";
2
2
  import * as f from "react";
3
- import { L as x } from "./combineHooksSlotProps-BtBYUV_B.js";
3
+ import { L as x } from "./combineHooksSlotProps-C-zYvfnF.js";
4
4
  function W(t, e, r = (n, l) => n === l) {
5
5
  return t.length === e.length && t.every((n, l) => r(n, e[l]));
6
6
  }
@@ -11,19 +11,7 @@ function Y() {
11
11
  return e;
12
12
  }, Y.apply(this, arguments);
13
13
  }
14
- function _e(e, s) {
15
- if (e == null)
16
- return {};
17
- var t = {};
18
- for (var n in e)
19
- if (Object.prototype.hasOwnProperty.call(e, n)) {
20
- if (s.indexOf(n) >= 0)
21
- continue;
22
- t[n] = e[n];
23
- }
24
- return t;
25
- }
26
- function Re(e) {
14
+ function _e(e) {
27
15
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
28
16
  }
29
17
  var se = { exports: {} }, V = { exports: {} }, P = {};
@@ -36,7 +24,7 @@ var se = { exports: {} }, V = { exports: {} }, P = {};
36
24
  * LICENSE file in the root directory of this source tree.
37
25
  */
38
26
  var de;
39
- function xe() {
27
+ function Re() {
40
28
  if (de)
41
29
  return P;
42
30
  de = 1;
@@ -112,7 +100,7 @@ var O = {};
112
100
  * LICENSE file in the root directory of this source tree.
113
101
  */
114
102
  var pe;
115
- function we() {
103
+ function xe() {
116
104
  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
117
105
  var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, u = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, _ = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, S = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, $ = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, I = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, F = e ? Symbol.for("react.scope") : 60119;
118
106
  function j(o) {
@@ -196,7 +184,7 @@ function we() {
196
184
  }
197
185
  var ye;
198
186
  function Se() {
199
- return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = xe() : V.exports = we()), V.exports;
187
+ return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = Re() : V.exports = xe()), V.exports;
200
188
  }
201
189
  /*
202
190
  object-assign
@@ -204,7 +192,7 @@ object-assign
204
192
  @license MIT
205
193
  */
206
194
  var re, ve;
207
- function Ae() {
195
+ function we() {
208
196
  if (ve)
209
197
  return re;
210
198
  ve = 1;
@@ -263,7 +251,7 @@ function Pe() {
263
251
  return be || (be = 1, ne = Function.call.bind(Object.prototype.hasOwnProperty)), ne;
264
252
  }
265
253
  var oe, he;
266
- function je() {
254
+ function Ae() {
267
255
  if (he)
268
256
  return oe;
269
257
  he = 1;
@@ -313,11 +301,11 @@ function je() {
313
301
  }, oe = c, oe;
314
302
  }
315
303
  var ie, Ee;
316
- function $e() {
304
+ function je() {
317
305
  if (Ee)
318
306
  return ie;
319
307
  Ee = 1;
320
- var e = Se(), s = Ae(), t = ce(), n = Pe(), c = je(), u = function() {
308
+ var e = Se(), s = we(), t = ce(), n = Pe(), c = Ae(), u = function() {
321
309
  };
322
310
  process.env.NODE_ENV !== "production" && (u = function(f) {
323
311
  var _ = "Warning: " + f;
@@ -635,7 +623,7 @@ Valid keys: ` + JSON.stringify(Object.keys(r), null, " ")
635
623
  }, ie;
636
624
  }
637
625
  var ae, ge;
638
- function Ie() {
626
+ function $e() {
639
627
  if (ge)
640
628
  return ae;
641
629
  ge = 1;
@@ -684,14 +672,37 @@ function Ie() {
684
672
  }, ae;
685
673
  }
686
674
  if (process.env.NODE_ENV !== "production") {
687
- var Me = Se(), qe = !0;
688
- se.exports = $e()(Me.isElement, qe);
675
+ var Ie = Se(), Me = !0;
676
+ se.exports = je()(Ie.isElement, Me);
689
677
  } else
690
- se.exports = Ie()();
691
- var Ye = se.exports;
692
- const Ke = /* @__PURE__ */ Re(Ye);
693
- function De(e) {
694
- return typeof e == "string";
678
+ se.exports = $e()();
679
+ var qe = se.exports;
680
+ const Ke = /* @__PURE__ */ _e(qe);
681
+ function Ye(e, s) {
682
+ typeof e == "function" ? e(s) : e && (e.current = s);
683
+ }
684
+ function De(...e) {
685
+ return ue.useMemo(() => e.every((s) => s == null) ? null : (s) => {
686
+ e.forEach((t) => {
687
+ Ye(t, s);
688
+ });
689
+ }, e);
690
+ }
691
+ function Qe(e, s, t = void 0) {
692
+ const n = {};
693
+ return Object.keys(e).forEach(
694
+ // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
695
+ // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
696
+ (c) => {
697
+ n[c] = e[c].reduce((u, h) => {
698
+ if (h) {
699
+ const f = s(h);
700
+ f !== "" && u.push(f), t && t[h] && u.push(t[h]);
701
+ }
702
+ return u;
703
+ }, []).join(" ");
704
+ }
705
+ ), n;
695
706
  }
696
707
  const ke = {
697
708
  active: "active",
@@ -706,51 +717,41 @@ const ke = {
706
717
  readOnly: "readOnly",
707
718
  required: "required",
708
719
  selected: "selected"
709
- }, Oe = "base";
710
- function We(e) {
720
+ };
721
+ function We(e, s) {
722
+ if (e == null)
723
+ return {};
724
+ var t = {};
725
+ for (var n in e)
726
+ if (Object.prototype.hasOwnProperty.call(e, n)) {
727
+ if (s.indexOf(n) >= 0)
728
+ continue;
729
+ t[n] = e[n];
730
+ }
731
+ return t;
732
+ }
733
+ function Le(e) {
734
+ return typeof e == "string";
735
+ }
736
+ const Oe = "base";
737
+ function Ne(e) {
711
738
  return `${Oe}--${e}`;
712
739
  }
713
- function Le(e, s) {
740
+ function Fe(e, s) {
714
741
  return `${Oe}-${e}-${s}`;
715
742
  }
716
- function Ne(e, s) {
743
+ function Ue(e, s) {
717
744
  const t = ke[s];
718
- return t ? We(t) : Le(e, s);
745
+ return t ? Ne(t) : Fe(e, s);
719
746
  }
720
- function Qe(e, s) {
747
+ function er(e, s) {
721
748
  const t = {};
722
749
  return s.forEach((n) => {
723
- t[n] = Ne(e, n);
750
+ t[n] = Ue(e, n);
724
751
  }), t;
725
752
  }
726
- function Fe(e, s) {
727
- typeof e == "function" ? e(s) : e && (e.current = s);
728
- }
729
- function Ue(...e) {
730
- return ue.useMemo(() => e.every((s) => s == null) ? null : (s) => {
731
- e.forEach((t) => {
732
- Fe(t, s);
733
- });
734
- }, e);
735
- }
736
- function er(e, s, t = void 0) {
737
- const n = {};
738
- return Object.keys(e).forEach(
739
- // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
740
- // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
741
- (c) => {
742
- n[c] = e[c].reduce((u, h) => {
743
- if (h) {
744
- const f = s(h);
745
- f !== "" && u.push(f), t && t[h] && u.push(t[h]);
746
- }
747
- return u;
748
- }, []).join(" ");
749
- }
750
- ), n;
751
- }
752
753
  function ze(e, s, t) {
753
- return e === void 0 || De(e) ? s : Y({}, s, {
754
+ return e === void 0 || Le(e) ? s : Y({}, s, {
754
755
  ownerState: Y({}, s.ownerState, t)
755
756
  });
756
757
  }
@@ -812,28 +813,28 @@ function tr(e) {
812
813
  externalSlotProps: n,
813
814
  ownerState: c,
814
815
  skipResolvingSlotProps: u = !1
815
- } = e, h = _e(e, Xe), f = u ? {} : Be(n, c), {
816
+ } = e, h = We(e, Xe), f = u ? {} : Be(n, c), {
816
817
  props: _,
817
818
  internalRef: v
818
819
  } = Je(Y({}, h, {
819
820
  externalSlotProps: f
820
- })), m = Ue(v, f == null ? void 0 : f.ref, (s = e.additionalProps) == null ? void 0 : s.ref);
821
+ })), m = De(v, f == null ? void 0 : f.ref, (s = e.additionalProps) == null ? void 0 : s.ref);
821
822
  return ze(t, Y({}, _, {
822
823
  ref: m
823
824
  }), c);
824
825
  }
825
826
  export {
826
827
  Ke as P,
827
- _e as _,
828
- Qe as a,
828
+ We as _,
829
+ er as a,
829
830
  Y as b,
830
831
  tr as c,
831
- er as d,
832
+ Qe as d,
832
833
  rr as e,
833
834
  Ve as f,
834
- Ne as g,
835
- Re as h,
836
- De as i,
837
- Fe as s,
838
- Ue as u
835
+ Ue as g,
836
+ _e as h,
837
+ Le as i,
838
+ Ye as s,
839
+ De as u
839
840
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.9",
4
+ "version": "1.0.1",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -34,22 +34,29 @@
34
34
  "prebuild": "yarn export-files & yarn generate-icon-types",
35
35
  "build": "tsc --p ./tsconfig-build.json && vite build && mv ./dist/assets/marola.css ./dist",
36
36
  "postbuild": "storybook build --disable-telemetry --output-dir build",
37
- "storybook": "storybook dev -p 6006"
37
+ "storybook": "storybook dev -p 6006",
38
+ "prepare": "husky"
38
39
  },
39
40
  "peerDependencies": {
40
41
  "react": "^18.2.0",
41
42
  "react-dom": "^18.2.0"
42
43
  },
43
44
  "devDependencies": {
45
+ "@commitlint/cli": "^19.3.0",
46
+ "@commitlint/config-conventional": "^19.2.2",
44
47
  "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
45
- "@storybook/addon-a11y": "^8.0.8",
46
- "@storybook/addon-essentials": "^8.0.8",
47
- "@storybook/addon-interactions": "^8.0.8",
48
- "@storybook/addon-links": "^8.0.8",
49
- "@storybook/blocks": "^8.0.8",
50
- "@storybook/react": "^8.0.8",
51
- "@storybook/react-vite": "^8.0.8",
52
- "@storybook/test": "^8.0.8",
48
+ "@storybook/addon-a11y": "^8.3.4",
49
+ "@storybook/addon-essentials": "^8.3.4",
50
+ "@storybook/addon-interactions": "^8.3.4",
51
+ "@storybook/addon-links": "^8.3.4",
52
+ "@storybook/blocks": "^8.3.4",
53
+ "@storybook/manager-api": "^8.3.4",
54
+ "@storybook/preview-api": "^8.3.4",
55
+ "@storybook/react": "^8.3.4",
56
+ "@storybook/react-vite": "^8.3.4",
57
+ "@storybook/test": "^8.3.4",
58
+ "@storybook/theming": "^8.3.4",
59
+ "@testing-library/jest-dom": "^6.4.6",
53
60
  "@testing-library/react": "^15.0.5",
54
61
  "@types/node": "^20.12.2",
55
62
  "@types/react": "^18.2.66",
@@ -57,6 +64,7 @@
57
64
  "@typescript-eslint/eslint-plugin": "^7.6.0",
58
65
  "@typescript-eslint/parser": "^7.6.0",
59
66
  "@vitejs/plugin-react": "^4.2.1",
67
+ "@vitest/coverage-v8": "^1.4.0",
60
68
  "clsx": "^2.1.0",
61
69
  "commitlint": "^19.2.1",
62
70
  "cypress": "^13.8.1",
@@ -66,15 +74,16 @@
66
74
  "eslint-plugin-react-hooks": "^4.6.0",
67
75
  "eslint-plugin-react-refresh": "^0.4.6",
68
76
  "eslint-plugin-simple-import-sort": "^12.0.0",
69
- "eslint-plugin-storybook": "^0.8.0",
77
+ "eslint-plugin-storybook": "^0.9.0",
70
78
  "glob": "^10.3.14",
71
79
  "husky": "^9.0.11",
72
80
  "jsdom": "^24.0.0",
81
+ "lint-staged": "^15.2.7",
73
82
  "prettier": "^3.2.5",
74
83
  "react": "^18.2.0",
75
84
  "react-dom": "^18.2.0",
76
85
  "sass": "^1.72.0",
77
- "storybook": "^8.0.8",
86
+ "storybook": "^8.3.4",
78
87
  "stylelint": "^16.3.1",
79
88
  "stylelint-config-recess-order": "^5.0.0",
80
89
  "stylelint-config-standard-scss": "^13.1.0",
@@ -91,4 +100,4 @@
91
100
  "@mui/base": "^5.0.0-beta.40",
92
101
  "@mui/material": "^5.15.15"
93
102
  }
94
- }
103
+ }
@@ -1,30 +0,0 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog__subtitle_1u858_53", a = "_dialog_1u858_53", o = "_dialog__backdrop_1u858_88", p = "_dialog__panel_1u858_96", t = "_dialog__title_1u858_57", u = "_dialog__divider_1u858_122", g = "_dialog__actions_1u858_135", y = {
3
- "u-typography-h1": "_u-typography-h1_1u858_1",
4
- "u-typography-h2": "_u-typography-h2_1u858_8",
5
- "u-typography-h3": "_u-typography-h3_1u858_15",
6
- "u-typography-h4": "_u-typography-h4_1u858_22",
7
- "u-typography-h5": "_u-typography-h5_1u858_29",
8
- "u-typography-h6": "_u-typography-h6_1u858_36",
9
- "u-typography-base": "_u-typography-base_1u858_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_1u858_49",
11
- "u-typography-base--xl": "_u-typography-base--xl_1u858_53",
12
- dialog__subtitle: _,
13
- "u-typography-base--lg": "_u-typography-base--lg_1u858_57",
14
- "dialog__title--small": "_dialog__title--small_1u858_57",
15
- "u-typography-base--sm": "_u-typography-base--sm_1u858_61",
16
- "u-typography-base--bold": "_u-typography-base--bold_1u858_65",
17
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1u858_68",
18
- "u-typography-base--underlined": "_u-typography-base--underlined_1u858_71",
19
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1u858_74",
20
- dialog: a,
21
- dialog__backdrop: o,
22
- dialog__panel: p,
23
- dialog__title: t,
24
- dialog__divider: u,
25
- "dialog__close-icon": "_dialog__close-icon_1u858_126",
26
- dialog__actions: g
27
- };
28
- export {
29
- y as s
30
- };
@@ -1,26 +0,0 @@
1
- import './assets/Group.css';
2
- import { jsxs as g, jsx as t } from "react/jsx-runtime";
3
- import { forwardRef as i } from "react";
4
- import { Icon as n } from "./components/Icon/Icon.js";
5
- const c = "_toggle__input_wlkvp_1", p = "_toggle__label_wlkvp_8", o = {
6
- toggle__input: c,
7
- toggle__label: p,
8
- "toggle__label--selected": "_toggle__label--selected_wlkvp_15",
9
- "toggle-group__fieldset": "_toggle-group__fieldset_wlkvp_20",
10
- "toggle-group__options": "_toggle-group__options_wlkvp_25",
11
- "toggle-group__error": "_toggle-group__error_wlkvp_29"
12
- }, f = i((e, r) => {
13
- const { children: s, legend: l, error: _ } = e, d = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, a = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
14
- return /* @__PURE__ */ g("fieldset", { ref: r, "data-testid": e["data-testid"], className: o["toggle-group__fieldset"], children: [
15
- l && /* @__PURE__ */ t("legend", { "data-testid": d, children: l }),
16
- /* @__PURE__ */ t("div", { className: o["toggle-group__options"], children: s }),
17
- _ && /* @__PURE__ */ g("div", { className: o["toggle-group__error"], "data-testid": a, children: [
18
- /* @__PURE__ */ t(n, { icon: "circle-exclamation", size: 24, color: "var(--alert)" }),
19
- _
20
- ] })
21
- ] });
22
- });
23
- export {
24
- f as G,
25
- o as s
26
- };