@sixthshift/design-system 0.1.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 (236) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +222 -0
  3. package/dist/styles.css +2 -0
  4. package/dist/theme.generated.css +438 -0
  5. package/package.json +238 -0
  6. package/src/components/Avatar/Avatar.tsx +19 -0
  7. package/src/components/Avatar/index.ts +1 -0
  8. package/src/components/Badge/Badge.tsx +59 -0
  9. package/src/components/Badge/index.ts +1 -0
  10. package/src/components/BarChart/BarChart.tsx +51 -0
  11. package/src/components/BarChart/index.ts +1 -0
  12. package/src/components/Breadcrumb/Breadcrumb.tsx +47 -0
  13. package/src/components/Breadcrumb/index.ts +5 -0
  14. package/src/components/Button/Button.tsx +157 -0
  15. package/src/components/Button/index.ts +1 -0
  16. package/src/components/Calendar/Calendar.tsx +433 -0
  17. package/src/components/Calendar/calendar.hooks.ts +329 -0
  18. package/src/components/Calendar/calendar.types.ts +117 -0
  19. package/src/components/Calendar/index.ts +28 -0
  20. package/src/components/Card/Card.tsx +47 -0
  21. package/src/components/Card/index.ts +1 -0
  22. package/src/components/Checkbox/Checkbox.tsx +144 -0
  23. package/src/components/Checkbox/index.ts +1 -0
  24. package/src/components/CheckboxGroup/CheckboxGroup.tsx +173 -0
  25. package/src/components/CheckboxGroup/index.ts +5 -0
  26. package/src/components/Code/Editor/Editor.tsx +161 -0
  27. package/src/components/Code/Editor/index.ts +2 -0
  28. package/src/components/Code/Editor/semanticTokenProvider.ts +69 -0
  29. package/src/components/Code/Editor/themes.ts +112 -0
  30. package/src/components/Code/ValidationStatus/ValidationStatus.tsx +81 -0
  31. package/src/components/Code/ValidationStatus/index.ts +1 -0
  32. package/src/components/Code/Workspace/StatusBar.tsx +47 -0
  33. package/src/components/Code/Workspace/Toolbar.tsx +47 -0
  34. package/src/components/Code/Workspace/Workspace.tsx +109 -0
  35. package/src/components/Code/Workspace/index.ts +3 -0
  36. package/src/components/ColorDot/ColorDot.tsx +50 -0
  37. package/src/components/ColorDot/index.ts +1 -0
  38. package/src/components/DatePicker/DatePicker.tsx +236 -0
  39. package/src/components/DatePicker/datepicker.hooks.ts +381 -0
  40. package/src/components/DatePicker/datepicker.types.ts +140 -0
  41. package/src/components/DatePicker/index.ts +12 -0
  42. package/src/components/DateRangePicker/DateRangePicker.tsx +127 -0
  43. package/src/components/DateRangePicker/daterangepicker.types.ts +53 -0
  44. package/src/components/DateRangePicker/index.ts +2 -0
  45. package/src/components/DateTimePicker/DateTimePicker.tsx +399 -0
  46. package/src/components/DateTimePicker/datetimepicker.types.ts +48 -0
  47. package/src/components/DateTimePicker/index.ts +2 -0
  48. package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +679 -0
  49. package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +62 -0
  50. package/src/components/DateTimeRangePicker/index.ts +2 -0
  51. package/src/components/EmptyState/EmptyState.tsx +29 -0
  52. package/src/components/EmptyState/index.ts +1 -0
  53. package/src/components/Field/Field.tsx +60 -0
  54. package/src/components/Field/index.ts +1 -0
  55. package/src/components/FormField/FormField.tsx +55 -0
  56. package/src/components/FormField/index.ts +2 -0
  57. package/src/components/HeatMap/HeatMapCalendar.tsx +127 -0
  58. package/src/components/HeatMap/HeatMapMatrix.tsx +75 -0
  59. package/src/components/HeatMap/heat-map.utils.ts +15 -0
  60. package/src/components/HeatMap/index.ts +3 -0
  61. package/src/components/HoverCard/HoverCard.tsx +83 -0
  62. package/src/components/HoverCard/components/HoverCardContent.tsx +30 -0
  63. package/src/components/HoverCard/components/HoverCardContext.tsx +22 -0
  64. package/src/components/HoverCard/components/HoverCardTrigger.tsx +32 -0
  65. package/src/components/HoverCard/index.ts +3 -0
  66. package/src/components/Input/Input.tsx +48 -0
  67. package/src/components/Input/index.ts +1 -0
  68. package/src/components/LineChart/LineChart.tsx +251 -0
  69. package/src/components/LineChart/index.ts +1 -0
  70. package/src/components/Markdown/Markdown.tsx +40 -0
  71. package/src/components/Markdown/index.ts +1 -0
  72. package/src/components/Message/Message.tsx +59 -0
  73. package/src/components/Message/components/MessageBody.tsx +9 -0
  74. package/src/components/Message/components/MessageDescription.tsx +9 -0
  75. package/src/components/Message/components/MessageIcon.tsx +13 -0
  76. package/src/components/Message/components/MessageTitle.tsx +9 -0
  77. package/src/components/Message/index.ts +10 -0
  78. package/src/components/MetricList/MetricList.tsx +13 -0
  79. package/src/components/MetricList/MetricRow.tsx +30 -0
  80. package/src/components/MetricList/index.ts +2 -0
  81. package/src/components/Modal/Modal.tsx +146 -0
  82. package/src/components/Modal/components/ModalBody.tsx +9 -0
  83. package/src/components/Modal/components/ModalContext.tsx +27 -0
  84. package/src/components/Modal/components/ModalFooter.tsx +9 -0
  85. package/src/components/Modal/components/ModalHeader.tsx +29 -0
  86. package/src/components/Modal/components/index.ts +9 -0
  87. package/src/components/Modal/index.ts +13 -0
  88. package/src/components/NavBottom/NavBottom.tsx +53 -0
  89. package/src/components/NavBottom/index.ts +3 -0
  90. package/src/components/NavSide/NavItem.tsx +39 -0
  91. package/src/components/NavSide/NavSide.tsx +40 -0
  92. package/src/components/NavSide/index.ts +2 -0
  93. package/src/components/NavSide/types.ts +36 -0
  94. package/src/components/Pagination/Pagination.tsx +86 -0
  95. package/src/components/Pagination/index.ts +2 -0
  96. package/src/components/Popover/Popover.tsx +68 -0
  97. package/src/components/Popover/components/PopoverBody.tsx +32 -0
  98. package/src/components/Popover/components/PopoverClose.tsx +26 -0
  99. package/src/components/Popover/components/PopoverContext.tsx +24 -0
  100. package/src/components/Popover/components/PopoverTrigger.tsx +31 -0
  101. package/src/components/Popover/index.ts +10 -0
  102. package/src/components/ProgressBar/ProgressBar.tsx +42 -0
  103. package/src/components/ProgressBar/index.ts +1 -0
  104. package/src/components/RadioButton/RadioButton.tsx +89 -0
  105. package/src/components/RadioButton/index.ts +1 -0
  106. package/src/components/RadioButtonGroup/RadioButtonGroup.tsx +193 -0
  107. package/src/components/RadioButtonGroup/index.ts +5 -0
  108. package/src/components/SearchInput/SearchInput.tsx +45 -0
  109. package/src/components/SearchInput/index.ts +2 -0
  110. package/src/components/Select/Select.tsx +289 -0
  111. package/src/components/Select/SelectDropdown.tsx +90 -0
  112. package/src/components/Select/SelectTrigger.tsx +130 -0
  113. package/src/components/Select/index.ts +3 -0
  114. package/src/components/Select/useSelectKeyboard.ts +111 -0
  115. package/src/components/Separator/Separator.tsx +20 -0
  116. package/src/components/Separator/index.ts +1 -0
  117. package/src/components/Sheet/Sheet.tsx +136 -0
  118. package/src/components/Sheet/components/SheetBody.tsx +9 -0
  119. package/src/components/Sheet/components/SheetContext.tsx +23 -0
  120. package/src/components/Sheet/components/SheetFooter.tsx +9 -0
  121. package/src/components/Sheet/components/SheetHeader.tsx +29 -0
  122. package/src/components/Sheet/components/index.ts +9 -0
  123. package/src/components/Sheet/index.ts +13 -0
  124. package/src/components/Skeleton/Skeleton.tsx +7 -0
  125. package/src/components/Skeleton/index.ts +1 -0
  126. package/src/components/Sparkline/Sparkline.tsx +93 -0
  127. package/src/components/Sparkline/index.ts +1 -0
  128. package/src/components/Spinner/Spinner.tsx +41 -0
  129. package/src/components/Spinner/index.ts +1 -0
  130. package/src/components/StatsCard/StatsCard.tsx +40 -0
  131. package/src/components/StatsCard/index.ts +1 -0
  132. package/src/components/Switch/Switch.tsx +128 -0
  133. package/src/components/Switch/index.ts +1 -0
  134. package/src/components/Tabs/Tabs.tsx +49 -0
  135. package/src/components/Tabs/components/TabsContext.tsx +35 -0
  136. package/src/components/Tabs/components/TabsList.tsx +98 -0
  137. package/src/components/Tabs/components/TabsPanels.tsx +26 -0
  138. package/src/components/Tabs/components/TabsTrigger.tsx +69 -0
  139. package/src/components/Tabs/index.ts +3 -0
  140. package/src/components/TagChip/TagChip.tsx +46 -0
  141. package/src/components/TagChip/index.ts +1 -0
  142. package/src/components/TagInput/TagInput.tsx +60 -0
  143. package/src/components/TagInput/index.ts +1 -0
  144. package/src/components/Text/Text.tsx +35 -0
  145. package/src/components/Text/index.ts +1 -0
  146. package/src/components/TextInline/TextInline.tsx +35 -0
  147. package/src/components/TextInline/index.ts +1 -0
  148. package/src/components/Textarea/Textarea.tsx +20 -0
  149. package/src/components/Textarea/index.ts +1 -0
  150. package/src/components/TimePicker/PeriodSelector.tsx +28 -0
  151. package/src/components/TimePicker/TimeColumn.tsx +62 -0
  152. package/src/components/TimePicker/TimePicker.tsx +323 -0
  153. package/src/components/TimePicker/index.ts +7 -0
  154. package/src/components/TimePicker/timepicker.hooks.ts +173 -0
  155. package/src/components/TimePicker/timepicker.types.ts +101 -0
  156. package/src/components/Toast/Toast.tsx +111 -0
  157. package/src/components/Toast/index.ts +1 -0
  158. package/src/components/Toggle/Toggle.tsx +72 -0
  159. package/src/components/Toggle/index.ts +1 -0
  160. package/src/components/ToggleGroup/ToggleGroup.tsx +14 -0
  161. package/src/components/ToggleGroup/ToggleGroupContainer.tsx +19 -0
  162. package/src/components/ToggleGroup/ToggleGroupItem.tsx +51 -0
  163. package/src/components/ToggleGroup/ToggleGroupMultiple.tsx +61 -0
  164. package/src/components/ToggleGroup/ToggleGroupSingle.tsx +105 -0
  165. package/src/components/ToggleGroup/index.ts +2 -0
  166. package/src/components/ToggleGroup/toggleGroup.types.ts +55 -0
  167. package/src/components/Tooltip/Tooltip.tsx +66 -0
  168. package/src/components/Tooltip/components/TooltipBody.tsx +30 -0
  169. package/src/components/Tooltip/components/TooltipContext.tsx +22 -0
  170. package/src/components/Tooltip/components/TooltipTrigger.tsx +27 -0
  171. package/src/components/Tooltip/index.ts +9 -0
  172. package/src/date-time/arithmetic.ts +101 -0
  173. package/src/date-time/boundaries.ts +91 -0
  174. package/src/date-time/compare.ts +85 -0
  175. package/src/date-time/duration.ts +63 -0
  176. package/src/date-time/elapsed.ts +18 -0
  177. package/src/date-time/format.ts +722 -0
  178. package/src/date-time/index.ts +279 -0
  179. package/src/date-time/now.ts +70 -0
  180. package/src/date-time/parse.ts +170 -0
  181. package/src/date-time/serialize.ts +90 -0
  182. package/src/date-time/timezone.ts +47 -0
  183. package/src/date-time/validate.ts +278 -0
  184. package/src/hooks/index.ts +10 -0
  185. package/src/hooks/useCollapsible.ts +16 -0
  186. package/src/hooks/useControllableState.ts +54 -0
  187. package/src/hooks/useDebouncedCallback.ts +21 -0
  188. package/src/hooks/useDebouncedState.ts +20 -0
  189. package/src/hooks/useDeviceFormFactor.ts +49 -0
  190. package/src/hooks/useLocalStorage.ts +67 -0
  191. package/src/hooks/useMergedFloatingRef.ts +29 -0
  192. package/src/hooks/usePresence.ts +127 -0
  193. package/src/hooks/useStack.ts +99 -0
  194. package/src/hooks/useTheme.ts +105 -0
  195. package/src/internal/Slot.tsx +79 -0
  196. package/src/internal/index.ts +2 -0
  197. package/src/internal/rovingFocus.ts +39 -0
  198. package/src/internal/types.ts +10 -0
  199. package/src/lib/EmptyBoundary.tsx +12 -0
  200. package/src/lib/ErrorBoundary.tsx +48 -0
  201. package/src/lib/contexts/ComponentsContext/ComponentsContext.tsx +34 -0
  202. package/src/lib/contexts/ComponentsContext/index.ts +1 -0
  203. package/src/lib/contexts/OverlayContext/OverlayContext.tsx +93 -0
  204. package/src/lib/contexts/OverlayContext/hooks/useModal.tsx +125 -0
  205. package/src/lib/contexts/OverlayContext/hooks/useToast.ts +80 -0
  206. package/src/lib/contexts/OverlayContext/index.ts +6 -0
  207. package/src/lib/format.ts +51 -0
  208. package/src/lib/utils.ts +10 -0
  209. package/src/lib/withEmpty.tsx +14 -0
  210. package/src/lib/withErrorBoundary.tsx +16 -0
  211. package/src/lib/withSuspense.tsx +16 -0
  212. package/src/lib/withSuspenseAndErrorBoundary.tsx +26 -0
  213. package/src/styles/base.css +41 -0
  214. package/src/theme/index.ts +37 -0
  215. package/src/theme/palette.json +100 -0
  216. package/src/theme/palette.schema.json +40 -0
  217. package/src/theme/schema.ts +122 -0
  218. package/src/theme/theme.json +349 -0
  219. package/src/theme/theme.schema.json +876 -0
  220. package/src/theme/typography.json +7 -0
  221. package/src/theme/typography.schema.json +36 -0
  222. package/src/typography/Body.tsx +8 -0
  223. package/src/typography/Caption.tsx +8 -0
  224. package/src/typography/Code.tsx +8 -0
  225. package/src/typography/Display.tsx +8 -0
  226. package/src/typography/Emphasis.tsx +8 -0
  227. package/src/typography/Heading.tsx +23 -0
  228. package/src/typography/Label.tsx +10 -0
  229. package/src/typography/Lead.tsx +8 -0
  230. package/src/typography/Mono.tsx +8 -0
  231. package/src/typography/Muted.tsx +8 -0
  232. package/src/typography/SectionTitle.tsx +8 -0
  233. package/src/typography/Subtitle.tsx +8 -0
  234. package/src/typography/Timestamp.tsx +8 -0
  235. package/src/typography/index.ts +10 -0
  236. package/tailwind.config.ts +261 -0
