@cerberus-design/react 0.14.1 → 0.14.2-next-a928afd

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 (118) hide show
  1. package/README.md +4 -4
  2. package/build/legacy/_tsup-dts-rollup.d.cts +4 -3
  3. package/build/legacy/components/Accordion.cjs +174 -7
  4. package/build/legacy/components/Accordion.cjs.map +1 -1
  5. package/build/legacy/components/AccordionItemGroup.cjs +179 -12
  6. package/build/legacy/components/AccordionItemGroup.cjs.map +1 -1
  7. package/build/legacy/components/Admonition.cjs +1 -0
  8. package/build/legacy/components/Admonition.cjs.map +1 -1
  9. package/build/legacy/components/Avatar.cjs +1 -0
  10. package/build/legacy/components/Avatar.cjs.map +1 -1
  11. package/build/legacy/components/Checkbox.cjs +1 -0
  12. package/build/legacy/components/Checkbox.cjs.map +1 -1
  13. package/build/legacy/components/DatePicker.client.cjs +1 -0
  14. package/build/legacy/components/DatePicker.client.cjs.map +1 -1
  15. package/build/legacy/components/DatePicker.server.cjs +1 -0
  16. package/build/legacy/components/DatePicker.server.cjs.map +1 -1
  17. package/build/legacy/components/FileStatus.cjs +1 -0
  18. package/build/legacy/components/FileStatus.cjs.map +1 -1
  19. package/build/legacy/components/FileUploader.cjs +1 -0
  20. package/build/legacy/components/FileUploader.cjs.map +1 -1
  21. package/build/legacy/components/Input.cjs +1 -0
  22. package/build/legacy/components/Input.cjs.map +1 -1
  23. package/build/legacy/components/Notification.cjs +1 -0
  24. package/build/legacy/components/Notification.cjs.map +1 -1
  25. package/build/legacy/components/Select.cjs +1 -0
  26. package/build/legacy/components/Select.cjs.map +1 -1
  27. package/build/legacy/components/Tag.cjs +1 -0
  28. package/build/legacy/components/Tag.cjs.map +1 -1
  29. package/build/legacy/components/Text.cjs +1 -1
  30. package/build/legacy/components/Text.cjs.map +1 -1
  31. package/build/legacy/components/Toggle.cjs +1 -0
  32. package/build/legacy/components/Toggle.cjs.map +1 -1
  33. package/build/legacy/config/cerbIcons.cjs +1 -0
  34. package/build/legacy/config/cerbIcons.cjs.map +1 -1
  35. package/build/legacy/config/defineIcons.cjs +1 -0
  36. package/build/legacy/config/defineIcons.cjs.map +1 -1
  37. package/build/legacy/context/confirm-modal.cjs +1 -0
  38. package/build/legacy/context/confirm-modal.cjs.map +1 -1
  39. package/build/legacy/context/cta-modal.cjs +1 -0
  40. package/build/legacy/context/cta-modal.cjs.map +1 -1
  41. package/build/legacy/context/notification-center.cjs +1 -0
  42. package/build/legacy/context/notification-center.cjs.map +1 -1
  43. package/build/legacy/context/prompt-modal.cjs +1 -0
  44. package/build/legacy/context/prompt-modal.cjs.map +1 -1
  45. package/build/legacy/index.cjs +139 -136
  46. package/build/legacy/index.cjs.map +1 -1
  47. package/build/modern/_tsup-dts-rollup.d.ts +4 -3
  48. package/build/modern/{chunk-77B4HFKT.js → chunk-5OVH3INN.js} +3 -3
  49. package/build/modern/{chunk-T6U7AKKP.js → chunk-6BH5J5GF.js} +3 -3
  50. package/build/modern/{chunk-IP5VFOPZ.js → chunk-BC5SZDYY.js} +2 -2
  51. package/build/modern/{chunk-O7QVCF3H.js → chunk-BVCXVZAF.js} +3 -3
  52. package/build/modern/{chunk-5KHU6MM5.js → chunk-CRII2HNX.js} +2 -1
  53. package/build/modern/chunk-CRII2HNX.js.map +1 -0
  54. package/build/modern/{chunk-M73ECA25.js → chunk-CVTON5DQ.js} +2 -2
  55. package/build/modern/{chunk-GI6CSUU4.js → chunk-FXLLRVAM.js} +3 -3
  56. package/build/modern/{chunk-F4LTOZAN.js → chunk-HKJMLWVP.js} +2 -2
  57. package/build/modern/{chunk-HP4ZN473.js → chunk-JJZQGR7A.js} +2 -2
  58. package/build/modern/{chunk-RIZGWERR.js → chunk-KPUYKHLW.js} +2 -2
  59. package/build/modern/{chunk-F7XWOSN3.js → chunk-KWJ5FKX7.js} +2 -2
  60. package/build/modern/{chunk-BU5JK37R.js → chunk-PVIMOXSO.js} +2 -2
  61. package/build/modern/{chunk-XVU2NQCW.js → chunk-QK7R2XJM.js} +2 -2
  62. package/build/modern/{chunk-DDOTCGGA.js → chunk-QMF5ZNDG.js} +2 -2
  63. package/build/modern/{chunk-4IMOKN2D.js → chunk-QQOWWMZ3.js} +3 -3
  64. package/build/modern/{chunk-2ZNIYPDV.js → chunk-RU5LOXWI.js} +2 -2
  65. package/build/modern/chunk-RU5LOXWI.js.map +1 -0
  66. package/build/modern/{chunk-W2LSPRQ3.js → chunk-T2JOPPGL.js} +2 -2
  67. package/build/modern/{chunk-34E3UFFB.js → chunk-TJCFYL5W.js} +6 -2
  68. package/build/modern/chunk-TJCFYL5W.js.map +1 -0
  69. package/build/modern/{chunk-F7EWTOML.js → chunk-U36UZJGZ.js} +2 -2
  70. package/build/modern/{chunk-S25RHYZV.js → chunk-XOROL3JY.js} +2 -2
  71. package/build/modern/{chunk-BHSYQCDV.js → chunk-XXWR7UGH.js} +4 -4
  72. package/build/modern/components/Accordion.js +5 -1
  73. package/build/modern/components/AccordionItemGroup.js +6 -2
  74. package/build/modern/components/Admonition.js +4 -4
  75. package/build/modern/components/Avatar.js +3 -3
  76. package/build/modern/components/Checkbox.js +3 -3
  77. package/build/modern/components/DatePicker.client.js +4 -4
  78. package/build/modern/components/DatePicker.server.js +3 -3
  79. package/build/modern/components/FileStatus.js +4 -4
  80. package/build/modern/components/FileUploader.js +4 -4
  81. package/build/modern/components/Input.js +3 -3
  82. package/build/modern/components/Notification.js +3 -3
  83. package/build/modern/components/Select.js +3 -3
  84. package/build/modern/components/Tag.js +3 -3
  85. package/build/modern/components/Text.js +1 -1
  86. package/build/modern/components/Toggle.js +3 -3
  87. package/build/modern/config/cerbIcons.js +1 -1
  88. package/build/modern/config/defineIcons.js +2 -2
  89. package/build/modern/context/confirm-modal.js +4 -4
  90. package/build/modern/context/cta-modal.js +4 -4
  91. package/build/modern/context/notification-center.js +4 -4
  92. package/build/modern/context/prompt-modal.js +5 -5
  93. package/build/modern/index.js +21 -21
  94. package/package.json +8 -5
  95. package/src/components/Accordion.tsx +2 -1
  96. package/src/components/Text.tsx +9 -5
  97. package/src/config/cerbIcons.ts +2 -0
  98. package/build/modern/chunk-2ZNIYPDV.js.map +0 -1
  99. package/build/modern/chunk-34E3UFFB.js.map +0 -1
  100. package/build/modern/chunk-5KHU6MM5.js.map +0 -1
  101. /package/build/modern/{chunk-77B4HFKT.js.map → chunk-5OVH3INN.js.map} +0 -0
  102. /package/build/modern/{chunk-T6U7AKKP.js.map → chunk-6BH5J5GF.js.map} +0 -0
  103. /package/build/modern/{chunk-IP5VFOPZ.js.map → chunk-BC5SZDYY.js.map} +0 -0
  104. /package/build/modern/{chunk-O7QVCF3H.js.map → chunk-BVCXVZAF.js.map} +0 -0
  105. /package/build/modern/{chunk-M73ECA25.js.map → chunk-CVTON5DQ.js.map} +0 -0
  106. /package/build/modern/{chunk-GI6CSUU4.js.map → chunk-FXLLRVAM.js.map} +0 -0
  107. /package/build/modern/{chunk-F4LTOZAN.js.map → chunk-HKJMLWVP.js.map} +0 -0
  108. /package/build/modern/{chunk-HP4ZN473.js.map → chunk-JJZQGR7A.js.map} +0 -0
  109. /package/build/modern/{chunk-RIZGWERR.js.map → chunk-KPUYKHLW.js.map} +0 -0
  110. /package/build/modern/{chunk-F7XWOSN3.js.map → chunk-KWJ5FKX7.js.map} +0 -0
  111. /package/build/modern/{chunk-BU5JK37R.js.map → chunk-PVIMOXSO.js.map} +0 -0
  112. /package/build/modern/{chunk-XVU2NQCW.js.map → chunk-QK7R2XJM.js.map} +0 -0
  113. /package/build/modern/{chunk-DDOTCGGA.js.map → chunk-QMF5ZNDG.js.map} +0 -0
  114. /package/build/modern/{chunk-4IMOKN2D.js.map → chunk-QQOWWMZ3.js.map} +0 -0
  115. /package/build/modern/{chunk-W2LSPRQ3.js.map → chunk-T2JOPPGL.js.map} +0 -0
  116. /package/build/modern/{chunk-F7EWTOML.js.map → chunk-U36UZJGZ.js.map} +0 -0
  117. /package/build/modern/{chunk-S25RHYZV.js.map → chunk-XOROL3JY.js.map} +0 -0
  118. /package/build/modern/{chunk-BHSYQCDV.js.map → chunk-XXWR7UGH.js.map} +0 -0
