@sixthshift/design-system 0.3.0 → 0.4.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 (508) hide show
  1. package/README.md +114 -12
  2. package/dist/components/Badge/Badge.d.ts +64 -9
  3. package/dist/components/Badge/Badge.d.ts.map +1 -1
  4. package/dist/components/Badge/Badge.js +54 -46
  5. package/dist/components/Badge/Badge.js.map +1 -1
  6. package/dist/components/Badge/index.d.ts +1 -1
  7. package/dist/components/Badge/index.d.ts.map +1 -1
  8. package/dist/components/Badge/index.js +1 -1
  9. package/dist/components/Badge/index.js.map +1 -1
  10. package/dist/components/BarChart/BarChart.d.ts +12 -0
  11. package/dist/components/BarChart/BarChart.d.ts.map +1 -1
  12. package/dist/components/BarChart/BarChart.js +12 -0
  13. package/dist/components/BarChart/BarChart.js.map +1 -1
  14. package/dist/components/Button/Button.d.ts +85 -6
  15. package/dist/components/Button/Button.d.ts.map +1 -1
  16. package/dist/components/Button/Button.js +97 -106
  17. package/dist/components/Button/Button.js.map +1 -1
  18. package/dist/components/Button/index.d.ts +1 -1
  19. package/dist/components/Button/index.d.ts.map +1 -1
  20. package/dist/components/Button/index.js +1 -1
  21. package/dist/components/Button/index.js.map +1 -1
  22. package/dist/components/Calendar/Calendar.d.ts +18 -4
  23. package/dist/components/Calendar/Calendar.d.ts.map +1 -1
  24. package/dist/components/Calendar/Calendar.js +19 -5
  25. package/dist/components/Calendar/Calendar.js.map +1 -1
  26. package/dist/components/Calendar/CalendarView.d.ts.map +1 -1
  27. package/dist/components/Calendar/CalendarView.js +10 -2
  28. package/dist/components/Calendar/CalendarView.js.map +1 -1
  29. package/dist/components/Calendar/calendar.types.d.ts +9 -0
  30. package/dist/components/Calendar/calendar.types.d.ts.map +1 -1
  31. package/dist/components/Card/Card.d.ts +13 -0
  32. package/dist/components/Card/Card.d.ts.map +1 -1
  33. package/dist/components/Card/Card.js +15 -2
  34. package/dist/components/Card/Card.js.map +1 -1
  35. package/dist/components/Checkbox/Checkbox.d.ts +21 -0
  36. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  37. package/dist/components/Checkbox/Checkbox.js +22 -1
  38. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  39. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +22 -0
  40. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  41. package/dist/components/CheckboxGroup/CheckboxGroup.js +22 -0
  42. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  43. package/dist/components/Code/Editor/Editor.js +2 -2
  44. package/dist/components/Code/Editor/Editor.js.map +1 -1
  45. package/dist/components/Code/Editor/themes.d.ts +2 -2
  46. package/dist/components/Code/Editor/themes.d.ts.map +1 -1
  47. package/dist/components/Code/Editor/themes.js +50 -32
  48. package/dist/components/Code/Editor/themes.js.map +1 -1
  49. package/dist/components/Code/ValidationStatus/ValidationStatus.d.ts.map +1 -1
  50. package/dist/components/Code/ValidationStatus/ValidationStatus.js.map +1 -1
  51. package/dist/components/DatePicker/DatePicker.d.ts +43 -0
  52. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  53. package/dist/components/DatePicker/DatePicker.js +166 -4
  54. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  55. package/dist/components/DatePicker/DateSegments.d.ts +60 -0
  56. package/dist/components/DatePicker/DateSegments.d.ts.map +1 -0
  57. package/dist/components/DatePicker/DateSegments.js +80 -0
  58. package/dist/components/DatePicker/DateSegments.js.map +1 -0
  59. package/dist/components/DatePicker/datepicker.types.d.ts +19 -1
  60. package/dist/components/DatePicker/datepicker.types.d.ts.map +1 -1
  61. package/dist/components/DatePicker/index.d.ts +1 -1
  62. package/dist/components/DatePicker/index.d.ts.map +1 -1
  63. package/dist/components/DateRangePicker/DateRangePicker.d.ts +20 -2
  64. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  65. package/dist/components/DateRangePicker/DateRangePicker.js +22 -4
  66. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  67. package/dist/components/DateRangePicker/daterangepicker.types.d.ts +6 -1
  68. package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map +1 -1
  69. package/dist/components/DateTimePicker/DateTimePicker.d.ts +30 -2
  70. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  71. package/dist/components/DateTimePicker/DateTimePicker.js +105 -32
  72. package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
  73. package/dist/components/DateTimePicker/DateTimeSegments.d.ts +41 -0
  74. package/dist/components/DateTimePicker/DateTimeSegments.d.ts.map +1 -0
  75. package/dist/components/DateTimePicker/DateTimeSegments.js +67 -0
  76. package/dist/components/DateTimePicker/DateTimeSegments.js.map +1 -0
  77. package/dist/components/DateTimePicker/datetimepicker.types.d.ts +6 -1
  78. package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map +1 -1
  79. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +28 -2
  80. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
  81. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +136 -58
  82. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
  83. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts +6 -1
  84. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts.map +1 -1
  85. package/dist/components/Field/Field.d.ts +15 -17
  86. package/dist/components/Field/Field.d.ts.map +1 -1
  87. package/dist/components/Field/Field.js +18 -3
  88. package/dist/components/Field/Field.js.map +1 -1
  89. package/dist/components/FormField/FormField.d.ts +15 -0
  90. package/dist/components/FormField/FormField.d.ts.map +1 -1
  91. package/dist/components/FormField/FormField.js +15 -0
  92. package/dist/components/FormField/FormField.js.map +1 -1
  93. package/dist/components/HoverCard/HoverCard.d.ts +6 -0
  94. package/dist/components/HoverCard/HoverCard.d.ts.map +1 -1
  95. package/dist/components/HoverCard/HoverCard.js +6 -0
  96. package/dist/components/HoverCard/HoverCard.js.map +1 -1
  97. package/dist/components/Input/Input.d.ts +15 -0
  98. package/dist/components/Input/Input.d.ts.map +1 -1
  99. package/dist/components/Input/Input.js +18 -3
  100. package/dist/components/Input/Input.js.map +1 -1
  101. package/dist/components/LineChart/LineChart.d.ts +17 -0
  102. package/dist/components/LineChart/LineChart.d.ts.map +1 -1
  103. package/dist/components/LineChart/LineChart.js +17 -0
  104. package/dist/components/LineChart/LineChart.js.map +1 -1
  105. package/dist/components/Markdown/Markdown.d.ts +17 -0
  106. package/dist/components/Markdown/Markdown.d.ts.map +1 -1
  107. package/dist/components/Markdown/Markdown.js +17 -0
  108. package/dist/components/Markdown/Markdown.js.map +1 -1
  109. package/dist/components/Message/Message.d.ts +49 -4
  110. package/dist/components/Message/Message.d.ts.map +1 -1
  111. package/dist/components/Message/Message.js +53 -17
  112. package/dist/components/Message/Message.js.map +1 -1
  113. package/dist/components/Message/index.d.ts +1 -1
  114. package/dist/components/Message/index.d.ts.map +1 -1
  115. package/dist/components/Modal/Modal.d.ts +36 -0
  116. package/dist/components/Modal/Modal.d.ts.map +1 -1
  117. package/dist/components/Modal/Modal.js +37 -1
  118. package/dist/components/Modal/Modal.js.map +1 -1
  119. package/dist/components/Modal/components/ModalHeader.js +1 -1
  120. package/dist/components/Modal/components/ModalHeader.js.map +1 -1
  121. package/dist/components/Popover/Popover.d.ts +29 -0
  122. package/dist/components/Popover/Popover.d.ts.map +1 -1
  123. package/dist/components/Popover/Popover.js +29 -0
  124. package/dist/components/Popover/Popover.js.map +1 -1
  125. package/dist/components/ProgressBar/ProgressBar.d.ts +14 -0
  126. package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
  127. package/dist/components/ProgressBar/ProgressBar.js +14 -0
  128. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  129. package/dist/components/RadioButton/RadioButton.d.ts +26 -0
  130. package/dist/components/RadioButton/RadioButton.d.ts.map +1 -1
  131. package/dist/components/RadioButton/RadioButton.js +35 -1
  132. package/dist/components/RadioButton/RadioButton.js.map +1 -1
  133. package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +26 -0
  134. package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -1
  135. package/dist/components/RadioButtonGroup/RadioButtonGroup.js +33 -0
  136. package/dist/components/RadioButtonGroup/RadioButtonGroup.js.map +1 -1
  137. package/dist/components/SearchInput/SearchInput.d.ts +10 -0
  138. package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
  139. package/dist/components/SearchInput/SearchInput.js +12 -1
  140. package/dist/components/SearchInput/SearchInput.js.map +1 -1
  141. package/dist/components/Select/Select.d.ts +4 -5
  142. package/dist/components/Select/Select.d.ts.map +1 -1
  143. package/dist/components/Select/Select.js +4 -5
  144. package/dist/components/Select/Select.js.map +1 -1
  145. package/dist/components/Select/SelectDropdown.d.ts.map +1 -1
  146. package/dist/components/Select/SelectDropdown.js +4 -3
  147. package/dist/components/Select/SelectDropdown.js.map +1 -1
  148. package/dist/components/Select/SelectTrigger.js +2 -2
  149. package/dist/components/Select/SelectTrigger.js.map +1 -1
  150. package/dist/components/Separator/Separator.d.ts +10 -0
  151. package/dist/components/Separator/Separator.d.ts.map +1 -1
  152. package/dist/components/Separator/Separator.js +10 -0
  153. package/dist/components/Separator/Separator.js.map +1 -1
  154. package/dist/components/Sheet/Sheet.d.ts +6 -0
  155. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  156. package/dist/components/Sheet/Sheet.js +7 -1
  157. package/dist/components/Sheet/Sheet.js.map +1 -1
  158. package/dist/components/Sheet/components/SheetFooter.js +1 -1
  159. package/dist/components/Sheet/components/SheetFooter.js.map +1 -1
  160. package/dist/components/Sheet/components/SheetHeader.js +1 -1
  161. package/dist/components/Sheet/components/SheetHeader.js.map +1 -1
  162. package/dist/components/Sparkline/Sparkline.d.ts +11 -0
  163. package/dist/components/Sparkline/Sparkline.d.ts.map +1 -1
  164. package/dist/components/Sparkline/Sparkline.js +11 -0
  165. package/dist/components/Sparkline/Sparkline.js.map +1 -1
  166. package/dist/components/Spinner/Spinner.d.ts +27 -2
  167. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  168. package/dist/components/Spinner/Spinner.js +28 -3
  169. package/dist/components/Spinner/Spinner.js.map +1 -1
  170. package/dist/components/Switch/Switch.d.ts +18 -0
  171. package/dist/components/Switch/Switch.d.ts.map +1 -1
  172. package/dist/components/Switch/Switch.js +19 -1
  173. package/dist/components/Switch/Switch.js.map +1 -1
  174. package/dist/components/Tabs/Tabs.d.ts +6 -0
  175. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  176. package/dist/components/Tabs/Tabs.js +6 -0
  177. package/dist/components/Tabs/Tabs.js.map +1 -1
  178. package/dist/components/Tabs/components/TabsTrigger.d.ts.map +1 -1
  179. package/dist/components/Tabs/components/TabsTrigger.js +22 -6
  180. package/dist/components/Tabs/components/TabsTrigger.js.map +1 -1
  181. package/dist/components/TagChip/TagChip.d.ts +14 -12
  182. package/dist/components/TagChip/TagChip.d.ts.map +1 -1
  183. package/dist/components/TagChip/TagChip.js +14 -1
  184. package/dist/components/TagChip/TagChip.js.map +1 -1
  185. package/dist/components/TagInput/TagInput.d.ts +11 -8
  186. package/dist/components/TagInput/TagInput.d.ts.map +1 -1
  187. package/dist/components/TagInput/TagInput.js +11 -0
  188. package/dist/components/TagInput/TagInput.js.map +1 -1
  189. package/dist/components/Text/Text.d.ts +9 -0
  190. package/dist/components/Text/Text.d.ts.map +1 -1
  191. package/dist/components/Text/Text.js +9 -0
  192. package/dist/components/Text/Text.js.map +1 -1
  193. package/dist/components/TextInline/TextInline.d.ts +15 -4
  194. package/dist/components/TextInline/TextInline.d.ts.map +1 -1
  195. package/dist/components/TextInline/TextInline.js +11 -0
  196. package/dist/components/TextInline/TextInline.js.map +1 -1
  197. package/dist/components/Textarea/Textarea.d.ts +12 -0
  198. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  199. package/dist/components/Textarea/Textarea.js +13 -1
  200. package/dist/components/Textarea/Textarea.js.map +1 -1
  201. package/dist/components/TimePicker/TimeColumn.d.ts +10 -1
  202. package/dist/components/TimePicker/TimeColumn.d.ts.map +1 -1
  203. package/dist/components/TimePicker/TimeColumn.js +8 -1
  204. package/dist/components/TimePicker/TimeColumn.js.map +1 -1
  205. package/dist/components/TimePicker/TimePicker.d.ts +32 -0
  206. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
  207. package/dist/components/TimePicker/TimePicker.js +93 -6
  208. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  209. package/dist/components/TimePicker/TimeSegments.d.ts +50 -0
  210. package/dist/components/TimePicker/TimeSegments.d.ts.map +1 -0
  211. package/dist/components/TimePicker/TimeSegments.js +93 -0
  212. package/dist/components/TimePicker/TimeSegments.js.map +1 -0
  213. package/dist/components/TimePicker/timepicker.hooks.d.ts +0 -4
  214. package/dist/components/TimePicker/timepicker.hooks.d.ts.map +1 -1
  215. package/dist/components/TimePicker/timepicker.hooks.js +1 -23
  216. package/dist/components/TimePicker/timepicker.hooks.js.map +1 -1
  217. package/dist/components/TimePicker/timepicker.types.d.ts +0 -2
  218. package/dist/components/TimePicker/timepicker.types.d.ts.map +1 -1
  219. package/dist/components/Toast/Toast.d.ts +27 -0
  220. package/dist/components/Toast/Toast.d.ts.map +1 -1
  221. package/dist/components/Toast/Toast.js +28 -1
  222. package/dist/components/Toast/Toast.js.map +1 -1
  223. package/dist/components/Toggle/Toggle.d.ts +31 -12
  224. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  225. package/dist/components/Toggle/Toggle.js +19 -31
  226. package/dist/components/Toggle/Toggle.js.map +1 -1
  227. package/dist/components/Toggle/index.d.ts +1 -1
  228. package/dist/components/Toggle/index.d.ts.map +1 -1
  229. package/dist/components/Toggle/index.js +1 -1
  230. package/dist/components/Toggle/index.js.map +1 -1
  231. package/dist/components/ToggleGroup/ToggleGroup.d.ts +17 -0
  232. package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
  233. package/dist/components/ToggleGroup/ToggleGroup.js +17 -0
  234. package/dist/components/ToggleGroup/ToggleGroup.js.map +1 -1
  235. package/dist/components/ToggleGroup/ToggleGroupItem.d.ts +1 -1
  236. package/dist/components/ToggleGroup/ToggleGroupItem.d.ts.map +1 -1
  237. package/dist/components/ToggleGroup/ToggleGroupItem.js +7 -6
  238. package/dist/components/ToggleGroup/ToggleGroupItem.js.map +1 -1
  239. package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts +4 -3
  240. package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts.map +1 -1
  241. package/dist/components/ToggleGroup/ToggleGroupMultiple.js +2 -2
  242. package/dist/components/ToggleGroup/ToggleGroupMultiple.js.map +1 -1
  243. package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts +4 -3
  244. package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts.map +1 -1
  245. package/dist/components/ToggleGroup/ToggleGroupSingle.js +2 -2
  246. package/dist/components/ToggleGroup/ToggleGroupSingle.js.map +1 -1
  247. package/dist/components/ToggleGroup/toggleGroup.types.d.ts +12 -3
  248. package/dist/components/ToggleGroup/toggleGroup.types.d.ts.map +1 -1
  249. package/dist/components/Tooltip/Tooltip.d.ts +6 -0
  250. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  251. package/dist/components/Tooltip/Tooltip.js +6 -0
  252. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  253. package/dist/date-time/index.d.ts.map +1 -1
  254. package/dist/date-time/index.js +0 -1
  255. package/dist/date-time/index.js.map +1 -1
  256. package/dist/internal/PickerField.d.ts +45 -0
  257. package/dist/internal/PickerField.d.ts.map +1 -0
  258. package/dist/internal/PickerField.js +24 -0
  259. package/dist/internal/PickerField.js.map +1 -0
  260. package/dist/internal/SegmentedField.d.ts +98 -0
  261. package/dist/internal/SegmentedField.d.ts.map +1 -0
  262. package/dist/internal/SegmentedField.js +315 -0
  263. package/dist/internal/SegmentedField.js.map +1 -0
  264. package/dist/internal/index.d.ts +2 -0
  265. package/dist/internal/index.d.ts.map +1 -1
  266. package/dist/internal/index.js +2 -0
  267. package/dist/internal/index.js.map +1 -1
  268. package/dist/theme/index.d.ts +2 -2
  269. package/dist/theme/index.d.ts.map +1 -1
  270. package/dist/theme/index.js +1 -1
  271. package/dist/theme/index.js.map +1 -1
  272. package/dist/theme/schema.d.ts +0 -22
  273. package/dist/theme/schema.d.ts.map +1 -1
  274. package/dist/theme/schema.js +0 -9
  275. package/dist/theme/schema.js.map +1 -1
  276. package/package.json +3 -45
  277. package/src/components/Badge/Badge.tsx +85 -48
  278. package/src/components/Badge/index.ts +10 -1
  279. package/src/components/BarChart/BarChart.tsx +12 -0
  280. package/src/components/Button/Button.tsx +129 -106
  281. package/src/components/Button/index.ts +10 -1
  282. package/src/components/Calendar/Calendar.tsx +29 -16
  283. package/src/components/Calendar/CalendarView.tsx +10 -1
  284. package/src/components/Calendar/calendar.types.ts +10 -0
  285. package/src/components/Card/Card.tsx +15 -2
  286. package/src/components/Checkbox/Checkbox.tsx +22 -2
  287. package/src/components/CheckboxGroup/CheckboxGroup.tsx +22 -0
  288. package/src/components/Code/Editor/Editor.tsx +2 -2
  289. package/src/components/Code/Editor/themes.ts +50 -32
  290. package/src/components/Code/ValidationStatus/ValidationStatus.tsx +6 -3
  291. package/src/components/DatePicker/DatePicker.tsx +279 -28
  292. package/src/components/DatePicker/DateSegments.tsx +125 -0
  293. package/src/components/DatePicker/datepicker.types.ts +21 -1
  294. package/src/components/DatePicker/index.ts +8 -1
  295. package/src/components/DateRangePicker/DateRangePicker.tsx +22 -4
  296. package/src/components/DateRangePicker/daterangepicker.types.ts +7 -1
  297. package/src/components/DateTimePicker/DateTimePicker.tsx +143 -70
  298. package/src/components/DateTimePicker/DateTimeSegments.tsx +113 -0
  299. package/src/components/DateTimePicker/datetimepicker.types.ts +7 -1
  300. package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +195 -104
  301. package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +7 -1
  302. package/src/components/Field/Field.tsx +20 -22
  303. package/src/components/FormField/FormField.tsx +15 -0
  304. package/src/components/HoverCard/HoverCard.tsx +6 -0
  305. package/src/components/Input/Input.tsx +19 -4
  306. package/src/components/LineChart/LineChart.tsx +17 -0
  307. package/src/components/Markdown/Markdown.tsx +17 -0
  308. package/src/components/Message/Message.tsx +73 -23
  309. package/src/components/Message/index.ts +1 -1
  310. package/src/components/Modal/Modal.tsx +42 -3
  311. package/src/components/Modal/components/ModalHeader.tsx +1 -1
  312. package/src/components/Popover/Popover.tsx +29 -0
  313. package/src/components/ProgressBar/ProgressBar.tsx +14 -0
  314. package/src/components/RadioButton/RadioButton.tsx +34 -3
  315. package/src/components/RadioButtonGroup/RadioButtonGroup.tsx +32 -0
  316. package/src/components/SearchInput/SearchInput.tsx +13 -2
  317. package/src/components/Select/Select.tsx +4 -5
  318. package/src/components/Select/SelectDropdown.tsx +13 -9
  319. package/src/components/Select/SelectTrigger.tsx +7 -7
  320. package/src/components/Separator/Separator.tsx +10 -0
  321. package/src/components/Sheet/Sheet.tsx +8 -2
  322. package/src/components/Sheet/components/SheetFooter.tsx +1 -1
  323. package/src/components/Sheet/components/SheetHeader.tsx +2 -2
  324. package/src/components/Sparkline/Sparkline.tsx +11 -0
  325. package/src/components/Spinner/Spinner.tsx +28 -3
  326. package/src/components/Switch/Switch.tsx +27 -4
  327. package/src/components/Tabs/Tabs.tsx +6 -0
  328. package/src/components/Tabs/components/TabsTrigger.tsx +22 -5
  329. package/src/components/TagChip/TagChip.tsx +18 -16
  330. package/src/components/TagInput/TagInput.tsx +11 -8
  331. package/src/components/Text/Text.tsx +9 -0
  332. package/src/components/TextInline/TextInline.tsx +11 -0
  333. package/src/components/Textarea/Textarea.tsx +13 -1
  334. package/src/components/TimePicker/TimeColumn.tsx +24 -1
  335. package/src/components/TimePicker/TimePicker.tsx +127 -39
  336. package/src/components/TimePicker/TimeSegments.tsx +131 -0
  337. package/src/components/TimePicker/timepicker.hooks.ts +1 -24
  338. package/src/components/TimePicker/timepicker.types.ts +0 -3
  339. package/src/components/Toast/Toast.tsx +28 -1
  340. package/src/components/Toggle/Toggle.tsx +34 -32
  341. package/src/components/Toggle/index.ts +1 -1
  342. package/src/components/ToggleGroup/ToggleGroup.tsx +17 -0
  343. package/src/components/ToggleGroup/ToggleGroupItem.tsx +13 -8
  344. package/src/components/ToggleGroup/ToggleGroupMultiple.tsx +3 -1
  345. package/src/components/ToggleGroup/ToggleGroupSingle.tsx +3 -1
  346. package/src/components/ToggleGroup/toggleGroup.types.ts +12 -3
  347. package/src/components/Tooltip/Tooltip.tsx +6 -0
  348. package/src/date-time/index.ts +0 -1
  349. package/src/internal/PickerField.tsx +90 -0
  350. package/src/internal/SegmentedField.tsx +445 -0
  351. package/src/internal/index.ts +2 -0
  352. package/src/theme/index.ts +0 -6
  353. package/src/theme/recipes/badge.css +140 -0
  354. package/src/theme/recipes/button.css +167 -0
  355. package/src/theme/recipes/card.css +26 -0
  356. package/src/theme/recipes/checkbox.css +44 -0
  357. package/src/theme/recipes/field.css +14 -0
  358. package/src/theme/recipes/index.css +28 -0
  359. package/src/theme/recipes/input.css +29 -0
  360. package/src/theme/recipes/message.css +47 -0
  361. package/src/theme/recipes/modal.css +31 -0
  362. package/src/theme/recipes/radio-button.css +42 -0
  363. package/src/theme/recipes/search-input.css +16 -0
  364. package/src/theme/recipes/select.css +105 -0
  365. package/src/theme/recipes/sheet.css +34 -0
  366. package/src/theme/recipes/spinner.css +17 -0
  367. package/src/theme/recipes/switch.css +39 -0
  368. package/src/theme/recipes/tabs.css +41 -0
  369. package/src/theme/recipes/tag-chip.css +27 -0
  370. package/src/theme/recipes/textarea.css +20 -0
  371. package/src/theme/recipes/toggle.css +92 -0
  372. package/src/theme/schema.ts +0 -27
  373. package/src/theme/tokens.css +26 -9
  374. package/dist/components/Avatar/Avatar.d.ts +0 -6
  375. package/dist/components/Avatar/Avatar.d.ts.map +0 -1
  376. package/dist/components/Avatar/Avatar.js +0 -11
  377. package/dist/components/Avatar/Avatar.js.map +0 -1
  378. package/dist/components/Avatar/index.d.ts +0 -2
  379. package/dist/components/Avatar/index.d.ts.map +0 -1
  380. package/dist/components/Avatar/index.js +0 -2
  381. package/dist/components/Avatar/index.js.map +0 -1
  382. package/dist/components/Breadcrumb/Breadcrumb.d.ts +0 -12
  383. package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +0 -1
  384. package/dist/components/Breadcrumb/Breadcrumb.js +0 -19
  385. package/dist/components/Breadcrumb/Breadcrumb.js.map +0 -1
  386. package/dist/components/Breadcrumb/index.d.ts +0 -2
  387. package/dist/components/Breadcrumb/index.d.ts.map +0 -1
  388. package/dist/components/Breadcrumb/index.js +0 -2
  389. package/dist/components/Breadcrumb/index.js.map +0 -1
  390. package/dist/components/ColorDot/ColorDot.d.ts +0 -19
  391. package/dist/components/ColorDot/ColorDot.d.ts.map +0 -1
  392. package/dist/components/ColorDot/ColorDot.js +0 -36
  393. package/dist/components/ColorDot/ColorDot.js.map +0 -1
  394. package/dist/components/ColorDot/index.d.ts +0 -2
  395. package/dist/components/ColorDot/index.d.ts.map +0 -1
  396. package/dist/components/ColorDot/index.js +0 -2
  397. package/dist/components/ColorDot/index.js.map +0 -1
  398. package/dist/components/EmptyState/EmptyState.d.ts +0 -26
  399. package/dist/components/EmptyState/EmptyState.d.ts.map +0 -1
  400. package/dist/components/EmptyState/EmptyState.js +0 -9
  401. package/dist/components/EmptyState/EmptyState.js.map +0 -1
  402. package/dist/components/EmptyState/index.d.ts +0 -2
  403. package/dist/components/EmptyState/index.d.ts.map +0 -1
  404. package/dist/components/EmptyState/index.js +0 -2
  405. package/dist/components/EmptyState/index.js.map +0 -1
  406. package/dist/components/HeatMap/HeatMapCalendar.d.ts +0 -11
  407. package/dist/components/HeatMap/HeatMapCalendar.d.ts.map +0 -1
  408. package/dist/components/HeatMap/HeatMapCalendar.js +0 -68
  409. package/dist/components/HeatMap/HeatMapCalendar.js.map +0 -1
  410. package/dist/components/HeatMap/HeatMapMatrix.d.ts +0 -12
  411. package/dist/components/HeatMap/HeatMapMatrix.d.ts.map +0 -1
  412. package/dist/components/HeatMap/HeatMapMatrix.js +0 -35
  413. package/dist/components/HeatMap/HeatMapMatrix.js.map +0 -1
  414. package/dist/components/HeatMap/heat-map.utils.d.ts +0 -10
  415. package/dist/components/HeatMap/heat-map.utils.d.ts.map +0 -1
  416. package/dist/components/HeatMap/heat-map.utils.js +0 -10
  417. package/dist/components/HeatMap/heat-map.utils.js.map +0 -1
  418. package/dist/components/HeatMap/index.d.ts +0 -4
  419. package/dist/components/HeatMap/index.d.ts.map +0 -1
  420. package/dist/components/HeatMap/index.js +0 -3
  421. package/dist/components/HeatMap/index.js.map +0 -1
  422. package/dist/components/MetricList/MetricList.d.ts +0 -9
  423. package/dist/components/MetricList/MetricList.d.ts.map +0 -1
  424. package/dist/components/MetricList/MetricList.js +0 -8
  425. package/dist/components/MetricList/MetricList.js.map +0 -1
  426. package/dist/components/MetricList/MetricRow.d.ts +0 -13
  427. package/dist/components/MetricList/MetricRow.d.ts.map +0 -1
  428. package/dist/components/MetricList/MetricRow.js +0 -13
  429. package/dist/components/MetricList/MetricRow.js.map +0 -1
  430. package/dist/components/MetricList/index.d.ts +0 -3
  431. package/dist/components/MetricList/index.d.ts.map +0 -1
  432. package/dist/components/MetricList/index.js +0 -3
  433. package/dist/components/MetricList/index.js.map +0 -1
  434. package/dist/components/NavBottom/NavBottom.d.ts +0 -16
  435. package/dist/components/NavBottom/NavBottom.d.ts.map +0 -1
  436. package/dist/components/NavBottom/NavBottom.js +0 -21
  437. package/dist/components/NavBottom/NavBottom.js.map +0 -1
  438. package/dist/components/NavBottom/index.d.ts +0 -3
  439. package/dist/components/NavBottom/index.d.ts.map +0 -1
  440. package/dist/components/NavBottom/index.js +0 -2
  441. package/dist/components/NavBottom/index.js.map +0 -1
  442. package/dist/components/NavSide/NavItem.d.ts +0 -9
  443. package/dist/components/NavSide/NavItem.d.ts.map +0 -1
  444. package/dist/components/NavSide/NavItem.js +0 -13
  445. package/dist/components/NavSide/NavItem.js.map +0 -1
  446. package/dist/components/NavSide/NavSide.d.ts +0 -16
  447. package/dist/components/NavSide/NavSide.d.ts.map +0 -1
  448. package/dist/components/NavSide/NavSide.js +0 -12
  449. package/dist/components/NavSide/NavSide.js.map +0 -1
  450. package/dist/components/NavSide/index.d.ts +0 -3
  451. package/dist/components/NavSide/index.d.ts.map +0 -1
  452. package/dist/components/NavSide/index.js +0 -2
  453. package/dist/components/NavSide/index.js.map +0 -1
  454. package/dist/components/NavSide/types.d.ts +0 -38
  455. package/dist/components/NavSide/types.d.ts.map +0 -1
  456. package/dist/components/NavSide/types.js +0 -2
  457. package/dist/components/NavSide/types.js.map +0 -1
  458. package/dist/components/Pagination/Pagination.d.ts +0 -35
  459. package/dist/components/Pagination/Pagination.d.ts.map +0 -1
  460. package/dist/components/Pagination/Pagination.js +0 -26
  461. package/dist/components/Pagination/Pagination.js.map +0 -1
  462. package/dist/components/Pagination/index.d.ts +0 -3
  463. package/dist/components/Pagination/index.d.ts.map +0 -1
  464. package/dist/components/Pagination/index.js +0 -2
  465. package/dist/components/Pagination/index.js.map +0 -1
  466. package/dist/components/Skeleton/Skeleton.d.ts +0 -4
  467. package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
  468. package/dist/components/Skeleton/Skeleton.js +0 -9
  469. package/dist/components/Skeleton/Skeleton.js.map +0 -1
  470. package/dist/components/Skeleton/index.d.ts +0 -2
  471. package/dist/components/Skeleton/index.d.ts.map +0 -1
  472. package/dist/components/Skeleton/index.js +0 -2
  473. package/dist/components/Skeleton/index.js.map +0 -1
  474. package/dist/components/StatsCard/StatsCard.d.ts +0 -17
  475. package/dist/components/StatsCard/StatsCard.d.ts.map +0 -1
  476. package/dist/components/StatsCard/StatsCard.js +0 -15
  477. package/dist/components/StatsCard/StatsCard.js.map +0 -1
  478. package/dist/components/StatsCard/index.d.ts +0 -2
  479. package/dist/components/StatsCard/index.d.ts.map +0 -1
  480. package/dist/components/StatsCard/index.js +0 -2
  481. package/dist/components/StatsCard/index.js.map +0 -1
  482. package/src/components/Avatar/Avatar.tsx +0 -19
  483. package/src/components/Avatar/index.ts +0 -1
  484. package/src/components/Breadcrumb/Breadcrumb.tsx +0 -47
  485. package/src/components/Breadcrumb/index.ts +0 -5
  486. package/src/components/ColorDot/ColorDot.tsx +0 -52
  487. package/src/components/ColorDot/index.ts +0 -1
  488. package/src/components/EmptyState/EmptyState.tsx +0 -30
  489. package/src/components/EmptyState/index.ts +0 -1
  490. package/src/components/HeatMap/HeatMapCalendar.tsx +0 -127
  491. package/src/components/HeatMap/HeatMapMatrix.tsx +0 -75
  492. package/src/components/HeatMap/heat-map.utils.ts +0 -15
  493. package/src/components/HeatMap/index.ts +0 -3
  494. package/src/components/MetricList/MetricList.tsx +0 -18
  495. package/src/components/MetricList/MetricRow.tsx +0 -30
  496. package/src/components/MetricList/index.ts +0 -2
  497. package/src/components/NavBottom/NavBottom.tsx +0 -55
  498. package/src/components/NavBottom/index.ts +0 -3
  499. package/src/components/NavSide/NavItem.tsx +0 -39
  500. package/src/components/NavSide/NavSide.tsx +0 -42
  501. package/src/components/NavSide/index.ts +0 -2
  502. package/src/components/NavSide/types.ts +0 -36
  503. package/src/components/Pagination/Pagination.tsx +0 -86
  504. package/src/components/Pagination/index.ts +0 -2
  505. package/src/components/Skeleton/Skeleton.tsx +0 -9
  506. package/src/components/Skeleton/index.ts +0 -1
  507. package/src/components/StatsCard/StatsCard.tsx +0 -41
  508. package/src/components/StatsCard/index.ts +0 -1
