@sixthshift/design-system 0.2.1 → 0.3.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 (288) hide show
  1. package/README.md +135 -28
  2. package/dist/components/Badge/Badge.d.ts +5 -2
  3. package/dist/components/Badge/Badge.d.ts.map +1 -1
  4. package/dist/components/Badge/Badge.js +5 -3
  5. package/dist/components/Badge/Badge.js.map +1 -1
  6. package/dist/components/BarChart/BarChart.d.ts +8 -2
  7. package/dist/components/BarChart/BarChart.d.ts.map +1 -1
  8. package/dist/components/BarChart/BarChart.js +5 -3
  9. package/dist/components/BarChart/BarChart.js.map +1 -1
  10. package/dist/components/Calendar/Calendar.d.ts +17 -1
  11. package/dist/components/Calendar/Calendar.d.ts.map +1 -1
  12. package/dist/components/Calendar/Calendar.js +80 -225
  13. package/dist/components/Calendar/Calendar.js.map +1 -1
  14. package/dist/components/Calendar/CalendarView.d.ts +15 -0
  15. package/dist/components/Calendar/CalendarView.d.ts.map +1 -0
  16. package/dist/components/Calendar/CalendarView.js +255 -0
  17. package/dist/components/Calendar/CalendarView.js.map +1 -0
  18. package/dist/components/Calendar/calendar.types.d.ts +78 -27
  19. package/dist/components/Calendar/calendar.types.d.ts.map +1 -1
  20. package/dist/components/Calendar/calendar.types.js +10 -3
  21. package/dist/components/Calendar/calendar.types.js.map +1 -1
  22. package/dist/components/Calendar/index.d.ts +16 -2
  23. package/dist/components/Calendar/index.d.ts.map +1 -1
  24. package/dist/components/Calendar/index.js +15 -1
  25. package/dist/components/Calendar/index.js.map +1 -1
  26. package/dist/components/ColorDot/ColorDot.d.ts +9 -3
  27. package/dist/components/ColorDot/ColorDot.d.ts.map +1 -1
  28. package/dist/components/ColorDot/ColorDot.js +5 -3
  29. package/dist/components/ColorDot/ColorDot.js.map +1 -1
  30. package/dist/components/DatePicker/DatePicker.d.ts +2 -2
  31. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  32. package/dist/components/DatePicker/DatePicker.js +65 -10
  33. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  34. package/dist/components/DatePicker/datepicker.types.d.ts +34 -36
  35. package/dist/components/DatePicker/datepicker.types.d.ts.map +1 -1
  36. package/dist/components/DatePicker/datepicker.types.js +5 -3
  37. package/dist/components/DatePicker/datepicker.types.js.map +1 -1
  38. package/dist/components/DatePicker/index.d.ts +10 -1
  39. package/dist/components/DatePicker/index.d.ts.map +1 -1
  40. package/dist/components/DatePicker/index.js +8 -0
  41. package/dist/components/DatePicker/index.js.map +1 -1
  42. package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -2
  43. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  44. package/dist/components/DateRangePicker/DateRangePicker.js +17 -21
  45. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  46. package/dist/components/DateRangePicker/daterangepicker.types.d.ts +20 -20
  47. package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map +1 -1
  48. package/dist/components/DateRangePicker/daterangepicker.types.js +6 -0
  49. package/dist/components/DateRangePicker/daterangepicker.types.js.map +1 -1
  50. package/dist/components/DateRangePicker/index.d.ts +8 -1
  51. package/dist/components/DateRangePicker/index.d.ts.map +1 -1
  52. package/dist/components/DateRangePicker/index.js +6 -0
  53. package/dist/components/DateRangePicker/index.js.map +1 -1
  54. package/dist/components/DateTimePicker/DateTimePicker.d.ts +3 -3
  55. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  56. package/dist/components/DateTimePicker/DateTimePicker.js +30 -12
  57. package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
  58. package/dist/components/DateTimePicker/datetimepicker.types.d.ts +20 -17
  59. package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map +1 -1
  60. package/dist/components/DateTimePicker/datetimepicker.types.js +10 -0
  61. package/dist/components/DateTimePicker/datetimepicker.types.js.map +1 -1
  62. package/dist/components/DateTimePicker/index.d.ts +8 -1
  63. package/dist/components/DateTimePicker/index.d.ts.map +1 -1
  64. package/dist/components/DateTimePicker/index.js +6 -0
  65. package/dist/components/DateTimePicker/index.js.map +1 -1
  66. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +3 -3
  67. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
  68. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +41 -20
  69. package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
  70. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts +22 -18
  71. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts.map +1 -1
  72. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js +8 -0
  73. package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js.map +1 -1
  74. package/dist/components/DateTimeRangePicker/index.d.ts +8 -0
  75. package/dist/components/DateTimeRangePicker/index.d.ts.map +1 -1
  76. package/dist/components/DateTimeRangePicker/index.js +7 -0
  77. package/dist/components/DateTimeRangePicker/index.js.map +1 -1
  78. package/dist/components/EmptyState/EmptyState.d.ts +16 -5
  79. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  80. package/dist/components/EmptyState/EmptyState.js +5 -3
  81. package/dist/components/EmptyState/EmptyState.js.map +1 -1
  82. package/dist/components/Field/Field.d.ts +3 -3
  83. package/dist/components/Field/Field.d.ts.map +1 -1
  84. package/dist/components/Field/Field.js +6 -4
  85. package/dist/components/Field/Field.js.map +1 -1
  86. package/dist/components/LineChart/LineChart.d.ts +18 -2
  87. package/dist/components/LineChart/LineChart.d.ts.map +1 -1
  88. package/dist/components/LineChart/LineChart.js +5 -3
  89. package/dist/components/LineChart/LineChart.js.map +1 -1
  90. package/dist/components/Markdown/Markdown.d.ts +2 -4
  91. package/dist/components/Markdown/Markdown.d.ts.map +1 -1
  92. package/dist/components/Markdown/Markdown.js +3 -2
  93. package/dist/components/Markdown/Markdown.js.map +1 -1
  94. package/dist/components/Message/Message.d.ts.map +1 -1
  95. package/dist/components/Message/Message.js +16 -1
  96. package/dist/components/Message/Message.js.map +1 -1
  97. package/dist/components/MetricList/MetricList.d.ts +3 -3
  98. package/dist/components/MetricList/MetricList.d.ts.map +1 -1
  99. package/dist/components/MetricList/MetricList.js +5 -3
  100. package/dist/components/MetricList/MetricList.js.map +1 -1
  101. package/dist/components/Modal/Modal.d.ts +24 -5
  102. package/dist/components/Modal/Modal.d.ts.map +1 -1
  103. package/dist/components/Modal/Modal.js +16 -6
  104. package/dist/components/Modal/Modal.js.map +1 -1
  105. package/dist/components/Modal/components/ModalContext.d.ts +14 -0
  106. package/dist/components/Modal/components/ModalContext.d.ts.map +1 -1
  107. package/dist/components/Modal/components/ModalContext.js.map +1 -1
  108. package/dist/components/Modal/components/ModalHeader.d.ts.map +1 -1
  109. package/dist/components/Modal/components/ModalHeader.js +13 -2
  110. package/dist/components/Modal/components/ModalHeader.js.map +1 -1
  111. package/dist/components/NavBottom/NavBottom.d.ts +2 -1
  112. package/dist/components/NavBottom/NavBottom.d.ts.map +1 -1
  113. package/dist/components/NavBottom/NavBottom.js +6 -4
  114. package/dist/components/NavBottom/NavBottom.js.map +1 -1
  115. package/dist/components/NavSide/NavItem.js +1 -1
  116. package/dist/components/NavSide/NavItem.js.map +1 -1
  117. package/dist/components/NavSide/NavSide.d.ts +2 -1
  118. package/dist/components/NavSide/NavSide.d.ts.map +1 -1
  119. package/dist/components/NavSide/NavSide.js +5 -3
  120. package/dist/components/NavSide/NavSide.js.map +1 -1
  121. package/dist/components/Popover/Popover.d.ts.map +1 -1
  122. package/dist/components/Popover/Popover.js +7 -0
  123. package/dist/components/Popover/Popover.js.map +1 -1
  124. package/dist/components/Popover/components/PopoverBody.d.ts.map +1 -1
  125. package/dist/components/Popover/components/PopoverBody.js +5 -2
  126. package/dist/components/Popover/components/PopoverBody.js.map +1 -1
  127. package/dist/components/Popover/components/PopoverContext.d.ts +1 -0
  128. package/dist/components/Popover/components/PopoverContext.d.ts.map +1 -1
  129. package/dist/components/Popover/components/PopoverContext.js.map +1 -1
  130. package/dist/components/Popover/components/PopoverTrigger.d.ts.map +1 -1
  131. package/dist/components/Popover/components/PopoverTrigger.js +2 -2
  132. package/dist/components/Popover/components/PopoverTrigger.js.map +1 -1
  133. package/dist/components/ProgressBar/ProgressBar.d.ts +2 -1
  134. package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
  135. package/dist/components/ProgressBar/ProgressBar.js +5 -3
  136. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  137. package/dist/components/Select/Select.d.ts +11 -2
  138. package/dist/components/Select/Select.d.ts.map +1 -1
  139. package/dist/components/Select/Select.js +64 -18
  140. package/dist/components/Select/Select.js.map +1 -1
  141. package/dist/components/Select/SelectDropdown.d.ts +14 -2
  142. package/dist/components/Select/SelectDropdown.d.ts.map +1 -1
  143. package/dist/components/Select/SelectDropdown.js +19 -4
  144. package/dist/components/Select/SelectDropdown.js.map +1 -1
  145. package/dist/components/Select/SelectTrigger.d.ts +10 -3
  146. package/dist/components/Select/SelectTrigger.d.ts.map +1 -1
  147. package/dist/components/Select/SelectTrigger.js +12 -3
  148. package/dist/components/Select/SelectTrigger.js.map +1 -1
  149. package/dist/components/Select/useSelectKeyboard.d.ts +15 -1
  150. package/dist/components/Select/useSelectKeyboard.d.ts.map +1 -1
  151. package/dist/components/Select/useSelectKeyboard.js +73 -65
  152. package/dist/components/Select/useSelectKeyboard.js.map +1 -1
  153. package/dist/components/Sheet/Sheet.d.ts +19 -5
  154. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  155. package/dist/components/Sheet/Sheet.js +18 -6
  156. package/dist/components/Sheet/Sheet.js.map +1 -1
  157. package/dist/components/Sheet/components/SheetContext.d.ts +10 -0
  158. package/dist/components/Sheet/components/SheetContext.d.ts.map +1 -1
  159. package/dist/components/Sheet/components/SheetContext.js.map +1 -1
  160. package/dist/components/Sheet/components/SheetHeader.d.ts.map +1 -1
  161. package/dist/components/Sheet/components/SheetHeader.js +11 -2
  162. package/dist/components/Sheet/components/SheetHeader.js.map +1 -1
  163. package/dist/components/Skeleton/Skeleton.d.ts +2 -1
  164. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
  165. package/dist/components/Skeleton/Skeleton.js +5 -3
  166. package/dist/components/Skeleton/Skeleton.js.map +1 -1
  167. package/dist/components/Sparkline/Sparkline.d.ts +10 -2
  168. package/dist/components/Sparkline/Sparkline.d.ts.map +1 -1
  169. package/dist/components/Sparkline/Sparkline.js +5 -3
  170. package/dist/components/Sparkline/Sparkline.js.map +1 -1
  171. package/dist/components/StatsCard/StatsCard.d.ts +4 -4
  172. package/dist/components/StatsCard/StatsCard.d.ts.map +1 -1
  173. package/dist/components/StatsCard/StatsCard.js +5 -3
  174. package/dist/components/StatsCard/StatsCard.js.map +1 -1
  175. package/dist/components/Tabs/Tabs.d.ts +2 -2
  176. package/dist/components/Tabs/components/TabsList.d.ts +1 -1
  177. package/dist/components/Tabs/components/TabsList.d.ts.map +1 -1
  178. package/dist/components/Tabs/components/TabsList.js +5 -4
  179. package/dist/components/Tabs/components/TabsList.js.map +1 -1
  180. package/dist/components/Tabs/components/TabsPanels.d.ts +1 -1
  181. package/dist/components/Tabs/components/TabsPanels.d.ts.map +1 -1
  182. package/dist/components/Tabs/components/TabsPanels.js +5 -3
  183. package/dist/components/Tabs/components/TabsPanels.js.map +1 -1
  184. package/dist/components/TagChip/TagChip.d.ts +2 -1
  185. package/dist/components/TagChip/TagChip.d.ts.map +1 -1
  186. package/dist/components/TagChip/TagChip.js +5 -3
  187. package/dist/components/TagChip/TagChip.js.map +1 -1
  188. package/dist/components/TagInput/TagInput.d.ts +1 -1
  189. package/dist/components/TagInput/TagInput.d.ts.map +1 -1
  190. package/dist/components/TagInput/TagInput.js +5 -4
  191. package/dist/components/TagInput/TagInput.js.map +1 -1
  192. package/dist/components/TimePicker/TimePicker.d.ts +2 -2
  193. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
  194. package/dist/components/TimePicker/TimePicker.js +27 -11
  195. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  196. package/dist/components/TimePicker/timepicker.types.d.ts +14 -13
  197. package/dist/components/TimePicker/timepicker.types.d.ts.map +1 -1
  198. package/dist/components/TimePicker/timepicker.types.js +4 -3
  199. package/dist/components/TimePicker/timepicker.types.js.map +1 -1
  200. package/dist/date-time/index.d.ts +2 -0
  201. package/dist/date-time/index.d.ts.map +1 -1
  202. package/dist/date-time/index.js +9 -0
  203. package/dist/date-time/index.js.map +1 -1
  204. package/dist/date-time/iso.d.ts +261 -0
  205. package/dist/date-time/iso.d.ts.map +1 -0
  206. package/dist/date-time/iso.js +358 -0
  207. package/dist/date-time/iso.js.map +1 -0
  208. package/dist/date-time/now.d.ts +7 -6
  209. package/dist/date-time/now.d.ts.map +1 -1
  210. package/dist/date-time/now.js +3 -3
  211. package/dist/date-time/now.js.map +1 -1
  212. package/dist/theme/index.d.ts +4 -3
  213. package/dist/theme/index.d.ts.map +1 -1
  214. package/dist/theme/index.js +3 -2
  215. package/dist/theme/index.js.map +1 -1
  216. package/dist/theme/schema.d.ts +70 -32
  217. package/dist/theme/schema.d.ts.map +1 -1
  218. package/dist/theme/schema.js +36 -18
  219. package/dist/theme/schema.js.map +1 -1
  220. package/package.json +9 -15
  221. package/src/components/Badge/Badge.tsx +5 -4
  222. package/src/components/BarChart/BarChart.tsx +25 -30
  223. package/src/components/Calendar/Calendar.tsx +91 -401
  224. package/src/components/Calendar/CalendarView.tsx +445 -0
  225. package/src/components/Calendar/calendar.types.ts +94 -29
  226. package/src/components/Calendar/index.ts +16 -17
  227. package/src/components/ColorDot/ColorDot.tsx +6 -4
  228. package/src/components/DatePicker/DatePicker.tsx +92 -16
  229. package/src/components/DatePicker/datepicker.types.ts +38 -39
  230. package/src/components/DatePicker/index.ts +11 -10
  231. package/src/components/DateRangePicker/DateRangePicker.tsx +17 -21
  232. package/src/components/DateRangePicker/daterangepicker.types.ts +22 -22
  233. package/src/components/DateRangePicker/index.ts +9 -1
  234. package/src/components/DateTimePicker/DateTimePicker.tsx +46 -18
  235. package/src/components/DateTimePicker/datetimepicker.types.ts +22 -18
  236. package/src/components/DateTimePicker/index.ts +9 -1
  237. package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +62 -28
  238. package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +24 -19
  239. package/src/components/DateTimeRangePicker/index.ts +9 -0
  240. package/src/components/EmptyState/EmptyState.tsx +8 -7
  241. package/src/components/Field/Field.tsx +7 -6
  242. package/src/components/LineChart/LineChart.tsx +147 -141
  243. package/src/components/Markdown/Markdown.tsx +4 -3
  244. package/src/components/Message/Message.tsx +17 -1
  245. package/src/components/MetricList/MetricList.tsx +10 -5
  246. package/src/components/Modal/Modal.tsx +119 -87
  247. package/src/components/Modal/components/ModalContext.tsx +14 -0
  248. package/src/components/Modal/components/ModalHeader.tsx +14 -2
  249. package/src/components/NavBottom/NavBottom.tsx +6 -4
  250. package/src/components/NavSide/NavItem.tsx +1 -1
  251. package/src/components/NavSide/NavSide.tsx +5 -3
  252. package/src/components/Popover/Popover.tsx +7 -0
  253. package/src/components/Popover/components/PopoverBody.tsx +6 -1
  254. package/src/components/Popover/components/PopoverContext.tsx +1 -0
  255. package/src/components/Popover/components/PopoverTrigger.tsx +2 -1
  256. package/src/components/ProgressBar/ProgressBar.tsx +32 -28
  257. package/src/components/Select/Select.tsx +76 -19
  258. package/src/components/Select/SelectDropdown.tsx +32 -3
  259. package/src/components/Select/SelectTrigger.tsx +26 -3
  260. package/src/components/Select/useSelectKeyboard.ts +20 -10
  261. package/src/components/Sheet/Sheet.tsx +108 -83
  262. package/src/components/Sheet/components/SheetContext.tsx +10 -0
  263. package/src/components/Sheet/components/SheetHeader.tsx +17 -2
  264. package/src/components/Skeleton/Skeleton.tsx +5 -3
  265. package/src/components/Sparkline/Sparkline.tsx +29 -36
  266. package/src/components/StatsCard/StatsCard.tsx +7 -6
  267. package/src/components/Tabs/components/TabsList.tsx +5 -3
  268. package/src/components/Tabs/components/TabsPanels.tsx +5 -3
  269. package/src/components/TagChip/TagChip.tsx +10 -3
  270. package/src/components/TagInput/TagInput.tsx +5 -3
  271. package/src/components/TimePicker/TimePicker.tsx +31 -13
  272. package/src/components/TimePicker/timepicker.types.ts +14 -13
  273. package/src/date-time/index.ts +61 -0
  274. package/src/date-time/iso.ts +511 -0
  275. package/src/date-time/now.ts +10 -9
  276. package/src/theme/index.ts +11 -3
  277. package/src/theme/schema.ts +82 -54
  278. package/src/theme/tokens.css +807 -0
  279. package/dist/styles.css +0 -2
  280. package/dist/theme.generated.css +0 -438
  281. package/src/styles/base.css +0 -41
  282. package/src/theme/palette.json +0 -100
  283. package/src/theme/palette.schema.json +0 -40
  284. package/src/theme/theme.json +0 -349
  285. package/src/theme/theme.schema.json +0 -876
  286. package/src/theme/typography.json +0 -7
  287. package/src/theme/typography.schema.json +0 -36
  288. package/tailwind.config.ts +0 -261