@@ -2,11 +2,11 @@
2
2
  import {
3
3
  Option,
4
4
  Select
5
- } from "../chunk-S25RHYZV.js";
5
+ } from "../chunk-XOROL3JY.js";
6
6
  import "../chunk-UZDVOIW5.js";
7
7
  import "../chunk-BUVVRQLZ.js";
8
- import "../chunk-DDOTCGGA.js";
9
- import "../chunk-5KHU6MM5.js";
8
+ import "../chunk-QMF5ZNDG.js";
9
+ import "../chunk-CRII2HNX.js";
10
10
  import "../chunk-E3PAEB7Y.js";
11
11
  import "../chunk-HVKM54BA.js";
12
12
  export {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Tag
3
- } from "../chunk-F4LTOZAN.js";
3
+ } from "../chunk-HKJMLWVP.js";
4
4
  import "../chunk-BUVVRQLZ.js";
5
- import "../chunk-DDOTCGGA.js";
6
- import "../chunk-5KHU6MM5.js";
5
+ import "../chunk-QMF5ZNDG.js";
6
+ import "../chunk-CRII2HNX.js";
7
7
  import "../chunk-E3PAEB7Y.js";
8
8
  import "../chunk-HVKM54BA.js";
9
9
  export {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Text
3
- } from "../chunk-2ZNIYPDV.js";
3
+ } from "../chunk-RU5LOXWI.js";
4
4
  export {
5
5
  Text
6
6
  };
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  Toggle
4
- } from "../chunk-XVU2NQCW.js";
4
+ } from "../chunk-QK7R2XJM.js";
5
5
  import "../chunk-UZDVOIW5.js";
