@sixthshift/design-system 0.5.0 → 0.6.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 (412) hide show
  1. package/README.md +132 -87
  2. package/dist/components/Badge/Badge.d.ts +2 -2
  3. package/dist/components/Badge/Badge.js +2 -2
  4. package/dist/components/Button/Button.d.ts +1 -1
  5. package/dist/components/Button/Button.js +1 -1
  6. package/dist/components/Calendar/Calendar.d.ts.map +1 -1
  7. package/dist/components/Calendar/Calendar.js +1 -0
  8. package/dist/components/Calendar/Calendar.js.map +1 -1
  9. package/dist/components/Calendar/CalendarView.d.ts +0 -11
  10. package/dist/components/Calendar/CalendarView.d.ts.map +1 -1
  11. package/dist/components/Calendar/CalendarView.js +1 -0
  12. package/dist/components/Calendar/CalendarView.js.map +1 -1
  13. package/dist/components/Calendar/calendar.hooks.d.ts.map +1 -1
  14. package/dist/components/Calendar/calendar.hooks.js +1 -0
  15. package/dist/components/Calendar/calendar.hooks.js.map +1 -1
  16. package/dist/components/Card/Card.d.ts +2 -2
  17. package/dist/components/Card/Card.d.ts.map +1 -1
  18. package/dist/components/Card/Card.js +3 -2
  19. package/dist/components/Card/Card.js.map +1 -1
  20. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  21. package/dist/components/Checkbox/Checkbox.js +1 -0
  22. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  23. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  24. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -0
  25. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  26. package/dist/components/Code/Editor/Editor.d.ts.map +1 -1
  27. package/dist/components/Code/Editor/Editor.js +1 -0
  28. package/dist/components/Code/Editor/Editor.js.map +1 -1
  29. package/dist/components/Code/Workspace/StatusBar.d.ts.map +1 -1
  30. package/dist/components/Code/Workspace/StatusBar.js +1 -0
  31. package/dist/components/Code/Workspace/StatusBar.js.map +1 -1
  32. package/dist/components/Code/Workspace/Toolbar.d.ts.map +1 -1
  33. package/dist/components/Code/Workspace/Toolbar.js +1 -0
  34. package/dist/components/Code/Workspace/Toolbar.js.map +1 -1
  35. package/dist/components/Code/Workspace/Workspace.d.ts.map +1 -1
  36. package/dist/components/Code/Workspace/Workspace.js +1 -0
  37. package/dist/components/Code/Workspace/Workspace.js.map +1 -1
  38. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  39. package/dist/components/DatePicker/DatePicker.js +5 -0
  40. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  41. package/dist/components/DatePicker/DateSegments.d.ts.map +1 -1
  42. package/dist/components/DatePicker/DateSegments.js +1 -0
  43. package/dist/components/DatePicker/DateSegments.js.map +1 -1
  44. package/dist/components/DatePicker/datepicker.hooks.d.ts.map +1 -1
  45. package/dist/components/DatePicker/datepicker.hooks.js +1 -0
  46. package/dist/components/DatePicker/datepicker.hooks.js.map +1 -1
  47. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  48. package/dist/components/DateRangePicker/DateRangePicker.js +1 -0
  49. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  50. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  51. package/dist/components/DateTimePicker/DateTimePicker.js +5 -0
  52. package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
  53. package/dist/components/DateTimePicker/DateTimeSegments.d.ts.map +1 -1
  54. package/dist/components/DateTimePicker/DateTimeSegments.js +1 -0
  55. package/dist/components/DateTimePicker/DateTimeSegments.js.map +1 -1
  56. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
  57. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +5 -0
  58. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
  59. package/dist/components/FormField/FormField.d.ts +31 -10
  60. package/dist/components/FormField/FormField.d.ts.map +1 -1
  61. package/dist/components/FormField/FormField.js +46 -17
  62. package/dist/components/FormField/FormField.js.map +1 -1
  63. package/dist/components/FormField/index.d.ts +2 -2
  64. package/dist/components/FormField/index.d.ts.map +1 -1
  65. package/dist/components/FormField/index.js +1 -1
  66. package/dist/components/FormField/index.js.map +1 -1
  67. package/dist/components/HoverCard/HoverCard.d.ts.map +1 -1
  68. package/dist/components/HoverCard/HoverCard.js +1 -0
  69. package/dist/components/HoverCard/HoverCard.js.map +1 -1
  70. package/dist/components/HoverCard/components/HoverCardContent.d.ts.map +1 -1
  71. package/dist/components/HoverCard/components/HoverCardContent.js +1 -0
  72. package/dist/components/HoverCard/components/HoverCardContent.js.map +1 -1
  73. package/dist/components/HoverCard/components/HoverCardContext.d.ts.map +1 -1
  74. package/dist/components/HoverCard/components/HoverCardContext.js +1 -0
  75. package/dist/components/HoverCard/components/HoverCardContext.js.map +1 -1
  76. package/dist/components/HoverCard/components/HoverCardTrigger.d.ts.map +1 -1
  77. package/dist/components/HoverCard/components/HoverCardTrigger.js +1 -0
  78. package/dist/components/HoverCard/components/HoverCardTrigger.js.map +1 -1
  79. package/dist/components/Message/Message.d.ts +1 -1
  80. package/dist/components/Message/Message.js +1 -1
  81. package/dist/components/Modal/Modal.d.ts +14 -9
  82. package/dist/components/Modal/Modal.d.ts.map +1 -1
  83. package/dist/components/Modal/Modal.js +42 -20
  84. package/dist/components/Modal/Modal.js.map +1 -1
  85. package/dist/components/Modal/components/ModalContext.d.ts.map +1 -1
  86. package/dist/components/Modal/components/ModalContext.js +1 -0
  87. package/dist/components/Modal/components/ModalContext.js.map +1 -1
  88. package/dist/components/Modal/components/ModalHeader.d.ts.map +1 -1
  89. package/dist/components/Modal/components/ModalHeader.js +1 -0
  90. package/dist/components/Modal/components/ModalHeader.js.map +1 -1
  91. package/dist/components/Popover/Popover.d.ts.map +1 -1
  92. package/dist/components/Popover/Popover.js +5 -0
  93. package/dist/components/Popover/Popover.js.map +1 -1
  94. package/dist/components/Popover/components/PopoverBody.d.ts.map +1 -1
  95. package/dist/components/Popover/components/PopoverBody.js +1 -0
  96. package/dist/components/Popover/components/PopoverBody.js.map +1 -1
  97. package/dist/components/Popover/components/PopoverClose.d.ts.map +1 -1
  98. package/dist/components/Popover/components/PopoverClose.js +1 -0
  99. package/dist/components/Popover/components/PopoverClose.js.map +1 -1
  100. package/dist/components/Popover/components/PopoverContext.d.ts.map +1 -1
  101. package/dist/components/Popover/components/PopoverContext.js +1 -0
  102. package/dist/components/Popover/components/PopoverContext.js.map +1 -1
  103. package/dist/components/Popover/components/PopoverTrigger.d.ts.map +1 -1
  104. package/dist/components/Popover/components/PopoverTrigger.js +1 -0
  105. package/dist/components/Popover/components/PopoverTrigger.js.map +1 -1
  106. package/dist/components/RadioButton/RadioButton.d.ts.map +1 -1
  107. package/dist/components/RadioButton/RadioButton.js +1 -0
  108. package/dist/components/RadioButton/RadioButton.js.map +1 -1
  109. package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -1
  110. package/dist/components/RadioButtonGroup/RadioButtonGroup.js +1 -0
  111. package/dist/components/RadioButtonGroup/RadioButtonGroup.js.map +1 -1
  112. package/dist/components/SearchInput/SearchInput.d.ts +10 -7
  113. package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
  114. package/dist/components/SearchInput/SearchInput.js +11 -6
  115. package/dist/components/SearchInput/SearchInput.js.map +1 -1
  116. package/dist/components/Select/Select.d.ts +6 -0
  117. package/dist/components/Select/Select.d.ts.map +1 -1
  118. package/dist/components/Select/Select.js +9 -3
  119. package/dist/components/Select/Select.js.map +1 -1
  120. package/dist/components/Select/SelectDropdown.d.ts.map +1 -1
  121. package/dist/components/Select/SelectDropdown.js +1 -0
  122. package/dist/components/Select/SelectDropdown.js.map +1 -1
  123. package/dist/components/Select/SelectTrigger.d.ts.map +1 -1
  124. package/dist/components/Select/SelectTrigger.js +5 -1
  125. package/dist/components/Select/SelectTrigger.js.map +1 -1
  126. package/dist/components/Select/useSelectKeyboard.d.ts.map +1 -1
  127. package/dist/components/Select/useSelectKeyboard.js +1 -0
  128. package/dist/components/Select/useSelectKeyboard.js.map +1 -1
  129. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  130. package/dist/components/Sheet/Sheet.js +23 -9
  131. package/dist/components/Sheet/Sheet.js.map +1 -1
  132. package/dist/components/Sheet/components/SheetContext.d.ts.map +1 -1
  133. package/dist/components/Sheet/components/SheetContext.js +1 -0
  134. package/dist/components/Sheet/components/SheetContext.js.map +1 -1
  135. package/dist/components/Sheet/components/SheetHeader.d.ts.map +1 -1
  136. package/dist/components/Sheet/components/SheetHeader.js +1 -0
  137. package/dist/components/Sheet/components/SheetHeader.js.map +1 -1
  138. package/dist/components/Spinner/Spinner.d.ts +2 -2
  139. package/dist/components/Spinner/Spinner.js +2 -2
  140. package/dist/components/Switch/Switch.d.ts.map +1 -1
  141. package/dist/components/Switch/Switch.js +1 -0
  142. package/dist/components/Switch/Switch.js.map +1 -1
  143. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  144. package/dist/components/Tabs/Tabs.js +1 -0
  145. package/dist/components/Tabs/Tabs.js.map +1 -1
  146. package/dist/components/Tabs/components/TabsContext.d.ts.map +1 -1
  147. package/dist/components/Tabs/components/TabsContext.js +1 -0
  148. package/dist/components/Tabs/components/TabsContext.js.map +1 -1
  149. package/dist/components/Tabs/components/TabsList.d.ts.map +1 -1
  150. package/dist/components/Tabs/components/TabsList.js +1 -0
  151. package/dist/components/Tabs/components/TabsList.js.map +1 -1
  152. package/dist/components/Tabs/components/TabsPanels.d.ts.map +1 -1
  153. package/dist/components/Tabs/components/TabsPanels.js +1 -0
  154. package/dist/components/Tabs/components/TabsPanels.js.map +1 -1
  155. package/dist/components/Tabs/components/TabsTrigger.d.ts.map +1 -1
  156. package/dist/components/Tabs/components/TabsTrigger.js +2 -1
  157. package/dist/components/Tabs/components/TabsTrigger.js.map +1 -1
  158. package/dist/components/TagChip/TagChip.d.ts.map +1 -1
  159. package/dist/components/TagChip/TagChip.js +1 -0
  160. package/dist/components/TagChip/TagChip.js.map +1 -1
  161. package/dist/components/TagInput/TagInput.d.ts +8 -2
  162. package/dist/components/TagInput/TagInput.d.ts.map +1 -1
  163. package/dist/components/TagInput/TagInput.js +8 -5
  164. package/dist/components/TagInput/TagInput.js.map +1 -1
  165. package/dist/components/Textarea/Textarea.d.ts +21 -5
  166. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  167. package/dist/components/Textarea/Textarea.js +31 -5
  168. package/dist/components/Textarea/Textarea.js.map +1 -1
  169. package/dist/components/TimePicker/PeriodSelector.d.ts.map +1 -1
  170. package/dist/components/TimePicker/PeriodSelector.js +1 -0
  171. package/dist/components/TimePicker/PeriodSelector.js.map +1 -1
  172. package/dist/components/TimePicker/TimeColumn.d.ts.map +1 -1
  173. package/dist/components/TimePicker/TimeColumn.js +1 -0
  174. package/dist/components/TimePicker/TimeColumn.js.map +1 -1
  175. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
  176. package/dist/components/TimePicker/TimePicker.js +5 -0
  177. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  178. package/dist/components/TimePicker/TimeSegments.d.ts.map +1 -1
  179. package/dist/components/TimePicker/TimeSegments.js +1 -0
  180. package/dist/components/TimePicker/TimeSegments.js.map +1 -1
  181. package/dist/components/Toast/Toast.d.ts +16 -2
  182. package/dist/components/Toast/Toast.d.ts.map +1 -1
  183. package/dist/components/Toast/Toast.js +16 -6
  184. package/dist/components/Toast/Toast.js.map +1 -1
  185. package/dist/components/Toggle/Toggle.d.ts +1 -1
  186. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  187. package/dist/components/Toggle/Toggle.js +2 -1
  188. package/dist/components/Toggle/Toggle.js.map +1 -1
  189. package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts +2 -0
  190. package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts.map +1 -1
  191. package/dist/components/ToggleGroup/ToggleGroupMultiple.js +4 -3
  192. package/dist/components/ToggleGroup/ToggleGroupMultiple.js.map +1 -1
  193. package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts +2 -0
  194. package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts.map +1 -1
  195. package/dist/components/ToggleGroup/ToggleGroupSingle.js +4 -3
  196. package/dist/components/ToggleGroup/ToggleGroupSingle.js.map +1 -1
  197. package/dist/components/ToggleGroup/toggleGroup.types.d.ts +7 -0
  198. package/dist/components/ToggleGroup/toggleGroup.types.d.ts.map +1 -1
  199. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  200. package/dist/components/Tooltip/Tooltip.js +1 -0
  201. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  202. package/dist/components/Tooltip/components/TooltipBody.d.ts.map +1 -1
  203. package/dist/components/Tooltip/components/TooltipBody.js +1 -0
  204. package/dist/components/Tooltip/components/TooltipBody.js.map +1 -1
  205. package/dist/components/Tooltip/components/TooltipContext.d.ts.map +1 -1
  206. package/dist/components/Tooltip/components/TooltipContext.js +1 -0
  207. package/dist/components/Tooltip/components/TooltipContext.js.map +1 -1
  208. package/dist/components/Tooltip/components/TooltipTrigger.d.ts.map +1 -1
  209. package/dist/components/Tooltip/components/TooltipTrigger.js +1 -0
  210. package/dist/components/Tooltip/components/TooltipTrigger.js.map +1 -1
  211. package/dist/hooks/useCollapsible.d.ts.map +1 -1
  212. package/dist/hooks/useCollapsible.js +1 -0
  213. package/dist/hooks/useCollapsible.js.map +1 -1
  214. package/dist/hooks/useControllableState.d.ts.map +1 -1
  215. package/dist/hooks/useControllableState.js +1 -0
  216. package/dist/hooks/useControllableState.js.map +1 -1
  217. package/dist/hooks/useDebouncedCallback.d.ts.map +1 -1
  218. package/dist/hooks/useDebouncedCallback.js +1 -0
  219. package/dist/hooks/useDebouncedCallback.js.map +1 -1
  220. package/dist/hooks/useDebouncedState.d.ts.map +1 -1
  221. package/dist/hooks/useDebouncedState.js +1 -0
  222. package/dist/hooks/useDebouncedState.js.map +1 -1
  223. package/dist/hooks/useDeviceFormFactor.d.ts.map +1 -1
  224. package/dist/hooks/useDeviceFormFactor.js +1 -0
  225. package/dist/hooks/useDeviceFormFactor.js.map +1 -1
  226. package/dist/hooks/useLocalStorage.d.ts.map +1 -1
  227. package/dist/hooks/useLocalStorage.js +1 -0
  228. package/dist/hooks/useLocalStorage.js.map +1 -1
  229. package/dist/hooks/useMergedFloatingRef.d.ts.map +1 -1
  230. package/dist/hooks/useMergedFloatingRef.js +1 -0
  231. package/dist/hooks/useMergedFloatingRef.js.map +1 -1
  232. package/dist/hooks/usePresence.d.ts.map +1 -1
  233. package/dist/hooks/usePresence.js +1 -0
  234. package/dist/hooks/usePresence.js.map +1 -1
  235. package/dist/hooks/useStack.d.ts.map +1 -1
  236. package/dist/hooks/useStack.js +34 -10
  237. package/dist/hooks/useStack.js.map +1 -1
  238. package/dist/hooks/useTheme.d.ts.map +1 -1
  239. package/dist/hooks/useTheme.js +1 -0
  240. package/dist/hooks/useTheme.js.map +1 -1
  241. package/dist/internal/PickerField.d.ts.map +1 -1
  242. package/dist/internal/PickerField.js +1 -0
  243. package/dist/internal/PickerField.js.map +1 -1
  244. package/dist/internal/SegmentedField.d.ts.map +1 -1
  245. package/dist/internal/SegmentedField.js +1 -0
  246. package/dist/internal/SegmentedField.js.map +1 -1
  247. package/dist/internal/escapeLayers.d.ts +12 -0
  248. package/dist/internal/escapeLayers.d.ts.map +1 -0
  249. package/dist/internal/escapeLayers.js +48 -0
  250. package/dist/internal/escapeLayers.js.map +1 -0
  251. package/dist/lib/ErrorBoundary.d.ts.map +1 -1
  252. package/dist/lib/ErrorBoundary.js +1 -0
  253. package/dist/lib/ErrorBoundary.js.map +1 -1
  254. package/dist/lib/contexts/ComponentsContext/ComponentsContext.d.ts.map +1 -1
  255. package/dist/lib/contexts/ComponentsContext/ComponentsContext.js +1 -0
  256. package/dist/lib/contexts/ComponentsContext/ComponentsContext.js.map +1 -1
  257. package/dist/lib/contexts/OverlayContext/OverlayContext.d.ts +9 -4
  258. package/dist/lib/contexts/OverlayContext/OverlayContext.d.ts.map +1 -1
  259. package/dist/lib/contexts/OverlayContext/OverlayContext.js +25 -12
  260. package/dist/lib/contexts/OverlayContext/OverlayContext.js.map +1 -1
  261. package/dist/lib/contexts/OverlayContext/ToastStack.d.ts +20 -0
  262. package/dist/lib/contexts/OverlayContext/ToastStack.d.ts.map +1 -0
  263. package/dist/lib/contexts/OverlayContext/ToastStack.js +45 -0
  264. package/dist/lib/contexts/OverlayContext/ToastStack.js.map +1 -0
  265. package/dist/lib/contexts/OverlayContext/hooks/useModal.d.ts.map +1 -1
  266. package/dist/lib/contexts/OverlayContext/hooks/useModal.js +1 -0
  267. package/dist/lib/contexts/OverlayContext/hooks/useModal.js.map +1 -1
  268. package/dist/lib/contexts/OverlayContext/hooks/useToast.d.ts +27 -10
  269. package/dist/lib/contexts/OverlayContext/hooks/useToast.d.ts.map +1 -1
  270. package/dist/lib/contexts/OverlayContext/hooks/useToast.js +31 -49
  271. package/dist/lib/contexts/OverlayContext/hooks/useToast.js.map +1 -1
  272. package/dist/lib/contexts/OverlayContext/index.d.ts +2 -0
  273. package/dist/lib/contexts/OverlayContext/index.d.ts.map +1 -1
  274. package/dist/lib/contexts/OverlayContext/index.js +2 -0
  275. package/dist/lib/contexts/OverlayContext/index.js.map +1 -1
  276. package/dist/lib/contexts/OverlayContext/toastStore.d.ts +68 -0
  277. package/dist/lib/contexts/OverlayContext/toastStore.d.ts.map +1 -0
  278. package/dist/lib/contexts/OverlayContext/toastStore.js +69 -0
  279. package/dist/lib/contexts/OverlayContext/toastStore.js.map +1 -0
  280. package/dist/lib/withErrorBoundary.d.ts.map +1 -1
  281. package/dist/lib/withErrorBoundary.js +1 -0
  282. package/dist/lib/withErrorBoundary.js.map +1 -1
  283. package/dist/lib/withSuspenseAndErrorBoundary.d.ts.map +1 -1
  284. package/dist/lib/withSuspenseAndErrorBoundary.js +1 -0
  285. package/dist/lib/withSuspenseAndErrorBoundary.js.map +1 -1
  286. package/dist/{theme/schema.d.ts → theming/vocabulary.d.ts} +4 -4
  287. package/dist/theming/vocabulary.d.ts.map +1 -0
  288. package/dist/{theme/schema.js → theming/vocabulary.js} +4 -4
  289. package/dist/theming/vocabulary.js.map +1 -0
  290. package/package.json +18 -6
  291. package/src/components/Badge/Badge.tsx +2 -2
  292. package/src/components/Button/Button.tsx +1 -1
  293. package/src/{theme/recipes/button.css → components/Button/button.recipe.css} +2 -2
  294. package/src/components/Calendar/Calendar.tsx +2 -0
  295. package/src/components/Calendar/CalendarView.tsx +2 -0
  296. package/src/components/Calendar/calendar.hooks.ts +2 -0
  297. package/src/components/Card/Card.tsx +4 -2
  298. package/src/components/Checkbox/Checkbox.tsx +2 -0
  299. package/src/components/CheckboxGroup/CheckboxGroup.tsx +2 -0
  300. package/src/components/Code/Editor/Editor.tsx +2 -0
  301. package/src/components/Code/Workspace/StatusBar.tsx +2 -0
  302. package/src/components/Code/Workspace/Toolbar.tsx +2 -0
  303. package/src/components/Code/Workspace/Workspace.tsx +2 -0
  304. package/src/components/DatePicker/DatePicker.tsx +7 -0
  305. package/src/components/DatePicker/DateSegments.tsx +2 -0
  306. package/src/components/DatePicker/datepicker.hooks.ts +2 -0
  307. package/src/components/DateRangePicker/DateRangePicker.tsx +2 -0
  308. package/src/components/DateTimePicker/DateTimePicker.tsx +7 -1
  309. package/src/components/DateTimePicker/DateTimeSegments.tsx +2 -0
  310. package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +7 -1
  311. package/src/components/FormField/FormField.tsx +94 -42
  312. package/src/components/FormField/index.ts +2 -2
  313. package/src/components/HoverCard/HoverCard.tsx +2 -0
  314. package/src/components/HoverCard/components/HoverCardContent.tsx +2 -0
  315. package/src/components/HoverCard/components/HoverCardContext.tsx +2 -0
  316. package/src/components/HoverCard/components/HoverCardTrigger.tsx +2 -0
  317. package/src/components/Message/Message.tsx +1 -1
  318. package/src/components/Modal/Modal.tsx +77 -51
  319. package/src/components/Modal/components/ModalContext.tsx +2 -0
  320. package/src/components/Modal/components/ModalHeader.tsx +2 -0
  321. package/src/components/Popover/Popover.tsx +7 -0
  322. package/src/components/Popover/components/PopoverBody.tsx +2 -0
  323. package/src/components/Popover/components/PopoverClose.tsx +2 -0
  324. package/src/components/Popover/components/PopoverContext.tsx +2 -0
  325. package/src/components/Popover/components/PopoverTrigger.tsx +2 -0
  326. package/src/components/RadioButton/RadioButton.tsx +2 -0
  327. package/src/components/RadioButtonGroup/RadioButtonGroup.tsx +2 -0
  328. package/src/components/SearchInput/SearchInput.tsx +15 -8
  329. package/src/components/Select/Select.tsx +24 -1
  330. package/src/components/Select/SelectDropdown.tsx +2 -0
  331. package/src/components/Select/SelectTrigger.tsx +5 -0
  332. package/src/components/Select/useSelectKeyboard.ts +2 -0
  333. package/src/components/Sheet/Sheet.tsx +49 -34
  334. package/src/components/Sheet/components/SheetContext.tsx +2 -0
  335. package/src/components/Sheet/components/SheetHeader.tsx +2 -0
  336. package/src/components/Spinner/Spinner.tsx +2 -2
  337. package/src/components/Switch/Switch.tsx +2 -0
  338. package/src/components/Tabs/Tabs.tsx +2 -0
  339. package/src/components/Tabs/components/TabsContext.tsx +2 -0
  340. package/src/components/Tabs/components/TabsList.tsx +2 -0
  341. package/src/components/Tabs/components/TabsPanels.tsx +2 -0
  342. package/src/components/Tabs/components/TabsTrigger.tsx +3 -1
  343. package/src/{theme/recipes/tabs.css → components/Tabs/tabs.recipe.css} +1 -1
  344. package/src/components/TagChip/TagChip.tsx +2 -0
  345. package/src/components/TagInput/TagInput.tsx +15 -6
  346. package/src/components/Textarea/Textarea.tsx +42 -6
  347. package/src/{theme/recipes/textarea.css → components/Textarea/textarea.recipe.css} +1 -1
  348. package/src/components/TimePicker/PeriodSelector.tsx +2 -0
  349. package/src/components/TimePicker/TimeColumn.tsx +2 -0
  350. package/src/components/TimePicker/TimePicker.tsx +7 -0
  351. package/src/components/TimePicker/TimeSegments.tsx +2 -0
  352. package/src/components/Toast/Toast.tsx +22 -6
  353. package/src/components/Toggle/Toggle.tsx +3 -1
  354. package/src/components/ToggleGroup/ToggleGroupMultiple.tsx +6 -0
  355. package/src/components/ToggleGroup/ToggleGroupSingle.tsx +6 -0
  356. package/src/components/ToggleGroup/toggleGroup.types.ts +7 -0
  357. package/src/components/Tooltip/Tooltip.tsx +2 -0
  358. package/src/components/Tooltip/components/TooltipBody.tsx +2 -0
  359. package/src/components/Tooltip/components/TooltipContext.tsx +2 -0
  360. package/src/components/Tooltip/components/TooltipTrigger.tsx +2 -0
  361. package/src/hooks/useCollapsible.ts +2 -0
  362. package/src/hooks/useControllableState.ts +2 -0
  363. package/src/hooks/useDebouncedCallback.ts +2 -0
  364. package/src/hooks/useDebouncedState.ts +2 -0
  365. package/src/hooks/useDeviceFormFactor.ts +2 -0
  366. package/src/hooks/useLocalStorage.ts +2 -0
  367. package/src/hooks/useMergedFloatingRef.ts +2 -0
  368. package/src/hooks/usePresence.ts +2 -0
  369. package/src/hooks/useStack.ts +35 -12
  370. package/src/hooks/useTheme.ts +2 -0
  371. package/src/internal/PickerField.tsx +2 -0
  372. package/src/internal/SegmentedField.tsx +2 -0
  373. package/src/internal/escapeLayers.ts +53 -0
  374. package/src/lib/ErrorBoundary.tsx +2 -0
  375. package/src/lib/contexts/ComponentsContext/ComponentsContext.tsx +2 -0
  376. package/src/lib/contexts/OverlayContext/OverlayContext.tsx +42 -26
  377. package/src/lib/contexts/OverlayContext/ToastStack.tsx +71 -0
  378. package/src/lib/contexts/OverlayContext/hooks/useModal.tsx +2 -0
  379. package/src/lib/contexts/OverlayContext/hooks/useToast.ts +30 -73
  380. package/src/lib/contexts/OverlayContext/index.ts +2 -0
  381. package/src/lib/contexts/OverlayContext/toastStore.ts +138 -0
  382. package/src/lib/withErrorBoundary.tsx +2 -0
  383. package/src/lib/withSuspenseAndErrorBoundary.tsx +2 -0
  384. package/src/theme/linen/index.css +11 -0
  385. package/src/theme/linen/palette.css +87 -0
  386. package/src/theme/linen/theme.css +371 -0
  387. package/src/theming/tailwind.css +356 -0
  388. package/src/{theme/schema.ts → theming/vocabulary.ts} +3 -3
  389. package/dist/theme/index.d.ts +0 -9
  390. package/dist/theme/index.d.ts.map +0 -1
  391. package/dist/theme/index.js +0 -8
  392. package/dist/theme/index.js.map +0 -1
  393. package/dist/theme/schema.d.ts.map +0 -1
  394. package/dist/theme/schema.js.map +0 -1
  395. package/src/theme/index.ts +0 -39
  396. package/src/theme/recipes/index.css +0 -28
  397. package/src/theme/tokens.css +0 -824
  398. /package/src/{theme/recipes/badge.css → components/Badge/badge.recipe.css} +0 -0
  399. /package/src/{theme/recipes/card.css → components/Card/card.recipe.css} +0 -0
  400. /package/src/{theme/recipes/checkbox.css → components/Checkbox/checkbox.recipe.css} +0 -0
  401. /package/src/{theme/recipes/field.css → components/Field/field.recipe.css} +0 -0
  402. /package/src/{theme/recipes/input.css → components/Input/input.recipe.css} +0 -0
  403. /package/src/{theme/recipes/message.css → components/Message/message.recipe.css} +0 -0
  404. /package/src/{theme/recipes/modal.css → components/Modal/modal.recipe.css} +0 -0
  405. /package/src/{theme/recipes/radio-button.css → components/RadioButton/radio-button.recipe.css} +0 -0
  406. /package/src/{theme/recipes/search-input.css → components/SearchInput/search-input.recipe.css} +0 -0
  407. /package/src/{theme/recipes/select.css → components/Select/select.recipe.css} +0 -0
  408. /package/src/{theme/recipes/sheet.css → components/Sheet/sheet.recipe.css} +0 -0
  409. /package/src/{theme/recipes/spinner.css → components/Spinner/spinner.recipe.css} +0 -0
  410. /package/src/{theme/recipes/switch.css → components/Switch/switch.recipe.css} +0 -0
  411. /package/src/{theme/recipes/tag-chip.css → components/TagChip/tag-chip.recipe.css} +0 -0
  412. /package/src/{theme/recipes/toggle.css → components/Toggle/toggle.recipe.css} +0 -0