package/src/theme/theme.json ADDED
@@ -0,0 +1,349 @@
1
+ {
2
+ "$schema": "./theme.schema.json",
3
+ "name": "Default",
4
+ "version": "0.1.0",
5
+ "light": {
6
+ "bg-strong": "var(--color-slate-800)",
7
+ "bg-strong-hovered": "var(--color-slate-900)",
8
+ "bg-strong-pressed": "var(--color-slate-950)",
9
+ "bg-strong-disabled": "var(--color-slate-300)",
10
+ "bg-normal": "white",
11
+ "bg-normal-hovered": "var(--color-slate-50)",
12
+ "bg-normal-pressed": "var(--color-slate-100)",
13
+ "bg-normal-disabled": "var(--color-slate-200)",
14
+ "bg-subtle": "var(--color-slate-50)",
15
+ "bg-subtle-hovered": "var(--color-slate-100)",
16
+ "bg-subtle-pressed": "var(--color-slate-200)",
17
+ "bg-subtle-disabled": "var(--color-slate-100)",
18
+ "bg-brand-subtle": "var(--color-ocean-100)",
19
+ "bg-brand-subtle-hovered": "var(--color-ocean-200)",
20
+ "bg-brand-subtle-pressed": "var(--color-ocean-300)",
21
+ "bg-brand-subtle-disabled": "var(--color-ocean-50)",
22
+ "bg-brand": "var(--color-ocean-600)",
23
+ "bg-brand-hovered": "var(--color-ocean-700)",
24
+ "bg-brand-pressed": "var(--color-ocean-800)",
25
+ "bg-brand-disabled": "var(--color-ocean-300)",
26
+ "bg-brand-strong": "var(--color-ocean-800)",
27
+ "bg-brand-strong-hovered": "var(--color-ocean-900)",
28
+ "bg-brand-strong-pressed": "var(--color-ocean-950)",
29
+ "bg-brand-strong-disabled": "var(--color-ocean-400)",
30
+ "bg-success-subtle": "var(--color-emerald-100)",
31
+ "bg-success-subtle-hovered": "var(--color-emerald-200)",
32
+ "bg-success-subtle-pressed": "var(--color-emerald-300)",
33
+ "bg-success-subtle-disabled": "var(--color-emerald-50)",
34
+ "bg-success": "var(--color-emerald-600)",
35
+ "bg-success-hovered": "var(--color-emerald-700)",
36
+ "bg-success-pressed": "var(--color-emerald-800)",
37
+ "bg-success-disabled": "var(--color-emerald-300)",
38
+ "bg-success-strong": "var(--color-emerald-800)",
39
+ "bg-success-strong-hovered": "var(--color-emerald-900)",
40
+ "bg-success-strong-pressed": "var(--color-emerald-950)",
41
+ "bg-success-strong-disabled": "var(--color-emerald-400)",
42
+ "bg-warning-subtle": "var(--color-topaz-100)",
43
+ "bg-warning-subtle-hovered": "var(--color-topaz-200)",
44
+ "bg-warning-subtle-pressed": "var(--color-topaz-300)",
45
+ "bg-warning-subtle-disabled": "var(--color-topaz-50)",
46
+ "bg-warning": "var(--color-topaz-600)",
47
+ "bg-warning-hovered": "var(--color-topaz-700)",
48
+ "bg-warning-pressed": "var(--color-topaz-800)",
49
+ "bg-warning-disabled": "var(--color-topaz-300)",
50
+ "bg-warning-strong": "var(--color-topaz-800)",
51
+ "bg-warning-strong-hovered": "var(--color-topaz-900)",
52
+ "bg-warning-strong-pressed": "var(--color-topaz-950)",
53
+ "bg-warning-strong-disabled": "var(--color-topaz-400)",
54
+ "bg-danger-subtle": "var(--color-ruby-100)",
55
+ "bg-danger-subtle-hovered": "var(--color-ruby-200)",
56
+ "bg-danger-subtle-pressed": "var(--color-ruby-300)",
57
+ "bg-danger-subtle-disabled": "var(--color-ruby-50)",
58
+ "bg-danger": "var(--color-ruby-600)",
59
+ "bg-danger-hovered": "var(--color-ruby-700)",
60
+ "bg-danger-pressed": "var(--color-ruby-800)",
61
+ "bg-danger-disabled": "var(--color-ruby-300)",
62
+ "bg-danger-strong": "var(--color-ruby-800)",
63
+ "bg-danger-strong-hovered": "var(--color-ruby-900)",
64
+ "bg-danger-strong-pressed": "var(--color-ruby-950)",
65
+ "bg-danger-strong-disabled": "var(--color-ruby-400)",
66
+
67
+ "fg-strong": "var(--color-slate-900)",
68
+ "fg-strong-hovered": "var(--color-slate-950)",
69
+ "fg-strong-pressed": "black",
70
+ "fg-strong-disabled": "var(--color-slate-400)",
71
+ "fg-on-strong": "var(--color-slate-50)",
72
+ "fg-on-strong-hovered": "white",
73
+ "fg-on-strong-pressed": "white",
74
+ "fg-on-strong-disabled": "var(--color-slate-300)",
75
+ "fg-normal": "var(--color-slate-900)",
76
+ "fg-normal-hovered": "var(--color-slate-950)",
77
+ "fg-normal-pressed": "var(--color-slate-950)",
78
+ "fg-normal-disabled": "var(--color-slate-400)",
79
+ "fg-subtle": "var(--color-slate-500)",
80
+ "fg-subtle-hovered": "var(--color-slate-600)",
81
+ "fg-subtle-pressed": "var(--color-slate-700)",
82
+ "fg-subtle-disabled": "var(--color-slate-300)",
83
+ "fg-brand": "var(--color-ocean-700)",
84
+ "fg-brand-hovered": "var(--color-ocean-800)",
85
+ "fg-brand-pressed": "var(--color-ocean-900)",
86
+ "fg-brand-disabled": "var(--color-ocean-300)",
87
+ "fg-on-brand-subtle": "var(--color-ocean-800)",
88
+ "fg-on-brand-subtle-hovered": "var(--color-ocean-900)",
89
+ "fg-on-brand-subtle-pressed": "var(--color-ocean-950)",
90
+ "fg-on-brand-subtle-disabled": "var(--color-ocean-400)",
91
+ "fg-on-brand": "var(--color-slate-50)",
92
+ "fg-on-brand-hovered": "white",
93
+ "fg-on-brand-pressed": "white",
94
+ "fg-on-brand-disabled": "var(--color-slate-300)",
95
+ "fg-on-brand-strong": "var(--color-slate-50)",
96
+ "fg-on-brand-strong-hovered": "white",
97
+ "fg-on-brand-strong-pressed": "white",
98
+ "fg-on-brand-strong-disabled": "var(--color-slate-300)",
99
+ "fg-success": "var(--color-emerald-700)",
100
+ "fg-success-hovered": "var(--color-emerald-800)",
101
+ "fg-success-pressed": "var(--color-emerald-900)",
102
+ "fg-success-disabled": "var(--color-emerald-300)",
103
+ "fg-on-success-subtle": "var(--color-emerald-800)",
104
+ "fg-on-success-subtle-hovered": "var(--color-emerald-900)",
105
+ "fg-on-success-subtle-pressed": "var(--color-emerald-950)",
106
+ "fg-on-success-subtle-disabled": "var(--color-emerald-400)",
107
+ "fg-on-success": "var(--color-slate-50)",
108
+ "fg-on-success-hovered": "white",
109
+ "fg-on-success-pressed": "white",
110
+ "fg-on-success-disabled": "var(--color-slate-300)",
111
+ "fg-warning": "var(--color-topaz-700)",
112
+ "fg-warning-hovered": "var(--color-topaz-800)",
113
+ "fg-warning-pressed": "var(--color-topaz-900)",
114
+ "fg-warning-disabled": "var(--color-topaz-300)",
115
+ "fg-on-warning-subtle": "var(--color-topaz-800)",
116
+ "fg-on-warning-subtle-hovered": "var(--color-topaz-900)",
117
+ "fg-on-warning-subtle-pressed": "var(--color-topaz-950)",
118
+ "fg-on-warning-subtle-disabled": "var(--color-topaz-400)",
119
+ "fg-on-warning": "var(--color-slate-50)",
120
+ "fg-on-warning-hovered": "white",
121
+ "fg-on-warning-pressed": "white",
122
+ "fg-on-warning-disabled": "var(--color-slate-300)",
123
+ "fg-danger": "var(--color-ruby-700)",
124
+ "fg-danger-hovered": "var(--color-ruby-800)",
125
+ "fg-danger-pressed": "var(--color-ruby-900)",
126
+ "fg-danger-disabled": "var(--color-ruby-300)",
127
+ "fg-on-danger-subtle": "var(--color-ruby-800)",
128
+ "fg-on-danger-subtle-hovered": "var(--color-ruby-900)",
129
+ "fg-on-danger-subtle-pressed": "var(--color-ruby-950)",
130
+ "fg-on-danger-subtle-disabled": "var(--color-ruby-400)",
131
+ "fg-on-danger": "var(--color-slate-50)",
132
+ "fg-on-danger-hovered": "white",
133
+ "fg-on-danger-pressed": "white",
134
+ "fg-on-danger-disabled": "var(--color-slate-300)",
135
+
136
+ "border-strong": "var(--color-slate-800)",
137
+ "border-strong-hovered": "var(--color-slate-900)",
138
+ "border-strong-pressed": "var(--color-slate-950)",
139
+ "border-strong-disabled": "var(--color-slate-300)",
140
+ "border-normal": "var(--color-slate-300)",
141
+ "border-normal-hovered": "var(--color-slate-400)",
142
+ "border-normal-pressed": "var(--color-slate-500)",
143
+ "border-normal-disabled": "var(--color-slate-100)",
144
+ "border-subtle": "var(--color-slate-100)",
145
+ "border-subtle-hovered": "var(--color-slate-200)",
146
+ "border-subtle-pressed": "var(--color-slate-300)",
147
+ "border-subtle-disabled": "var(--color-slate-50)",
148
+ "border-brand-subtle": "var(--color-ocean-300)",
149
+ "border-brand-subtle-hovered": "var(--color-ocean-400)",
150
+ "border-brand-subtle-pressed": "var(--color-ocean-500)",
151
+ "border-brand-subtle-disabled": "var(--color-ocean-200)",
152
+ "border-brand": "var(--color-ocean-600)",
153
+ "border-brand-hovered": "var(--color-ocean-700)",
154
+ "border-brand-pressed": "var(--color-ocean-800)",
155
+ "border-brand-disabled": "var(--color-ocean-200)",
156
+ "border-brand-strong": "var(--color-ocean-800)",
157
+ "border-brand-strong-hovered": "var(--color-ocean-900)",
158
+ "border-brand-strong-pressed": "var(--color-ocean-950)",
159
+ "border-brand-strong-disabled": "var(--color-ocean-400)",
160
+ "border-success": "var(--color-emerald-300)",
161
+ "border-success-hovered": "var(--color-emerald-400)",
162
+ "border-success-pressed": "var(--color-emerald-500)",
163
+ "border-success-disabled": "var(--color-emerald-200)",
164
+ "border-warning": "var(--color-topaz-300)",
165
+ "border-warning-hovered": "var(--color-topaz-400)",
166
+ "border-warning-pressed": "var(--color-topaz-500)",
167
+ "border-warning-disabled": "var(--color-topaz-200)",
168
+ "border-danger": "var(--color-ruby-300)",
169
+ "border-danger-hovered": "var(--color-ruby-400)",
170
+ "border-danger-pressed": "var(--color-ruby-500)",
171
+ "border-danger-disabled": "var(--color-ruby-200)",
172
+
173
+ "focus-ring": "var(--color-ocean-500)",
174
+
175
+ "bg-overlay": "rgba(0, 0, 0, 0.5)"
176
+ },
177
+ "dark": {
178
+ "bg-strong": "var(--color-slate-200)",
179
+ "bg-strong-hovered": "var(--color-slate-100)",
180
+ "bg-strong-pressed": "var(--color-slate-50)",
181
+ "bg-strong-disabled": "var(--color-slate-600)",
182
+ "bg-normal": "var(--color-slate-900)",
183
+ "bg-normal-hovered": "var(--color-slate-800)",
184
+ "bg-normal-pressed": "var(--color-slate-700)",
185
+ "bg-normal-disabled": "var(--color-slate-900)",
186
+ "bg-subtle": "var(--color-slate-800)",
187
+ "bg-subtle-hovered": "var(--color-slate-700)",
188
+ "bg-subtle-pressed": "var(--color-slate-600)",
189
+ "bg-subtle-disabled": "var(--color-slate-800)",
190
+ "bg-brand-subtle": "var(--color-ocean-950)",
191
+ "bg-brand-subtle-hovered": "var(--color-ocean-900)",
192
+ "bg-brand-subtle-pressed": "var(--color-ocean-800)",
193
+ "bg-brand-subtle-disabled": "var(--color-ocean-950)",
194
+ "bg-brand": "var(--color-ocean-500)",
195
+ "bg-brand-hovered": "var(--color-ocean-400)",
196
+ "bg-brand-pressed": "var(--color-ocean-300)",
197
+ "bg-brand-disabled": "var(--color-ocean-800)",
198
+ "bg-brand-strong": "var(--color-ocean-300)",
199
+ "bg-brand-strong-hovered": "var(--color-ocean-200)",
200
+ "bg-brand-strong-pressed": "var(--color-ocean-100)",
201
+ "bg-brand-strong-disabled": "var(--color-ocean-600)",
202
+ "bg-success-subtle": "var(--color-emerald-950)",
203
+ "bg-success-subtle-hovered": "var(--color-emerald-900)",
204
+ "bg-success-subtle-pressed": "var(--color-emerald-800)",
205
+ "bg-success-subtle-disabled": "var(--color-emerald-950)",
206
+ "bg-success": "var(--color-emerald-500)",
207
+ "bg-success-hovered": "var(--color-emerald-400)",
208
+ "bg-success-pressed": "var(--color-emerald-300)",
209
+ "bg-success-disabled": "var(--color-emerald-800)",
210
+ "bg-success-strong": "var(--color-emerald-300)",
211
+ "bg-success-strong-hovered": "var(--color-emerald-200)",
212
+ "bg-success-strong-pressed": "var(--color-emerald-100)",
213
+ "bg-success-strong-disabled": "var(--color-emerald-600)",
214
+ "bg-warning-subtle": "var(--color-topaz-950)",
215
+ "bg-warning-subtle-hovered": "var(--color-topaz-900)",
216
+ "bg-warning-subtle-pressed": "var(--color-topaz-800)",
217
+ "bg-warning-subtle-disabled": "var(--color-topaz-950)",
218
+ "bg-warning": "var(--color-topaz-500)",
219
+ "bg-warning-hovered": "var(--color-topaz-400)",
220
+ "bg-warning-pressed": "var(--color-topaz-300)",
221
+ "bg-warning-disabled": "var(--color-topaz-800)",
222
+ "bg-warning-strong": "var(--color-topaz-300)",
223
+ "bg-warning-strong-hovered": "var(--color-topaz-200)",
224
+ "bg-warning-strong-pressed": "var(--color-topaz-100)",
225
+ "bg-warning-strong-disabled": "var(--color-topaz-600)",
226
+ "bg-danger-subtle": "var(--color-ruby-950)",
227
+ "bg-danger-subtle-hovered": "var(--color-ruby-900)",
228
+ "bg-danger-subtle-pressed": "var(--color-ruby-800)",
229
+ "bg-danger-subtle-disabled": "var(--color-ruby-950)",
230
+ "bg-danger": "var(--color-ruby-500)",
231
+ "bg-danger-hovered": "var(--color-ruby-400)",
232
+ "bg-danger-pressed": "var(--color-ruby-300)",
233
+ "bg-danger-disabled": "var(--color-ruby-800)",
234
+ "bg-danger-strong": "var(--color-ruby-300)",
235
+ "bg-danger-strong-hovered": "var(--color-ruby-200)",
236
+ "bg-danger-strong-pressed": "var(--color-ruby-100)",
237
+ "bg-danger-strong-disabled": "var(--color-ruby-600)",
238
+
239
+ "fg-strong": "var(--color-slate-50)",
240
+ "fg-strong-hovered": "white",
241
+ "fg-strong-pressed": "white",
242
+ "fg-strong-disabled": "var(--color-slate-500)",
243
+ "fg-on-strong": "var(--color-slate-900)",
244
+ "fg-on-strong-hovered": "var(--color-slate-950)",
245
+ "fg-on-strong-pressed": "black",
246
+ "fg-on-strong-disabled": "var(--color-slate-500)",
247
+ "fg-normal": "var(--color-slate-50)",
248
+ "fg-normal-hovered": "white",
249
+ "fg-normal-pressed": "white",
250
+ "fg-normal-disabled": "var(--color-slate-500)",
251
+ "fg-subtle": "var(--color-slate-400)",
252
+ "fg-subtle-hovered": "var(--color-slate-300)",
253
+ "fg-subtle-pressed": "var(--color-slate-200)",
254
+ "fg-subtle-disabled": "var(--color-slate-600)",
255
+ "fg-brand": "var(--color-ocean-400)",
256
+ "fg-brand-hovered": "var(--color-ocean-300)",
257
+ "fg-brand-pressed": "var(--color-ocean-200)",
258
+ "fg-brand-disabled": "var(--color-ocean-700)",
259
+ "fg-on-brand-subtle": "var(--color-ocean-300)",
260
+ "fg-on-brand-subtle-hovered": "var(--color-ocean-200)",
261
+ "fg-on-brand-subtle-pressed": "var(--color-ocean-100)",
262
+ "fg-on-brand-subtle-disabled": "var(--color-ocean-700)",
263
+ "fg-on-brand": "var(--color-slate-50)",
264
+ "fg-on-brand-hovered": "white",
265
+ "fg-on-brand-pressed": "white",
266
+ "fg-on-brand-disabled": "var(--color-slate-400)",
267
+ "fg-on-brand-strong": "var(--color-slate-900)",
268
+ "fg-on-brand-strong-hovered": "var(--color-slate-950)",
269
+ "fg-on-brand-strong-pressed": "black",
270
+ "fg-on-brand-strong-disabled": "var(--color-slate-500)",
271
+ "fg-success": "var(--color-emerald-400)",
272
+ "fg-success-hovered": "var(--color-emerald-300)",
273
+ "fg-success-pressed": "var(--color-emerald-200)",
274
+ "fg-success-disabled": "var(--color-emerald-700)",
275
+ "fg-on-success-subtle": "var(--color-emerald-300)",
276
+ "fg-on-success-subtle-hovered": "var(--color-emerald-200)",
277
+ "fg-on-success-subtle-pressed": "var(--color-emerald-100)",
278
+ "fg-on-success-subtle-disabled": "var(--color-emerald-700)",
279
+ "fg-on-success": "var(--color-slate-900)",
280
+ "fg-on-success-hovered": "var(--color-slate-950)",
281
+ "fg-on-success-pressed": "black",
282
+ "fg-on-success-disabled": "var(--color-slate-500)",
283
+ "fg-warning": "var(--color-topaz-400)",
284
+ "fg-warning-hovered": "var(--color-topaz-300)",
285
+ "fg-warning-pressed": "var(--color-topaz-200)",
286
+ "fg-warning-disabled": "var(--color-topaz-700)",
287
+ "fg-on-warning-subtle": "var(--color-topaz-300)",
288
+ "fg-on-warning-subtle-hovered": "var(--color-topaz-200)",
289
+ "fg-on-warning-subtle-pressed": "var(--color-topaz-100)",
290
+ "fg-on-warning-subtle-disabled": "var(--color-topaz-700)",
291
+ "fg-on-warning": "var(--color-slate-900)",
292
+ "fg-on-warning-hovered": "var(--color-slate-950)",
293
+ "fg-on-warning-pressed": "black",
294
+ "fg-on-warning-disabled": "var(--color-slate-500)",
295
+ "fg-danger": "var(--color-ruby-400)",
296
+ "fg-danger-hovered": "var(--color-ruby-300)",
297
+ "fg-danger-pressed": "var(--color-ruby-200)",
298
+ "fg-danger-disabled": "var(--color-ruby-700)",
299
+ "fg-on-danger-subtle": "var(--color-ruby-300)",
300
+ "fg-on-danger-subtle-hovered": "var(--color-ruby-200)",
301
+ "fg-on-danger-subtle-pressed": "var(--color-ruby-100)",
302
+ "fg-on-danger-subtle-disabled": "var(--color-ruby-700)",
303
+ "fg-on-danger": "var(--color-slate-900)",
304
+ "fg-on-danger-hovered": "var(--color-slate-950)",
305
+ "fg-on-danger-pressed": "black",
306
+ "fg-on-danger-disabled": "var(--color-slate-500)",
307
+
308
+ "border-strong": "var(--color-slate-200)",
309
+ "border-strong-hovered": "var(--color-slate-100)",
310
+ "border-strong-pressed": "var(--color-slate-50)",
311
+ "border-strong-disabled": "var(--color-slate-600)",
312
+ "border-normal": "var(--color-slate-700)",
313
+ "border-normal-hovered": "var(--color-slate-600)",
314
+ "border-normal-pressed": "var(--color-slate-500)",
315
+ "border-normal-disabled": "var(--color-slate-800)",
316
+ "border-subtle": "var(--color-slate-800)",
317
+ "border-subtle-hovered": "var(--color-slate-700)",
318
+ "border-subtle-pressed": "var(--color-slate-600)",
319
+ "border-subtle-disabled": "var(--color-slate-900)",
320
+ "border-brand-subtle": "var(--color-ocean-700)",
321
+ "border-brand-subtle-hovered": "var(--color-ocean-600)",
322
+ "border-brand-subtle-pressed": "var(--color-ocean-500)",
323
+ "border-brand-subtle-disabled": "var(--color-ocean-800)",
324
+ "border-brand": "var(--color-ocean-500)",
325
+ "border-brand-hovered": "var(--color-ocean-400)",
326
+ "border-brand-pressed": "var(--color-ocean-300)",
327
+ "border-brand-disabled": "var(--color-ocean-800)",
328
+ "border-brand-strong": "var(--color-ocean-300)",
329
+ "border-brand-strong-hovered": "var(--color-ocean-200)",
330
+ "border-brand-strong-pressed": "var(--color-ocean-100)",
331
+ "border-brand-strong-disabled": "var(--color-ocean-600)",
332
+ "border-success": "var(--color-emerald-700)",
333
+ "border-success-hovered": "var(--color-emerald-600)",
334
+ "border-success-pressed": "var(--color-emerald-500)",
335
+ "border-success-disabled": "var(--color-emerald-800)",
336
+ "border-warning": "var(--color-topaz-700)",
337
+ "border-warning-hovered": "var(--color-topaz-600)",
338
+ "border-warning-pressed": "var(--color-topaz-500)",
339
+ "border-warning-disabled": "var(--color-topaz-800)",
340
+ "border-danger": "var(--color-ruby-700)",
341
+ "border-danger-hovered": "var(--color-ruby-600)",
342
+ "border-danger-pressed": "var(--color-ruby-500)",
343
+ "border-danger-disabled": "var(--color-ruby-800)",
344
+
345
+ "focus-ring": "var(--color-ocean-400)",
346
+
347
+ "bg-overlay": "rgba(0, 0, 0, 0.6)"
348
+ }
349
+ }