6
- import "../chunk-DDOTCGGA.js";
7
- import "../chunk-5KHU6MM5.js";
6
+ import "../chunk-QMF5ZNDG.js";
7
+ import "../chunk-CRII2HNX.js";
8
8
  import "../chunk-E3PAEB7Y.js";
9
9
  import "../chunk-HVKM54BA.js";
10
10
  export {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  defaultIcons
3
- } from "../chunk-5KHU6MM5.js";
3
+ } from "../chunk-CRII2HNX.js";
4
4
  import "../chunk-E3PAEB7Y.js";
5
5
  import "../chunk-HVKM54BA.js";
6
6
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  $cerberusIcons,
3
3
  defineIcons
4
- } from "../chunk-DDOTCGGA.js";
5
- import "../chunk-5KHU6MM5.js";
4
+ } from "../chunk-QMF5ZNDG.js";
5
+ import "../chunk-CRII2HNX.js";
6
6
  import "../chunk-E3PAEB7Y.js";
7
7
  import "../chunk-HVKM54BA.js";
8
8
  export {
@@ -2,18 +2,18 @@
2
2
  import {
3
3
  ConfirmModal,
4
4
  useConfirmModal
5
- } from "../chunk-T6U7AKKP.js";
5
+ } from "../chunk-6BH5J5GF.js";
6
6
  import "../chunk-BE4EOU2P.js";
