@usefragments/ui 1.7.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (551) hide show
  1. package/README.md +54 -66
  2. package/dist/assets/nav-glyph.cjs +139 -0
  3. package/dist/assets/nav-glyph.d.ts +28 -0
  4. package/dist/assets/nav-glyph.d.ts.map +1 -0
  5. package/dist/assets/nav-glyph.js +139 -0
  6. package/dist/assets/nav-glyph.module.scss.cjs +71 -0
  7. package/dist/assets/nav-glyph.module.scss.js +71 -0
  8. package/dist/assets/ui.css +4975 -4959
  9. package/dist/blocks/components/StatsCard.d.ts +1 -1
  10. package/dist/blocks/components/StatsCard.d.ts.map +1 -1
  11. package/dist/codeblock.cjs +23 -16
  12. package/dist/codeblock.js +16 -9
  13. package/dist/colorpicker.cjs +1 -0
  14. package/dist/colorpicker.js +1 -0
  15. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  16. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  17. package/dist/components/Alert/Alert.module.scss.cjs +21 -21
  18. package/dist/components/Alert/Alert.module.scss.js +21 -21
  19. package/dist/components/Alert/index.cjs +14 -8
  20. package/dist/components/Alert/index.d.ts +9 -9
  21. package/dist/components/Alert/index.d.ts.map +1 -1
  22. package/dist/components/Alert/index.js +14 -8
  23. package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
  24. package/dist/components/AppShell/AppShell.module.scss.js +14 -14
  25. package/dist/components/AppShell/index.cjs +2 -2
  26. package/dist/components/AppShell/index.js +2 -2
  27. package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
  28. package/dist/components/Avatar/Avatar.module.scss.js +14 -14
  29. package/dist/components/Badge/Badge.module.scss.cjs +33 -31
  30. package/dist/components/Badge/Badge.module.scss.js +33 -31
  31. package/dist/components/Badge/index.cjs +13 -3
  32. package/dist/components/Badge/index.d.ts +18 -13
  33. package/dist/components/Badge/index.d.ts.map +1 -1
  34. package/dist/components/Badge/index.js +13 -3
  35. package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
  36. package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
  37. package/dist/components/Box/Box.module.scss.cjs +152 -152
  38. package/dist/components/Box/Box.module.scss.js +152 -152
  39. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +11 -8
  40. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +11 -8
  41. package/dist/components/Breadcrumbs/index.cjs +1 -1
  42. package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
  43. package/dist/components/Breadcrumbs/index.js +1 -1
  44. package/dist/components/Button/Button.module.scss.cjs +36 -27
  45. package/dist/components/Button/Button.module.scss.js +36 -27
  46. package/dist/components/Button/index.cjs +20 -4
  47. package/dist/components/Button/index.d.ts +18 -10
  48. package/dist/components/Button/index.d.ts.map +1 -1
  49. package/dist/components/Button/index.js +20 -4
  50. package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
  51. package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
  52. package/dist/components/Card/Card.module.scss.cjs +27 -34
  53. package/dist/components/Card/Card.module.scss.js +27 -34
  54. package/dist/components/Card/index.cjs +13 -8
  55. package/dist/components/Card/index.d.ts +23 -25
  56. package/dist/components/Card/index.d.ts.map +1 -1
  57. package/dist/components/Card/index.js +13 -8
  58. package/dist/components/Chart/Chart.module.scss.cjs +15 -15
  59. package/dist/components/Chart/Chart.module.scss.js +15 -15
  60. package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
  61. package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
  62. package/dist/components/Checkbox/index.cjs +2 -2
  63. package/dist/components/Checkbox/index.d.ts +4 -6
  64. package/dist/components/Checkbox/index.d.ts.map +1 -1
  65. package/dist/components/Checkbox/index.js +2 -2
  66. package/dist/components/Chip/Chip.module.scss.cjs +19 -19
  67. package/dist/components/Chip/Chip.module.scss.js +19 -19
  68. package/dist/components/Chip/index.cjs +1 -2
  69. package/dist/components/Chip/index.d.ts +8 -3
  70. package/dist/components/Chip/index.d.ts.map +1 -1
  71. package/dist/components/Chip/index.js +1 -2
  72. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +22 -22
  73. package/dist/components/CodeBlock/CodeBlock.module.scss.js +22 -22
  74. package/dist/components/CodeBlock/index.d.ts +3 -2
  75. package/dist/components/CodeBlock/index.d.ts.map +1 -1
  76. package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
  77. package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
  78. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
  79. package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
  80. package/dist/components/ColorPicker/index.d.ts.map +1 -1
  81. package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
  82. package/dist/components/Combobox/Combobox.module.scss.js +21 -21
  83. package/dist/components/Combobox/index.cjs +9 -5
  84. package/dist/components/Combobox/index.d.ts.map +1 -1
  85. package/dist/components/Combobox/index.js +9 -5
  86. package/dist/components/Command/Command.module.scss.cjs +14 -11
  87. package/dist/components/Command/Command.module.scss.js +14 -11
  88. package/dist/components/Command/index.cjs +2 -1
  89. package/dist/components/Command/index.d.ts +6 -1
  90. package/dist/components/Command/index.d.ts.map +1 -1
  91. package/dist/components/Command/index.js +2 -1
  92. package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
  93. package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
  94. package/dist/components/ConversationList/index.cjs +2 -2
  95. package/dist/components/ConversationList/index.js +2 -2
  96. package/dist/components/DataTable/DataTable.module.scss.cjs +31 -28
  97. package/dist/components/DataTable/DataTable.module.scss.js +31 -28
  98. package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -1
  99. package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
  100. package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
  101. package/dist/components/DatePicker/index.d.ts.map +1 -1
  102. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  103. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  104. package/dist/components/Dialog/index.cjs +2 -2
  105. package/dist/components/Dialog/index.d.ts +5 -4
  106. package/dist/components/Dialog/index.d.ts.map +1 -1
  107. package/dist/components/Dialog/index.js +2 -2
  108. package/dist/components/Drawer/Drawer.module.scss.cjs +39 -39
  109. package/dist/components/Drawer/Drawer.module.scss.js +40 -40
  110. package/dist/components/Drawer/index.cjs +2 -2
  111. package/dist/components/Drawer/index.d.ts +5 -4
  112. package/dist/components/Drawer/index.d.ts.map +1 -1
  113. package/dist/components/Drawer/index.js +2 -2
  114. package/dist/components/Editor/Editor.module.scss.cjs +17 -17
  115. package/dist/components/Editor/Editor.module.scss.js +17 -17
  116. package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -11
  117. package/dist/components/EmptyState/EmptyState.module.scss.js +11 -11
  118. package/dist/components/EmptyState/index.cjs +9 -4
  119. package/dist/components/EmptyState/index.d.ts +8 -5
  120. package/dist/components/EmptyState/index.d.ts.map +1 -1
  121. package/dist/components/EmptyState/index.js +9 -4
  122. package/dist/components/Field/Field.module.scss.cjs +5 -5
  123. package/dist/components/Field/Field.module.scss.js +5 -5
  124. package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
  125. package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
  126. package/dist/components/Grid/Grid.module.scss.cjs +54 -54
  127. package/dist/components/Grid/Grid.module.scss.js +54 -54
  128. package/dist/components/Header/Header.module.scss.cjs +33 -33
  129. package/dist/components/Header/Header.module.scss.js +33 -33
  130. package/dist/components/Icon/Icon.module.scss.cjs +30 -33
  131. package/dist/components/Icon/Icon.module.scss.js +30 -33
  132. package/dist/components/Icon/index.cjs +15 -14
  133. package/dist/components/Icon/index.d.ts +23 -12
  134. package/dist/components/Icon/index.d.ts.map +1 -1
  135. package/dist/components/Icon/index.js +15 -14
  136. package/dist/components/IconButton/IconButton.module.scss.cjs +12 -12
  137. package/dist/components/IconButton/IconButton.module.scss.js +12 -12
  138. package/dist/components/IconButton/index.d.ts +4 -4
  139. package/dist/components/IconButton/index.d.ts.map +1 -1
  140. package/dist/components/Input/Input.module.scss.cjs +15 -21
  141. package/dist/components/Input/Input.module.scss.js +15 -21
  142. package/dist/components/Input/index.cjs +2 -14
  143. package/dist/components/Input/index.d.ts +0 -2
  144. package/dist/components/Input/index.d.ts.map +1 -1
  145. package/dist/components/Input/index.js +2 -14
  146. package/dist/components/Link/Link.module.scss.cjs +24 -16
  147. package/dist/components/Link/Link.module.scss.js +24 -16
  148. package/dist/components/Link/index.cjs +13 -2
  149. package/dist/components/Link/index.d.ts +10 -3
  150. package/dist/components/Link/index.d.ts.map +1 -1
  151. package/dist/components/Link/index.js +13 -2
  152. package/dist/components/List/List.module.scss.cjs +23 -19
  153. package/dist/components/List/List.module.scss.js +23 -19
  154. package/dist/components/List/index.cjs +7 -7
  155. package/dist/components/List/index.d.ts +10 -7
  156. package/dist/components/List/index.d.ts.map +1 -1
  157. package/dist/components/List/index.js +7 -7
  158. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  159. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  160. package/dist/components/Loading/Loading.module.scss.cjs +30 -30
  161. package/dist/components/Loading/Loading.module.scss.js +30 -30
  162. package/dist/components/Loading/index.cjs +5 -5
  163. package/dist/components/Loading/index.d.ts +8 -7
  164. package/dist/components/Loading/index.d.ts.map +1 -1
  165. package/dist/components/Loading/index.js +5 -5
  166. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  167. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  168. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  169. package/dist/components/Menu/Menu.module.scss.js +14 -14
  170. package/dist/components/Message/Message.module.scss.cjs +20 -20
  171. package/dist/components/Message/Message.module.scss.js +20 -20
  172. package/dist/components/Message/index.cjs +1 -1
  173. package/dist/components/Message/index.d.ts +1 -1
  174. package/dist/components/Message/index.js +1 -1
  175. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +29 -29
  176. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +29 -29
  177. package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
  178. package/dist/components/Pagination/Pagination.module.scss.js +10 -10
  179. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  180. package/dist/components/Popover/Popover.module.scss.js +10 -10
  181. package/dist/components/Progress/Progress.module.scss.cjs +28 -25
  182. package/dist/components/Progress/Progress.module.scss.js +28 -25
  183. package/dist/components/Progress/index.cjs +21 -12
  184. package/dist/components/Progress/index.d.ts +10 -6
  185. package/dist/components/Progress/index.d.ts.map +1 -1
  186. package/dist/components/Progress/index.js +21 -12
  187. package/dist/components/Prompt/Prompt.module.scss.cjs +30 -30
  188. package/dist/components/Prompt/Prompt.module.scss.js +30 -30
  189. package/dist/components/Prompt/index.cjs +7 -7
  190. package/dist/components/Prompt/index.d.ts +11 -9
  191. package/dist/components/Prompt/index.d.ts.map +1 -1
  192. package/dist/components/Prompt/index.js +7 -7
  193. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +20 -17
  194. package/dist/components/RadioGroup/RadioGroup.module.scss.js +20 -17
  195. package/dist/components/RadioGroup/index.cjs +10 -5
  196. package/dist/components/RadioGroup/index.d.ts +11 -7
  197. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  198. package/dist/components/RadioGroup/index.js +10 -5
  199. package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
  200. package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
  201. package/dist/components/Select/Select.module.scss.cjs +21 -21
  202. package/dist/components/Select/Select.module.scss.js +21 -21
  203. package/dist/components/Select/index.cjs +26 -20
  204. package/dist/components/Select/index.d.ts +5 -5
  205. package/dist/components/Select/index.d.ts.map +1 -1
  206. package/dist/components/Select/index.js +26 -20
  207. package/dist/components/Separator/Separator.module.scss.cjs +25 -19
  208. package/dist/components/Separator/Separator.module.scss.js +25 -19
  209. package/dist/components/Separator/index.cjs +10 -8
  210. package/dist/components/Separator/index.d.ts +4 -2
  211. package/dist/components/Separator/index.d.ts.map +1 -1
  212. package/dist/components/Separator/index.js +10 -8
  213. package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
  214. package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
  215. package/dist/components/Sidebar/index.cjs +3 -3
  216. package/dist/components/Sidebar/index.js +3 -3
  217. package/dist/components/Skeleton/Skeleton.module.scss.cjs +46 -46
  218. package/dist/components/Skeleton/Skeleton.module.scss.js +46 -46
  219. package/dist/components/Skeleton/index.cjs +7 -7
  220. package/dist/components/Skeleton/index.d.ts +8 -7
  221. package/dist/components/Skeleton/index.d.ts.map +1 -1
  222. package/dist/components/Skeleton/index.js +7 -7
  223. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  224. package/dist/components/Slider/Slider.module.scss.js +12 -12
  225. package/dist/components/Switch/Switch.module.scss.cjs +9 -9
  226. package/dist/components/Switch/Switch.module.scss.js +9 -9
  227. package/dist/components/Table/Table.module.scss.cjs +15 -15
  228. package/dist/components/Table/Table.module.scss.js +15 -15
  229. package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
  230. package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
  231. package/dist/components/TableOfContents/index.cjs +1 -1
  232. package/dist/components/TableOfContents/index.js +1 -1
  233. package/dist/components/Tabs/Tabs.module.scss.cjs +18 -18
  234. package/dist/components/Tabs/Tabs.module.scss.js +18 -18
  235. package/dist/components/Tabs/index.cjs +5 -6
  236. package/dist/components/Tabs/index.d.ts +8 -6
  237. package/dist/components/Tabs/index.d.ts.map +1 -1
  238. package/dist/components/Tabs/index.js +5 -6
  239. package/dist/components/Text/Text.module.scss.cjs +105 -105
  240. package/dist/components/Text/Text.module.scss.js +105 -105
  241. package/dist/components/Text/index.cjs +5 -9
  242. package/dist/components/Text/index.d.ts +15 -11
  243. package/dist/components/Text/index.d.ts.map +1 -1
  244. package/dist/components/Text/index.js +5 -9
  245. package/dist/components/Textarea/Textarea.module.scss.cjs +22 -28
  246. package/dist/components/Textarea/Textarea.module.scss.js +22 -28
  247. package/dist/components/Textarea/index.cjs +3 -10
  248. package/dist/components/Textarea/index.d.ts +0 -2
  249. package/dist/components/Textarea/index.d.ts.map +1 -1
  250. package/dist/components/Textarea/index.js +3 -10
  251. package/dist/components/Theme/index.cjs +20 -4
  252. package/dist/components/Theme/index.d.ts +6 -12
  253. package/dist/components/Theme/index.d.ts.map +1 -1
  254. package/dist/components/Theme/index.js +20 -4
  255. package/dist/components/ThemeToggle/ThemeButton.cjs +51 -0
  256. package/dist/components/ThemeToggle/ThemeButton.d.ts +16 -0
  257. package/dist/components/ThemeToggle/ThemeButton.d.ts.map +1 -0
  258. package/dist/components/ThemeToggle/ThemeButton.js +34 -0
  259. package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +6 -9
  260. package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -9
  261. package/dist/components/ThemeToggle/icons.cjs +48 -0
  262. package/dist/components/ThemeToggle/icons.d.ts +10 -0
  263. package/dist/components/ThemeToggle/icons.d.ts.map +1 -0
  264. package/dist/components/ThemeToggle/icons.js +48 -0
  265. package/dist/components/ThemeToggle/index.cjs +5 -74
  266. package/dist/components/ThemeToggle/index.d.ts +5 -8
  267. package/dist/components/ThemeToggle/index.d.ts.map +1 -1
  268. package/dist/components/ThemeToggle/index.js +3 -72
  269. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +18 -15
  270. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +18 -15
  271. package/dist/components/ThinkingIndicator/index.cjs +7 -8
  272. package/dist/components/ThinkingIndicator/index.d.ts +6 -5
  273. package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
  274. package/dist/components/ThinkingIndicator/index.js +7 -8
  275. package/dist/components/Toast/Toast.module.scss.cjs +28 -29
  276. package/dist/components/Toast/Toast.module.scss.js +29 -30
  277. package/dist/components/Toast/index.cjs +28 -30
  278. package/dist/components/Toast/index.d.ts +9 -8
  279. package/dist/components/Toast/index.d.ts.map +1 -1
  280. package/dist/components/Toast/index.js +28 -30
  281. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +21 -19
  282. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +22 -20
  283. package/dist/components/ToggleGroup/index.cjs +4 -5
  284. package/dist/components/ToggleGroup/index.d.ts +7 -6
  285. package/dist/components/ToggleGroup/index.d.ts.map +1 -1
  286. package/dist/components/ToggleGroup/index.js +4 -5
  287. package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
  288. package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
  289. package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
  290. package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
  291. package/dist/data-table-virtual.cjs +3 -2
  292. package/dist/data-table-virtual.js +3 -2
  293. package/dist/data-table.cjs +1 -1
  294. package/dist/data-table.js +1 -1
  295. package/dist/datepicker.cjs +23 -11
  296. package/dist/datepicker.js +23 -11
  297. package/dist/index.cjs +5 -1
  298. package/dist/index.d.ts +8 -8
  299. package/dist/index.d.ts.map +1 -1
  300. package/dist/index.js +6 -2
  301. package/dist/measurements/generated.cjs +37 -93
  302. package/dist/measurements/generated.d.ts +37 -92
  303. package/dist/measurements/generated.d.ts.map +1 -1
  304. package/dist/measurements/generated.js +37 -93
  305. package/dist/measurements/index.d.ts +1 -1
  306. package/dist/measurements/index.d.ts.map +1 -1
  307. package/dist/utils/seed-derivation.cjs +0 -1
  308. package/dist/utils/seed-derivation.d.ts +1 -3
  309. package/dist/utils/seed-derivation.d.ts.map +1 -1
  310. package/dist/utils/seed-derivation.js +0 -1
  311. package/dist/utils/theme-presets.cjs +5 -10
  312. package/dist/utils/theme-presets.d.ts +1 -2
  313. package/dist/utils/theme-presets.d.ts.map +1 -1
  314. package/dist/utils/theme-presets.js +5 -10
  315. package/fragments.json +1 -1
  316. package/package.json +5 -8
  317. package/src/assets/nav-glyph.module.scss +166 -0
  318. package/src/assets/nav-glyph.tsx +188 -0
  319. package/src/components/Accordion/Accordion.module.scss +5 -3
  320. package/src/components/Alert/Alert.contract.json +18 -18
  321. package/src/components/Alert/Alert.module.scss +50 -64
  322. package/src/components/Alert/index.tsx +24 -17
  323. package/src/components/AppShell/AppShell.contract.json +7 -7
  324. package/src/components/AppShell/AppShell.module.scss +49 -17
  325. package/src/components/AppShell/index.tsx +2 -2
  326. package/src/components/Avatar/Avatar.module.scss +0 -1
  327. package/src/components/Badge/Badge.contract.json +58 -22
  328. package/src/components/Badge/Badge.module.scss +72 -47
  329. package/src/components/Badge/index.tsx +34 -17
  330. package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
  331. package/src/components/Box/Box.module.scss +7 -6
  332. package/src/components/Breadcrumbs/Breadcrumbs.module.scss +15 -5
  333. package/src/components/Breadcrumbs/index.tsx +5 -1
  334. package/src/components/Button/Button.module.scss +261 -186
  335. package/src/components/Button/index.tsx +41 -28
  336. package/src/components/ButtonGroup/ButtonGroup.contract.json +5 -5
  337. package/src/components/ButtonGroup/ButtonGroup.module.scss +8 -6
  338. package/src/components/Card/Card.consumer-fixture.module.scss +5 -2
  339. package/src/components/Card/Card.module.scss +73 -133
  340. package/src/components/Card/index.tsx +41 -36
  341. package/src/components/Chart/Chart.module.scss +6 -5
  342. package/src/components/Checkbox/Checkbox.contract.json +4 -3
  343. package/src/components/Checkbox/Checkbox.module.scss +16 -32
  344. package/src/components/Checkbox/index.tsx +6 -8
  345. package/src/components/Chip/Chip.contract.json +10 -10
  346. package/src/components/Chip/Chip.module.scss +23 -22
  347. package/src/components/Chip/index.tsx +10 -6
  348. package/src/components/CodeBlock/CodeBlock.module.scss +47 -70
  349. package/src/components/CodeBlock/index.tsx +23 -16
  350. package/src/components/Collapsible/Collapsible.module.scss +1 -7
  351. package/src/components/ColorPicker/ColorPicker.module.scss +20 -13
  352. package/src/components/ColorPicker/index.tsx +1 -0
  353. package/src/components/Combobox/Combobox.module.scss +16 -19
  354. package/src/components/Combobox/index.tsx +10 -1
  355. package/src/components/Command/Command.contract.json +7 -1
  356. package/src/components/Command/Command.module.scss +19 -21
  357. package/src/components/Command/index.tsx +7 -1
  358. package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
  359. package/src/components/ConversationList/ConversationList.module.scss +2 -3
  360. package/src/components/ConversationList/index.tsx +2 -2
  361. package/src/components/DataTable/DataTable.module.scss +12 -9
  362. package/src/components/DataTable/DataTable.virtual.tsx +3 -2
  363. package/src/components/DataTable/index.tsx +1 -1
  364. package/src/components/DatePicker/DatePicker.module.scss +32 -42
  365. package/src/components/DatePicker/index.tsx +18 -7
  366. package/src/components/Dialog/Dialog.module.scss +23 -29
  367. package/src/components/Dialog/index.tsx +7 -5
  368. package/src/components/Drawer/Drawer.contract.json +6 -6
  369. package/src/components/Drawer/Drawer.module.scss +123 -64
  370. package/src/components/Drawer/index.tsx +7 -5
  371. package/src/components/Editor/Editor.contract.json +1 -1
  372. package/src/components/Editor/Editor.module.scss +26 -13
  373. package/src/components/EmptyState/EmptyState.contract.json +6 -6
  374. package/src/components/EmptyState/EmptyState.module.scss +31 -23
  375. package/src/components/EmptyState/index.tsx +17 -9
  376. package/src/components/Field/Field.module.scss +2 -1
  377. package/src/components/Fieldset/Fieldset.module.scss +5 -4
  378. package/src/components/Form/Form.contract.json +4 -4
  379. package/src/components/Grid/Grid.module.scss +2 -2
  380. package/src/components/Header/Header.contract.json +2 -2
  381. package/src/components/Header/Header.module.scss +24 -36
  382. package/src/components/Icon/Icon.contract.json +19 -23
  383. package/src/components/Icon/Icon.module.scss +13 -12
  384. package/src/components/Icon/index.tsx +31 -31
  385. package/src/components/IconButton/IconButton.contract.json +8 -8
  386. package/src/components/IconButton/IconButton.module.scss +13 -4
  387. package/src/components/IconButton/index.tsx +4 -4
  388. package/src/components/Input/Input.contract.json +0 -13
  389. package/src/components/Input/Input.module.scss +4 -54
  390. package/src/components/Input/index.tsx +2 -18
  391. package/src/components/Link/Link.contract.json +19 -11
  392. package/src/components/Link/Link.module.scss +24 -10
  393. package/src/components/Link/index.tsx +26 -5
  394. package/src/components/List/List.contract.json +11 -11
  395. package/src/components/List/List.module.scss +10 -5
  396. package/src/components/List/index.tsx +17 -13
  397. package/src/components/Listbox/Listbox.module.scss +14 -20
  398. package/src/components/Loading/Loading.contract.json +6 -6
  399. package/src/components/Loading/Loading.module.scss +29 -26
  400. package/src/components/Loading/index.tsx +13 -12
  401. package/src/components/Markdown/Markdown.module.scss +2 -1
  402. package/src/components/Menu/Menu.contract.json +5 -5
  403. package/src/components/Menu/Menu.module.scss +11 -10
  404. package/src/components/Message/Message.contract.json +5 -5
  405. package/src/components/Message/Message.module.scss +8 -6
  406. package/src/components/Message/index.tsx +2 -2
  407. package/src/components/NavigationMenu/NavigationMenu.module.scss +22 -67
  408. package/src/components/Pagination/Pagination.module.scss +7 -14
  409. package/src/components/Popover/Popover.contract.json +4 -4
  410. package/src/components/Popover/Popover.module.scss +24 -23
  411. package/src/components/Progress/Progress.contract.json +11 -11
  412. package/src/components/Progress/Progress.module.scss +13 -8
  413. package/src/components/Progress/index.tsx +34 -16
  414. package/src/components/Prompt/Prompt.contract.json +12 -12
  415. package/src/components/Prompt/Prompt.module.scss +40 -47
  416. package/src/components/Prompt/index.tsx +17 -15
  417. package/src/components/RadioGroup/RadioGroup.contract.json +6 -4
  418. package/src/components/RadioGroup/RadioGroup.module.scss +38 -32
  419. package/src/components/RadioGroup/index.tsx +23 -10
  420. package/src/components/ScrollArea/ScrollArea.module.scss +30 -33
  421. package/src/components/Select/Select.module.scss +19 -18
  422. package/src/components/Select/index.tsx +26 -24
  423. package/src/components/Separator/Separator.contract.json +10 -10
  424. package/src/components/Separator/Separator.module.scss +24 -40
  425. package/src/components/Separator/index.tsx +16 -11
  426. package/src/components/Sidebar/Sidebar.contract.json +1 -1
  427. package/src/components/Sidebar/Sidebar.module.scss +92 -95
  428. package/src/components/Sidebar/index.tsx +3 -3
  429. package/src/components/Skeleton/Skeleton.contract.json +9 -9
  430. package/src/components/Skeleton/Skeleton.module.scss +23 -16
  431. package/src/components/Skeleton/index.tsx +16 -15
  432. package/src/components/Slider/Slider.module.scss +6 -19
  433. package/src/components/Stack/Stack.contract.json +1 -1
  434. package/src/components/Stack/Stack.module.scss +13 -12
  435. package/src/components/Switch/Switch.module.scss +44 -35
  436. package/src/components/Table/Table.module.scss +9 -13
  437. package/src/components/TableOfContents/TableOfContents.module.scss +12 -18
  438. package/src/components/TableOfContents/index.tsx +1 -1
  439. package/src/components/Tabs/Tabs.contract.json +14 -14
  440. package/src/components/Tabs/Tabs.module.scss +27 -31
  441. package/src/components/Tabs/index.tsx +15 -12
  442. package/src/components/Text/Text.contract.json +36 -14
  443. package/src/components/Text/Text.module.scss +19 -20
  444. package/src/components/Text/index.tsx +23 -21
  445. package/src/components/Textarea/Textarea.contract.json +0 -13
  446. package/src/components/Textarea/Textarea.module.scss +24 -52
  447. package/src/components/Textarea/index.tsx +3 -14
  448. package/src/components/Theme/Theme.contract.json +9 -8
  449. package/src/components/Theme/index.tsx +39 -12
  450. package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
  451. package/src/components/ThemeToggle/ThemeToggle.module.scss +21 -44
  452. package/src/components/ThemeToggle/icons.tsx +46 -0
  453. package/src/components/ThemeToggle/index.tsx +8 -90
  454. package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +11 -10
  455. package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
  456. package/src/components/ThinkingIndicator/index.tsx +12 -14
  457. package/src/components/Toast/Toast.contract.json +29 -13
  458. package/src/components/Toast/Toast.module.scss +49 -104
  459. package/src/components/Toast/index.tsx +39 -34
  460. package/src/components/ToggleGroup/ToggleGroup.contract.json +13 -13
  461. package/src/components/ToggleGroup/ToggleGroup.module.scss +16 -46
  462. package/src/components/ToggleGroup/index.tsx +11 -11
  463. package/src/components/Tooltip/Tooltip.contract.json +3 -3
  464. package/src/components/Tooltip/Tooltip.module.scss +16 -10
  465. package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
  466. package/src/index.ts +14 -10
  467. package/src/measurements/MeasurementTargets.module.scss +6 -7
  468. package/src/measurements/generated.ts +38 -96
  469. package/src/measurements/index.ts +0 -1
  470. package/src/measurements/measurements.json +37 -116
  471. package/src/recipes/_action.scss +4 -4
  472. package/src/recipes/_boolean-range.scss +9 -5
  473. package/src/recipes/_feedback.scss +17 -16
  474. package/src/recipes/_field.scss +28 -20
  475. package/src/recipes/_navigation.scss +84 -29
  476. package/src/recipes/_overlay.scss +143 -43
  477. package/src/recipes/_popup.scss +46 -36
  478. package/src/recipes/_prose.scss +35 -23
  479. package/src/recipes/_representation.scss +10 -9
  480. package/src/recipes/_segmented.scss +1 -1
  481. package/src/recipes/_table-chrome.scss +27 -16
  482. package/src/recipes/_target.scss +2 -4
  483. package/src/recipes/_typography.scss +10 -0
  484. package/src/styles/globals.scss +14 -9
  485. package/src/tokens/_component-properties.scss +19 -1
  486. package/src/tokens/_computed.scss +27 -33
  487. package/src/tokens/_measurements.catalog.generated.css +58 -45
  488. package/src/tokens/_measurements.generated.scss +107 -250
  489. package/src/tokens/_mixins.scss +42 -40
  490. package/src/tokens/_palettes.scss +1 -1
  491. package/src/tokens/_property-registrations.scss +9 -0
  492. package/src/tokens/_seeds.scss +1 -12
  493. package/src/tokens/_variables.scss +71 -59
  494. package/src/utils/seed-derivation.ts +1 -8
  495. package/src/utils/theme-presets.ts +5 -12
  496. package/dist/blocks/AccountSettings.block.d.ts +0 -3
  497. package/dist/blocks/AccountSettings.block.d.ts.map +0 -1
  498. package/dist/blocks/ActivityFeedSkeleton.block.d.ts +0 -3
  499. package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +0 -1
  500. package/dist/blocks/BlogEditor.block.d.ts +0 -3
  501. package/dist/blocks/BlogEditor.block.d.ts.map +0 -1
  502. package/dist/blocks/ChatInterface.block.d.ts +0 -3
  503. package/dist/blocks/ChatInterface.block.d.ts.map +0 -1
  504. package/dist/blocks/ChatMessages.block.d.ts +0 -3
  505. package/dist/blocks/ChatMessages.block.d.ts.map +0 -1
  506. package/dist/blocks/CheckoutForm.block.d.ts +0 -3
  507. package/dist/blocks/CheckoutForm.block.d.ts.map +0 -1
  508. package/dist/blocks/CommandPalette.block.d.ts +0 -3
  509. package/dist/blocks/CommandPalette.block.d.ts.map +0 -1
  510. package/dist/blocks/ContactForm.block.d.ts +0 -3
  511. package/dist/blocks/ContactForm.block.d.ts.map +0 -1
  512. package/dist/blocks/DashboardPage.block.d.ts +0 -3
  513. package/dist/blocks/DashboardPage.block.d.ts.map +0 -1
  514. package/dist/blocks/DashboardSkeleton.block.d.ts +0 -3
  515. package/dist/blocks/DashboardSkeleton.block.d.ts.map +0 -1
  516. package/dist/blocks/DataTable.block.d.ts +0 -3
  517. package/dist/blocks/DataTable.block.d.ts.map +0 -1
  518. package/dist/blocks/EmptyState.block.d.ts +0 -3
  519. package/dist/blocks/EmptyState.block.d.ts.map +0 -1
  520. package/dist/blocks/FAQSection.block.d.ts +0 -3
  521. package/dist/blocks/FAQSection.block.d.ts.map +0 -1
  522. package/dist/blocks/FeatureGrid.block.d.ts +0 -3
  523. package/dist/blocks/FeatureGrid.block.d.ts.map +0 -1
  524. package/dist/blocks/HeroSection.block.d.ts +0 -3
  525. package/dist/blocks/HeroSection.block.d.ts.map +0 -1
  526. package/dist/blocks/NavigationHeader.block.d.ts +0 -3
  527. package/dist/blocks/NavigationHeader.block.d.ts.map +0 -1
  528. package/dist/blocks/PaginatedTable.block.d.ts +0 -3
  529. package/dist/blocks/PaginatedTable.block.d.ts.map +0 -1
  530. package/dist/blocks/PricingComparison.block.d.ts +0 -3
  531. package/dist/blocks/PricingComparison.block.d.ts.map +0 -1
  532. package/dist/blocks/ProductCard.block.d.ts +0 -3
  533. package/dist/blocks/ProductCard.block.d.ts.map +0 -1
  534. package/dist/blocks/RegistrationForm.block.d.ts +0 -3
  535. package/dist/blocks/RegistrationForm.block.d.ts.map +0 -1
  536. package/dist/blocks/SettingsDrawer.block.d.ts +0 -3
  537. package/dist/blocks/SettingsDrawer.block.d.ts.map +0 -1
  538. package/dist/blocks/SettingsPanel.block.d.ts +0 -3
  539. package/dist/blocks/SettingsPanel.block.d.ts.map +0 -1
  540. package/dist/blocks/ShoppingCart.block.d.ts +0 -3
  541. package/dist/blocks/ShoppingCart.block.d.ts.map +0 -1
  542. package/dist/blocks/StatsCardSkeleton.block.d.ts +0 -3
  543. package/dist/blocks/StatsCardSkeleton.block.d.ts.map +0 -1
  544. package/dist/blocks/TableSkeleton.block.d.ts +0 -3
  545. package/dist/blocks/TableSkeleton.block.d.ts.map +0 -1
  546. package/dist/blocks/ThinkingStates.block.d.ts +0 -3
  547. package/dist/blocks/ThinkingStates.block.d.ts.map +0 -1
  548. package/dist/components/Toggle/index.d.ts +0 -3
  549. package/dist/components/Toggle/index.d.ts.map +0 -1
  550. package/src/components/Toggle/index.ts +0 -7
  551. package/src/tokens/_density.scss +0 -85