package/src/theme/linen/theme.css ADDED
@@ -0,0 +1,371 @@
1
+ /*
2
+ * Linen — the semantic layer (layer 1). This file is the theme.
3
+ *
4
+ * Trade-off, accepted: the warm cast is a commitment. A consumer whose brand
5
+ * fights the temperature replaces the neutral, not just the accent.
6
+ */
7
+
8
+ @import "./palette.css";
9
+
10
+ :root:not([data-theme]),
11
+ :root[data-theme="light"] {
12
+ --bg-strong: var(--color-sand-800);
13
+ --bg-strong-hovered: var(--color-sand-900);
14
+ --bg-strong-pressed: var(--color-sand-950);
15
+ --bg-strong-disabled: var(--color-sand-300);
16
+ --bg-normal: white;
17
+ --bg-normal-hovered: var(--color-sand-50);
18
+ --bg-normal-pressed: var(--color-sand-100);
19
+ --bg-normal-disabled: var(--color-sand-200);
20
+ --bg-subtle: var(--color-sand-50);
21
+ --bg-subtle-hovered: var(--color-sand-100);
22
+ --bg-subtle-pressed: var(--color-sand-200);
23
+ --bg-subtle-disabled: var(--color-sand-100);
24
+ --bg-brand-subtle: var(--color-blue-100);
25
+ --bg-brand-subtle-hovered: var(--color-blue-200);
26
+ --bg-brand-subtle-pressed: var(--color-blue-300);
27
+ --bg-brand-subtle-disabled: var(--color-blue-50);
28
+ --bg-brand: var(--color-blue-600);
29
+ --bg-brand-hovered: var(--color-blue-700);
30
+ --bg-brand-pressed: var(--color-blue-800);
31
+ --bg-brand-disabled: var(--color-blue-300);
32
+ --bg-brand-strong: var(--color-blue-800);
33
+ --bg-brand-strong-hovered: var(--color-blue-900);
34
+ --bg-brand-strong-pressed: var(--color-blue-950);
35
+ --bg-brand-strong-disabled: var(--color-blue-400);
36
+ --bg-success-subtle: var(--color-green-100);
37
+ --bg-success-subtle-hovered: var(--color-green-200);
38
+ --bg-success-subtle-pressed: var(--color-green-300);
39
+ --bg-success-subtle-disabled: var(--color-green-50);
40
+ --bg-success: var(--color-green-600);
41
+ --bg-success-hovered: var(--color-green-700);
42
+ --bg-success-pressed: var(--color-green-800);
43
+ --bg-success-disabled: var(--color-green-300);
44
+ --bg-success-strong: var(--color-green-800);
45
+ --bg-success-strong-hovered: var(--color-green-900);
46
+ --bg-success-strong-pressed: var(--color-green-950);
47
+ --bg-success-strong-disabled: var(--color-green-400);
48
+ --bg-warning-subtle: var(--color-amber-100);
49
+ --bg-warning-subtle-hovered: var(--color-amber-200);
50
+ --bg-warning-subtle-pressed: var(--color-amber-300);
51
+ --bg-warning-subtle-disabled: var(--color-amber-50);
52
+ --bg-warning: var(--color-amber-600);
53
+ --bg-warning-hovered: var(--color-amber-700);
54
+ --bg-warning-pressed: var(--color-amber-800);
55
+ --bg-warning-disabled: var(--color-amber-300);
56
+ --bg-warning-strong: var(--color-amber-800);
57
+ --bg-warning-strong-hovered: var(--color-amber-900);
58
+ --bg-warning-strong-pressed: var(--color-amber-950);
59
+ --bg-warning-strong-disabled: var(--color-amber-400);
60
+ --bg-danger-subtle: var(--color-red-100);
61
+ --bg-danger-subtle-hovered: var(--color-red-200);
62
+ --bg-danger-subtle-pressed: var(--color-red-300);
63
+ --bg-danger-subtle-disabled: var(--color-red-50);
64
+ --bg-danger: var(--color-red-600);
65
+ --bg-danger-hovered: var(--color-red-700);
66
+ --bg-danger-pressed: var(--color-red-800);
67
+ --bg-danger-disabled: var(--color-red-300);
68
+ --bg-danger-strong: var(--color-red-800);
69
+ --bg-danger-strong-hovered: var(--color-red-900);
70
+ --bg-danger-strong-pressed: var(--color-red-950);
71
+ --bg-danger-strong-disabled: var(--color-red-400);
72
+ --bg-overlay: rgba(0, 0, 0, 0.5);
73
+ --fg-strong: var(--color-sand-900);
74
+ --fg-strong-hovered: var(--color-sand-950);
75
+ --fg-strong-pressed: black;
76
+ --fg-strong-disabled: var(--color-sand-400);
77
+ --fg-on-strong: var(--color-sand-50);
78
+ --fg-on-strong-hovered: white;
79
+ --fg-on-strong-pressed: white;
80
+ --fg-on-strong-disabled: var(--color-sand-300);
81
+ --fg-normal: var(--color-sand-900);
82
+ --fg-normal-hovered: var(--color-sand-950);
83
+ --fg-normal-pressed: var(--color-sand-950);
84
+ --fg-normal-disabled: var(--color-sand-400);
85
+ --fg-subtle: var(--color-sand-500);
86
+ --fg-subtle-hovered: var(--color-sand-600);
87
+ --fg-subtle-pressed: var(--color-sand-700);
88
+ --fg-subtle-disabled: var(--color-sand-300);
89
+ --fg-brand: var(--color-blue-700);
90
+ --fg-brand-hovered: var(--color-blue-800);
91
+ --fg-brand-pressed: var(--color-blue-900);
92
+ --fg-brand-disabled: var(--color-blue-300);
93
+ --fg-on-brand-subtle: var(--color-blue-800);
94
+ --fg-on-brand-subtle-hovered: var(--color-blue-900);
95
+ --fg-on-brand-subtle-pressed: var(--color-blue-950);
96
+ --fg-on-brand-subtle-disabled: var(--color-blue-400);
97
+ --fg-on-brand: var(--color-sand-50);
98
+ --fg-on-brand-hovered: white;
99
+ --fg-on-brand-pressed: white;
100
+ --fg-on-brand-disabled: var(--color-sand-300);
101
+ --fg-on-brand-strong: var(--color-sand-50);
102
+ --fg-on-brand-strong-hovered: white;
103
+ --fg-on-brand-strong-pressed: white;
104
+ --fg-on-brand-strong-disabled: var(--color-sand-300);
105
+ --fg-success: var(--color-green-700);
106
+ --fg-success-hovered: var(--color-green-800);
107
+ --fg-success-pressed: var(--color-green-900);
108
+ --fg-success-disabled: var(--color-green-300);
109
+ --fg-on-success-subtle: var(--color-green-800);
110
+ --fg-on-success-subtle-hovered: var(--color-green-900);
111
+ --fg-on-success-subtle-pressed: var(--color-green-950);
112
+ --fg-on-success-subtle-disabled: var(--color-green-400);
113
+ --fg-on-success: var(--color-sand-50);
114
+ --fg-on-success-hovered: white;
115
+ --fg-on-success-pressed: white;
116
+ --fg-on-success-disabled: var(--color-sand-300);
117
+ --fg-on-success-strong: var(--color-sand-50);
118
+ --fg-on-success-strong-hovered: white;
119
+ --fg-on-success-strong-pressed: white;
120
+ --fg-on-success-strong-disabled: var(--color-sand-300);
121
+ --fg-warning: var(--color-amber-700);
122
+ --fg-warning-hovered: var(--color-amber-800);
123
+ --fg-warning-pressed: var(--color-amber-900);
124
+ --fg-warning-disabled: var(--color-amber-300);
125
+ --fg-on-warning-subtle: var(--color-amber-800);
126
+ --fg-on-warning-subtle-hovered: var(--color-amber-900);
127
+ --fg-on-warning-subtle-pressed: var(--color-amber-950);
128
+ --fg-on-warning-subtle-disabled: var(--color-amber-400);
129
+ --fg-on-warning: var(--color-sand-50);
130
+ --fg-on-warning-hovered: white;
131
+ --fg-on-warning-pressed: white;
132
+ --fg-on-warning-disabled: var(--color-sand-300);
133
+ --fg-on-warning-strong: var(--color-sand-50);
134
+ --fg-on-warning-strong-hovered: white;
135
+ --fg-on-warning-strong-pressed: white;
136
+ --fg-on-warning-strong-disabled: var(--color-sand-300);
137
+ --fg-danger: var(--color-red-700);
138
+ --fg-danger-hovered: var(--color-red-800);
139
+ --fg-danger-pressed: var(--color-red-900);
140
+ --fg-danger-disabled: var(--color-red-300);
141
+ --fg-on-danger-subtle: var(--color-red-800);
142
+ --fg-on-danger-subtle-hovered: var(--color-red-900);
143
+ --fg-on-danger-subtle-pressed: var(--color-red-950);
144
+ --fg-on-danger-subtle-disabled: var(--color-red-400);
145
+ --fg-on-danger: var(--color-sand-50);
146
+ --fg-on-danger-hovered: white;
147
+ --fg-on-danger-pressed: white;
148
+ --fg-on-danger-disabled: var(--color-sand-300);
149
+ --fg-on-danger-strong: var(--color-sand-50);
150
+ --fg-on-danger-strong-hovered: white;
151
+ --fg-on-danger-strong-pressed: white;
152
+ --fg-on-danger-strong-disabled: var(--color-sand-300);
153
+ --border-strong: var(--color-sand-800);
154
+ --border-strong-hovered: var(--color-sand-900);
155
+ --border-strong-pressed: var(--color-sand-950);
156
+ --border-strong-disabled: var(--color-sand-300);
157
+ --border-normal: var(--color-sand-300);
158
+ --border-normal-hovered: var(--color-sand-400);
159
+ --border-normal-pressed: var(--color-sand-500);
160
+ --border-normal-disabled: var(--color-sand-100);
161
+ --border-subtle: var(--color-sand-100);
162
+ --border-subtle-hovered: var(--color-sand-200);
163
+ --border-subtle-pressed: var(--color-sand-300);
164
+ --border-subtle-disabled: var(--color-sand-50);
165
+ --border-brand-subtle: var(--color-blue-300);
166
+ --border-brand-subtle-hovered: var(--color-blue-400);
167
+ --border-brand-subtle-pressed: var(--color-blue-500);
168
+ --border-brand-subtle-disabled: var(--color-blue-200);
169
+ --border-brand: var(--color-blue-600);
170
+ --border-brand-hovered: var(--color-blue-700);
171
+ --border-brand-pressed: var(--color-blue-800);
172
+ --border-brand-disabled: var(--color-blue-200);
173
+ --border-brand-strong: var(--color-blue-800);
174
+ --border-brand-strong-hovered: var(--color-blue-900);
175
+ --border-brand-strong-pressed: var(--color-blue-950);
176
+ --border-brand-strong-disabled: var(--color-blue-400);
177
+ --border-success: var(--color-green-300);
178
+ --border-success-hovered: var(--color-green-400);
179
+ --border-success-pressed: var(--color-green-500);
180
+ --border-success-disabled: var(--color-green-200);
181
+ --border-warning: var(--color-amber-300);
182
+ --border-warning-hovered: var(--color-amber-400);
183
+ --border-warning-pressed: var(--color-amber-500);
184
+ --border-warning-disabled: var(--color-amber-200);
185
+ --border-danger: var(--color-red-300);
186
+ --border-danger-hovered: var(--color-red-400);
187
+ --border-danger-pressed: var(--color-red-500);
188
+ --border-danger-disabled: var(--color-red-200);
189
+ --focus-ring: var(--color-blue-500);
190
+ }
191
+
192
+ :root[data-theme="dark"] {
193
+ --bg-strong: var(--color-sand-200);
194
+ --bg-strong-hovered: var(--color-sand-100);
195
+ --bg-strong-pressed: var(--color-sand-50);
196
+ --bg-strong-disabled: var(--color-sand-600);
197
+ --bg-normal: var(--color-sand-900);
198
+ --bg-normal-hovered: var(--color-sand-800);
199
+ --bg-normal-pressed: var(--color-sand-700);
200
+ --bg-normal-disabled: var(--color-sand-900);
201
+ --bg-subtle: var(--color-sand-800);
202
+ --bg-subtle-hovered: var(--color-sand-700);
203
+ --bg-subtle-pressed: var(--color-sand-600);
204
+ --bg-subtle-disabled: var(--color-sand-800);
205
+ --bg-brand-subtle: var(--color-blue-950);
206
+ --bg-brand-subtle-hovered: var(--color-blue-900);
207
+ --bg-brand-subtle-pressed: var(--color-blue-800);
208
+ --bg-brand-subtle-disabled: var(--color-blue-950);
209
+ --bg-brand: var(--color-blue-500);
210
+ --bg-brand-hovered: var(--color-blue-600);
211
+ --bg-brand-pressed: var(--color-blue-700);
212
+ --bg-brand-disabled: var(--color-blue-800);
213
+ --bg-brand-strong: var(--color-blue-300);
214
+ --bg-brand-strong-hovered: var(--color-blue-200);
215
+ --bg-brand-strong-pressed: var(--color-blue-100);
216
+ --bg-brand-strong-disabled: var(--color-blue-600);
217
+ --bg-success-subtle: var(--color-green-950);
218
+ --bg-success-subtle-hovered: var(--color-green-900);
219
+ --bg-success-subtle-pressed: var(--color-green-800);
220
+ --bg-success-subtle-disabled: var(--color-green-950);
221
+ --bg-success: var(--color-green-500);
222
+ --bg-success-hovered: var(--color-green-600);
223
+ --bg-success-pressed: var(--color-green-700);
224
+ --bg-success-disabled: var(--color-green-800);
225
+ --bg-success-strong: var(--color-green-300);
226
+ --bg-success-strong-hovered: var(--color-green-200);
227
+ --bg-success-strong-pressed: var(--color-green-100);
228
+ --bg-success-strong-disabled: var(--color-green-600);
229
+ --bg-warning-subtle: var(--color-amber-950);
230
+ --bg-warning-subtle-hovered: var(--color-amber-900);
231
+ --bg-warning-subtle-pressed: var(--color-amber-800);
232
+ --bg-warning-subtle-disabled: var(--color-amber-950);
233
+ --bg-warning: var(--color-amber-500);
234
+ --bg-warning-hovered: var(--color-amber-600);
235
+ --bg-warning-pressed: var(--color-amber-700);
236
+ --bg-warning-disabled: var(--color-amber-800);
237
+ --bg-warning-strong: var(--color-amber-300);
238
+ --bg-warning-strong-hovered: var(--color-amber-200);
239
+ --bg-warning-strong-pressed: var(--color-amber-100);
240
+ --bg-warning-strong-disabled: var(--color-amber-600);
241
+ --bg-danger-subtle: var(--color-red-950);
242
+ --bg-danger-subtle-hovered: var(--color-red-900);
243
+ --bg-danger-subtle-pressed: var(--color-red-800);
244
+ --bg-danger-subtle-disabled: var(--color-red-950);
245
+ --bg-danger: var(--color-red-500);
246
+ --bg-danger-hovered: var(--color-red-600);
247
+ --bg-danger-pressed: var(--color-red-700);
248
+ --bg-danger-disabled: var(--color-red-800);
249
+ --bg-danger-strong: var(--color-red-300);
250
+ --bg-danger-strong-hovered: var(--color-red-200);
251
+ --bg-danger-strong-pressed: var(--color-red-100);
252
+ --bg-danger-strong-disabled: var(--color-red-600);
253
+ --bg-overlay: rgba(0, 0, 0, 0.6);
254
+ --fg-strong: var(--color-sand-50);
255
+ --fg-strong-hovered: white;
256
+ --fg-strong-pressed: white;
257
+ --fg-strong-disabled: var(--color-sand-500);
258
+ --fg-on-strong: var(--color-sand-900);
259
+ --fg-on-strong-hovered: var(--color-sand-950);
260
+ --fg-on-strong-pressed: black;
261
+ --fg-on-strong-disabled: var(--color-sand-500);
262
+ --fg-normal: var(--color-sand-50);
263
+ --fg-normal-hovered: white;
264
+ --fg-normal-pressed: white;
265
+ --fg-normal-disabled: var(--color-sand-500);
266
+ --fg-subtle: var(--color-sand-400);
267
+ --fg-subtle-hovered: var(--color-sand-300);
268
+ --fg-subtle-pressed: var(--color-sand-200);
269
+ --fg-subtle-disabled: var(--color-sand-600);
270
+ --fg-brand: var(--color-blue-300);
271
+ --fg-brand-hovered: var(--color-blue-200);
272
+ --fg-brand-pressed: var(--color-blue-100);
273
+ --fg-brand-disabled: var(--color-blue-700);
274
+ --fg-on-brand-subtle: var(--color-blue-300);
275
+ --fg-on-brand-subtle-hovered: var(--color-blue-200);
276
+ --fg-on-brand-subtle-pressed: var(--color-blue-100);
277
+ --fg-on-brand-subtle-disabled: var(--color-blue-700);
278
+ --fg-on-brand: white;
279
+ --fg-on-brand-hovered: white;
280
+ --fg-on-brand-pressed: white;
281
+ --fg-on-brand-disabled: var(--color-sand-400);
282
+ --fg-on-brand-strong: var(--color-sand-900);
283
+ --fg-on-brand-strong-hovered: var(--color-sand-950);
284
+ --fg-on-brand-strong-pressed: black;
285
+ --fg-on-brand-strong-disabled: var(--color-sand-500);
286
+ --fg-success: var(--color-green-300);
287
+ --fg-success-hovered: var(--color-green-200);
288
+ --fg-success-pressed: var(--color-green-100);
289
+ --fg-success-disabled: var(--color-green-700);
290
+ --fg-on-success-subtle: var(--color-green-300);
291
+ --fg-on-success-subtle-hovered: var(--color-green-200);
292
+ --fg-on-success-subtle-pressed: var(--color-green-100);
293
+ --fg-on-success-subtle-disabled: var(--color-green-700);
294
+ --fg-on-success: white;
295
+ --fg-on-success-hovered: white;
296
+ --fg-on-success-pressed: white;
297
+ --fg-on-success-disabled: var(--color-sand-500);
298
+ --fg-on-success-strong: var(--color-sand-900);
299
+ --fg-on-success-strong-hovered: var(--color-sand-950);
300
+ --fg-on-success-strong-pressed: black;
301
+ --fg-on-success-strong-disabled: var(--color-sand-500);
302
+ --fg-warning: var(--color-amber-300);
303
+ --fg-warning-hovered: var(--color-amber-200);
304
+ --fg-warning-pressed: var(--color-amber-100);
305
+ --fg-warning-disabled: var(--color-amber-700);
306
+ --fg-on-warning-subtle: var(--color-amber-300);
307
+ --fg-on-warning-subtle-hovered: var(--color-amber-200);
308
+ --fg-on-warning-subtle-pressed: var(--color-amber-100);
309
+ --fg-on-warning-subtle-disabled: var(--color-amber-700);
310
+ --fg-on-warning: white;
311
+ --fg-on-warning-hovered: white;
312
+ --fg-on-warning-pressed: white;
313
+ --fg-on-warning-disabled: var(--color-sand-500);
314
+ --fg-on-warning-strong: var(--color-sand-900);
315
+ --fg-on-warning-strong-hovered: var(--color-sand-950);
316
+ --fg-on-warning-strong-pressed: black;
317
+ --fg-on-warning-strong-disabled: var(--color-sand-500);
318
+ --fg-danger: var(--color-red-300);
319
+ --fg-danger-hovered: var(--color-red-200);
320
+ --fg-danger-pressed: var(--color-red-100);
321
+ --fg-danger-disabled: var(--color-red-700);
322
+ --fg-on-danger-subtle: var(--color-red-300);
323
+ --fg-on-danger-subtle-hovered: var(--color-red-200);
324
+ --fg-on-danger-subtle-pressed: var(--color-red-100);
325
+ --fg-on-danger-subtle-disabled: var(--color-red-700);
326
+ --fg-on-danger: white;
327
+ --fg-on-danger-hovered: white;
328
+ --fg-on-danger-pressed: white;
329
+ --fg-on-danger-disabled: var(--color-sand-500);
330
+ --fg-on-danger-strong: var(--color-sand-900);
331
+ --fg-on-danger-strong-hovered: var(--color-sand-950);
332
+ --fg-on-danger-strong-pressed: black;
333
+ --fg-on-danger-strong-disabled: var(--color-sand-500);
334
+ --border-strong: var(--color-sand-200);
335
+ --border-strong-hovered: var(--color-sand-100);
336
+ --border-strong-pressed: var(--color-sand-50);
337
+ --border-strong-disabled: var(--color-sand-600);
338
+ --border-normal: var(--color-sand-700);
339
+ --border-normal-hovered: var(--color-sand-600);
340
+ --border-normal-pressed: var(--color-sand-500);
341
+ --border-normal-disabled: var(--color-sand-800);
342
+ --border-subtle: var(--color-sand-800);
343
+ --border-subtle-hovered: var(--color-sand-700);
344
+ --border-subtle-pressed: var(--color-sand-600);
345
+ --border-subtle-disabled: var(--color-sand-900);
346
+ --border-brand-subtle: var(--color-blue-700);
347
+ --border-brand-subtle-hovered: var(--color-blue-600);
348
+ --border-brand-subtle-pressed: var(--color-blue-500);
349
+ --border-brand-subtle-disabled: var(--color-blue-800);
350
+ --border-brand: var(--color-blue-500);
351
+ --border-brand-hovered: var(--color-blue-400);
352
+ --border-brand-pressed: var(--color-blue-300);
353
+ --border-brand-disabled: var(--color-blue-800);
354
+ --border-brand-strong: var(--color-blue-300);
355
+ --border-brand-strong-hovered: var(--color-blue-200);
356
+ --border-brand-strong-pressed: var(--color-blue-100);
357
+ --border-brand-strong-disabled: var(--color-blue-600);
358
+ --border-success: var(--color-green-700);
359
+ --border-success-hovered: var(--color-green-600);
360
+ --border-success-pressed: var(--color-green-500);
361
+ --border-success-disabled: var(--color-green-800);
362
+ --border-warning: var(--color-amber-700);
363
+ --border-warning-hovered: var(--color-amber-600);
364
+ --border-warning-pressed: var(--color-amber-500);
365
+ --border-warning-disabled: var(--color-amber-800);
366
+ --border-danger: var(--color-red-700);
367
+ --border-danger-hovered: var(--color-red-600);
368
+ --border-danger-pressed: var(--color-red-500);
369
+ --border-danger-disabled: var(--color-red-800);
370
+ --focus-ring: var(--color-blue-400);
371
+ }