7
7
  import "../chunk-Q7BRMIBR.js";
8
8
  import "../chunk-XY6WL55R.js";
9
9
  import "../chunk-2UXE5PDG.js";
10
10
  import "../chunk-IQJDVFPP.js";
11
11
  import "../chunk-EXGKZGML.js";
12
- import "../chunk-BU5JK37R.js";
12
+ import "../chunk-PVIMOXSO.js";
13
13
  import "../chunk-BUVVRQLZ.js";
14
14
  import "../chunk-JIZQFTW6.js";
15
- import "../chunk-DDOTCGGA.js";
16
- import "../chunk-5KHU6MM5.js";
15
+ import "../chunk-QMF5ZNDG.js";
16
+ import "../chunk-CRII2HNX.js";
17
17
  import "../chunk-E3PAEB7Y.js";
18
18
  import "../chunk-HVKM54BA.js";
19
19
  import "../chunk-KGQG5JGW.js";
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  CTAModal,
4
4
  useCTAModal
5
- } from "../chunk-77B4HFKT.js";
5
+ } from "../chunk-5OVH3INN.js";
6
6
  import "../chunk-BE4EOU2P.js";
7
7
  import "../chunk-Q7BRMIBR.js";
8
8
  import "../chunk-XY6WL55R.js";
@@ -10,11 +10,11 @@ import "../chunk-2UXE5PDG.js";
10
10
  import "../chunk-IQJDVFPP.js";
11
11
  import "../chunk-APD6IX5R.js";
12
12
  import "../chunk-EXGKZGML.js";
13
- import "../chunk-BU5JK37R.js";
13
+ import "../chunk-PVIMOXSO.js";
14
14
  import "../chunk-BUVVRQLZ.js";
15
15
  import "../chunk-JIZQFTW6.js";
16
- import "../chunk-DDOTCGGA.js";
17
- import "../chunk-5KHU6MM5.js";
16
+ import "../chunk-QMF5ZNDG.js";
17
+ import "../chunk-CRII2HNX.js";
18
18
  import "../chunk-E3PAEB7Y.js";
19
19
  import "../chunk-HVKM54BA.js";
20
20
  import "../chunk-KGQG5JGW.js";
@@ -2,16 +2,16 @@
2
2
  import {
3
3
  NotificationCenter,
4
4
  useNotificationCenter
5
- } from "../chunk-M73ECA25.js";
6
- import "../chunk-HP4ZN473.js";
5
+ } from "../chunk-CVTON5DQ.js";
6
+ import "../chunk-JJZQGR7A.js";
7
7
  import "../chunk-UXY3KCC3.js";
8
8
  import "../chunk-SLHYBPJ5.js";
9
9
  import "../chunk-IQJDVFPP.js";
10
10
  import "../chunk-EXGKZGML.js";
11
11
  import "../chunk-BUVVRQLZ.js";
12
12
  import "../chunk-JIZQFTW6.js";
13
- import "../chunk-DDOTCGGA.js";
14
- import "../chunk-5KHU6MM5.js";
13
+ import "../chunk-QMF5ZNDG.js";
14
+ import "../chunk-CRII2HNX.js";
15
15
  import "../chunk-E3PAEB7Y.js";
16
16
  import "../chunk-HVKM54BA.js";
17
17
  export {
@@ -2,21 +2,21 @@
2
2
  import {
3
3
  PromptModal,
4
4
  usePromptModal
5
- } from "../chunk-BHSYQCDV.js";
5
+ } from "../chunk-XXWR7UGH.js";
6
6
  import "../chunk-NMF2HYWO.js";
7
7
  import "../chunk-BE4EOU2P.js";
8
8
  import "../chunk-Q7BRMIBR.js";