@@ -6,7 +6,7 @@ export const SelectTriggerButton = ({ setReference, rootRef, listboxId, open, di
6
6
  // one interactive control inside another is invalid HTML and leaves assistive
7
7
  // tech unable to reach the inner control (axe: nested-interactive).
8
8
  const showClear = showClearButton && !collapsed;
9
- return (_jsxs("div", { ref: rootRef, className: "relative w-full", children: [_jsx("button", { ref: setReference, type: "button", onClick: onToggle, onKeyDown: onKeyDown, disabled: disabled, className: cn(`flex w-full cursor-pointer items-center gap-2 rounded-md border border-border-normal bg-bg-normal px-3 py-2 font-medium text-fg-normal text-sm transition-colors hover:bg-bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, collapsed ? "justify-center" : "justify-between", showClear && "pr-9", className), title: collapsed ? displayLabel : undefined, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listboxId : undefined, ...props, children: collapsed ? (_jsx("span", { className: "font-bold text-xs", children: displayLabel.charAt(0) })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", children: displayLabel }), _jsx("span", { className: "flex shrink-0 items-center gap-1", children: _jsx(ChevronDown, { className: cn("h-4 w-4 text-fg-subtle transition-transform", open && "rotate-180") }) })] })) }), showClear && (_jsx("button", { type: "button", onClick: onClear, disabled: disabled, className: "absolute top-1/2 right-8 -translate-y-1/2 rounded-sm p-0.5 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Clear selection", children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
9
+ return (_jsxs("div", { ref: rootRef, className: "select-trigger relative w-full", children: [_jsx("button", { ref: setReference, type: "button", onClick: onToggle, onKeyDown: onKeyDown, disabled: disabled, className: cn(`border-(color:--select-trigger-border) focus-visible:ring-(color:--select-trigger-ring) flex w-full cursor-pointer items-center gap-2 rounded-md border bg-(--select-trigger-bg) px-3 py-2 font-medium text-(--select-trigger-fg) text-sm transition-colors hover:bg-(--select-trigger-bg-hovered) focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50`, collapsed ? "justify-center" : "justify-between", showClear && "pr-9", className), title: collapsed ? displayLabel : undefined, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listboxId : undefined, ...props, children: collapsed ? (_jsx("span", { className: "font-bold text-xs", children: displayLabel.charAt(0) })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", children: displayLabel }), _jsx("span", { className: "flex shrink-0 items-center gap-1", children: _jsx(ChevronDown, { className: cn("h-4 w-4 text-(--select-trigger-icon-fg) transition-transform", open && "rotate-180") }) })] })) }), showClear && (_jsx("button", { type: "button", onClick: onClear, disabled: disabled, className: "select-trigger-clear focus-visible:ring-(color:--select-trigger-ring) absolute top-1/2 right-8 -translate-y-1/2 rounded-sm p-0.5 text-(--select-trigger-clear-fg) hover:bg-(--select-trigger-clear-bg-hovered) hover:text-(--select-trigger-clear-fg-hovered) focus-visible:outline-none focus-visible:ring-2", "aria-label": "Clear selection", children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
10
10
  };
11
11
  export const SelectTriggerSearch = ({ setReference, rootRef, listboxId, activeOptionId, inputRef, searchValue, disabled, displayLabel, open, className, onSearchChange, onKeyDown, props, }) => (
12
12
  // floating-ui anchors to this element and the consumer may also want it, so
@@ -17,5 +17,5 @@ _jsxs("div", { ref: (node) => {
17
17
  rootRef(node);
18
18
  else if (rootRef)
19
19
  rootRef.current = node;
20
- }, className: cn("relative flex w-full items-center", className), children: [_jsx("input", { ref: inputRef, type: "text", value: searchValue, onChange: (e) => onSearchChange(e.target.value), onKeyDown: onKeyDown, placeholder: displayLabel, disabled: disabled, className: cn(`flex-1 rounded-md border border-border-normal bg-bg-normal px-3 py-2 font-medium text-fg-normal text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`), role: "combobox", "aria-expanded": open, "aria-controls": listboxId, "aria-activedescendant": activeOptionId, "aria-autocomplete": "list", ...props }), _jsx(ChevronDown, { className: "pointer-events-none absolute right-3 h-4 w-4 text-fg-subtle" })] }));
20
+ }, className: cn("select-trigger relative flex w-full items-center", className), children: [_jsx("input", { ref: inputRef, type: "text", value: searchValue, onChange: (e) => onSearchChange(e.target.value), onKeyDown: onKeyDown, placeholder: displayLabel, disabled: disabled, className: cn(`border-(color:--select-trigger-border) focus-visible:ring-(color:--select-trigger-ring) flex-1 rounded-md border bg-(--select-trigger-bg) px-3 py-2 font-medium text-(--select-trigger-fg) text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50`), role: "combobox", "aria-expanded": open, "aria-controls": listboxId, "aria-activedescendant": activeOptionId, "aria-autocomplete": "list", ...props }), _jsx(ChevronDown, { className: "pointer-events-none absolute right-3 h-4 w-4 text-(--select-trigger-icon-fg)" })] }));
21
21
  //# sourceMappingURL=SelectTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAqB9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,GACoB,EAAE,EAAE;IAC7B,+EAA+E;IAC/E,8EAA8E;IAC9E,oEAAoE;IACpE,MAAM,SAAS,GAAG,eAAe,IAAI,CAAC,SAAS,CAAC;IAEhD,OAAO,CACL,eAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,gCAAgC,aAC3D,iBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,oYAAoY,EACpY,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAChD,SAAS,IAAI,MAAM,EACnB,SAAS,CACV,EACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,mBAC7B,SAAS,mBACR,IAAI,mBAEJ,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KACvC,KAAK,YAER,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,mBAAmB,YAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAQ,CACpE,CAAC,CAAC,CAAC,CACF,8BACE,eAAM,SAAS,EAAC,UAAU,YAAE,YAAY,GAAQ,EAChD,eAAM,SAAS,EAAC,kCAAkC,YAChD,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,IAAI,IAAI,YAAY,CAAC,GAAI,GAC/G,IACN,CACJ,GACM,EACR,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,+SAA+S,gBAC9S,iBAAiB,YAE5B,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,GAAG,GACtB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAoBF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,YAAY,EACZ,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,GACoB,EAAE,EAAE,CAAC;AAC9B,4EAA4E;AAC5E,mEAAmE;AACnE,eACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QACZ,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,OAAO,OAAO,KAAK,UAAU;YAAE,OAAO,CAAC,IAAI,CAAC,CAAC;aAC5C,IAAI,OAAO;YAAG,OAAoD,CAAC,OAAO,GAAG,IAAI,CAAC;IACzF,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,aAE5E,gBACE,GAAG,EAAE,QAA6C,EAClD,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,sTAAsT,CACvT,EACD,IAAI,EAAC,UAAU,mBACA,IAAI,mBACJ,SAAS,2BACD,cAAc,uBACnB,MAAM,KACpB,KAAK,GACT,EACF,KAAC,WAAW,IAAC,SAAS,EAAC,8EAA8E,GAAG,IACpG,CACP,CAAC"}
@@ -3,6 +3,16 @@ export type SeparatorProps = React.HTMLAttributes<HTMLDivElement> & {
3
3
  orientation?: "horizontal" | "vertical";
4
4
  decorative?: boolean;
5
5
  };
6
+ /**
7
+ * Thin dividing line, horizontal or vertical (`orientation`, default
8
+ * `"horizontal"`). Renders a `<div>`, not `<hr>`.
9
+ *
10
+ * `decorative` (default `true`) controls whether it is exposed to assistive
11
+ * tech: decorative renders `role="none"` and no `aria-orientation`, so it is
12
+ * invisible to a screen reader; set `decorative={false}` for a divider that
13
+ * is actually part of the content's structure (e.g. between menu sections),
14
+ * which renders `role="separator"` and `aria-orientation` instead.
15
+ */
6
16
  declare const Separator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
7
17
  orientation?: "horizontal" | "vertical";
8
18
  decorative?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,SAAS;kBAJC,YAAY,GAAG,UAAU;iBAC1B,OAAO;wCAWpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS;kBAdC,YAAY,GAAG,UAAU;iBAC1B,OAAO;wCAqBpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,6 +1,16 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { cn } from "@sixthshift/design-system/utils";
3
3
  import * as React from "react";
4
+ /**
5
+ * Thin dividing line, horizontal or vertical (`orientation`, default
6
+ * `"horizontal"`). Renders a `<div>`, not `<hr>`.
7
+ *
8
+ * `decorative` (default `true`) controls whether it is exposed to assistive
9
+ * tech: decorative renders `role="none"` and no `aria-orientation`, so it is
10
+ * invisible to a screen reader; set `decorative={false}` for a divider that
11
+ * is actually part of the content's structure (e.g. between menu sections),
12
+ * which renders `role="separator"` and `aria-orientation` instead.
13
+ */
4
14
  const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx("div", { ref: ref, role: decorative ? "none" : "separator", ...(!decorative && { "aria-orientation": orientation }), className: cn("shrink-0 bg-border-normal", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className), ...props })));
5
15
  Separator.displayName = "Separator";
6
16
  export { Separator };
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClJ,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,KACnC,CAAC,CAAC,UAAU,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,EACxD,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,KAC/G,KAAK,GACT,CACH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClJ,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,KACnC,CAAC,CAAC,UAAU,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,EACxD,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,KAC/G,KAAK,GACT,CACH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -17,6 +17,12 @@ export type SheetProps = Pick<HTMLAttributes<HTMLDivElement>, "className" | "sty
17
17
  /** Children — use Sheet.Header, Sheet.Body, Sheet.Footer */
18
18
  children: ReactNode;
19
19
  };
20
+ /**
21
+ * NOTE: Storybook shows the copy in Sheet.stories.tsx
22
+ * (`parameters.docs.description.component`), not this comment. react-docgen
23
+ * cannot extract a description from this declaration shape, so keeping a
24
+ * second copy here would only drift. Edit the stories file.
25
+ */
20
26
  export declare const Sheet: import("react").ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "className" | "style" | "aria-describedby" | "aria-label" | "aria-labelledby"> & {
21
27
  /** Whether the sheet is open. Sheet owns its own mount lifecycle so exit animations can play. */
22
28
  open: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAoD,MAAM,OAAO,CAAC;AAO1H,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CAAC,GAAG;IAC7I,iGAAiG;IACjG,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qIAAqI;IACrI,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAiIF,eAAO,MAAM,KAAK;IAjJhB,iGAAiG;UAC3F,OAAO;IACb,oFAAoF;kBACtE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IACrC,0CAA0C;WACnC,OAAO,GAAG,MAAM;IACvB,2DAA2D;WACpD,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,iDAAiD;kBACnC,OAAO;IACrB,qIAAqI;4BAC7G,OAAO;IAC/B,wDAAwD;eAC7C,OAAO;IAClB,4DAA4D;cAClD,SAAS;;;;;CAsInB,CAAC"}
1
+ {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAoD,MAAM,OAAO,CAAC;AAO1H,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CAAC,GAAG;IAC7I,iGAAiG;IACjG,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qIAAqI;IACrI,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAiIF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAvJhB,iGAAiG;UAC3F,OAAO;IACb,oFAAoF;kBACtE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IACrC,0CAA0C;WACnC,OAAO,GAAG,MAAM;IACvB,2DAA2D;WACpD,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,iDAAiD;kBACnC,OAAO;IACrB,qIAAqI;4BAC7G,OAAO;IAC/B,wDAAwD;eAC7C,OAAO;IAClB,4DAA4D;cAClD,SAAS;;;;;CA4InB,CAAC"}
@@ -63,12 +63,18 @@ const SheetRoot = forwardRef(({ open, onOpenChange, side = "right", size = "md",
63
63
  // Explicit, though `getFloatingProps` also supplies it from `useRole`:
64
64
  // the ARIA attributes below are only valid on a dialog, and static
65
65
  // analysis cannot see a role that arrives through a spread. Matches Modal.
66
- role: "dialog", "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": ariaDescribedBy, tabIndex: -1, "data-state": state, "data-side": side, className: cn("fixed top-0 bottom-0 z-sheet flex flex-col overflow-hidden bg-bg-normal outline-hidden", "border-border-normal shadow-lg", side === "right" ? "right-0 border-l" : "left-0 border-r", sizeClasses[size], "max-sm:inset-x-0", isEntering && side === "right" && "animate-slide-right-in", isExiting && side === "right" && "animate-slide-right-out", isEntering && side === "left" && "animate-slide-left-in", isExiting && side === "left" && "animate-slide-left-out", className), style: style, ...getFloatingProps({}), children: _jsx(SheetContext.Provider, { value: sheetContextValue, children: children }) }) }));
66
+ role: "dialog", "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": ariaDescribedBy, tabIndex: -1, "data-state": state, "data-side": side, className: cn("sheet fixed top-0 bottom-0 z-sheet flex flex-col overflow-hidden bg-(--sheet-bg) outline-hidden", "border-(color:--sheet-border) shadow-lg", side === "right" ? "right-0 border-l" : "left-0 border-r", sizeClasses[size], "max-sm:inset-x-0", isEntering && side === "right" && "animate-slide-right-in", isExiting && side === "right" && "animate-slide-right-out", isEntering && side === "left" && "animate-slide-left-in", isExiting && side === "left" && "animate-slide-left-out", className), style: style, ...getFloatingProps({}), children: _jsx(SheetContext.Provider, { value: sheetContextValue, children: children }) }) }));
67
67
  });
68
68
  SheetRoot.displayName = "Sheet";
69
69
  // =============================================================================
70
70
  // Compound Component Export
71
71
  // =============================================================================
72
+ /**
73
+ * NOTE: Storybook shows the copy in Sheet.stories.tsx
74
+ * (`parameters.docs.description.component`), not this comment. react-docgen
75
+ * cannot extract a description from this declaration shape, so keeping a
76
+ * second copy here would only drift. Edit the stories file.
77
+ */
72
78
  export const Sheet = Object.assign(SheetRoot, {
73
79
  Header: SheetHeader,
74
80
  Body: SheetBody,
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { cn } from "@sixthshift/design-system/utils";
3
3
  import * as React from "react";
4
- export const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center border-border-normal border-t p-4", className), ...props })));
4
+ export const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("sheet-footer border-(color:--sheet-footer-border) flex items-center border-t p-4", className), ...props })));
5
5
  SheetFooter.displayName = "SheetFooter";
6
6
  //# sourceMappingURL=SheetFooter.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SheetFooter.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9G,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9G,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1
+ {"version":3,"file":"SheetFooter.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9G,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kFAAkF,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC3I,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -16,7 +16,7 @@ export const SheetHeader = React.forwardRef(({ className, children, id, ...props
16
16
  registerTitle?.(ownsTitleId);
17
17
  return () => registerTitle?.(false);
18
18
  }, [registerTitle, ownsTitleId]);
19
- return (_jsxs("div", { ref: ref, id: id ?? context?.titleId, className: cn("flex flex-col space-y-1.5 border-border-normal border-b p-6", closable && "pr-12", className), ...props, children: [children, closable && (_jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "absolute top-4 right-4 cursor-pointer rounded-md p-1 text-fg-subtle transition-colors hover:bg-bg-subtle hover:text-fg-normal", children: _jsx(X, { size: 16 }) }))] }));
19
+ return (_jsxs("div", { ref: ref, id: id ?? context?.titleId, className: cn("sheet-header border-(color:--sheet-header-border) flex flex-col space-y-1.5 border-b p-6", closable && "pr-12", className), ...props, children: [children, closable && (_jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "sheet-close absolute top-4 right-4 cursor-pointer rounded-md p-1 text-(--sheet-close-fg) transition-colors hover:bg-(--sheet-close-bg-hovered) hover:text-(--sheet-close-fg-hovered)", children: _jsx(X, { size: 16 }) }))] }));
20
20
  });
21
21
  SheetHeader.displayName = "SheetHeader";
22
22
  //# sourceMappingURL=SheetHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SheetHeader.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3H,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,CAAC;IACjC,MAAM,aAAa,GAAG,OAAO,EAAE,aAAa,CAAC;IAE7C,0EAA0E;IAC1E,0EAA0E;IAC1E,4EAA4E;IAC5E,MAAM,WAAW,GAAG,EAAE,KAAK,SAAS,CAAC;IACrC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,EAAE,CAAC,WAAW,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IAAI,OAAO,EAAE,OAAO,EAC1B,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,QAAQ,IAAI,OAAO,EAAE,SAAS,CAAC,KACxG,KAAK,aAER,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,OAAO,EAClB,SAAS,EAAC,+HAA+H,YAEzI,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1
+ {"version":3,"file":"SheetHeader.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3H,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,CAAC;IACjC,MAAM,aAAa,GAAG,OAAO,EAAE,aAAa,CAAC;IAE7C,0EAA0E;IAC1E,0EAA0E;IAC1E,4EAA4E;IAC5E,MAAM,WAAW,GAAG,EAAE,KAAK,SAAS,CAAC;IACrC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,EAAE,CAAC,WAAW,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IAAI,OAAO,EAAE,OAAO,EAC1B,SAAS,EAAE,EAAE,CAAC,0FAA0F,EAAE,QAAQ,IAAI,OAAO,EAAE,SAAS,CAAC,KACrI,KAAK,aAER,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,OAAO,EAClB,SAAS,EAAC,sLAAsL,YAEhM,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -9,6 +9,17 @@ export type SparklineProps = React.HTMLAttributes<HTMLSpanElement> & {
9
9
  interpolation?: Interpolation;
10
10
  strokeWidth?: number;
11
11
  };
12
+ /**
13
+ * A minimal inline trend line for embedding in a table cell or card — an
14
+ * `<svg>` inside an `inline-block` `<span>`, sized to `width`/`height` rather
15
+ * than a chart that lays out its own labels or axes.
16
+ *
17
+ * Requires at least 2 data points; with fewer it renders nothing (`null`).
18
+ * `color` is a single CSS color string (default `var(--fg-brand)`), and
19
+ * `interpolation` reuses the same `Interpolation` type as `LineChart`. The
20
+ * accessible name is a static `aria-label="Trend line"` — it does not
21
+ * describe the actual values.
22
+ */
12
23
  export declare const Sparkline: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
13
24
  data: number[];
14
25
  width?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACnE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyCF,eAAO,MAAM,SAAS;UAhDd,MAAM,EAAE;YACN,MAAM;aACL,MAAM;YACP,MAAM;eACH,OAAO;oBACF,aAAa;kBACf,MAAM;yCAyErB,CAAC"}
1
+ {"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACnE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyCF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;UA3Dd,MAAM,EAAE;YACN,MAAM;aACL,MAAM;YACP,MAAM;eACH,OAAO;oBACF,aAAa;kBACf,MAAM;yCAoFrB,CAAC"}
@@ -38,6 +38,17 @@ function buildPath(points, interpolation) {
38
38
  }
39
39
  return parts.join(" ");
40
40
  }
41
+ /**
42
+ * A minimal inline trend line for embedding in a table cell or card — an
43
+ * `<svg>` inside an `inline-block` `<span>`, sized to `width`/`height` rather
44
+ * than a chart that lays out its own labels or axes.
45
+ *
46
+ * Requires at least 2 data points; with fewer it renders nothing (`null`).
47
+ * `color` is a single CSS color string (default `var(--fg-brand)`), and
48
+ * `interpolation` reuses the same `Interpolation` type as `LineChart`. The
49
+ * accessible name is a static `aria-label="Trend line"` — it does not
50
+ * describe the actual values.
51
+ */
41
52
  export const Sparkline = React.forwardRef(({ data, width = 80, height = 24, color = "var(--fg-brand)", fillArea = false, interpolation = "monotone", strokeWidth = 1.5, className, ...rest }, ref) => {
42
53
  if (data.length < 2)
43
54
  return null;
@@ -1 +1 @@
1
- {"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/components/Sparkline/Sparkline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,SAAS,SAAS,CAAC,MAAkC,EAAE,aAA4B;IACjF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAEpD,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,UAAU;YACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC;gBAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;gBACxB,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBAClC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;YAC1E,CAAC;YACD,MAAM;QACR,KAAK,WAAW;YACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC;gBAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;gBACxB,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;gBACpC,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;YACtC,CAAC;YACD,MAAM;QACR,KAAK,YAAY;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC;gBAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;gBACxB,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;gBACpC,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;YACtC,CAAC;YACD,MAAM;QACR;YACE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClD,CAAC;YACD,MAAM;IACV,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,iBAAiB,EAAE,QAAQ,GAAG,KAAK,EAAE,aAAa,GAAG,UAAU,EAAE,WAAW,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzJ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,CAAC,CAAC;IACf,MAAM,IAAI,GAAG,CAAC,CAAC;IACf,MAAM,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM;QAC1C,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM;KAChD,CAAC,CAAC,CAAC;IAEJ,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAE9C,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAC7E,eAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,IAAI,EAAC,KAAK,gBAAY,YAAY,aACrG,QAAQ,IAAI,IAAI,IAAI,CACnB,eAAM,CAAC,EAAE,GAAG,IAAI,MAAM,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAE,CAAC,CAAC,IAAI,MAAM,GAAG,IAAI,MAAM,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,IAAI,MAAM,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAI,CAC3I,EACD,eAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IAC/G,GACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/components/Sparkline/Sparkline.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,36 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
2
  import * as React from "react";
3
+ /**
4
+ * Geometry (size) plus the one `--spinner-fg` component token.
5
+ *
6
+ * The colour used to be `text-fg-subtle`, a semantic token named directly in
7
+ * the class string — the one thing a consumer could not do was recolour a
8
+ * spinner without fighting `className` against it. `--spinner-fg` in
9
+ * src/theme/recipes/spinner.css is now that seam: a consumer overrides the
10
+ * variable, scoped to whatever subtree they like, instead of overriding a
11
+ * class.
12
+ */
3
13
  declare const spinnerVariants: (props?: ({
4
- size?: "default" | "sm" | "lg" | "xl" | null | undefined;
14
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
5
15
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
16
  export type SpinnerProps = React.SVGAttributes<SVGElement> & VariantProps<typeof spinnerVariants>;
17
+ /**
18
+ * Animated loading indicator — an inline `<svg>`, `size` scales it (`sm` |
19
+ * `md` | `lg` | `xl`). Use it for a fetching-more state at the bottom
20
+ * of an already-rendered list, and for an initial load inside a container that
21
+ * already reserves its final height, so resolving the load does not jump the
22
+ * layout (see docs/states.md).
23
+ *
24
+ * It is `aria-hidden="true"` unconditionally — it announces nothing to
25
+ * assistive tech on its own, so pair it with visible or `sr-only` text (or a
26
+ * live region) if the loading state needs to be announced.
27
+ *
28
+ * Colour reads the `--spinner-fg` component token
29
+ * (src/theme/recipes/spinner.css) rather than a class name, so a consumer
30
+ * can recolour a spinner scoped to a subtree without fighting `className`.
31
+ */
7
32
  declare const Spinner: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & VariantProps<(props?: ({
8
- size?: "default" | "sm" | "lg" | "xl" | null | undefined;
33
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
9
34
  } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<SVGSVGElement>>;
10
35
  export { Spinner, spinnerVariants };
11
36
  //# sourceMappingURL=Spinner.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,eAAe;;8EAYnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAElG,QAAA,MAAM,OAAO;;qHAiBX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,QAAA,MAAM,eAAe;;8EAYnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAElG;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,OAAO;;qHAiBX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -2,19 +2,44 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { cn } from "@sixthshift/design-system/utils";
3
3
  import { cva } from "class-variance-authority";
4
4
  import * as React from "react";
5
- const spinnerVariants = cva("animate-spin text-fg-subtle", {
5
+ /**
6
+ * Geometry (size) plus the one `--spinner-fg` component token.
7
+ *
8
+ * The colour used to be `text-fg-subtle`, a semantic token named directly in
9
+ * the class string — the one thing a consumer could not do was recolour a
10
+ * spinner without fighting `className` against it. `--spinner-fg` in
11
+ * src/theme/recipes/spinner.css is now that seam: a consumer overrides the
12
+ * variable, scoped to whatever subtree they like, instead of overriding a
13
+ * class.
14
+ */
15
+ const spinnerVariants = cva("spinner animate-spin text-(--spinner-fg)", {
6
16
  variants: {
7
17
  size: {
8
18
  sm: "h-4 w-4",
9
- default: "h-6 w-6",
19
+ md: "h-6 w-6",
10
20
  lg: "h-8 w-8",
11
21
  xl: "h-12 w-12",
12
22
  },
13
23
  },
14
24
  defaultVariants: {
15
- size: "default",
25
+ size: "md",
16
26
  },
17
27
  });
28
+ /**
29
+ * Animated loading indicator — an inline `<svg>`, `size` scales it (`sm` |
30
+ * `md` | `lg` | `xl`). Use it for a fetching-more state at the bottom
31
+ * of an already-rendered list, and for an initial load inside a container that
32
+ * already reserves its final height, so resolving the load does not jump the
33
+ * layout (see docs/states.md).
34
+ *
35
+ * It is `aria-hidden="true"` unconditionally — it announces nothing to
36
+ * assistive tech on its own, so pair it with visible or `sr-only` text (or a
37
+ * live region) if the loading state needs to be announced.
38
+ *
39
+ * Colour reads the `--spinner-fg` component token
40
+ * (src/theme/recipes/spinner.css) rather than a class name, so a consumer
41
+ * can recolour a spinner scoped to a subtree without fighting `className`.
42
+ */
18
43
  const Spinner = React.forwardRef(({ className, size, ...props }, ref) => (_jsxs("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", className: cn(spinnerVariants({ size, className })), "aria-hidden": "true", ...props, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })));
19
44
  Spinner.displayName = "Spinner";
20
45
  export { Spinner, spinnerVariants };
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,eAAe,GAAG,GAAG,CAAC,6BAA6B,EAAE;IACzD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAIH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpG,eACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,iBACvC,MAAM,KACd,KAAK,aAET,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EAC9F,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,IACE,CACP,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,eAAe,GAAG,GAAG,CAAC,0CAA0C,EAAE;IACtE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpG,eACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,iBACvC,MAAM,KACd,KAAK,aAET,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EAC9F,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,IACE,CACP,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -17,6 +17,24 @@ export type SwitchProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "o
17
17
  /** Classes applied to the wrapping element when `label` is provided */
18
18
  labelClassName?: string;
19
19
  };
20
+ /**
21
+ * A boolean on/off control rendered as a track with a sliding thumb.
22
+ *
23
+ * Controlled via `checked`/`defaultChecked`/`onCheckedChange`
24
+ * (`useControllableState`). Renders `role="switch"` with `aria-checked`, plus
25
+ * a `data-state="checked" | "unchecked"` attribute the theme recipe
26
+ * (`switch.css`) styles off of.
27
+ *
28
+ * `pending` shows a spinner in the thumb and blocks clicks without disabling
29
+ * the control — it sets `aria-busy` rather than `disabled`, so the switch
30
+ * stays perceivable and focusable while the change is in flight.
31
+ *
32
+ * Pass `label` to wrap the switch in a `<Label>` linked to it by `id`;
33
+ * without one, the caller is responsible for its own accessible name (e.g.
34
+ * `aria-label`). Pass `name` to also render a hidden, read-only checkbox
35
+ * input so the value participates in native form submission (`value`
36
+ * defaults to `"on"`).
37
+ */
20
38
  declare const Switch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
21
39
  /** Controlled checked state */
22
40
  checked?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACpG,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,MAAM;IAlBV,+BAA+B;cACrB,OAAO;IACjB,kDAAkD;qBACjC,OAAO;IACxB,wCAAwC;sBACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,oEAAoE;cAC1D,OAAO;IACjB,qCAAqC;WAC9B,MAAM;IACb,mDAAmD;YAC3C,MAAM;IACd,sEAAsE;YAC9D,KAAK,CAAC,SAAS;IACvB,uEAAuE;qBACtD,MAAM;2CAuGxB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACpG,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,MAAM;IApCV,+BAA+B;cACrB,OAAO;IACjB,kDAAkD;qBACjC,OAAO;IACxB,wCAAwC;sBACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,oEAAoE;cAC1D,OAAO;IACjB,qCAAqC;WAC9B,MAAM;IACb,mDAAmD;YAC3C,MAAM;IACd,sEAAsE;YAC9D,KAAK,CAAC,SAAS;IACvB,uEAAuE;qBACtD,MAAM;2CA8HxB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -3,6 +3,24 @@ import { useControllableState } from "@sixthshift/design-system/hooks";
3
3
  import { Label } from "@sixthshift/design-system/label";
4
4
  import { cn } from "@sixthshift/design-system/utils";
5
5
  import * as React from "react";
6
+ /**
7
+ * A boolean on/off control rendered as a track with a sliding thumb.
8
+ *
9
+ * Controlled via `checked`/`defaultChecked`/`onCheckedChange`
10
+ * (`useControllableState`). Renders `role="switch"` with `aria-checked`, plus
11
+ * a `data-state="checked" | "unchecked"` attribute the theme recipe
12
+ * (`switch.css`) styles off of.
13
+ *
14
+ * `pending` shows a spinner in the thumb and blocks clicks without disabling
15
+ * the control — it sets `aria-busy` rather than `disabled`, so the switch
16
+ * stays perceivable and focusable while the change is in flight.
17
+ *
18
+ * Pass `label` to wrap the switch in a `<Label>` linked to it by `id`;
19
+ * without one, the caller is responsible for its own accessible name (e.g.
20
+ * `aria-label`). Pass `name` to also render a hidden, read-only checkbox
21
+ * input so the value participates in native form submission (`value`
22
+ * defaults to `"on"`).
23
+ */
6
24
  const Switch = React.forwardRef(({ className, checked: controlledChecked, defaultChecked = false, onCheckedChange, pending = false, disabled, name, value = "on", label, labelClassName, id: idProp, ...props }, ref) => {
7
25
  const generatedId = React.useId();
8
26
  const id = idProp ?? (label ? generatedId : undefined);
@@ -11,7 +29,7 @@ const Switch = React.forwardRef(({ className, checked: controlledChecked, defaul
11
29
  defaultValue: defaultChecked,
12
30
  onChange: onCheckedChange,
13
31
  });
14
- const button = (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", role: "switch", id: id, "aria-checked": checked, "aria-busy": pending || undefined, "data-state": checked ? "checked" : "unchecked", "data-pending": pending || undefined, disabled: disabled, ref: ref, onClick: () => !pending && setChecked(!checked), className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-normal disabled:cursor-not-allowed disabled:opacity-50", checked ? "bg-bg-brand" : "bg-bg-subtle", pending && "cursor-default", className), ...props, children: _jsx("span", { className: cn("pointer-events-none flex h-4 w-4 items-center justify-center rounded-full bg-bg-normal shadow-lg ring-0 transition-transform", checked ? "translate-x-4" : "translate-x-0"), children: pending && (_jsxs("svg", { className: "h-2.5 w-2.5 animate-spin text-fg-subtle", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) }) }), name && (_jsx("input", { type: "checkbox", "aria-hidden": true, tabIndex: -1, name: name, value: value, checked: checked, disabled: disabled, readOnly: true, style: {
32
+ const button = (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", role: "switch", id: id, "aria-checked": checked, "aria-busy": pending || undefined, "data-state": checked ? "checked" : "unchecked", "data-pending": pending || undefined, disabled: disabled, ref: ref, onClick: () => !pending && setChecked(!checked), className: cn("switch peer focus-visible:ring-(color:--switch-ring) inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-(--switch-bg) shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-normal disabled:cursor-not-allowed disabled:opacity-50", pending && "cursor-default", className), ...props, children: _jsx("span", { className: cn("switch-thumb pointer-events-none flex h-4 w-4 items-center justify-center rounded-full bg-(--switch-thumb-bg) shadow-lg ring-0 transition-transform", checked ? "translate-x-4" : "translate-x-0"), children: pending && (_jsxs("svg", { className: "h-2.5 w-2.5 animate-spin text-(--switch-thumb-fg)", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) }) }), name && (_jsx("input", { type: "checkbox", "aria-hidden": true, tabIndex: -1, name: name, value: value, checked: checked, disabled: disabled, readOnly: true, style: {
15
33
  position: "absolute",
16
34
  pointerEvents: "none",
17
35
  opacity: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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"}
@@ -12,6 +12,12 @@ export type TabsProps = {
12
12
  /** Children - compound components (Tabs.List, Tabs.Panels) */
13
13
  children: React.ReactNode;
14
14
  };
15
+ /**
16
+ * NOTE: Storybook shows the copy in Tabs.stories.tsx
17
+ * (`parameters.docs.description.component`), not this comment. react-docgen
18
+ * cannot extract a description from an `Object.assign` / cast export, so a
19
+ * second copy here would only drift. Edit the stories file.
20
+ */
15
21
  export declare const Tabs: (({ items, value: controlledValue, defaultValue, onValueChange, children }: TabsProps) => React.JSX.Element) & {
16
22
  List: React.ForwardRefExoticComponent<import("./index.js").TabsListProps & React.RefAttributes<HTMLDivElement>>;
17
23
  Panels: React.ForwardRefExoticComponent<import("./index.js").TabsPanelsProps & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,0BAA0B,CAAC;AAIrE,MAAM,MAAM,SAAS,GAAG;IACtB,sBAAsB;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyBF,eAAO,MAAM,IAAI,8EAvB2E,SAAS;;;CA0BnG,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,0BAA0B,CAAC;AAIrE,MAAM,MAAM,SAAS,GAAG;IACtB,sBAAsB;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyBF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,8EA7B2E,SAAS;;;CAgCnG,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,CAAC"}
@@ -22,6 +22,12 @@ const TabsRoot = ({ items, value: controlledValue, defaultValue, onValueChange,
22
22
  };
23
23
  return _jsx(TabsContext.Provider, { value: contextValue, children: children });
24
24
  };
25
+ /**
26
+ * NOTE: Storybook shows the copy in Tabs.stories.tsx
27
+ * (`parameters.docs.description.component`), not this comment. react-docgen
28
+ * cannot extract a description from an `Object.assign` / cast export, so a
29
+ * second copy here would only drift. Edit the stories file.
30
+ */
25
31
  export const Tabs = Object.assign(TabsRoot, {
26
32
  List: TabsList,
27
33
  Panels: TabsPanels,
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAgB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAerD,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAa,EAAE,EAAE;IACvG,iEAAiE;IACjE,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAE/F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,eAAe;QACtB,YAAY,EAAE,YAAY,IAAI,iBAAiB;QAC/C,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,MAAM,GAAG,QAAQ,EAAE,EAAE,CAAC;IAE5B,MAAM,YAAY,GAA0C;QAC1D,KAAK;QACL,KAAK;QACL,aAAa,EAAE,QAAQ;QACvB,MAAM;KACP,CAAC;IAEF,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAwB,CAAC;AACtF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC1C,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC"}
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAgB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAerD,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAa,EAAE,EAAE;IACvG,iEAAiE;IACjE,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAE/F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,eAAe;QACtB,YAAY,EAAE,YAAY,IAAI,iBAAiB;QAC/C,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,MAAM,GAAG,QAAQ,EAAE,EAAE,CAAC;IAE5B,MAAM,YAAY,GAA0C;QAC1D,KAAK;QACL,KAAK;QACL,aAAa,EAAE,QAAQ;QACvB,MAAM;KACP,CAAC;IAEF,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAwB,CAAC;AACtF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC1C,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAkB,MAAM,eAAe,CAAC;AAoB7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,gHAqCtB,CAAC"}
1
+ {"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAkB,MAAM,eAAe,CAAC;AAoC7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,gHAsCtB,CAAC"}
@@ -4,14 +4,30 @@ import { cn } from "@sixthshift/design-system/utils";
4
4
  import { cva } from "class-variance-authority";
5
5
  import { forwardRef } from "react";
6
6
  import { useTabsContext } from "./TabsContext.js";
7
- const tabsTriggerVariants = cva(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
8
- px-3 py-1.5 text-sm font-medium cursor-pointer transition-colors focus-visible:outline-hidden
9
- focus-visible:ring-2 focus-visible:ring-focus-ring
7
+ /**
8
+ * Geometry and behaviour only.
9
+ *
10
+ * Colour reads `--tabs-trigger-bg` / `--tabs-trigger-fg` component tokens
11
+ * (each with a `-hovered` state) whose values are decided by
12
+ * src/theme/recipes/tabs.css. That file is the mapping from `selected` to a
13
+ * semantic token — the layer that used to be the two branches of a `cva`
14
+ * `selected` variant here, compiled into class-name literals and unreachable
15
+ * from outside. Nothing in this file names a colour, which is the point: the
16
+ * semantics are now configurable without a release.
17
+ */
18
+ const tabsTriggerVariants = cva(`tabs-trigger inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
19
+ px-3 py-1.5 text-sm font-medium cursor-pointer transition-colors bg-(--tabs-trigger-bg)
20
+ text-(--tabs-trigger-fg) hover:bg-(--tabs-trigger-bg-hovered) hover:text-(--tabs-trigger-fg-hovered)
21
+ focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-(color:--tabs-trigger-ring)
10
22
  focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`, {
11
23
  variants: {
24
+ // No longer carries colour — see the recipe file. Kept as a variant
25
+ // (rather than dropped) purely so `data-selected` and the exported
26
+ // `tabsTriggerVariants` shape stay symmetric with the `isSelected` prop
27
+ // callers already pass.
12
28
  selected: {
13
- true: "bg-bg-brand-pressed text-fg-on-brand-pressed",
14
- false: "text-fg-subtle hover:bg-bg-subtle-hovered hover:text-fg-normal",
29
+ true: "",
30
+ false: "",
15
31
  },
16
32
  },
17
33
  defaultVariants: {
@@ -28,7 +44,7 @@ export const TabsTrigger = forwardRef(({ item, index }, ref) => {
28
44
  onValueChange(item.value);
29
45
  }
30
46
  };
31
- return (_jsxs("button", { ref: ref, id: triggerId, role: "tab", type: "button", "aria-selected": isSelected, "aria-controls": isSelected ? panelId : undefined, tabIndex: isSelected ? 0 : -1, disabled: item.disabled, "data-index": index, className: cn(tabsTriggerVariants({ selected: isSelected })), onClick: handleClick, children: [item.label, item.badge !== undefined && (_jsx(Badge, { variant: "soft", intent: "neutral", className: "ml-1 min-w-[1.25rem] px-1.5 py-0", children: item.badge }))] }));
47
+ return (_jsxs("button", { ref: ref, id: triggerId, role: "tab", type: "button", "aria-selected": isSelected, "aria-controls": isSelected ? panelId : undefined, tabIndex: isSelected ? 0 : -1, disabled: item.disabled, "data-index": index, "data-selected": isSelected, className: cn(tabsTriggerVariants({ selected: isSelected })), onClick: handleClick, children: [item.label, item.badge !== undefined && (_jsx(Badge, { variant: "soft", intent: "neutral", className: "ml-1 min-w-[1.25rem] px-1.5 py-0", children: item.badge }))] }));
32
48
  });
33
49
  TabsTrigger.displayName = "TabsTrigger";
34
50
  //# sourceMappingURL=TabsTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabsTrigger.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,mBAAmB,GAAG,GAAG,CAC7B;;;+EAG6E,EAC7E;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,gEAAgE;SACxE;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClG,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1D,MAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;IACxC,MAAM,SAAS,GAAG,GAAG,MAAM,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,GAAG,MAAM,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,UAAU,mBAIV,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,EAC5D,OAAO,EAAE,WAAW,aAEnB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,kCAAkC,YAChF,IAAI,CAAC,KAAK,GACL,CACT,IACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1
+ {"version":3,"file":"TabsTrigger.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,mBAAmB,GAAG,GAAG,CAC7B;;;;+EAI6E,EAC7E;IACE,QAAQ,EAAE;QACR,oEAAoE;QACpE,mEAAmE;QACnE,wEAAwE;QACxE,wBAAwB;QACxB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClG,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1D,MAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;IACxC,MAAM,SAAS,GAAG,GAAG,MAAM,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,GAAG,MAAM,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,UAAU,mBAIV,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,KAAK,mBACF,UAAU,EACzB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,EAC5D,OAAO,EAAE,WAAW,aAEnB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,kCAAkC,YAChF,IAAI,CAAC,KAAK,GACL,CACT,IACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}