@@ -1,876 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "title": "PA Theme",
4
- "description": "Color theme definition for Personal Assistant",
5
- "type": "object",
6
- "required": ["name", "version", "light", "dark"],
7
- "properties": {
8
- "$schema": {
9
- "type": "string"
10
- },
11
- "name": {
12
- "type": "string",
13
- "description": "Theme name"
14
- },
15
- "version": {
16
- "type": "string",
17
- "description": "Theme version (semver)",
18
- "pattern": "^\\d+\\.\\d+\\.\\d+$"
19
- },
20
- "light": {
21
- "$ref": "#/$defs/colorMode",
22
- "description": "Light mode colors"
23
- },
24
- "dark": {
25
- "$ref": "#/$defs/colorMode",
26
- "description": "Dark mode colors"
27
- }
28
- },
29
- "$defs": {
30
- "colorValue": {
31
- "type": "string",
32
- "pattern": "^(#[0-9a-fA-F]{6}|var\\(--color-[a-z]+-\\d+\\)|white|black|rgba\\(\\d+,\\s*\\d+,\\s*\\d+,\\s*[\\d.]+\\))$",
33
- "description": "Hex color (#818cf8), CSS variable (var(--color-ocean-700)), keyword (white, black), or rgba()"
34
- },
35
- "colorMode": {
36
- "type": "object",
37
- "description": "Colors for a specific mode (light/dark)",
38
- "required": [
39
- "bg-strong",
40
- "bg-strong-hovered",
41
- "bg-strong-pressed",
42
- "bg-strong-disabled",
43
- "bg-normal",
44
- "bg-normal-hovered",
45
- "bg-normal-pressed",
46
- "bg-normal-disabled",
47
- "bg-subtle",
48
- "bg-subtle-hovered",
49
- "bg-subtle-pressed",
50
- "bg-subtle-disabled",
51
- "bg-brand-subtle",
52
- "bg-brand-subtle-hovered",
53
- "bg-brand-subtle-pressed",
54
- "bg-brand-subtle-disabled",
55
- "bg-brand",
56
- "bg-brand-hovered",
57
- "bg-brand-pressed",
58
- "bg-brand-disabled",
59
- "bg-brand-strong",
60
- "bg-brand-strong-hovered",
61
- "bg-brand-strong-pressed",
62
- "bg-brand-strong-disabled",
63
- "bg-success-subtle",
64
- "bg-success-subtle-hovered",
65
- "bg-success-subtle-pressed",
66
- "bg-success-subtle-disabled",
67
- "bg-success",
68
- "bg-success-hovered",
69
- "bg-success-pressed",
70
- "bg-success-disabled",
71
- "bg-success-strong",
72
- "bg-success-strong-hovered",
73
- "bg-success-strong-pressed",
74
- "bg-success-strong-disabled",
75
- "bg-warning-subtle",
76
- "bg-warning-subtle-hovered",
77
- "bg-warning-subtle-pressed",
78
- "bg-warning-subtle-disabled",
79
- "bg-warning",
80
- "bg-warning-hovered",
81
- "bg-warning-pressed",
82
- "bg-warning-disabled",
83
- "bg-warning-strong",
84
- "bg-warning-strong-hovered",
85
- "bg-warning-strong-pressed",
86
- "bg-warning-strong-disabled",
87
- "bg-danger-subtle",
88
- "bg-danger-subtle-hovered",
89
- "bg-danger-subtle-pressed",
90
- "bg-danger-subtle-disabled",
91
- "bg-danger",
92
- "bg-danger-hovered",
93
- "bg-danger-pressed",
94
- "bg-danger-disabled",
95
- "bg-danger-strong",
96
- "bg-danger-strong-hovered",
97
- "bg-danger-strong-pressed",
98
- "bg-danger-strong-disabled",
99
- "fg-strong",
100
- "fg-strong-hovered",
101
- "fg-strong-pressed",
102
- "fg-strong-disabled",
103
- "fg-on-strong",
104
- "fg-on-strong-hovered",
105
- "fg-on-strong-pressed",
106
- "fg-on-strong-disabled",
107
- "fg-normal",
108
- "fg-normal-hovered",
109
- "fg-normal-pressed",
110
- "fg-normal-disabled",
111
- "fg-subtle",
112
- "fg-subtle-hovered",
113
- "fg-subtle-pressed",
114
- "fg-subtle-disabled",
115
- "fg-brand",
116
- "fg-brand-hovered",
117
- "fg-brand-pressed",
118
- "fg-brand-disabled",
119
- "fg-on-brand-subtle",
120
- "fg-on-brand-subtle-hovered",
121
- "fg-on-brand-subtle-pressed",
122
- "fg-on-brand-subtle-disabled",
123
- "fg-on-brand",
124
- "fg-on-brand-hovered",
125
- "fg-on-brand-pressed",
126
- "fg-on-brand-disabled",
127
- "fg-on-brand-strong",
128
- "fg-on-brand-strong-hovered",
129
- "fg-on-brand-strong-pressed",
130
- "fg-on-brand-strong-disabled",
131
- "fg-success",
132
- "fg-success-hovered",
133
- "fg-success-pressed",
134
- "fg-success-disabled",
135
- "fg-on-success-subtle",
136
- "fg-on-success-subtle-hovered",
137
- "fg-on-success-subtle-pressed",
138
- "fg-on-success-subtle-disabled",
139
- "fg-on-success",
140
- "fg-on-success-hovered",
141
- "fg-on-success-pressed",
142
- "fg-on-success-disabled",
143
- "fg-warning",
144
- "fg-warning-hovered",
145
- "fg-warning-pressed",
146
- "fg-warning-disabled",
147
- "fg-on-warning-subtle",
148
- "fg-on-warning-subtle-hovered",
149
- "fg-on-warning-subtle-pressed",
150
- "fg-on-warning-subtle-disabled",
151
- "fg-on-warning",
152
- "fg-on-warning-hovered",
153
- "fg-on-warning-pressed",
154
- "fg-on-warning-disabled",
155
- "fg-danger",
156
- "fg-danger-hovered",
157
- "fg-danger-pressed",
158
- "fg-danger-disabled",
159
- "fg-on-danger-subtle",
160
- "fg-on-danger-subtle-hovered",
161
- "fg-on-danger-subtle-pressed",
162
- "fg-on-danger-subtle-disabled",
163
- "fg-on-danger",
164
- "fg-on-danger-hovered",
165
- "fg-on-danger-pressed",
166
- "fg-on-danger-disabled",
167
- "border-strong",
168
- "border-strong-hovered",
169
- "border-strong-pressed",
170
- "border-strong-disabled",
171
- "border-normal",
172
- "border-normal-hovered",
173
- "border-normal-pressed",
174
- "border-normal-disabled",
175
- "border-subtle",
176
- "border-subtle-hovered",
177
- "border-subtle-pressed",
178
- "border-subtle-disabled",
179
- "border-brand-subtle",
180
- "border-brand-subtle-hovered",
181
- "border-brand-subtle-pressed",
182
- "border-brand-subtle-disabled",
183
- "border-brand",
184
- "border-brand-hovered",
185
- "border-brand-pressed",
186
- "border-brand-disabled",
187
- "border-brand-strong",
188
- "border-brand-strong-hovered",
189
- "border-brand-strong-pressed",
190
- "border-brand-strong-disabled",
191
- "border-success",
192
- "border-success-hovered",
193
- "border-success-pressed",
194
- "border-success-disabled",
195
- "border-warning",
196
- "border-warning-hovered",
197
- "border-warning-pressed",
198
- "border-warning-disabled",
199
- "border-danger",
200
- "border-danger-hovered",
201
- "border-danger-pressed",
202
- "border-danger-disabled",
203
- "focus-ring",
204
- "bg-overlay"
205
- ],
206
- "properties": {
207
- "bg-strong": {
208
- "$ref": "#/$defs/colorValue",
209
- "description": "Strong background - primary actions, high emphasis"
210
- },
211
- "bg-strong-hovered": {
212
- "$ref": "#/$defs/colorValue",
213
- "description": "Strong background - hovered state"
214
- },
215
- "bg-strong-pressed": {
216
- "$ref": "#/$defs/colorValue",
217
- "description": "Strong background - pressed state"
218
- },
219
- "bg-strong-disabled": {
220
- "$ref": "#/$defs/colorValue",
221
- "description": "Strong background - disabled state"
222
- },
223
- "bg-normal": {
224
- "$ref": "#/$defs/colorValue",
225
- "description": "Normal background - default surfaces"
226
- },
227
- "bg-normal-hovered": {
228
- "$ref": "#/$defs/colorValue",
229
- "description": "Normal background - hovered state"
230
- },
231
- "bg-normal-pressed": {
232
- "$ref": "#/$defs/colorValue",
233
- "description": "Normal background - pressed state"
234
- },
235
- "bg-normal-disabled": {
236
- "$ref": "#/$defs/colorValue",
237
- "description": "Normal background - disabled state"
238
- },
239
- "bg-subtle": {
240
- "$ref": "#/$defs/colorValue",
241
- "description": "Subtle background - low emphasis, muted areas"
242
- },
243
- "bg-subtle-hovered": {
244
- "$ref": "#/$defs/colorValue",
245
- "description": "Subtle background - hovered state"
246
- },
247
- "bg-subtle-pressed": {
248
- "$ref": "#/$defs/colorValue",
249
- "description": "Subtle background - pressed state"
250
- },
251
- "bg-subtle-disabled": {
252
- "$ref": "#/$defs/colorValue",
253
- "description": "Subtle background - disabled state"
254
- },
255
- "bg-brand-subtle": {
256
- "$ref": "#/$defs/colorValue",
257
- "description": "Brand background subtle - light brand tint"
258
- },
259
- "bg-brand-subtle-hovered": {
260
- "$ref": "#/$defs/colorValue",
261
- "description": "Brand background subtle - hovered state"
262
- },
263
- "bg-brand-subtle-pressed": {
264
- "$ref": "#/$defs/colorValue",
265
- "description": "Brand background subtle - pressed state"
266
- },
267
- "bg-brand-subtle-disabled": {
268
- "$ref": "#/$defs/colorValue",
269
- "description": "Brand background subtle - disabled state"
270
- },
271
- "bg-brand": {
272
- "$ref": "#/$defs/colorValue",
273
- "description": "Brand background - primary brand color"
274
- },
275
- "bg-brand-hovered": {
276
- "$ref": "#/$defs/colorValue",
277
- "description": "Brand background - hovered state"
278
- },
279
- "bg-brand-pressed": {
280
- "$ref": "#/$defs/colorValue",
281
- "description": "Brand background - pressed state"
282
- },
283
- "bg-brand-disabled": {
284
- "$ref": "#/$defs/colorValue",
285
- "description": "Brand background - disabled state"
286
- },
287
- "bg-brand-strong": {
288
- "$ref": "#/$defs/colorValue",
289
- "description": "Brand background strong - dark brand emphasis"
290
- },
291
- "bg-brand-strong-hovered": {
292
- "$ref": "#/$defs/colorValue",
293
- "description": "Brand background strong - hovered state"
294
- },
295
- "bg-brand-strong-pressed": {
296
- "$ref": "#/$defs/colorValue",
297
- "description": "Brand background strong - pressed state"
298
- },
299
- "bg-brand-strong-disabled": {
300
- "$ref": "#/$defs/colorValue",
301
- "description": "Brand background strong - disabled state"
302
- },
303
- "bg-success-subtle": {
304
- "$ref": "#/$defs/colorValue",
305
- "description": "Success background subtle - light success tint"
306
- },
307
- "bg-success-subtle-hovered": {
308
- "$ref": "#/$defs/colorValue",
309
- "description": "Success background subtle - hovered state"
310
- },
311
- "bg-success-subtle-pressed": {
312
- "$ref": "#/$defs/colorValue",
313
- "description": "Success background subtle - pressed state"
314
- },
315
- "bg-success-subtle-disabled": {
316
- "$ref": "#/$defs/colorValue",
317
- "description": "Success background subtle - disabled state"
318
- },
319
- "bg-success": {
320
- "$ref": "#/$defs/colorValue",
321
- "description": "Success background - solid success for buttons"
322
- },
323
- "bg-success-hovered": {
324
- "$ref": "#/$defs/colorValue",
325
- "description": "Success background - hovered state"
326
- },
327
- "bg-success-pressed": {
328
- "$ref": "#/$defs/colorValue",
329
- "description": "Success background - pressed state"
330
- },
331
- "bg-success-disabled": {
332
- "$ref": "#/$defs/colorValue",
333
- "description": "Success background - disabled state"
334
- },
335
- "bg-success-strong": {
336
- "$ref": "#/$defs/colorValue",
337
- "description": "Success background strong - dark success emphasis"
338
- },
339
- "bg-success-strong-hovered": {
340
- "$ref": "#/$defs/colorValue",
341
- "description": "Success background strong - hovered state"
342
- },
343
- "bg-success-strong-pressed": {
344
- "$ref": "#/$defs/colorValue",
345
- "description": "Success background strong - pressed state"
346
- },
347
- "bg-success-strong-disabled": {
348
- "$ref": "#/$defs/colorValue",
349
- "description": "Success background strong - disabled state"
350
- },
351
- "bg-warning-subtle": {
352
- "$ref": "#/$defs/colorValue",
353
- "description": "Warning background subtle - light warning tint"
354
- },
355
- "bg-warning-subtle-hovered": {
356
- "$ref": "#/$defs/colorValue",
357
- "description": "Warning background subtle - hovered state"
358
- },
359
- "bg-warning-subtle-pressed": {
360
- "$ref": "#/$defs/colorValue",
361
- "description": "Warning background subtle - pressed state"
362
- },
363
- "bg-warning-subtle-disabled": {
364
- "$ref": "#/$defs/colorValue",
365
- "description": "Warning background subtle - disabled state"
366
- },
367
- "bg-warning": {
368
- "$ref": "#/$defs/colorValue",
369
- "description": "Warning background - solid warning for buttons"
370
- },
371
- "bg-warning-hovered": {
372
- "$ref": "#/$defs/colorValue",
373
- "description": "Warning background - hovered state"
374
- },
375
- "bg-warning-pressed": {
376
- "$ref": "#/$defs/colorValue",
377
- "description": "Warning background - pressed state"
378
- },
379
- "bg-warning-disabled": {
380
- "$ref": "#/$defs/colorValue",
381
- "description": "Warning background - disabled state"
382
- },
383
- "bg-warning-strong": {
384
- "$ref": "#/$defs/colorValue",
385
- "description": "Warning background strong - dark warning emphasis"
386
- },
387
- "bg-warning-strong-hovered": {
388
- "$ref": "#/$defs/colorValue",
389
- "description": "Warning background strong - hovered state"
390
- },
391
- "bg-warning-strong-pressed": {
392
- "$ref": "#/$defs/colorValue",
393
- "description": "Warning background strong - pressed state"
394
- },
395
- "bg-warning-strong-disabled": {
396
- "$ref": "#/$defs/colorValue",
397
- "description": "Warning background strong - disabled state"
398
- },
399
- "bg-danger-subtle": {
400
- "$ref": "#/$defs/colorValue",
401
- "description": "Danger background subtle - light danger tint"
402
- },
403
- "bg-danger-subtle-hovered": {
404
- "$ref": "#/$defs/colorValue",
405
- "description": "Danger background subtle - hovered state"
406
- },
407
- "bg-danger-subtle-pressed": {
408
- "$ref": "#/$defs/colorValue",
409
- "description": "Danger background subtle - pressed state"
410
- },
411
- "bg-danger-subtle-disabled": {
412
- "$ref": "#/$defs/colorValue",
413
- "description": "Danger background subtle - disabled state"
414
- },
415
- "bg-danger": {
416
- "$ref": "#/$defs/colorValue",
417
- "description": "Danger background - solid danger for buttons"
418
- },
419
- "bg-danger-hovered": {
420
- "$ref": "#/$defs/colorValue",
421
- "description": "Danger background - hovered state"
422
- },
423
- "bg-danger-pressed": {
424
- "$ref": "#/$defs/colorValue",
425
- "description": "Danger background - pressed state"
426
- },
427
- "bg-danger-disabled": {
428
- "$ref": "#/$defs/colorValue",
429
- "description": "Danger background - disabled state"
430
- },
431
- "bg-danger-strong": {
432
- "$ref": "#/$defs/colorValue",
433
- "description": "Danger background strong - dark danger emphasis"
434
- },
435
- "bg-danger-strong-hovered": {
436
- "$ref": "#/$defs/colorValue",
437
- "description": "Danger background strong - hovered state"
438
- },
439
- "bg-danger-strong-pressed": {
440
- "$ref": "#/$defs/colorValue",
441
- "description": "Danger background strong - pressed state"
442
- },
443
- "bg-danger-strong-disabled": {
444
- "$ref": "#/$defs/colorValue",
445
- "description": "Danger background strong - disabled state"
446
- },
447
- "fg-strong": {
448
- "$ref": "#/$defs/colorValue",
449
- "description": "Strong foreground - emphasized text/icons"
450
- },
451
- "fg-strong-hovered": {
452
- "$ref": "#/$defs/colorValue",
453
- "description": "Strong foreground - hovered state"
454
- },
455
- "fg-strong-pressed": {
456
- "$ref": "#/$defs/colorValue",
457
- "description": "Strong foreground - pressed state"
458
- },
459
- "fg-strong-disabled": {
460
- "$ref": "#/$defs/colorValue",
461
- "description": "Strong foreground - disabled state"
462
- },
463
- "fg-on-strong": {
464
- "$ref": "#/$defs/colorValue",
465
- "description": "Foreground on strong background"
466
- },
467
- "fg-on-strong-hovered": {
468
- "$ref": "#/$defs/colorValue",
469
- "description": "Foreground on strong background - hovered state"
470
- },
471
- "fg-on-strong-pressed": {
472
- "$ref": "#/$defs/colorValue",
473
- "description": "Foreground on strong background - pressed state"
474
- },
475
- "fg-on-strong-disabled": {
476
- "$ref": "#/$defs/colorValue",
477
- "description": "Foreground on strong background - disabled state"
478
- },
479
- "fg-normal": {
480
- "$ref": "#/$defs/colorValue",
481
- "description": "Normal foreground - default text"
482
- },
483
- "fg-normal-hovered": {
484
- "$ref": "#/$defs/colorValue",
485
- "description": "Normal foreground - hovered state"
486
- },
487
- "fg-normal-pressed": {
488
- "$ref": "#/$defs/colorValue",
489
- "description": "Normal foreground - pressed state"
490
- },
491
- "fg-normal-disabled": {
492
- "$ref": "#/$defs/colorValue",
493
- "description": "Normal foreground - disabled state"
494
- },
495
- "fg-subtle": {
496
- "$ref": "#/$defs/colorValue",
497
- "description": "Subtle foreground - secondary text, placeholders"
498
- },
499
- "fg-subtle-hovered": {
500
- "$ref": "#/$defs/colorValue",
501
- "description": "Subtle foreground - hovered state"
502
- },
503
- "fg-subtle-pressed": {
504
- "$ref": "#/$defs/colorValue",
505
- "description": "Subtle foreground - pressed state"
506
- },
507
- "fg-subtle-disabled": {
508
- "$ref": "#/$defs/colorValue",
509
- "description": "Subtle foreground - disabled state"
510
- },
511
- "fg-brand": {
512
- "$ref": "#/$defs/colorValue",
513
- "description": "Brand foreground - brand-colored text/icons"
514
- },
515
- "fg-brand-hovered": {
516
- "$ref": "#/$defs/colorValue",
517
- "description": "Brand foreground - hovered state"
518
- },
519
- "fg-brand-pressed": {
520
- "$ref": "#/$defs/colorValue",
521
- "description": "Brand foreground - pressed state"
522
- },
523
- "fg-brand-disabled": {
524
- "$ref": "#/$defs/colorValue",
525
- "description": "Brand foreground - disabled state"
526
- },
527
- "fg-on-brand-subtle": {
528
- "$ref": "#/$defs/colorValue",
529
- "description": "Foreground on brand subtle background"
530
- },
531
- "fg-on-brand-subtle-hovered": {
532
- "$ref": "#/$defs/colorValue",
533
- "description": "Foreground on brand subtle background - hovered state"
534
- },
535
- "fg-on-brand-subtle-pressed": {
536
- "$ref": "#/$defs/colorValue",
537
- "description": "Foreground on brand subtle background - pressed state"
538
- },
539
- "fg-on-brand-subtle-disabled": {
540
- "$ref": "#/$defs/colorValue",
541
- "description": "Foreground on brand subtle background - disabled state"
542
- },
543
- "fg-on-brand": {
544
- "$ref": "#/$defs/colorValue",
545
- "description": "Foreground on brand background"
546
- },
547
- "fg-on-brand-hovered": {
548
- "$ref": "#/$defs/colorValue",
549
- "description": "Foreground on brand background - hovered state"
550
- },
551
- "fg-on-brand-pressed": {
552
- "$ref": "#/$defs/colorValue",
553
- "description": "Foreground on brand background - pressed state"
554
- },
555
- "fg-on-brand-disabled": {
556
- "$ref": "#/$defs/colorValue",
557
- "description": "Foreground on brand background - disabled state"
558
- },
559
- "fg-on-brand-strong": {
560
- "$ref": "#/$defs/colorValue",
561
- "description": "Foreground on brand strong background"
562
- },
563
- "fg-on-brand-strong-hovered": {
564
- "$ref": "#/$defs/colorValue",
565
- "description": "Foreground on brand strong background - hovered state"
566
- },
567
- "fg-on-brand-strong-pressed": {
568
- "$ref": "#/$defs/colorValue",
569
- "description": "Foreground on brand strong background - pressed state"
570
- },
571
- "fg-on-brand-strong-disabled": {
572
- "$ref": "#/$defs/colorValue",
573
- "description": "Foreground on brand strong background - disabled state"
574
- },
575
- "fg-success": {
576
- "$ref": "#/$defs/colorValue",
577
- "description": "Success foreground - positive text/icons"
578
- },
579
- "fg-success-hovered": {
580
- "$ref": "#/$defs/colorValue",
581
- "description": "Success foreground - hovered state"
582
- },
583
- "fg-success-pressed": {
584
- "$ref": "#/$defs/colorValue",
585
- "description": "Success foreground - pressed state"
586
- },
587
- "fg-success-disabled": {
588
- "$ref": "#/$defs/colorValue",
589
- "description": "Success foreground - disabled state"
590
- },
591
- "fg-on-success-subtle": {
592
- "$ref": "#/$defs/colorValue",
593
- "description": "Foreground on success subtle background"
594
- },
595
- "fg-on-success-subtle-hovered": {
596
- "$ref": "#/$defs/colorValue",
597
- "description": "Foreground on success subtle background - hovered state"
598
- },
599
- "fg-on-success-subtle-pressed": {
600
- "$ref": "#/$defs/colorValue",
601
- "description": "Foreground on success subtle background - pressed state"
602
- },
603
- "fg-on-success-subtle-disabled": {
604
- "$ref": "#/$defs/colorValue",
605
- "description": "Foreground on success subtle background - disabled state"
606
- },
607
- "fg-on-success": {
608
- "$ref": "#/$defs/colorValue",
609
- "description": "Foreground on success background"
610
- },
611
- "fg-on-success-hovered": {
612
- "$ref": "#/$defs/colorValue",
613
- "description": "Foreground on success background - hovered state"
614
- },
615
- "fg-on-success-pressed": {
616
- "$ref": "#/$defs/colorValue",
617
- "description": "Foreground on success background - pressed state"
618
- },
619
- "fg-on-success-disabled": {
620
- "$ref": "#/$defs/colorValue",
621
- "description": "Foreground on success background - disabled state"
622
- },
623
- "fg-warning": {
624
- "$ref": "#/$defs/colorValue",
625
- "description": "Warning foreground - caution text/icons"
626
- },
627
- "fg-warning-hovered": {
628
- "$ref": "#/$defs/colorValue",
629
- "description": "Warning foreground - hovered state"
630
- },
631
- "fg-warning-pressed": {
632
- "$ref": "#/$defs/colorValue",
633
- "description": "Warning foreground - pressed state"
634
- },
635
- "fg-warning-disabled": {
636
- "$ref": "#/$defs/colorValue",
637
- "description": "Warning foreground - disabled state"
638
- },
639
- "fg-on-warning-subtle": {
640
- "$ref": "#/$defs/colorValue",
641
- "description": "Foreground on warning subtle background"
642
- },
643
- "fg-on-warning-subtle-hovered": {
644
- "$ref": "#/$defs/colorValue",
645
- "description": "Foreground on warning subtle background - hovered state"
646
- },
647
- "fg-on-warning-subtle-pressed": {
648
- "$ref": "#/$defs/colorValue",
649
- "description": "Foreground on warning subtle background - pressed state"
650
- },
651
- "fg-on-warning-subtle-disabled": {
652
- "$ref": "#/$defs/colorValue",
653
- "description": "Foreground on warning subtle background - disabled state"
654
- },
655
- "fg-on-warning": {
656
- "$ref": "#/$defs/colorValue",
657
- "description": "Foreground on warning background"
658
- },
659
- "fg-on-warning-hovered": {
660
- "$ref": "#/$defs/colorValue",
661
- "description": "Foreground on warning background - hovered state"
662
- },
663
- "fg-on-warning-pressed": {
664
- "$ref": "#/$defs/colorValue",
665
- "description": "Foreground on warning background - pressed state"
666
- },
667
- "fg-on-warning-disabled": {
668
- "$ref": "#/$defs/colorValue",
669
- "description": "Foreground on warning background - disabled state"
670
- },
671
- "fg-danger": {
672
- "$ref": "#/$defs/colorValue",
673
- "description": "Danger foreground - error text/icons"
674
- },
675
- "fg-danger-hovered": {
676
- "$ref": "#/$defs/colorValue",
677
- "description": "Danger foreground - hovered state"
678
- },
679
- "fg-danger-pressed": {
680
- "$ref": "#/$defs/colorValue",
681
- "description": "Danger foreground - pressed state"
682
- },
683
- "fg-danger-disabled": {
684
- "$ref": "#/$defs/colorValue",
685
- "description": "Danger foreground - disabled state"
686
- },
687
- "fg-on-danger-subtle": {
688
- "$ref": "#/$defs/colorValue",
689
- "description": "Foreground on danger subtle background"
690
- },
691
- "fg-on-danger-subtle-hovered": {
692
- "$ref": "#/$defs/colorValue",
693
- "description": "Foreground on danger subtle background - hovered state"
694
- },
695
- "fg-on-danger-subtle-pressed": {
696
- "$ref": "#/$defs/colorValue",
697
- "description": "Foreground on danger subtle background - pressed state"
698
- },
699
- "fg-on-danger-subtle-disabled": {
700
- "$ref": "#/$defs/colorValue",
701
- "description": "Foreground on danger subtle background - disabled state"
702
- },
703
- "fg-on-danger": {
704
- "$ref": "#/$defs/colorValue",
705
- "description": "Foreground on danger background"
706
- },
707
- "fg-on-danger-hovered": {
708
- "$ref": "#/$defs/colorValue",
709
- "description": "Foreground on danger background - hovered state"
710
- },
711
- "fg-on-danger-pressed": {
712
- "$ref": "#/$defs/colorValue",
713
- "description": "Foreground on danger background - pressed state"
714
- },
715
- "fg-on-danger-disabled": {
716
- "$ref": "#/$defs/colorValue",
717
- "description": "Foreground on danger background - disabled state"
718
- },
719
- "border-strong": {
720
- "$ref": "#/$defs/colorValue",
721
- "description": "Strong border - emphasized borders"
722
- },
723
- "border-strong-hovered": {
724
- "$ref": "#/$defs/colorValue",
725
- "description": "Strong border - hovered state"
726
- },
727
- "border-strong-pressed": {
728
- "$ref": "#/$defs/colorValue",
729
- "description": "Strong border - pressed state"
730
- },
731
- "border-strong-disabled": {
732
- "$ref": "#/$defs/colorValue",
733
- "description": "Strong border - disabled state"
734
- },
735
- "border-normal": {
736
- "$ref": "#/$defs/colorValue",
737
- "description": "Normal border - default borders"
738
- },
739
- "border-normal-hovered": {
740
- "$ref": "#/$defs/colorValue",
741
- "description": "Normal border - hovered state"
742
- },
743
- "border-normal-pressed": {
744
- "$ref": "#/$defs/colorValue",
745
- "description": "Normal border - pressed state"
746
- },
747
- "border-normal-disabled": {
748
- "$ref": "#/$defs/colorValue",
749
- "description": "Normal border - disabled state"
750
- },
751
- "border-subtle": {
752
- "$ref": "#/$defs/colorValue",
753
- "description": "Subtle border - dividers, subtle boundaries"
754
- },
755
- "border-subtle-hovered": {
756
- "$ref": "#/$defs/colorValue",
757
- "description": "Subtle border - hovered state"
758
- },
759
- "border-subtle-pressed": {
760
- "$ref": "#/$defs/colorValue",
761
- "description": "Subtle border - pressed state"
762
- },
763
- "border-subtle-disabled": {
764
- "$ref": "#/$defs/colorValue",
765
- "description": "Subtle border - disabled state"
766
- },
767
- "border-brand-subtle": {
768
- "$ref": "#/$defs/colorValue",
769
- "description": "Brand border subtle - light brand border"
770
- },
771
- "border-brand-subtle-hovered": {
772
- "$ref": "#/$defs/colorValue",
773
- "description": "Brand border subtle - hovered state"
774
- },
775
- "border-brand-subtle-pressed": {
776
- "$ref": "#/$defs/colorValue",
777
- "description": "Brand border subtle - pressed state"
778
- },
779
- "border-brand-subtle-disabled": {
780
- "$ref": "#/$defs/colorValue",
781
- "description": "Brand border subtle - disabled state"
782
- },
783
- "border-brand": {
784
- "$ref": "#/$defs/colorValue",
785
- "description": "Brand border - brand-colored borders"
786
- },
787
- "border-brand-hovered": {
788
- "$ref": "#/$defs/colorValue",
789
- "description": "Brand border - hovered state"
790
- },
791
- "border-brand-pressed": {
792
- "$ref": "#/$defs/colorValue",
793
- "description": "Brand border - pressed state"
794
- },
795
- "border-brand-disabled": {
796
- "$ref": "#/$defs/colorValue",
797
- "description": "Brand border - disabled state"
798
- },
799
- "border-brand-strong": {
800
- "$ref": "#/$defs/colorValue",
801
- "description": "Brand border strong - dark brand border"
802
- },
803
- "border-brand-strong-hovered": {
804
- "$ref": "#/$defs/colorValue",
805
- "description": "Brand border strong - hovered state"
806
- },
807
- "border-brand-strong-pressed": {
808
- "$ref": "#/$defs/colorValue",
809
- "description": "Brand border strong - pressed state"
810
- },
811
- "border-brand-strong-disabled": {
812
- "$ref": "#/$defs/colorValue",
813
- "description": "Brand border strong - disabled state"
814
- },
815
- "border-success": {
816
- "$ref": "#/$defs/colorValue",
817
- "description": "Success border - positive state borders"
818
- },
819
- "border-success-hovered": {
820
- "$ref": "#/$defs/colorValue",
821
- "description": "Success border - hovered state"
822
- },
823
- "border-success-pressed": {
824
- "$ref": "#/$defs/colorValue",
825
- "description": "Success border - pressed state"
826
- },
827
- "border-success-disabled": {
828
- "$ref": "#/$defs/colorValue",
829
- "description": "Success border - disabled state"
830
- },
831
- "border-warning": {
832
- "$ref": "#/$defs/colorValue",
833
- "description": "Warning border - caution state borders"
834
- },
835
- "border-warning-hovered": {
836
- "$ref": "#/$defs/colorValue",
837
- "description": "Warning border - hovered state"
838
- },
839
- "border-warning-pressed": {
840
- "$ref": "#/$defs/colorValue",
841
- "description": "Warning border - pressed state"
842
- },
843
- "border-warning-disabled": {
844
- "$ref": "#/$defs/colorValue",
845
- "description": "Warning border - disabled state"
846
- },
847
- "border-danger": {
848
- "$ref": "#/$defs/colorValue",
849
- "description": "Danger border - error state borders"
850
- },
851
- "border-danger-hovered": {
852
- "$ref": "#/$defs/colorValue",
853
- "description": "Danger border - hovered state"
854
- },
855
- "border-danger-pressed": {
856
- "$ref": "#/$defs/colorValue",
857
- "description": "Danger border - pressed state"
858
- },
859
- "border-danger-disabled": {
860
- "$ref": "#/$defs/colorValue",
861
- "description": "Danger border - disabled state"
862
- },
863
- "focus-ring": {
864
- "$ref": "#/$defs/colorValue",
865
- "description": "Focus ring color - outline for focused elements"
866
- },
867
- "bg-overlay": {
868
- "$ref": "#/$defs/colorValue",
869
- "description": "Overlay background - modal/dialog backdrop"
870
- }
871
- },
872
- "additionalProperties": false
873
- }
874
- },
875
- "additionalProperties": false
876
- }