9
9
  import "../chunk-XY6WL55R.js";
10
10
  import "../chunk-2UXE5PDG.js";
11
- import "../chunk-F7EWTOML.js";
11
+ import "../chunk-U36UZJGZ.js";
12
12
  import "../chunk-IQJDVFPP.js";
13
13
  import "../chunk-UZDVOIW5.js";
14
14
  import "../chunk-EXGKZGML.js";
15
- import "../chunk-BU5JK37R.js";
15
+ import "../chunk-PVIMOXSO.js";
16
16
  import "../chunk-BUVVRQLZ.js";
17
17
  import "../chunk-JIZQFTW6.js";
18
- import "../chunk-DDOTCGGA.js";
19
- import "../chunk-5KHU6MM5.js";
18
+ import "../chunk-QMF5ZNDG.js";
19
+ import "../chunk-CRII2HNX.js";
20
20
  import "../chunk-E3PAEB7Y.js";
21
21
  import "../chunk-HVKM54BA.js";
22
22
  import "../chunk-KGQG5JGW.js";
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  NotificationCenter,
3
3
  useNotificationCenter
4
- } from "./chunk-M73ECA25.js";
4
+ } from "./chunk-CVTON5DQ.js";
5
5
  import {
6
6
  PromptModal,
7
7
  usePromptModal
8
- } from "./chunk-BHSYQCDV.js";
8
+ } from "./chunk-XXWR7UGH.js";
9
9
  import {
10
10
  ThemeProvider,
11
11
  useThemeContext
12
12
  } from "./chunk-EB37HRCN.js";
13
13
  import {
14
14
  Text
15
- } from "./chunk-2ZNIYPDV.js";
15
+ } from "./chunk-RU5LOXWI.js";
16
16
  import {
17
17
  Textarea
18
18
  } from "./chunk-JIJM6JFJ.js";
@@ -24,22 +24,22 @@ import {
24
24
  } from "./chunk-Y6QQCRQV.js";
25
25
  import {
26
26
  Toggle
27
- } from "./chunk-XVU2NQCW.js";
27
+ } from "./chunk-QK7R2XJM.js";
28
28
  import {
29
29
  Tooltip
30
30
  } from "./chunk-LPALHB6R.js";
31
31
  import {
32
32
  ConfirmModal,
33
33
  useConfirmModal
34
- } from "./chunk-T6U7AKKP.js";
34
+ } from "./chunk-6BH5J5GF.js";
35
35
  import {
36
36
  CTAModal,
37
37
  useCTAModal
38
- } from "./chunk-77B4HFKT.js";
38
+ } from "./chunk-5OVH3INN.js";
39
39
  import {
40
40
  Option,
41
41
  Select
42
- } from "./chunk-S25RHYZV.js";
42
+ } from "./chunk-XOROL3JY.js";
43
43
  import {
44
44
  Spinner
45
45
  } from "./chunk-7SYJFI5E.js";
@@ -61,7 +61,7 @@ import {
61
61
  } from "./chunk-RZ7NG77U.js";
62
62
  import {
63
63
  Tag
64
- } from "./chunk-F4LTOZAN.js";
64
+ } from "./chunk-HKJMLWVP.js";
65
65
  import {
66
66
  Tbody
67
67
  } from "./chunk-ZR37P4NZ.js";
@@ -81,7 +81,7 @@ import {
81
81
  } from "./chunk-6WS765J3.js";
82
82
  import {
83
83
  Notification
84
- } from "./chunk-HP4ZN473.js";
84
+ } from "./chunk-JJZQGR7A.js";
85
85
  import {
86
86
  NotificationDescription
87
87
  } from "./chunk-UXY3KCC3.js";
@@ -137,7 +137,7 @@ import {
137
137
  import {
138
138
  FileStatus,
139
139
  processStatus
140
- } from "./chunk-GI6CSUU4.js";
140
+ } from "./chunk-FXLLRVAM.js";
141
141
  import {
142
142
  ProgressBar
143
143
  } from "./chunk-WZJ5UQNM.js";
@@ -146,13 +146,13 @@ import {
146
146
  } from "./chunk-JWIJHSI6.js";