@@ -1,20 +1,20 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const container = "_container_48r1l_1";
4
- const srOnly = "_srOnly_48r1l_24";
5
- const tooltip = "_tooltip_48r1l_36";
6
- const tooltipLabel = "_tooltipLabel_48r1l_52";
7
- const tooltipItems = "_tooltipItems_48r1l_62";
8
- const tooltipItem = "_tooltipItem_48r1l_62";
9
- const tooltipIndicator = "_tooltipIndicator_48r1l_75";
10
- const tooltipIndicatorLine = "_tooltipIndicatorLine_48r1l_81";
11
- const tooltipIndicatorDashed = "_tooltipIndicatorDashed_48r1l_86";
12
- const tooltipItemLabel = "_tooltipItemLabel_48r1l_94";
13
- const tooltipItemValue = "_tooltipItemValue_48r1l_98";
14
- const legend = "_legend_48r1l_105";
15
- const legendItem = "_legendItem_48r1l_114";
16
- const legendDot = "_legendDot_48r1l_120";
17
- const legendLabel = "_legendLabel_48r1l_127";
3
+ const container = "_container_1q43w_1";
4
+ const srOnly = "_srOnly_1q43w_24";
5
+ const tooltip = "_tooltip_1q43w_36";
6
+ const tooltipLabel = "_tooltipLabel_1q43w_53";
7
+ const tooltipItems = "_tooltipItems_1q43w_63";
8
+ const tooltipItem = "_tooltipItem_1q43w_63";
9
+ const tooltipIndicator = "_tooltipIndicator_1q43w_76";
10
+ const tooltipIndicatorLine = "_tooltipIndicatorLine_1q43w_82";
11
+ const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1q43w_87";
12
+ const tooltipItemLabel = "_tooltipItemLabel_1q43w_95";
13
+ const tooltipItemValue = "_tooltipItemValue_1q43w_99";
14
+ const legend = "_legend_1q43w_106";
15
+ const legendItem = "_legendItem_1q43w_115";
16
+ const legendDot = "_legendDot_1q43w_121";
17
+ const legendLabel = "_legendLabel_1q43w_128";
18
18
  const styles = {
19
19
  container,
20
20
  srOnly,
@@ -1,18 +1,18 @@
1
- const container = "_container_48r1l_1";
2
- const srOnly = "_srOnly_48r1l_24";
3
- const tooltip = "_tooltip_48r1l_36";
4
- const tooltipLabel = "_tooltipLabel_48r1l_52";
5
- const tooltipItems = "_tooltipItems_48r1l_62";
6
- const tooltipItem = "_tooltipItem_48r1l_62";
7
- const tooltipIndicator = "_tooltipIndicator_48r1l_75";
8
- const tooltipIndicatorLine = "_tooltipIndicatorLine_48r1l_81";
9
- const tooltipIndicatorDashed = "_tooltipIndicatorDashed_48r1l_86";
10
- const tooltipItemLabel = "_tooltipItemLabel_48r1l_94";
11
- const tooltipItemValue = "_tooltipItemValue_48r1l_98";
12
- const legend = "_legend_48r1l_105";
13
- const legendItem = "_legendItem_48r1l_114";
14
- const legendDot = "_legendDot_48r1l_120";
15
- const legendLabel = "_legendLabel_48r1l_127";
1
+ const container = "_container_1q43w_1";
2
+ const srOnly = "_srOnly_1q43w_24";
3
+ const tooltip = "_tooltip_1q43w_36";
4
+ const tooltipLabel = "_tooltipLabel_1q43w_53";
5
+ const tooltipItems = "_tooltipItems_1q43w_63";
6
+ const tooltipItem = "_tooltipItem_1q43w_63";
7
+ const tooltipIndicator = "_tooltipIndicator_1q43w_76";
8
+ const tooltipIndicatorLine = "_tooltipIndicatorLine_1q43w_82";
9
+ const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1q43w_87";
10
+ const tooltipItemLabel = "_tooltipItemLabel_1q43w_95";
11
+ const tooltipItemValue = "_tooltipItemValue_1q43w_99";
12
+ const legend = "_legend_1q43w_106";
13
+ const legendItem = "_legendItem_1q43w_115";
14
+ const legendDot = "_legendDot_1q43w_121";
15
+ const legendLabel = "_legendLabel_1q43w_128";
16
16
  const styles = {
17
17
  container,
18
18
  srOnly,
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const wrapper = "_wrapper_em1zw_1";
4
- const checkbox = "_checkbox_em1zw_57";
5
- const sm = "_sm_em1zw_118";
6
- const lg = "_lg_em1zw_123";
7
- const indicator = "_indicator_em1zw_141";
8
- const content = "_content_em1zw_188";
9
- const label = "_label_em1zw_192";
10
- const helper = "_helper_em1zw_197";
11
- const wrapperCard = "_wrapperCard_em1zw_208";
3
+ const wrapper = "_wrapper_c666y_1";
4
+ const checkbox = "_checkbox_c666y_57";
5
+ const sm = "_sm_c666y_129";
6
+ const lg = "_lg_c666y_134";
7
+ const indicator = "_indicator_c666y_151";
8
+ const content = "_content_c666y_198";
9
+ const label = "_label_c666y_202";
10
+ const helper = "_helper_c666y_207";
11
+ const wrapperOutline = "_wrapperOutline_c666y_218";
12
12
  const styles = {
13
13
  wrapper,
14
14
  checkbox,
@@ -18,7 +18,7 @@ const styles = {
18
18
  content,
19
19
  label,
20
20
  helper,
21
- wrapperCard
21
+ wrapperOutline
22
22
  };
23
23
  exports.checkbox = checkbox;
24
24
  exports.content = content;
@@ -29,4 +29,4 @@ exports.label = label;
29
29
  exports.lg = lg;
30
30
  exports.sm = sm;
31
31
  exports.wrapper = wrapper;
32
- exports.wrapperCard = wrapperCard;
32
+ exports.wrapperOutline = wrapperOutline;
@@ -1,12 +1,12 @@
1
- const wrapper = "_wrapper_em1zw_1";
2
- const checkbox = "_checkbox_em1zw_57";
3
- const sm = "_sm_em1zw_118";
4
- const lg = "_lg_em1zw_123";
5
- const indicator = "_indicator_em1zw_141";
6
- const content = "_content_em1zw_188";
7
- const label = "_label_em1zw_192";
8
- const helper = "_helper_em1zw_197";
9
- const wrapperCard = "_wrapperCard_em1zw_208";
1
+ const wrapper = "_wrapper_c666y_1";
2
+ const checkbox = "_checkbox_c666y_57";
3
+ const sm = "_sm_c666y_129";
4
+ const lg = "_lg_c666y_134";
5
+ const indicator = "_indicator_c666y_151";
6
+ const content = "_content_c666y_198";
7
+ const label = "_label_c666y_202";
8
+ const helper = "_helper_c666y_207";
9
+ const wrapperOutline = "_wrapperOutline_c666y_218";
10
10
  const styles = {
11
11
  wrapper,
12
12
  checkbox,
@@ -16,7 +16,7 @@ const styles = {
16
16
  content,
17
17
  label,
18
18
  helper,
19
- wrapperCard
19
+ wrapperOutline
20
20
  };
21
21
  export {
22
22
  checkbox,
@@ -28,5 +28,5 @@ export {
28
28
  lg,
29
29
  sm,
30
30
  wrapper,
31
- wrapperCard
31
+ wrapperOutline
32
32
  };
@@ -66,7 +66,7 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
66
66
  readOnly = false,
67
67
  required = false,
68
68
  size: sizeProp,
69
- variant = "default",
69
+ variant,
70
70
  label,
71
71
  helperText,
72
72
  description,
@@ -97,7 +97,7 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
97
97
  size === "lg" && Checkbox_module.default.lg,
98
98
  controlClassName
99
99
  ].filter(Boolean).join(" ");
100
- const wrapperClasses = [Checkbox_module.default.wrapper, variant === "card" && Checkbox_module.default.wrapperCard, className].filter(Boolean).join(" ");
100
+ const wrapperClasses = [Checkbox_module.default.wrapper, variant === "outline" && Checkbox_module.default.wrapperOutline, className].filter(Boolean).join(" ");
101
101
  const handleCheckedChange = onChange ?? onCheckedChange;
102
102
  if (!label && !resolvedHelperText) {
103
103
  const iconOnlyHtmlProps = htmlProps;
@@ -24,13 +24,11 @@ export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLLabelElemen
24
24
  * @default "md" */
25
25
  size?: "sm" | "md" | "lg";
26
26
  /**
27
- * Visual variant.
28
- * - `default`: inline checkbox next to a label (form-control style).
29
- * - `card`: full-width clickable card with the checkbox tucked inside.
30
- * Useful for multi-select question lists, settings toggles, etc.
31
- * @default "default"
27
+ * Chrome. Omit it for the inline checkbox next to a label (form-control
28
+ * style); `outline` renders a full-width bordered surface with the checkbox
29
+ * tucked inside — multi-select question lists, settings toggles, plan pickers.
32
30
  */
33
- variant?: "default" | "card";
31
+ variant?: "outline";
34
32
  /** Label text */
35
33
  label?: string;
36
34
  /** Helper text shown below the label */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,UAAU,GAAG,gBAAgB,CAC9B;IACC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqLD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,UAAU,GAAG,gBAAgB,CAC9B;IACC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqLD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
@@ -47,7 +47,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
47
47
  readOnly = false,
48
48
  required = false,
49
49
  size: sizeProp,
50
- variant = "default",
50
+ variant,
51
51
  label,
52
52
  helperText,
53
53
  description,
@@ -78,7 +78,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
78
78
  size === "lg" && styles.lg,
79
79
  controlClassName
80
80
  ].filter(Boolean).join(" ");
81
- const wrapperClasses = [styles.wrapper, variant === "card" && styles.wrapperCard, className].filter(Boolean).join(" ");
81
+ const wrapperClasses = [styles.wrapper, variant === "outline" && styles.wrapperOutline, className].filter(Boolean).join(" ");
82
82
  const handleCheckedChange = onChange ?? onCheckedChange;
83
83
  if (!label && !resolvedHelperText) {
84
84
  const iconOnlyHtmlProps = htmlProps;
@@ -1,20 +1,20 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const chip = "_chip_v9hy5_1";
4
- const withRemove = "_withRemove_v9hy5_44";
5
- const xs = "_xs_v9hy5_49";
6
- const sm = "_sm_v9hy5_61";
7
- const md = "_md_v9hy5_73";
8
- const lg = "_lg_v9hy5_85";
9
- const filled = "_filled_v9hy5_97";
10
- const selected = "_selected_v9hy5_107";
11
- const outlined = "_outlined_v9hy5_119";
12
- const soft = "_soft_v9hy5_146";
13
- const avatar = "_avatar_v9hy5_168";
14
- const icon = "_icon_v9hy5_187";
15
- const removableChip = "_removableChip_v9hy5_192";
16
- const remove = "_remove_v9hy5_197";
17
- const group = "_group_v9hy5_355";
3
+ const chip = "_chip_giwee_1";
4
+ const withRemove = "_withRemove_giwee_45";
5
+ const xs = "_xs_giwee_50";
6
+ const sm = "_sm_giwee_62";
7
+ const md = "_md_giwee_74";
8
+ const lg = "_lg_giwee_86";
9
+ const solid = "_solid_giwee_98";
10
+ const selected = "_selected_giwee_108";
11
+ const outline = "_outline_giwee_120";
12
+ const soft = "_soft_giwee_147";
13
+ const avatar = "_avatar_giwee_169";
14
+ const icon = "_icon_giwee_188";
15
+ const removableChip = "_removableChip_giwee_193";
16
+ const remove = "_remove_giwee_198";
17
+ const group = "_group_giwee_357";
18
18
  const styles = {
19
19
  chip,
20
20
  withRemove,
@@ -22,9 +22,9 @@ const styles = {
22
22
  sm,
23
23
  md,
24
24
  lg,
25
- filled,
25
+ solid,
26
26
  selected,
27
- outlined,
27
+ outline,
28
28
  soft,
29
29
  avatar,
30
30
  icon,
@@ -35,16 +35,16 @@ const styles = {
35
35
  exports.avatar = avatar;
36
36
  exports.chip = chip;
37
37
  exports.default = styles;
38
- exports.filled = filled;
39
38
  exports.group = group;
40
39
  exports.icon = icon;
41
40
  exports.lg = lg;
42
41
  exports.md = md;
43
- exports.outlined = outlined;
42
+ exports.outline = outline;
44
43
  exports.removableChip = removableChip;
45
44
  exports.remove = remove;
46
45
  exports.selected = selected;
47
46
  exports.sm = sm;
48
47
  exports.soft = soft;
48
+ exports.solid = solid;
49
49
  exports.withRemove = withRemove;
50
50
  exports.xs = xs;
@@ -1,18 +1,18 @@
1
- const chip = "_chip_v9hy5_1";
2
- const withRemove = "_withRemove_v9hy5_44";
3
- const xs = "_xs_v9hy5_49";
4
- const sm = "_sm_v9hy5_61";
5
- const md = "_md_v9hy5_73";
6
- const lg = "_lg_v9hy5_85";
7
- const filled = "_filled_v9hy5_97";
8
- const selected = "_selected_v9hy5_107";
9
- const outlined = "_outlined_v9hy5_119";
10
- const soft = "_soft_v9hy5_146";
11
- const avatar = "_avatar_v9hy5_168";
12
- const icon = "_icon_v9hy5_187";
13
- const removableChip = "_removableChip_v9hy5_192";
14
- const remove = "_remove_v9hy5_197";
15
- const group = "_group_v9hy5_355";
1
+ const chip = "_chip_giwee_1";
2
+ const withRemove = "_withRemove_giwee_45";
3
+ const xs = "_xs_giwee_50";
4
+ const sm = "_sm_giwee_62";
5
+ const md = "_md_giwee_74";
6
+ const lg = "_lg_giwee_86";
7
+ const solid = "_solid_giwee_98";
8
+ const selected = "_selected_giwee_108";
9
+ const outline = "_outline_giwee_120";
10
+ const soft = "_soft_giwee_147";
11
+ const avatar = "_avatar_giwee_169";
12
+ const icon = "_icon_giwee_188";
13
+ const removableChip = "_removableChip_giwee_193";
14
+ const remove = "_remove_giwee_198";
15
+ const group = "_group_giwee_357";
16
16
  const styles = {
17
17
  chip,
18
18
  withRemove,
@@ -20,9 +20,9 @@ const styles = {
20
20
  sm,
21
21
  md,
22
22
  lg,
23
- filled,
23
+ solid,
24
24
  selected,
25
- outlined,
25
+ outline,
26
26
  soft,
27
27
  avatar,
28
28
  icon,
@@ -34,17 +34,17 @@ export {
34
34
  avatar,
35
35
  chip,
36
36
  styles as default,
37
- filled,
38
37
  group,
39
38
  icon,
40
39
  lg,
41
40
  md,
42
- outlined,
41
+ outline,
43
42
  removableChip,
44
43
  remove,
45
44
  selected,
46
45
  sm,
47
46
  soft,
47
+ solid,
48
48
  withRemove,
49
49
  xs
50
50
  };
@@ -24,7 +24,7 @@ function _interopNamespaceDefault(e) {
24
24
  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
25
25
  const ChipBase = React__namespace.forwardRef(function Chip2({
26
26
  children,
27
- variant: variantProp = "filled",
27
+ variant = "solid",
28
28
  size: sizeProp,
29
29
  selected = false,
30
30
  disabled = false,
@@ -37,7 +37,6 @@ const ChipBase = React__namespace.forwardRef(function Chip2({
37
37
  ...htmlProps
38
38
  }, ref) {
39
39
  const size = sizeProp ?? "xs";
40
- const variant = variantProp === "outline" ? "outlined" : variantProp;
41
40
  const classes = [
42
41
  Chip_module.default.chip,
43
42
  Chip_module.default[size],
@@ -3,12 +3,17 @@ import * as React from "react";
3
3
  * Chip for selections, filters, and tags. Use with Chip.Group for multi-select.
4
4
  * @see https://usefragments.com/components/chip
5
5
  */
6
+ export type ChipVariant = "solid" | "outline" | "soft";
6
7
  export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
7
8
  children: React.ReactNode;
8
- /** Visual style variant. `"outline"` is an alias for `"outlined"`.
9
- * @default "filled"
9
+ /** Chrome family.
10
+ *
11
+ * - `solid` (default): tinted pill for filters and tags.
12
+ * - `outline`: hairline-bordered, transparent.
13
+ * - `soft`: info-tinted, for a chip that carries a suggestion.
14
+ * @default "solid"
10
15
  * @see https://usefragments.com/components/chip#variants */
11
- variant?: "filled" | "outlined" | "outline" | "soft";
16
+ variant?: ChipVariant;
12
17
  /** Chip size.
13
18
  * @default "xs" */
14
19
  size?: "xs" | "sm" | "md" | "lg";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACrD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,UAAU,CACxB;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAuJD,eAAO,MAAM,IAAI;;CAAgD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;gEAM4D;IAC5D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,UAAU,CACxB;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAqJD,eAAO,MAAM,IAAI;;CAAgD,CAAC"}
@@ -5,7 +5,7 @@ import styles from "./Chip.module.scss.js";
5
5
  import { isProductionBuild } from "../../utils/env.js";
6
6
  const ChipBase = React.forwardRef(function Chip2({
7
7
  children,
8
- variant: variantProp = "filled",
8
+ variant = "solid",
9
9
  size: sizeProp,
10
10
  selected = false,
11
11
  disabled = false,
@@ -18,7 +18,6 @@ const ChipBase = React.forwardRef(function Chip2({
18
18
  ...htmlProps
19
19
  }, ref) {
20
20
  const size = sizeProp ?? "xs";
21
- const variant = variantProp === "outline" ? "outlined" : variantProp;
22
21
  const classes = [
23
22
  styles.chip,
24
23
  styles[size],
@@ -1,27 +1,27 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const container = "_container_rq0ri_1";
4
- const title = "_title_rq0ri_6";
5
- const caption = "_caption_rq0ri_7";
6
- const wrapper = "_wrapper_rq0ri_21";
7
- const header = "_header_rq0ri_41";
8
- const filename = "_filename_rq0ri_50";
9
- const copyButton = "_copyButton_rq0ri_59";
10
- const copied = "_copied_rq0ri_130";
11
- const copyOverlay = "_copyOverlay_rq0ri_135";
12
- const withCopyOverlay = "_withCopyOverlay_rq0ri_144";
13
- const icon = "_icon_rq0ri_150";
14
- const persistentCopy = "_persistentCopy_rq0ri_156";
15
- const persistentCopyWrapper = "_persistentCopyWrapper_rq0ri_162";
16
- const codeContainer = "_codeContainer_rq0ri_166";
17
- const loading = "_loading_rq0ri_167";
18
- const withLineNumbers = "_withLineNumbers_rq0ri_239";
19
- const withDiff = "_withDiff_rq0ri_243";
20
- const compact = "_compact_rq0ri_268";
21
- const wordWrap = "_wordWrap_rq0ri_289";
22
- const collapseButton = "_collapseButton_rq0ri_299";
23
- const collapseExpand = "_collapseExpand_rq0ri_350";
24
- const tabbedPanel = "_tabbedPanel_rq0ri_354";
3
+ const container = "_container_19hjz_1";
4
+ const title = "_title_19hjz_6";
5
+ const caption = "_caption_19hjz_7";
6
+ const wrapper = "_wrapper_19hjz_20";
7
+ const header = "_header_19hjz_40";
8
+ const filename = "_filename_19hjz_49";
9
+ const copyButton = "_copyButton_19hjz_58";
10
+ const copied = "_copied_19hjz_61";
11
+ const copyOverlay = "_copyOverlay_19hjz_66";
12
+ const withCopyOverlay = "_withCopyOverlay_19hjz_75";
13
+ const icon = "_icon_19hjz_81";
14
+ const persistentCopy = "_persistentCopy_19hjz_87";
15
+ const persistentCopyWrapper = "_persistentCopyWrapper_19hjz_93";
16
+ const codeContainer = "_codeContainer_19hjz_97";
17
+ const loading = "_loading_19hjz_98";
18
+ const withLineNumbers = "_withLineNumbers_19hjz_170";
19
+ const withDiff = "_withDiff_19hjz_174";
20
+ const compact = "_compact_19hjz_199";
21
+ const wordWrap = "_wordWrap_19hjz_220";
22
+ const collapseButton = "_collapseButton_19hjz_230";
23
+ const collapseExpand = "_collapseExpand_19hjz_244";
24
+ const tabbedPanel = "_tabbedPanel_19hjz_248";
25
25
  const styles = {
26
26
  container,
27
27
  title,
@@ -1,25 +1,25 @@
1
- const container = "_container_rq0ri_1";
2
- const title = "_title_rq0ri_6";
3
- const caption = "_caption_rq0ri_7";
4
- const wrapper = "_wrapper_rq0ri_21";
5
- const header = "_header_rq0ri_41";
6
- const filename = "_filename_rq0ri_50";
7
- const copyButton = "_copyButton_rq0ri_59";
8
- const copied = "_copied_rq0ri_130";
9
- const copyOverlay = "_copyOverlay_rq0ri_135";
10
- const withCopyOverlay = "_withCopyOverlay_rq0ri_144";
11
- const icon = "_icon_rq0ri_150";
12
- const persistentCopy = "_persistentCopy_rq0ri_156";
13
- const persistentCopyWrapper = "_persistentCopyWrapper_rq0ri_162";
14
- const codeContainer = "_codeContainer_rq0ri_166";
15
- const loading = "_loading_rq0ri_167";
16
- const withLineNumbers = "_withLineNumbers_rq0ri_239";
17
- const withDiff = "_withDiff_rq0ri_243";
18
- const compact = "_compact_rq0ri_268";
19
- const wordWrap = "_wordWrap_rq0ri_289";
20
- const collapseButton = "_collapseButton_rq0ri_299";
21
- const collapseExpand = "_collapseExpand_rq0ri_350";
22
- const tabbedPanel = "_tabbedPanel_rq0ri_354";
1
+ const container = "_container_19hjz_1";
2
+ const title = "_title_19hjz_6";
3
+ const caption = "_caption_19hjz_7";
4
+ const wrapper = "_wrapper_19hjz_20";
5
+ const header = "_header_19hjz_40";
6
+ const filename = "_filename_19hjz_49";
7
+ const copyButton = "_copyButton_19hjz_58";
8
+ const copied = "_copied_19hjz_61";
9
+ const copyOverlay = "_copyOverlay_19hjz_66";
10
+ const withCopyOverlay = "_withCopyOverlay_19hjz_75";
11
+ const icon = "_icon_19hjz_81";
12
+ const persistentCopy = "_persistentCopy_19hjz_87";
13
+ const persistentCopyWrapper = "_persistentCopyWrapper_19hjz_93";
14
+ const codeContainer = "_codeContainer_19hjz_97";
15
+ const loading = "_loading_19hjz_98";
16
+ const withLineNumbers = "_withLineNumbers_19hjz_170";
17
+ const withDiff = "_withDiff_19hjz_174";
18
+ const compact = "_compact_19hjz_199";
19
+ const wordWrap = "_wordWrap_19hjz_220";
20
+ const collapseButton = "_collapseButton_19hjz_230";
21
+ const collapseExpand = "_collapseExpand_19hjz_244";
22
+ const tabbedPanel = "_tabbedPanel_19hjz_248";
23
23
  const styles = {
24
24
  container,
25
25
  title,
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { type TabsVariant } from "../Tabs";
2
3
  export type CodeBlockLanguage = "tsx" | "typescript" | "ts" | "javascript" | "js" | "jsx" | "bash" | "shell" | "css" | "scss" | "sass" | "json" | "html" | "xml" | "markdown" | "md" | "yaml" | "yml" | "python" | "py" | "ruby" | "go" | "rust" | "java" | "kotlin" | "swift" | "c" | "cpp" | "csharp" | "php" | "sql" | "graphql" | "diff" | "plaintext" | "text";
3
4
  /** Available syntax highlighting themes */
4
5
  export type CodeBlockTheme = "css-variables" | "synthwave-84" | "github-dark" | "github-light" | "one-dark-pro" | "dracula" | "nord" | "monokai" | "vitesse-dark" | "vitesse-light" | "min-dark" | "min-light";
@@ -82,8 +83,8 @@ export interface TabbedCodeBlockProps {
82
83
  showLineNumbers?: boolean;
83
84
  /** Syntax highlighting theme (applies to all tabs) */
84
85
  theme?: CodeBlockTheme;
85
- /** Tab list visual style */
86
- tabsVariant?: "underline" | "pills";
86
+ /** Tab list chrome: `soft` (default) is the filled rail, `ghost` the underline strip. */
87
+ tabsVariant?: TabsVariant;
87
88
  /** Enable word wrapping for long lines */
88
89
  wordWrap?: boolean;
89
90
  /** Maximum height in pixels (enables scrolling) */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,YAAY,GACZ,IAAI,GACJ,YAAY,GACZ,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,GACP,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,KAAK,GACL,UAAU,GACV,IAAI,GACJ,MAAM,GACN,KAAK,GACL,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,GAAG,GACH,KAAK,GACL,QAAQ,GACR,KAAK,GACL,KAAK,GACL,SAAS,GACT,MAAM,GACN,WAAW,GACX,MAAM,CAAC;AASX,2CAA2C;AAC3C,MAAM,MAAM,cAAc,GACtB,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,cAAc,GACd,SAAS,GACT,MAAM,GACN,SAAS,GACT,cAAc,GACd,eAAe,GACf,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,+FAA+F;IAC/F,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACrC,yCAAyC;IACzC,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,2GAA2G;IAC3G,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAirBD,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,yBAAyB;IACzB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACpC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,UAAU,EACV,KAAK,EACL,aAAa,EACb,QAAe,EACf,aAAsB,EACtB,eAAuB,EACvB,KAAK,EACL,WAAqB,EACrB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,SAAS,EACT,MAAM,GACP,EAAE,oBAAoB,2CA8CtB;AAMD,eAAO,MAAM,SAAS;;CAEpB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "_root_noq2t_1";
4
- const trigger = "_trigger_noq2t_5";
5
- const triggerContent = "_triggerContent_noq2t_63";
6
- const chevron = "_chevron_noq2t_68";
7
- const chevronOpen = "_chevronOpen_noq2t_76";
8
- const content = "_content_noq2t_80";
9
- const contentOpen = "_contentOpen_noq2t_88";
10
- const contentInner = "_contentInner_noq2t_93";
11
- const disabled = "_disabled_noq2t_106";
3
+ const root = "_root_u0tmr_1";
4
+ const trigger = "_trigger_u0tmr_5";
5
+ const triggerContent = "_triggerContent_u0tmr_60";
6
+ const chevron = "_chevron_u0tmr_65";
7
+ const chevronOpen = "_chevronOpen_u0tmr_73";
8
+ const content = "_content_u0tmr_77";
9
+ const contentOpen = "_contentOpen_u0tmr_85";
10
+ const contentInner = "_contentInner_u0tmr_90";
11
+ const disabled = "_disabled_u0tmr_104";
12
12
  const styles = {
13
13
  root,
14
14
  trigger,
@@ -1,12 +1,12 @@
1
- const root = "_root_noq2t_1";
2
- const trigger = "_trigger_noq2t_5";
3
- const triggerContent = "_triggerContent_noq2t_63";
4
- const chevron = "_chevron_noq2t_68";
5
- const chevronOpen = "_chevronOpen_noq2t_76";
6
- const content = "_content_noq2t_80";
7
- const contentOpen = "_contentOpen_noq2t_88";
8
- const contentInner = "_contentInner_noq2t_93";
9
- const disabled = "_disabled_noq2t_106";
1
+ const root = "_root_u0tmr_1";
2
+ const trigger = "_trigger_u0tmr_5";
3
+ const triggerContent = "_triggerContent_u0tmr_60";
4
+ const chevron = "_chevron_u0tmr_65";
5
+ const chevronOpen = "_chevronOpen_u0tmr_73";
6
+ const content = "_content_u0tmr_77";
7
+ const contentOpen = "_contentOpen_u0tmr_85";
8
+ const contentInner = "_contentInner_u0tmr_90";
9
+ const disabled = "_disabled_u0tmr_104";
10
10
  const styles = {
11
11
  root,
12
12
  trigger,
@@ -1,19 +1,19 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const wrapper = "_wrapper_1mq8v_1";
4
- const label = "_label_1mq8v_8";
5
- const helper = "_helper_1mq8v_17";
6
- const helperError = "_helperError_1mq8v_27";
7
- const errorMessage = "_errorMessage_1mq8v_28";
8
- const sizeSm = "_sizeSm_1mq8v_38";
9
- const inputWrapper = "_inputWrapper_1mq8v_38";
10
- const swatch = "_swatch_1mq8v_41";
11
- const hexInput = "_hexInput_1mq8v_53";
12
- const sizeMd = "_sizeMd_1mq8v_58";
13
- const sizeLg = "_sizeLg_1mq8v_74";
14
- const hexInputField = "_hexInputField_1mq8v_140";
15
- const positioner = "_positioner_1mq8v_145";
16
- const popup = "_popup_1mq8v_150";
3
+ const wrapper = "_wrapper_jzvlz_1";
4
+ const label = "_label_jzvlz_8";
5
+ const helper = "_helper_jzvlz_17";
6
+ const helperError = "_helperError_jzvlz_27";
7
+ const errorMessage = "_errorMessage_jzvlz_28";
8
+ const sizeSm = "_sizeSm_jzvlz_38";
9
+ const inputWrapper = "_inputWrapper_jzvlz_38";
10
+ const swatch = "_swatch_jzvlz_41";
11
+ const hexInput = "_hexInput_jzvlz_53";
12
+ const sizeMd = "_sizeMd_jzvlz_58";
13
+ const sizeLg = "_sizeLg_jzvlz_75";
14
+ const hexInputField = "_hexInputField_jzvlz_162";
15
+ const positioner = "_positioner_jzvlz_167";
16
+ const popup = "_popup_jzvlz_172";
17
17
  const styles = {
18
18
  wrapper,
19
19
  label,