@pismo/marola 1.0.0-beta.8 → 1.0.0

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 (172) 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/Advice.css +1 -1
  12. package/dist/assets/Alert.css +1 -0
  13. package/dist/assets/Autocomplete.css +1 -1
  14. package/dist/assets/Avatar.css +1 -0
  15. package/dist/assets/Button.css +1 -1
  16. package/dist/assets/Checkbox.css +1 -1
  17. package/dist/assets/Description.css +1 -0
  18. package/dist/assets/Dialog.css +1 -1
  19. package/dist/assets/EllipsisTooltip.css +1 -1
  20. package/dist/assets/Group.css +1 -1
  21. package/dist/assets/IconButton.css +1 -1
  22. package/dist/assets/Input.css +1 -1
  23. package/dist/assets/PageHeader.css +1 -1
  24. package/dist/assets/Pagination.css +1 -1
  25. package/dist/assets/Popover.css +1 -0
  26. package/dist/assets/RadioButton.css +1 -0
  27. package/dist/assets/ResultWithChips.css +1 -0
  28. package/dist/assets/SelectButton.css +1 -1
  29. package/dist/assets/Skeleton.css +1 -1
  30. package/dist/assets/Snackbar.css +1 -1
  31. package/dist/assets/SortTooltip.css +1 -1
  32. package/dist/assets/Stepper.css +1 -1
  33. package/dist/assets/StepperNavigator.css +1 -0
  34. package/dist/assets/Table.css +1 -1
  35. package/dist/assets/Tabs.css +1 -1
  36. package/dist/assets/Toggle.css +1 -1
  37. package/dist/assets/Toggle2.css +1 -1
  38. package/dist/assets/Typography.css +1 -1
  39. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  40. package/dist/components/Adornment/Adornment.d.ts +11 -2
  41. package/dist/components/Adornment/Adornment.js +6 -6
  42. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  43. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  44. package/dist/components/Advice/Advice.d.ts +32 -17
  45. package/dist/components/Advice/Advice.js +39 -40
  46. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  47. package/dist/components/Alert/Alert.d.ts +11 -0
  48. package/dist/components/Alert/Alert.js +46 -0
  49. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  50. package/dist/components/Alert/Alert.test.d.ts +1 -0
  51. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  52. package/dist/components/Autocomplete/Autocomplete.js +425 -435
  53. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  54. package/dist/components/Avatar/Avatar.d.ts +15 -0
  55. package/dist/components/Avatar/Avatar.js +51 -0
  56. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  57. package/dist/components/Button/Button.d.ts +2 -0
  58. package/dist/components/Button/Button.js +51 -49
  59. package/dist/components/Checkbox/Checkbox.js +52 -52
  60. package/dist/components/Chip/Chip.d.ts +6 -4
  61. package/dist/components/Chip/Chip.js +10 -6
  62. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  63. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  64. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  65. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  66. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  67. package/dist/components/Description/Description.d.ts +21 -0
  68. package/dist/components/Description/Description.js +66 -0
  69. package/dist/components/Description/Description.stories.d.ts +22 -0
  70. package/dist/components/Description/Description.test.d.ts +1 -0
  71. package/dist/components/Dialog/Actions.js +1 -1
  72. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  73. package/dist/components/Dialog/Backdrop.js +8 -7
  74. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  75. package/dist/components/Dialog/CloseIconButton.js +15 -18
  76. package/dist/components/Dialog/Dialog.d.ts +16 -10
  77. package/dist/components/Dialog/Dialog.js +167 -167
  78. package/dist/components/Dialog/Dialog.stories.d.ts +74 -68
  79. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  80. package/dist/components/Dialog/DialogTitle.js +22 -16
  81. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  82. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  83. package/dist/components/Icon/Icon.js +331 -51
  84. package/dist/components/Icon/types.d.ts +1 -1
  85. package/dist/components/IconButton/IconButton.js +42 -42
  86. package/dist/components/Input/Input.d.ts +26 -5
  87. package/dist/components/Input/Input.js +514 -102
  88. package/dist/components/Input/Input.stories.d.ts +2 -21
  89. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  90. package/dist/components/InputSearch/InputSearch.js +27 -29
  91. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  92. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  93. package/dist/components/PageHeader/PageHeader.js +78 -71
  94. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  95. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  96. package/dist/components/Pagination/Pagination.d.ts +5 -1
  97. package/dist/components/Pagination/Pagination.js +90 -91
  98. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  99. package/dist/components/Popover/Popover.d.ts +32 -0
  100. package/dist/components/Popover/Popover.js +24 -0
  101. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  102. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  103. package/dist/components/Popover/PopoverBody.js +6 -0
  104. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  105. package/dist/components/Popover/PopoverFooter.js +6 -0
  106. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  107. package/dist/components/Popover/PopoverHeader.js +6 -0
  108. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  109. package/dist/components/RadioButton/RadioButton.js +37 -0
  110. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  111. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  112. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  113. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  114. package/dist/components/RowItem/RowItem.d.ts +2 -2
  115. package/dist/components/RowItem/RowItem.js +9 -5
  116. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  117. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  118. package/dist/components/Select/Select.d.ts +22 -0
  119. package/dist/components/Select/Select.js +476 -414
  120. package/dist/components/Select/SelectButton.d.ts +2 -0
  121. package/dist/components/Select/SelectButton.js +3 -2
  122. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  123. package/dist/components/Skeleton/Skeleton.js +20 -14
  124. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  125. package/dist/components/Snackbar/Snackbar.js +123 -138
  126. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  127. package/dist/components/Stepper/Stepper.js +35 -35
  128. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  129. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  130. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  131. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  132. package/dist/components/Table/Table.d.ts +3 -1
  133. package/dist/components/Table/Table.js +87 -99
  134. package/dist/components/Table/Table.stories.d.ts +1 -1
  135. package/dist/components/Tabs/Tab.d.ts +5 -3
  136. package/dist/components/Tabs/Tab.js +36 -35
  137. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  138. package/dist/components/Tabs/TabPanel.js +48 -38
  139. package/dist/components/Tabs/Tabs.d.ts +6 -4
  140. package/dist/components/Tabs/Tabs.js +115 -112
  141. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  142. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  143. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  144. package/dist/components/Toggle/Toggle.js +55 -55
  145. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  146. package/dist/components/ToggleGroup/Group.js +4 -2
  147. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  148. package/dist/components/ToggleGroup/Toggle.js +8 -4
  149. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  150. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  151. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  152. package/dist/components/Tooltip/Tooltip.js +4 -4
  153. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  154. package/dist/components/Typography/Typography.js +47 -47
  155. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  156. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  157. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  158. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  159. package/dist/main.d.ts +8 -0
  160. package/dist/main.js +95 -79
  161. package/dist/marola.css +1 -1
  162. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  163. package/dist/test-utils/assertStyles.d.ts +1 -1
  164. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  165. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  166. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  167. package/package.json +22 -13
  168. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  169. package/dist/Group-B3p31ftp.js +0 -26
  170. package/dist/Input.module-iOYlI_1w.js +0 -405
  171. package/dist/SelectButton-K3OIfR5m.js +0 -61
  172. package/dist/Toggle-BSvvbKBp.js +0 -175