147
147
  import {
148
148
  FileUploader
149
- } from "./chunk-O7QVCF3H.js";
149
+ } from "./chunk-BVCXVZAF.js";
150
150
  import {
151
151
  Input
152
- } from "./chunk-F7EWTOML.js";
152
+ } from "./chunk-U36UZJGZ.js";
153
153
  import {
154
154
  Checkbox
155
- } from "./chunk-W2LSPRQ3.js";
155
+ } from "./chunk-T2JOPPGL.js";
156
156
  import {
157
157
  CircularProgress
158
158
  } from "./chunk-6QHOKCV3.js";
@@ -165,7 +165,7 @@ import {
165
165
  DatePickerMonthView,
166
166
  DatePickerYearView,
167
167
  RangePickerInput
168
- } from "./chunk-RIZGWERR.js";
168
+ } from "./chunk-KPUYKHLW.js";
169
169
  import {
170
170
  Portal
171
171
  } from "./chunk-IQJDVFPP.js";
@@ -184,7 +184,7 @@ import {
184
184
  DatePickerView,
185
185
  DatePickerViewControl,
186
186
  DatePickerViewControlGroup
187
- } from "./chunk-IP5VFOPZ.js";
187
+ } from "./chunk-BC5SZDYY.js";
188
188
  import {
189
189
  IconButton
190
190
  } from "./chunk-APD6IX5R.js";
@@ -214,22 +214,22 @@ import {
214
214
  } from "./chunk-FQLMPEYX.js";
215
215
  import {
216
216
  AccordionItemGroup
217
- } from "./chunk-F7XWOSN3.js";
217
+ } from "./chunk-KWJ5FKX7.js";
218
218
  import {
219
219
  Accordion,
220
220
  AccordionItem,
221
221
  AccordionItemContent,
222
222
  AccordionItemIndicator,
223
223
  AccordionItemTrigger
224
- } from "./chunk-34E3UFFB.js";
224
+ } from "./chunk-TJCFYL5W.js";
225
225
  import {
226
226
  Admonition,
227
227
  AdmonitionDescription,
228
228
  AdmonitionHeading
229
- } from "./chunk-4IMOKN2D.js";
229
+ } from "./chunk-QQOWWMZ3.js";
230
230
  import {
231
231
  Avatar
232
- } from "./chunk-BU5JK37R.js";
232
+ } from "./chunk-PVIMOXSO.js";
233
233
  import {
234
234
  Show
235
235
  } from "./chunk-BUVVRQLZ.js";
@@ -243,8 +243,8 @@ import {
243
243
  import {
244
244
  $cerberusIcons,
245
245
  defineIcons
246
- } from "./chunk-DDOTCGGA.js";
247
- import "./chunk-5KHU6MM5.js";
246
+ } from "./chunk-QMF5ZNDG.js";
247
+ import "./chunk-CRII2HNX.js";
248
248
  import "./chunk-E3PAEB7Y.js";
249
249
  import "./chunk-HVKM54BA.js";
250
250
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerberus-design/react",
3
- "version": "0.14.1",
3
+ "version": "0.14.2-next-a928afd",
4
4
  "description": "The Cerberus Design React component library.",
5
5
  "browserslist": "> 0.25%, not dead",
6
6
  "sideEffects": false,
@@ -8,16 +8,19 @@
8
8
  "main": "build/legacy/index.cjs",
9
9
  "module": "build/modern/index.js",
10
10
  "peerDependencies": {
11
- "@cerberus/icons": "npm:@jsr/cerberus__icons",
12
11
  "@cerberus/panda-preset": "npm:@jsr/cerberus__panda-preset",
13
12
  "@cerberus/styled-system": "npm:@cerberus-design/styled-system",
14
13
  "@pandacss/dev": "*",
15
14
  "react": "*",
16
15
  "react-dom": "*"
17
16
  },
17
+ "optionalDependencies": {
18
+ "@cerberus/icons": "npm:@jsr/cerberus__icons"
19
+ },
18
20
  "dependencies": {
19
21
  "@ark-ui/react": "^4.4.0",
20
- "@dnd-kit/core": "^6.1.0"
22
+ "@dnd-kit/core": "^6.1.0",
23
+ "@cerberus/icons": "npm:@jsr/cerberus__icons@0.14.1"
21
24
  },