package/dist/main.js CHANGED
@@ -1,83 +1,99 @@
1
- import { Adornment as e } from "./components/Adornment/Adornment.js";
1
+ import { Adornment as t } from "./components/Adornment/Adornment.js";
2
2
  import { Advice as p } from "./components/Advice/Advice.js";
3
- import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
4
- import { Button as x } from "./components/Button/Button.js";
5
- import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
6
- import { C as T, R as s, T as c } from "./Toggle-BSvvbKBp.js";
7
- import { Dialog as u } from "./components/Dialog/Dialog.js";
8
- import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
9
- import { Icon as k } from "./components/Icon/Icon.js";
10
- import { IconButton as I } from "./components/IconButton/IconButton.js";
11
- import { Input as D } from "./components/Input/Input.js";
12
- import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
13
- import { LoadingSpinner as B } from "./components/LoadingSpinner/LoadingSpinner.js";
14
- import { PageHeader as v } from "./components/PageHeader/PageHeader.js";
15
- import { Pagination as R, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
16
- import { Select as L, SelectOption as O } from "./components/Select/Select.js";
17
- import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
18
- import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
19
- import { SortTooltip as N, sortTooltipDefaultTranslations as Q } from "./components/SortTooltip/SortTooltip.js";
20
- import { Stepper as V } from "./components/Stepper/Stepper.js";
21
- import { TBody as X, THead as Y, Table as Z, Td as _, Th as $, Tr as oo } from "./components/Table/Table.js";
22
- import { Tabs as eo } from "./components/Tabs/Tabs.js";
23
- import { TextDisplay as po } from "./components/TextDisplay/TextDisplay.js";
24
- import { Toggle as fo } from "./components/Toggle/Toggle.js";
25
- import { G as xo } from "./Group-B3p31ftp.js";
26
- import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
27
- import { Text as To, Typography as so } from "./components/Typography/Typography.js";
28
- import { SnackbarContext as go, SnackbarProvider as uo, useSnackbar as So } from "./contexts/SnackbarProvider/SnackbarProvider.js";
29
- import { default as ko } from "./components/Dialog/DialogTitle.js";
30
- import { default as Io } from "./components/Dialog/Content.js";
31
- import { default as Do } from "./components/Dialog/Actions.js";
32
- import { Tab as Ao } from "./components/Tabs/Tab.js";
33
- import { TabPanel as Bo } from "./components/Tabs/TabPanel.js";
3
+ import { Alert as f } from "./components/Alert/Alert.js";
4
+ import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
5
+ import { Avatar as i } from "./components/Avatar/Avatar.js";
6
+ import { Button as T } from "./components/Button/Button.js";
7
+ import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
8
+ import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
9
+ import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
10
+ import { Description as h } from "./components/Description/Description.js";
11
+ import { Dialog as A } from "./components/Dialog/Dialog.js";
12
+ import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
13
+ import { Icon as y } from "./components/Icon/Icon.js";
14
+ import { IconButton as R } from "./components/IconButton/IconButton.js";
15
+ import { Input as H } from "./components/Input/Input.js";
16
+ import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
17
+ import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
18
+ import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
19
+ import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
20
+ import { Popover as J } from "./components/Popover/Popover.js";
21
+ import { RadioButton as M } from "./components/RadioButton/RadioButton.js";
22
+ import { ResultWithChips as U } from "./components/ResultWithChips/ResultWithChips.js";
23
+ import { Select as X, SelectOption as Y } from "./components/Select/Select.js";
24
+ import { Skeleton as _, SkeletonCircle as $, SkeletonTable as oo } from "./components/Skeleton/Skeleton.js";
25
+ import { Snackbar as to } from "./components/Snackbar/Snackbar.js";
26
+ import { SortTooltip as po, sortTooltipDefaultTranslations as ao } from "./components/SortTooltip/SortTooltip.js";
27
+ import { Stepper as mo } from "./components/Stepper/Stepper.js";
28
+ import { StepperNavigator as no } from "./components/StepperNavigator/StepperNavigator.js";
29
+ import { TBody as lo, THead as To, Table as so, Td as co, Th as go, Tr as uo } from "./components/Table/Table.js";
30
+ import { Tabs as bo } from "./components/Tabs/Tabs.js";
31
+ import { TextDisplay as Co } from "./components/TextDisplay/TextDisplay.js";
32
+ import { Toggle as Do } from "./components/Toggle/Toggle.js";
33
+ import { G as Io } from "./Group-DspH8hyO.js";
34
+ import { Tooltip as Po } from "./components/Tooltip/Tooltip.js";
35
+ import { Text as Bo, Typography as Ro } from "./components/Typography/Typography.js";
36
+ import { SnackbarContext as Ho, SnackbarProvider as wo, useSnackbar as Eo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
37
+ import { default as No } from "./components/Dialog/DialogTitle.js";
38
+ import { default as Wo } from "./components/Dialog/Content.js";
39
+ import { default as qo } from "./components/Dialog/Actions.js";
40
+ import { Tab as Fo } from "./components/Tabs/Tab.js";
41
+ import { TabPanel as Ko } from "./components/Tabs/TabPanel.js";
34
42
  export {
35
- Do as Actions,
36
- e as Adornment,
43
+ qo as Actions,
44
+ t as Adornment,
37
45
  p as Advice,
38
- f as Autocomplete,
39
- x as Button,
40
- l as Checkbox,
41
- T as Chip,
42
- Io as Content,
43
- u as Dialog,
44
- ko as DialogTitle,
45
- d as EllipsisTooltip,
46
- k as Icon,
47
- I as IconButton,
48
- D as Input,
49
- A as InputSearch,
50
- B as LoadingSpinner,
51
- v as PageHeader,
52
- R as Pagination,
53
- s as RowItem,
54
- L as Select,
55
- O as SelectOption,
56
- q as Skeleton,
57
- z as SkeletonCircle,
58
- F as SkeletonTable,
59
- K as Snackbar,
60
- go as SnackbarContext,
61
- uo as SnackbarProvider,
62
- N as SortTooltip,
63
- V as Stepper,
64
- X as TBody,
65
- Y as THead,
66
- Ao as Tab,
67
- Bo as TabPanel,
68
- Z as Table,
69
- eo as Tabs,
70
- _ as Td,
71
- To as Text,
72
- po as TextDisplay,
73
- $ as Th,
74
- fo as Toggle,
75
- xo as ToggleGroup,
76
- c as ToggleGroupItem,
77
- lo as Tooltip,
78
- oo as Tr,
79
- so as Typography,
80
- w as paginationDefaultTranslations,
81
- Q as sortTooltipDefaultTranslations,
82
- So as useSnackbar
46
+ f as Alert,
47
+ x as Autocomplete,
48
+ i as Avatar,
49
+ T as Button,
50
+ c as Checkbox,
51
+ u as Chip,
52
+ k as ConfirmationDialog,
53
+ Wo as Content,
54
+ h as Description,
55
+ A as Dialog,
56
+ No as DialogTitle,
57
+ v as EllipsisTooltip,
58
+ y as Icon,
59
+ R as IconButton,
60
+ H as Input,
61
+ E as InputSearch,
62
+ N as LoadingSpinner,
63
+ W as PageHeader,
64
+ q as Pagination,
65
+ J as Popover,
66
+ M as RadioButton,
67
+ U as ResultWithChips,
68
+ S as RowItem,
69
+ X as Select,
70
+ Y as SelectOption,
71
+ _ as Skeleton,
72
+ $ as SkeletonCircle,
73
+ oo as SkeletonTable,
74
+ to as Snackbar,
75
+ Ho as SnackbarContext,
76
+ wo as SnackbarProvider,
77
+ po as SortTooltip,
78
+ mo as Stepper,
79
+ no as StepperNavigator,
80
+ lo as TBody,
81
+ To as THead,
82
+ Fo as Tab,
83
+ Ko as TabPanel,
84
+ so as Table,
85
+ bo as Tabs,
86
+ co as Td,
87
+ Bo as Text,
88
+ Co as TextDisplay,
89
+ go as Th,
90
+ Do as Toggle,
91
+ Io as ToggleGroup,
92
+ d as ToggleGroupItem,
93
+ Po as Tooltip,
94
+ uo as Tr,
95
+ Ro as Typography,
96
+ z as paginationDefaultTranslations,
97
+ ao as sortTooltipDefaultTranslations,
98
+ Eo as useSnackbar
83
99
  };
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}: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;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143}: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.8",
4
+ "version": "1.0.0",
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_yi7uo_52", o = "_dialog_yi7uo_52", a = "_dialog__backdrop_yi7uo_87", y = "_dialog__panel_yi7uo_95", i = "_dialog__title_yi7uo_56", p = "_dialog__divider_yi7uo_121", t = "_dialog__actions_yi7uo_134", u = {
3
- "u-typography-h1": "_u-typography-h1_yi7uo_1",
4
- "u-typography-h2": "_u-typography-h2_yi7uo_8",
5
- "u-typography-h3": "_u-typography-h3_yi7uo_15",
6
- "u-typography-h4": "_u-typography-h4_yi7uo_22",
7
- "u-typography-h5": "_u-typography-h5_yi7uo_29",
8
- "u-typography-h6": "_u-typography-h6_yi7uo_36",
9
- "u-typography-base": "_u-typography-base_yi7uo_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_yi7uo_48",
11
- "u-typography-base--xl": "_u-typography-base--xl_yi7uo_52",
12
- dialog__subtitle: _,
13
- "u-typography-base--lg": "_u-typography-base--lg_yi7uo_56",
14
- "dialog__title--small": "_dialog__title--small_yi7uo_56",
15
- "u-typography-base--sm": "_u-typography-base--sm_yi7uo_60",
16
- "u-typography-base--bold": "_u-typography-base--bold_yi7uo_64",
17
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_yi7uo_67",
18
- "u-typography-base--underlined": "_u-typography-base--underlined_yi7uo_70",
19
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_yi7uo_73",
20
- dialog: o,
21
- dialog__backdrop: a,
22
- dialog__panel: y,
23
- dialog__title: i,
24
- dialog__divider: p,
25
- "dialog__close-icon": "_dialog__close-icon_yi7uo_125",
26
- dialog__actions: t
27
- };
28
- export {
29
- u 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
- };