22
25
  "devDependencies": {
23
26
  "@microsoft/api-extractor": "^7.46.2",
@@ -26,8 +29,8 @@
26
29
  "react": "^18",
27
30
  "react-dom": "^18",
28
31
  "tsup": "^8.1.0",
29
- "@cerberus-design/configs": "0.0.0",
30
- "@cerberus-design/styled-system": "0.14.1"
32
+ "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.14.2-next-a928afd",
33
+ "@cerberus-design/configs": "0.0.0"
31
34
  },
32
35
  "publishConfig": {
33
36
  "access": "public"
@@ -1,10 +1,10 @@
1
1
  import { Accordion as ArkAccordion } from '@ark-ui/react'
2
- import { ChevronDown } from '@cerberus/icons'
3
2
  import { cx } from '@cerberus/styled-system/css'
4
3
  import {
5
4
  accordion,
6
5
  type AccordionVariantProps,
7
6
  } from '@cerberus/styled-system/recipes'
7
+ import { $cerberusIcons } from '../config/defineIcons'
8
8
 
9
9
  export type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps
10
10
 
@@ -117,6 +117,7 @@ export function AccordionItemIndicator(props: AccordionItemIndicatorProps) {
117
117
  const { size, ...indicatorProps } = props
118
118
  const styles = accordion({ size })
119
119
  const iconSize = size === 'sm' ? 16 : '24'
120
+ const { accordionIndicator: ChevronDown } = $cerberusIcons
120
121
 
121
122
  return (
122
123
  <ArkAccordion.ItemIndicator
@@ -10,19 +10,23 @@ import {
10
10
  Small,
11
11
  Span,
12
12
  Strong,
13
- type BoxProps,
14
- } from '@cerberus-design/styled-system/jsx'
15
- import { type PropsWithChildren } from 'react'
13
+ type PProps,
14
+ } from '@cerberus/styled-system/jsx'
15
+ import { type HTMLAttributes, type PropsWithChildren } from 'react'
16
16
 
17
17
  /**
18
18
  * This module exports a component for rendering text utilizing the styled-system JSX utility.
19
- * @module @cerberus-design/react/Text
19
+ * @module @cerberus/react/Text
20
20
  */
21
21
 
22
22
  export type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
23
23
  export type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span'
24
24
 
25
- export interface TextProps extends BoxProps {
25
+ // For some reason we have to use the HTMLParagraphElement type here
26
+ // or else TS will fail for non-style props like 'id' or 'className'
27
+ export interface TextProps
28
+ extends PProps,
29
+ HTMLAttributes<HTMLParagraphElement> {
26
30
  /**
27
31
  * The element to render as. Defaults to 'p'.
28
32
  */
@@ -23,6 +23,7 @@ import { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'
23
23
  export type IconType = CarbonIconType | ElementType
24
24
 
25
25
  export interface DefinedIcons {
26
+ accordionIndicator?: IconType
26
27
  avatar?: IconType
27
28
  calendar?: IconType
28
29
  calendarPrev?: IconType
@@ -47,6 +48,7 @@ export interface DefinedIcons {
47
48
  }
48
49
 
49
50
  export const defaultIcons: DefinedIcons = {
51
+ accordionIndicator: ChevronDown,
50
52
  avatar: UserFilled,
51
53
  calendar: Calendar,
52
54
  calendarPrev: ChevronLeft,
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/Text.tsx"],"sourcesContent":["import {\n Em,\n H1,\n H2,\n H3,\n H4,\n H5,\n H6,\n P,\n Small,\n Span,\n Strong,\n type BoxProps,\n} from '@cerberus-design/styled-system/jsx'\nimport { type PropsWithChildren } from 'react'\n\n/**\n * This module exports a component for rendering text utilizing the styled-system JSX utility.\n * @module @cerberus-design/react/Text\n */\n\nexport type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span'\n\nexport interface TextProps extends BoxProps {\n /**\n * The element to render as. Defaults to 'p'.\n */\n as?: TextElements | Headings\n}\n\n/**\n * A component for rendering text utilizing the styled-system JSX utility.\n * @definition [Text docs](https://cerberus.digitalu.design/react/text)\n * @example\n * ```tsx\n * <Text as=\"h1\" color=\"page.text.100\" textStyle={{\n * base: 'heading-md',\n * md: 'heading-lg',\n * }}>\n * Hello, world!\n * </Text>\n */\nexport function Text(props: PropsWithChildren<TextProps>) {\n const { as = 'p', ...pandaJSXProps } = props\n switch (as) {\n case 'h1':\n return <H1 {...pandaJSXProps} />\n case 'h2':\n return <H2 {...pandaJSXProps} />\n case 'h3':\n return <H3 {...pandaJSXProps} />\n case 'h4':\n return <H4 {...pandaJSXProps} />\n case 'h5':\n return <H5 {...pandaJSXProps} />\n case 'h6':\n return <H6 {...pandaJSXProps} />\n case 'strong':\n return <Strong {...pandaJSXProps} />\n case 'em':\n return <Em {...pandaJSXProps} />\n case 'small':\n return <Small {...pandaJSXProps} />\n case 'span':\n return <Span {...pandaJSXProps} />\n default:\n return <P {...pandaJSXProps} />\n }\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAkCM;AAJN,SAAS,KAAK,OAAqC;AACxD,QAAM,EAAE,KAAK,KAAK,GAAG,cAAc,IAAI;AACvC,UAAQ,IAAI;AAAA,IACV,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,UAAQ,GAAG,eAAe;AAAA,IACpC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,SAAO,GAAG,eAAe;AAAA,IACnC,KAAK;AACH,aAAO,oBAAC,QAAM,GAAG,eAAe;AAAA,IAClC;AACE,aAAO,oBAAC,KAAG,GAAG,eAAe;AAAA,EACjC;AACF;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n accordion,\n type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n * This is the content\n * </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n const { size, className, ...rootProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Root\n collapsible\n className={cx(className, styles.root)}\n {...rootProps}\n />\n )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n const { size, ...itemProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Item\n {...itemProps}\n className={cx(itemProps.className, styles.item)}\n />\n )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n const { size, ...triggerProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemTrigger\n {...triggerProps}\n className={cx(triggerProps.className, styles.itemTrigger)}\n />\n )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n const { size, ...indicatorProps } = props\n const styles = accordion({ size })\n const iconSize = size === 'sm' ? 16 : '24'\n\n return (\n <ArkAccordion.ItemIndicator\n {...indicatorProps}\n className={cx(indicatorProps.className, styles.itemIndicator)}\n >\n <ChevronDown size={iconSize} />\n </ArkAccordion.ItemIndicator>\n )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n const { size, ...contentProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemContent\n {...contentProps}\n className={cx(contentProps.className, styles.itemContent)}\n />\n )\n}\n"],"mappings":";AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAoBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,8BAAC,eAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n Calendar,\n Checkmark,\n CheckmarkOutline,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n Close,\n CloudUpload,\n Information,\n Restart,\n TrashCan,\n UserFilled,\n Warning,\n WarningAlt,\n WarningFilled,\n type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\nimport { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n avatar?: IconType\n calendar?: IconType\n calendarPrev?: IconType\n calendarNext?: IconType\n checkbox?: IconType\n close?: IconType\n confirmModal?: IconType\n delete?: IconType\n promptModal?: IconType\n waitingFileUploader?: IconType\n fileUploader?: IconType\n indeterminate?: IconType\n infoNotification?: IconType\n successNotification?: IconType\n warningNotification?: IconType\n dangerNotification?: IconType\n invalid: IconType\n invalidAlt?: IconType\n redo?: IconType\n selectArrow?: IconType\n toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n avatar: UserFilled,\n calendar: Calendar,\n calendarPrev: ChevronLeft,\n calendarNext: ChevronRight,\n checkbox: CheckmarkIcon,\n close: Close,\n confirmModal: Information,\n delete: TrashCan,\n promptModal: Information,\n waitingFileUploader: CloudUpload,\n fileUploader: AnimatingUploadIcon,\n indeterminate: IndeterminateIcon,\n infoNotification: Information,\n successNotification: CheckmarkOutline,\n warningNotification: WarningAlt,\n dangerNotification: WarningFilled,\n invalid: WarningFilled,\n invalidAlt: Warning,\n redo: Restart,\n selectArrow: ChevronDown,\n toggleChecked: Checkmark,\n}\n"],"mappings":";;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AA+BA,IAAM,eAA6B;AAAA,EACxC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}