@voxel51/voodo 1.4.0-dev.0 → 2.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 (205) hide show
  1. package/bin/voodo.mjs +127 -0
  2. package/dist/cli/reference.d.ts +79 -0
  3. package/dist/cli/reference.d.ts.map +1 -0
  4. package/dist/cli.cjs +11 -0
  5. package/dist/cli.cjs.map +1 -0
  6. package/dist/cli.d.ts +2 -0
  7. package/dist/cli.js +167 -0
  8. package/dist/cli.js.map +1 -0
  9. package/dist/components/ActivityToast/ActivityToast.d.ts +1 -1
  10. package/dist/components/ActivityToast/ActivityToast.d.ts.map +1 -1
  11. package/dist/components/Button/Button.d.ts +5 -3
  12. package/dist/components/Button/Button.d.ts.map +1 -1
  13. package/dist/components/Card/Card.d.ts +3 -3
  14. package/dist/components/Card/Card.d.ts.map +1 -1
  15. package/dist/components/Card/RichCard.d.ts +3 -1
  16. package/dist/components/Card/RichCard.d.ts.map +1 -1
  17. package/dist/components/Checkbox/Checkbox.d.ts +1 -0
  18. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  19. package/dist/components/Clickable/Clickable.d.ts +1 -1
  20. package/dist/components/Combobox/Combobox.d.ts +3 -3
  21. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  22. package/dist/components/ContextMenu/ContextMenu.d.ts +1 -1
  23. package/dist/components/Datepicker/DatePicker.d.ts +1 -1
  24. package/dist/components/Datepicker/DatepickerIconButton.d.ts.map +1 -1
  25. package/dist/components/Datepicker/DatepickerInput.d.ts.map +1 -1
  26. package/dist/components/Divider/Divider.d.ts +21 -14
  27. package/dist/components/Divider/Divider.d.ts.map +1 -1
  28. package/dist/components/Drawer/Drawer.d.ts +37 -0
  29. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  30. package/dist/components/Dropdown/Dropdown.d.ts +3 -3
  31. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  32. package/dist/components/Dropdown/DropdownTrigger.d.ts +2 -2
  33. package/dist/components/Dropzone/Dropzone.d.ts +34 -0
  34. package/dist/components/Dropzone/Dropzone.d.ts.map +1 -0
  35. package/dist/components/Dropzone/index.d.ts +2 -0
  36. package/dist/components/Dropzone/index.d.ts.map +1 -0
  37. package/dist/components/EmptyState/EmptyState.d.ts +11 -4
  38. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  39. package/dist/components/FormField/FormField.d.ts +4 -2
  40. package/dist/components/FormField/FormField.d.ts.map +1 -1
  41. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +4 -19
  42. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
  43. package/dist/components/Heading/Heading.d.ts +1 -1
  44. package/dist/components/Heading/Heading.d.ts.map +1 -1
  45. package/dist/components/IconAction/IconAction.d.ts +26 -0
  46. package/dist/components/IconAction/IconAction.d.ts.map +1 -0
  47. package/dist/components/IconAction/index.d.ts +2 -0
  48. package/dist/components/IconAction/index.d.ts.map +1 -0
  49. package/dist/components/Icons/Icon.d.ts +4 -3
  50. package/dist/components/Icons/Icon.d.ts.map +1 -1
  51. package/dist/components/Icons/IconBase.d.ts +2 -0
  52. package/dist/components/Icons/IconBase.d.ts.map +1 -1
  53. package/dist/components/Icons/IconWrapper.d.ts +3 -1
  54. package/dist/components/Icons/IconWrapper.d.ts.map +1 -1
  55. package/dist/components/Icons/Spinner.d.ts.map +1 -1
  56. package/dist/components/Icons/icons.d.ts +9 -1
  57. package/dist/components/Icons/icons.d.ts.map +1 -1
  58. package/dist/components/ImageList/ImageList.d.ts +4 -4
  59. package/dist/components/ImageList/ImageList.d.ts.map +1 -1
  60. package/dist/components/Input/Input.d.ts +14 -19
  61. package/dist/components/Input/Input.d.ts.map +1 -1
  62. package/dist/components/Input/InputIcon.d.ts +1 -1
  63. package/dist/components/Input/InputIcon.d.ts.map +1 -1
  64. package/dist/components/Input/styles.d.ts +11 -12
  65. package/dist/components/Input/styles.d.ts.map +1 -1
  66. package/dist/components/ListItem/ListItem.d.ts +2 -2
  67. package/dist/components/ListItem/ListItem.d.ts.map +1 -1
  68. package/dist/components/LoadingDots/LoadingDots.d.ts +1 -1
  69. package/dist/components/Menu/MenuCheckItem.d.ts.map +1 -1
  70. package/dist/components/Menu/MenuIconTextItem.d.ts +4 -4
  71. package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
  72. package/dist/components/Menu/MenuSectionTitle.d.ts.map +1 -1
  73. package/dist/components/Menu/MenuTextItem.d.ts +3 -3
  74. package/dist/components/Menu/MenuTextItem.d.ts.map +1 -1
  75. package/dist/components/Menu/styles.d.ts.map +1 -1
  76. package/dist/components/Modal/Modal.d.ts +17 -9
  77. package/dist/components/Modal/Modal.d.ts.map +1 -1
  78. package/dist/components/Pill/Pill.d.ts +5 -4
  79. package/dist/components/Pill/Pill.d.ts.map +1 -1
  80. package/dist/components/Popover/Popover.d.ts +5 -5
  81. package/dist/components/Popover/styles.d.ts.map +1 -1
  82. package/dist/components/Progress/Progress.d.ts +8 -11
  83. package/dist/components/Progress/Progress.d.ts.map +1 -1
  84. package/dist/components/Radio/Radio.d.ts +15 -3
  85. package/dist/components/Radio/Radio.d.ts.map +1 -1
  86. package/dist/components/Radio/RadioGroup.d.ts +4 -4
  87. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  88. package/dist/components/RichButton/RichButton.d.ts +2 -0
  89. package/dist/components/RichButton/RichButton.d.ts.map +1 -1
  90. package/dist/components/RichList/RichList.d.ts +14 -13
  91. package/dist/components/RichList/RichList.d.ts.map +1 -1
  92. package/dist/components/Select/Option.d.ts.map +1 -1
  93. package/dist/components/Select/Select.d.ts +17 -7
  94. package/dist/components/Select/Select.d.ts.map +1 -1
  95. package/dist/components/Sheet/Sheet.d.ts +9 -4
  96. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  97. package/dist/components/Slider/Slider.d.ts +15 -1
  98. package/dist/components/Slider/Slider.d.ts.map +1 -1
  99. package/dist/components/Slider/SliderBar.d.ts +1 -1
  100. package/dist/components/Slider/SliderKnob.d.ts +1 -1
  101. package/dist/components/Slider/SliderLabels.d.ts +1 -1
  102. package/dist/components/Spinner/Spinner.d.ts +1 -1
  103. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  104. package/dist/components/Stack/Stack.d.ts +3 -3
  105. package/dist/components/StepRail/StepRail.d.ts +36 -0
  106. package/dist/components/StepRail/StepRail.d.ts.map +1 -0
  107. package/dist/components/StepRail/index.d.ts +2 -0
  108. package/dist/components/StepRail/index.d.ts.map +1 -0
  109. package/dist/components/Table/Table.d.ts +82 -0
  110. package/dist/components/Table/Table.d.ts.map +1 -1
  111. package/dist/components/Tabs/Tab.d.ts +3 -0
  112. package/dist/components/Tabs/Tab.d.ts.map +1 -1
  113. package/dist/components/Text/Text.d.ts +7 -3
  114. package/dist/components/Text/Text.d.ts.map +1 -1
  115. package/dist/components/TextAction/TextAction.d.ts +29 -0
  116. package/dist/components/TextAction/TextAction.d.ts.map +1 -0
  117. package/dist/components/TextAction/index.d.ts +2 -0
  118. package/dist/components/TextAction/index.d.ts.map +1 -0
  119. package/dist/components/TextArea/TextArea.d.ts +7 -3
  120. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  121. package/dist/components/TextBadge/TextBadge.d.ts +3 -3
  122. package/dist/components/TextBadge/TextBadge.d.ts.map +1 -1
  123. package/dist/components/Toast/Toast.d.ts +7 -5
  124. package/dist/components/Toast/Toast.d.ts.map +1 -1
  125. package/dist/components/ToastContainer/ToastContainer.d.ts +9 -1
  126. package/dist/components/ToastContainer/ToastContainer.d.ts.map +1 -1
  127. package/dist/components/Toggle/Toggle.d.ts +2 -2
  128. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  129. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +12 -11
  130. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  131. package/dist/components/Toolbar/Toolbar.d.ts +14 -14
  132. package/dist/components/Toolbar/Toolbar.d.ts.map +1 -1
  133. package/dist/components/Toolbar/ToolbarGroup.d.ts +1 -1
  134. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  135. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  136. package/dist/components/Tree/TreeSelect.d.ts +1 -1
  137. package/dist/components/Tree/types.d.ts +2 -0
  138. package/dist/components/Tree/types.d.ts.map +1 -1
  139. package/dist/components/UnsetHint/UnsetHint.d.ts +2 -1
  140. package/dist/components/UnsetHint/UnsetHint.d.ts.map +1 -1
  141. package/dist/components/UploadList/UploadList.d.ts +36 -0
  142. package/dist/components/UploadList/UploadList.d.ts.map +1 -0
  143. package/dist/components/UploadList/index.d.ts +2 -0
  144. package/dist/components/UploadList/index.d.ts.map +1 -0
  145. package/dist/components/index.d.ts +5 -2
  146. package/dist/components/index.d.ts.map +1 -1
  147. package/dist/index.cjs +1 -2
  148. package/dist/index.cjs.map +1 -1
  149. package/dist/index.d.ts +1 -0
  150. package/dist/index.d.ts.map +1 -1
  151. package/dist/index.js +4915 -4257
  152. package/dist/index.js.map +1 -1
  153. package/dist/palette-Boxwxq4V.js +723 -0
  154. package/dist/palette-Boxwxq4V.js.map +1 -0
  155. package/dist/palette-DV12yAPS.cjs +2 -0
  156. package/dist/palette-DV12yAPS.cjs.map +1 -0
  157. package/dist/styles/color-classes.d.ts +1 -1
  158. package/dist/styles/color-classes.d.ts.map +1 -1
  159. package/dist/styles/text.d.ts +6 -0
  160. package/dist/styles/text.d.ts.map +1 -1
  161. package/dist/theme/cssVar.d.ts +128 -105
  162. package/dist/theme/cssVar.d.ts.map +1 -1
  163. package/dist/theme/mui.d.ts +15 -15
  164. package/dist/theme/mui.d.ts.map +1 -1
  165. package/dist/theme/tokens/colors.d.ts +297 -227
  166. package/dist/theme/tokens/colors.d.ts.map +1 -1
  167. package/dist/theme/tokens/gradients.d.ts +6 -0
  168. package/dist/theme/tokens/gradients.d.ts.map +1 -0
  169. package/dist/theme/tokens/index.d.ts +350 -220
  170. package/dist/theme/tokens/index.d.ts.map +1 -1
  171. package/dist/theme/tokens/palette.d.ts +64 -5
  172. package/dist/theme/tokens/palette.d.ts.map +1 -1
  173. package/dist/theme/tokens/spacing.d.ts +48 -0
  174. package/dist/theme/tokens/spacing.d.ts.map +1 -1
  175. package/dist/theme/tokens/typography.d.ts +203 -5
  176. package/dist/theme/tokens/typography.d.ts.map +1 -1
  177. package/dist/theme/useColorPalette.d.ts +16 -10
  178. package/dist/theme/useColorPalette.d.ts.map +1 -1
  179. package/dist/tokens.cjs +1 -1
  180. package/dist/tokens.cjs.map +1 -1
  181. package/dist/tokens.js +23 -38
  182. package/dist/tokens.js.map +1 -1
  183. package/dist/types/color.d.ts +272 -237
  184. package/dist/types/color.d.ts.map +1 -1
  185. package/dist/types/text.d.ts +43 -4
  186. package/dist/types/text.d.ts.map +1 -1
  187. package/dist/types/variant.d.ts +2 -0
  188. package/dist/types/variant.d.ts.map +1 -1
  189. package/dist/util/classes.d.ts.map +1 -1
  190. package/dist/util/formatBytes.d.ts +14 -0
  191. package/dist/util/formatBytes.d.ts.map +1 -0
  192. package/dist/voodo.css +1 -1
  193. package/package.json +13 -2
  194. package/dist/components/CodeBlock/CodeBlock.d.ts +0 -32
  195. package/dist/components/CodeBlock/CodeBlock.d.ts.map +0 -1
  196. package/dist/components/CodeBlock/index.d.ts +0 -2
  197. package/dist/components/CodeBlock/index.d.ts.map +0 -1
  198. package/dist/components/LoadingScreen/LoadingScreen.d.ts +0 -28
  199. package/dist/components/LoadingScreen/LoadingScreen.d.ts.map +0 -1
  200. package/dist/components/LoadingScreen/index.d.ts +0 -2
  201. package/dist/components/LoadingScreen/index.d.ts.map +0 -1
  202. package/dist/palette-B91vdbSd.js +0 -479
  203. package/dist/palette-B91vdbSd.js.map +0 -1
  204. package/dist/palette-dgN5vIc-.cjs +0 -2
  205. package/dist/palette-dgN5vIc-.cjs.map +0 -1
@@ -1,215 +1,173 @@
1
1
  import { ElementState } from './element';
2
- export declare const ActionColor: {
3
- readonly PrimaryDefault: "action-primary-primary";
4
- readonly PrimaryHover: "action-primary-secondary";
5
- readonly PrimaryFocus: "action-primary-tertiary";
6
- readonly PrimaryText: "action-primary-text";
7
- readonly SecondaryDefault: "action-secondary-primary";
8
- readonly SecondaryHover: "action-secondary-secondary";
9
- readonly SecondaryFocus: "action-secondary-tertiary";
10
- readonly SecondaryText: "action-secondary-text";
11
- readonly SuccessDefault: "action-success-primary";
12
- readonly SuccessHover: "action-success-secondary";
13
- readonly SuccessFocus: "action-success-tertiary";
14
- readonly SuccessText: "action-success-text";
15
- readonly DangerDefault: "action-danger-primary";
16
- readonly DangerHover: "action-danger-secondary";
17
- readonly DangerFocus: "action-danger-tertiary";
18
- readonly DangerText: "action-danger-text";
19
- readonly IconDefault: "action-icon-default";
20
- };
21
- export type ActionColor = `${(typeof ActionColor)[keyof typeof ActionColor]}`;
22
- export declare namespace ActionColor {
23
- type PrimaryDefault = typeof ActionColor.PrimaryDefault;
24
- type PrimaryHover = typeof ActionColor.PrimaryHover;
25
- type PrimaryFocus = typeof ActionColor.PrimaryFocus;
26
- type PrimaryText = typeof ActionColor.PrimaryText;
27
- type SecondaryDefault = typeof ActionColor.SecondaryDefault;
28
- type SecondaryHover = typeof ActionColor.SecondaryHover;
29
- type SecondaryFocus = typeof ActionColor.SecondaryFocus;
30
- type SecondaryText = typeof ActionColor.SecondaryText;
31
- type SuccessDefault = typeof ActionColor.SuccessDefault;
32
- type SuccessHover = typeof ActionColor.SuccessHover;
33
- type SuccessFocus = typeof ActionColor.SuccessFocus;
34
- type SuccessText = typeof ActionColor.SuccessText;
35
- type DangerDefault = typeof ActionColor.DangerDefault;
36
- type DangerHover = typeof ActionColor.DangerHover;
37
- type DangerFocus = typeof ActionColor.DangerFocus;
38
- type DangerText = typeof ActionColor.DangerText;
39
- type IconDefault = typeof ActionColor.IconDefault;
40
- }
2
+ /**
3
+ * Color tokens as enums — GENERATED from Figma's variable export by
4
+ * kb/eng/projects/design-system-tokens/tools/build_color_types.py.
5
+ * Do not edit by hand; re-run the generator instead.
6
+ *
7
+ * Enum values are the Figma variable names, so they line up 1:1 with the
8
+ * CSS custom properties emitted from colors.ts.
9
+ */
41
10
  export declare const BackgroundColor: {
42
11
  readonly Transparent: "bg-transparent";
12
+ readonly Accent: "bg-accent";
43
13
  readonly Background: "bg-background";
44
- readonly Card1: "bg-card-1";
45
- readonly Card2: "bg-card-2";
14
+ readonly Card: "bg-card";
46
15
  readonly CardElevated: "bg-card-elevated";
16
+ readonly CardNested: "bg-card-nested";
17
+ readonly Failure: "bg-failure";
18
+ readonly Info: "bg-info";
47
19
  readonly Muted: "bg-muted";
48
20
  readonly Popover: "bg-popover";
49
- readonly Selected: "bg-selected";
21
+ readonly Primary: "bg-primary";
50
22
  readonly Secondary: "bg-secondary";
51
- readonly Raised: "bg-raised";
23
+ readonly Selected: "bg-selected";
24
+ readonly Success: "bg-success";
25
+ readonly Warning: "bg-warning";
52
26
  };
53
27
  export type BackgroundColor = `${(typeof BackgroundColor)[keyof typeof BackgroundColor]}`;
54
28
  export declare namespace BackgroundColor {
55
29
  type Transparent = typeof BackgroundColor.Transparent;
30
+ type Accent = typeof BackgroundColor.Accent;
56
31
  type Background = typeof BackgroundColor.Background;
57
- type Card1 = typeof BackgroundColor.Card1;
58
- type Card2 = typeof BackgroundColor.Card2;
32
+ type Card = typeof BackgroundColor.Card;
59
33
  type CardElevated = typeof BackgroundColor.CardElevated;
34
+ type CardNested = typeof BackgroundColor.CardNested;
35
+ type Failure = typeof BackgroundColor.Failure;
36
+ type Info = typeof BackgroundColor.Info;
60
37
  type Muted = typeof BackgroundColor.Muted;
61
38
  type Popover = typeof BackgroundColor.Popover;
62
- type Selected = typeof BackgroundColor.Selected;
39
+ type Primary = typeof BackgroundColor.Primary;
63
40
  type Secondary = typeof BackgroundColor.Secondary;
64
- type Raised = typeof BackgroundColor.Raised;
41
+ type Selected = typeof BackgroundColor.Selected;
42
+ type Success = typeof BackgroundColor.Success;
43
+ type Warning = typeof BackgroundColor.Warning;
65
44
  }
66
45
  export declare const BorderColor: {
46
+ readonly Active: "border-active";
67
47
  readonly Default: "border-default";
68
- readonly Strong: "border-strong";
69
- readonly Hover: "border-hover";
48
+ readonly Disabled: "border-disabled";
49
+ readonly Error: "border-error";
70
50
  readonly Focus: "border-focus";
51
+ readonly Hover: "border-hover";
52
+ readonly Input: "border-input";
53
+ readonly InputFocus: "border-input-focus";
54
+ readonly InputHover: "border-input-hover";
55
+ readonly Strong: "border-strong";
71
56
  readonly Subtle: "border-subtle";
72
- readonly Active: "border-active";
73
- readonly Error: "border-error";
74
57
  readonly Success: "border-success";
75
58
  readonly Warning: "border-warning";
76
- readonly Disabled: "border-disabled";
77
59
  readonly CardElevated: "bg-card-elevated";
78
- readonly Input: "border-input";
79
- readonly InputHover: "border-input-hover";
80
- readonly InputFocus: "border-input-focus";
81
60
  };
82
61
  export type BorderColor = `${(typeof BorderColor)[keyof typeof BorderColor]}`;
83
62
  export declare namespace BorderColor {
63
+ type Active = typeof BorderColor.Active;
84
64
  type Default = typeof BorderColor.Default;
85
- type Strong = typeof BorderColor.Strong;
86
- type Hover = typeof BorderColor.Hover;
65
+ type Disabled = typeof BorderColor.Disabled;
66
+ type Error = typeof BorderColor.Error;
87
67
  type Focus = typeof BorderColor.Focus;
68
+ type Hover = typeof BorderColor.Hover;
69
+ type Input = typeof BorderColor.Input;
70
+ type InputFocus = typeof BorderColor.InputFocus;
71
+ type InputHover = typeof BorderColor.InputHover;
72
+ type Strong = typeof BorderColor.Strong;
88
73
  type Subtle = typeof BorderColor.Subtle;
89
- type Active = typeof BorderColor.Active;
90
- type Error = typeof BorderColor.Error;
91
74
  type Success = typeof BorderColor.Success;
92
75
  type Warning = typeof BorderColor.Warning;
93
- type Disabled = typeof BorderColor.Disabled;
94
76
  type CardElevated = typeof BorderColor.CardElevated;
95
- type Input = typeof BorderColor.Input;
96
- type InputHover = typeof BorderColor.InputHover;
97
- type InputFocus = typeof BorderColor.InputFocus;
98
77
  }
99
- export declare const BrandColor: {
100
- readonly Primary: "brand-primary";
101
- readonly Accent: "brand-accent";
78
+ export declare const CodeColor: {
79
+ readonly Bg: "code-bg";
80
+ readonly Border: "code-border";
81
+ readonly Text: "code-text";
102
82
  };
103
- export type BrandColor = `${(typeof BrandColor)[keyof typeof BrandColor]}`;
104
- export declare namespace BrandColor {
105
- type Primary = typeof BrandColor.Primary;
106
- type Accent = typeof BrandColor.Accent;
83
+ export type CodeColor = `${(typeof CodeColor)[keyof typeof CodeColor]}`;
84
+ export declare namespace CodeColor {
85
+ type Bg = typeof CodeColor.Bg;
86
+ type Border = typeof CodeColor.Border;
87
+ type Text = typeof CodeColor.Text;
88
+ }
89
+ export declare const FocusColor: {
90
+ readonly Ring: "focus-ring";
91
+ };
92
+ export type FocusColor = `${(typeof FocusColor)[keyof typeof FocusColor]}`;
93
+ export declare namespace FocusColor {
94
+ type Ring = typeof FocusColor.Ring;
107
95
  }
108
96
  export declare const IconColor: {
97
+ readonly Brand: "icon-brand";
98
+ readonly Dark: "icon-dark";
99
+ readonly Decorative: "icon-decorative";
109
100
  readonly Default: "icon-default";
110
- readonly Subtle: "icon-subtle";
101
+ readonly Disabled: "icon-disabled";
111
102
  readonly Emphasis: "icon-emphasis";
103
+ readonly Failure: "icon-failure";
104
+ readonly Info: "icon-info";
112
105
  readonly Muted: "icon-muted";
113
- readonly Disabled: "icon-disabled";
114
- readonly Decorative: "icon-decorative";
115
- readonly Brand: "icon-brand";
116
- readonly BrandAccent: "icon-brand-accent";
106
+ readonly Subtle: "icon-subtle";
117
107
  readonly Success: "icon-success";
118
- readonly Destructive: "icon-destructive";
119
108
  readonly Warning: "icon-warning";
120
- readonly Info: "icon-info";
121
- readonly Dark: "icon-dark";
122
109
  };
123
110
  export type IconColor = `${(typeof IconColor)[keyof typeof IconColor]}`;
124
111
  export declare namespace IconColor {
112
+ type Brand = typeof IconColor.Brand;
113
+ type Dark = typeof IconColor.Dark;
114
+ type Decorative = typeof IconColor.Decorative;
125
115
  type Default = typeof IconColor.Default;
126
- type Subtle = typeof IconColor.Subtle;
116
+ type Disabled = typeof IconColor.Disabled;
127
117
  type Emphasis = typeof IconColor.Emphasis;
118
+ type Failure = typeof IconColor.Failure;
119
+ type Info = typeof IconColor.Info;
128
120
  type Muted = typeof IconColor.Muted;
129
- type Disabled = typeof IconColor.Disabled;
130
- type Decorative = typeof IconColor.Decorative;
131
- type Brand = typeof IconColor.Brand;
132
- type BrandAccent = typeof IconColor.BrandAccent;
121
+ type Subtle = typeof IconColor.Subtle;
133
122
  type Success = typeof IconColor.Success;
134
- type Destructive = typeof IconColor.Destructive;
135
123
  type Warning = typeof IconColor.Warning;
136
- type Info = typeof IconColor.Info;
137
- type Dark = typeof IconColor.Dark;
138
- }
139
- export declare const SemanticColor: {
140
- readonly Success: "semantic-success";
141
- readonly Destructive: "semantic-destructive";
142
- readonly Info: "semantic-info";
143
- readonly Warning: "semantic-warning";
144
- };
145
- export type SemanticColor = `${(typeof SemanticColor)[keyof typeof SemanticColor]}`;
146
- export declare namespace SemanticColor {
147
- type Success = typeof SemanticColor.Success;
148
- type Destructive = typeof SemanticColor.Destructive;
149
- type Info = typeof SemanticColor.Info;
150
- type Warning = typeof SemanticColor.Warning;
151
- }
152
- export declare const StatusColor: {
153
- readonly Approved: "status-approved";
154
- readonly Review: "status-review";
155
- readonly Progress: "status-progress";
156
- readonly Default: "status-default";
157
- readonly Failed: "status-failed";
158
- };
159
- export type StatusColor = `${(typeof StatusColor)[keyof typeof StatusColor]}`;
160
- export declare namespace StatusColor {
161
- type Approved = typeof StatusColor.Approved;
162
- type Review = typeof StatusColor.Review;
163
- type Progress = typeof StatusColor.Progress;
164
- type Default = typeof StatusColor.Default;
165
- type Failed = typeof StatusColor.Failed;
166
- }
167
- export declare const TextColor: {
168
- readonly Fg: "text-fg";
169
- readonly Primary: "text-primary";
170
- readonly Secondary: "text-secondary";
171
- readonly Tertiary: "text-tertiary";
172
- readonly Muted: "text-muted";
173
- readonly Placeholder: "text-placeholder";
174
- readonly Success: "text-success";
175
- readonly Destructive: "text-destructive";
176
- readonly Warning: "text-warning";
177
- readonly Info: "text-info";
178
- readonly Accent: "text-accent";
179
- readonly Decorative: "text-decorative";
180
- };
181
- export type TextColor = `${(typeof TextColor)[keyof typeof TextColor]}`;
182
- export declare namespace TextColor {
183
- type Fg = typeof TextColor.Fg;
184
- type Primary = typeof TextColor.Primary;
185
- type Secondary = typeof TextColor.Secondary;
186
- type Tertiary = typeof TextColor.Tertiary;
187
- type Muted = typeof TextColor.Muted;
188
- type Placeholder = typeof TextColor.Placeholder;
189
- type Success = typeof TextColor.Success;
190
- type Destructive = typeof TextColor.Destructive;
191
- type Warning = typeof TextColor.Warning;
192
- type Info = typeof TextColor.Info;
193
- type Accent = typeof TextColor.Accent;
194
- type Decorative = typeof TextColor.Decorative;
195
- }
196
- export declare const OverlayColor: {
197
- readonly Default: "overlay-default";
198
- readonly Light: "overlay-light";
199
- readonly Heavy: "overlay-heavy";
200
- };
201
- export type OverlayColor = `${(typeof OverlayColor)[keyof typeof OverlayColor]}`;
202
- export declare namespace OverlayColor {
203
- type Default = typeof OverlayColor.Default;
204
- type Light = typeof OverlayColor.Light;
205
- type Heavy = typeof OverlayColor.Heavy;
206
124
  }
207
- export declare const FocusColor: {
208
- readonly Ring: "focus-ring";
125
+ export declare const InteractiveColor: {
126
+ readonly DangerDefault: "interactive-danger-default";
127
+ readonly DangerHover: "interactive-danger-hover";
128
+ readonly DangerPressed: "interactive-danger-pressed";
129
+ readonly ExpressiveDefaultEnd: "interactive-expressive-default-end";
130
+ readonly ExpressiveDefaultMid: "interactive-expressive-default-mid";
131
+ readonly ExpressiveDefaultStart: "interactive-expressive-default-start";
132
+ readonly ExpressiveHoverEnd: "interactive-expressive-hover-end";
133
+ readonly ExpressiveHoverMid: "interactive-expressive-hover-mid";
134
+ readonly ExpressiveHoverStart: "interactive-expressive-hover-start";
135
+ readonly ExpressivePressedEnd: "interactive-expressive-pressed-end";
136
+ readonly ExpressivePressedMid: "interactive-expressive-pressed-mid";
137
+ readonly ExpressivePressedStart: "interactive-expressive-pressed-start";
138
+ readonly PrimaryDefault: "interactive-primary-default";
139
+ readonly PrimaryHover: "interactive-primary-hover";
140
+ readonly PrimaryPressed: "interactive-primary-pressed";
141
+ readonly SecondaryDefault: "interactive-secondary-default";
142
+ readonly SecondaryHover: "interactive-secondary-hover";
143
+ readonly SecondaryPressed: "interactive-secondary-pressed";
144
+ readonly SuccessDefault: "interactive-success-default";
145
+ readonly SuccessHover: "interactive-success-hover";
146
+ readonly SuccessPressed: "interactive-success-pressed";
209
147
  };
210
- export type FocusColor = `${(typeof FocusColor)[keyof typeof FocusColor]}`;
211
- export declare namespace FocusColor {
212
- type Ring = typeof FocusColor.Ring;
148
+ export type InteractiveColor = `${(typeof InteractiveColor)[keyof typeof InteractiveColor]}`;
149
+ export declare namespace InteractiveColor {
150
+ type DangerDefault = typeof InteractiveColor.DangerDefault;
151
+ type DangerHover = typeof InteractiveColor.DangerHover;
152
+ type DangerPressed = typeof InteractiveColor.DangerPressed;
153
+ type ExpressiveDefaultEnd = typeof InteractiveColor.ExpressiveDefaultEnd;
154
+ type ExpressiveDefaultMid = typeof InteractiveColor.ExpressiveDefaultMid;
155
+ type ExpressiveDefaultStart = typeof InteractiveColor.ExpressiveDefaultStart;
156
+ type ExpressiveHoverEnd = typeof InteractiveColor.ExpressiveHoverEnd;
157
+ type ExpressiveHoverMid = typeof InteractiveColor.ExpressiveHoverMid;
158
+ type ExpressiveHoverStart = typeof InteractiveColor.ExpressiveHoverStart;
159
+ type ExpressivePressedEnd = typeof InteractiveColor.ExpressivePressedEnd;
160
+ type ExpressivePressedMid = typeof InteractiveColor.ExpressivePressedMid;
161
+ type ExpressivePressedStart = typeof InteractiveColor.ExpressivePressedStart;
162
+ type PrimaryDefault = typeof InteractiveColor.PrimaryDefault;
163
+ type PrimaryHover = typeof InteractiveColor.PrimaryHover;
164
+ type PrimaryPressed = typeof InteractiveColor.PrimaryPressed;
165
+ type SecondaryDefault = typeof InteractiveColor.SecondaryDefault;
166
+ type SecondaryHover = typeof InteractiveColor.SecondaryHover;
167
+ type SecondaryPressed = typeof InteractiveColor.SecondaryPressed;
168
+ type SuccessDefault = typeof InteractiveColor.SuccessDefault;
169
+ type SuccessHover = typeof InteractiveColor.SuccessHover;
170
+ type SuccessPressed = typeof InteractiveColor.SuccessPressed;
213
171
  }
214
172
  export declare const LinkColor: {
215
173
  readonly Default: "link-default";
@@ -222,50 +180,36 @@ export declare namespace LinkColor {
222
180
  type Hover = typeof LinkColor.Hover;
223
181
  type Visited = typeof LinkColor.Visited;
224
182
  }
225
- export declare const PaletteColor: {
226
- readonly P1: "palette-1";
227
- readonly P2: "palette-2";
228
- readonly P3: "palette-3";
229
- readonly P4: "palette-4";
230
- readonly P5: "palette-5";
231
- readonly P6: "palette-6";
232
- readonly P7: "palette-7";
233
- readonly P8: "palette-8";
234
- readonly P9: "palette-9";
235
- readonly P10: "palette-10";
236
- readonly P11: "palette-11";
237
- readonly P12: "palette-12";
238
- readonly Orange: "palette-orange";
239
- readonly Blue: "palette-blue";
240
- readonly Green: "palette-green";
241
- readonly Purple: "palette-purple";
242
- readonly Pink: "palette-pink";
243
- readonly Yellow: "palette-yellow";
244
- readonly Teal: "palette-teal";
245
- readonly Red: "palette-red";
183
+ export declare const ScrimColor: {
184
+ readonly Default: "scrim-default";
185
+ readonly Heavy: "scrim-heavy";
186
+ readonly Light: "scrim-light";
246
187
  };
247
- export type PaletteColor = `${(typeof PaletteColor)[keyof typeof PaletteColor]}`;
248
- export declare namespace PaletteColor {
249
- type P1 = typeof PaletteColor.P1;
250
- type P2 = typeof PaletteColor.P2;
251
- type P3 = typeof PaletteColor.P3;
252
- type P4 = typeof PaletteColor.P4;
253
- type P5 = typeof PaletteColor.P5;
254
- type P6 = typeof PaletteColor.P6;
255
- type P7 = typeof PaletteColor.P7;
256
- type P8 = typeof PaletteColor.P8;
257
- type P9 = typeof PaletteColor.P9;
258
- type P10 = typeof PaletteColor.P10;
259
- type P11 = typeof PaletteColor.P11;
260
- type P12 = typeof PaletteColor.P12;
261
- type Orange = typeof PaletteColor.Orange;
262
- type Blue = typeof PaletteColor.Blue;
263
- type Green = typeof PaletteColor.Green;
264
- type Purple = typeof PaletteColor.Purple;
265
- type Pink = typeof PaletteColor.Pink;
266
- type Yellow = typeof PaletteColor.Yellow;
267
- type Teal = typeof PaletteColor.Teal;
268
- type Red = typeof PaletteColor.Red;
188
+ export type ScrimColor = `${(typeof ScrimColor)[keyof typeof ScrimColor]}`;
189
+ export declare namespace ScrimColor {
190
+ type Default = typeof ScrimColor.Default;
191
+ type Heavy = typeof ScrimColor.Heavy;
192
+ type Light = typeof ScrimColor.Light;
193
+ }
194
+ export declare const ScrollbarColor: {
195
+ readonly Thumb: "scrollbar-thumb";
196
+ readonly ThumbHover: "scrollbar-thumb-hover";
197
+ readonly Track: "scrollbar-track";
198
+ };
199
+ export type ScrollbarColor = `${(typeof ScrollbarColor)[keyof typeof ScrollbarColor]}`;
200
+ export declare namespace ScrollbarColor {
201
+ type Thumb = typeof ScrollbarColor.Thumb;
202
+ type ThumbHover = typeof ScrollbarColor.ThumbHover;
203
+ type Track = typeof ScrollbarColor.Track;
204
+ }
205
+ export declare const SelectionColor: {
206
+ readonly Bg: "selection-bg";
207
+ readonly Text: "selection-text";
208
+ };
209
+ export type SelectionColor = `${(typeof SelectionColor)[keyof typeof SelectionColor]}`;
210
+ export declare namespace SelectionColor {
211
+ type Bg = typeof SelectionColor.Bg;
212
+ type Text = typeof SelectionColor.Text;
269
213
  }
270
214
  export declare const SkeletonColor: {
271
215
  readonly Base: "skeleton-base";
@@ -276,6 +220,62 @@ export declare namespace SkeletonColor {
276
220
  type Base = typeof SkeletonColor.Base;
277
221
  type Shimmer = typeof SkeletonColor.Shimmer;
278
222
  }
223
+ export declare const StatusColor: {
224
+ readonly ApprovedBg: "status-approved-bg";
225
+ readonly ApprovedText: "status-approved-text";
226
+ readonly DraftBg: "status-draft-bg";
227
+ readonly DraftText: "status-draft-text";
228
+ readonly FailedBg: "status-failed-bg";
229
+ readonly FailedText: "status-failed-text";
230
+ readonly ProgressBg: "status-progress-bg";
231
+ readonly ProgressText: "status-progress-text";
232
+ readonly ReviewBg: "status-review-bg";
233
+ readonly ReviewText: "status-review-text";
234
+ };
235
+ export type StatusColor = `${(typeof StatusColor)[keyof typeof StatusColor]}`;
236
+ export declare namespace StatusColor {
237
+ type ApprovedBg = typeof StatusColor.ApprovedBg;
238
+ type ApprovedText = typeof StatusColor.ApprovedText;
239
+ type DraftBg = typeof StatusColor.DraftBg;
240
+ type DraftText = typeof StatusColor.DraftText;
241
+ type FailedBg = typeof StatusColor.FailedBg;
242
+ type FailedText = typeof StatusColor.FailedText;
243
+ type ProgressBg = typeof StatusColor.ProgressBg;
244
+ type ProgressText = typeof StatusColor.ProgressText;
245
+ type ReviewBg = typeof StatusColor.ReviewBg;
246
+ type ReviewText = typeof StatusColor.ReviewText;
247
+ }
248
+ export declare const TextColor: {
249
+ readonly Accent: "text-accent";
250
+ readonly Decorative: "text-decorative";
251
+ readonly Failure: "text-failure";
252
+ readonly Foreground: "text-foreground";
253
+ readonly Info: "text-info";
254
+ readonly Inverse: "text-inverse";
255
+ readonly Muted: "text-muted";
256
+ readonly Placeholder: "text-placeholder";
257
+ readonly Primary: "text-primary";
258
+ readonly Secondary: "text-secondary";
259
+ readonly Success: "text-success";
260
+ readonly Tertiary: "text-tertiary";
261
+ readonly Warning: "text-warning";
262
+ };
263
+ export type TextColor = `${(typeof TextColor)[keyof typeof TextColor]}`;
264
+ export declare namespace TextColor {
265
+ type Accent = typeof TextColor.Accent;
266
+ type Decorative = typeof TextColor.Decorative;
267
+ type Failure = typeof TextColor.Failure;
268
+ type Foreground = typeof TextColor.Foreground;
269
+ type Info = typeof TextColor.Info;
270
+ type Inverse = typeof TextColor.Inverse;
271
+ type Muted = typeof TextColor.Muted;
272
+ type Placeholder = typeof TextColor.Placeholder;
273
+ type Primary = typeof TextColor.Primary;
274
+ type Secondary = typeof TextColor.Secondary;
275
+ type Success = typeof TextColor.Success;
276
+ type Tertiary = typeof TextColor.Tertiary;
277
+ type Warning = typeof TextColor.Warning;
278
+ }
279
279
  export declare const TooltipColor: {
280
280
  readonly Bg: "tooltip-bg";
281
281
  readonly Text: "tooltip-text";
@@ -285,46 +285,79 @@ export declare namespace TooltipColor {
285
285
  type Bg = typeof TooltipColor.Bg;
286
286
  type Text = typeof TooltipColor.Text;
287
287
  }
288
- export declare const CodeColor: {
289
- readonly Bg: "code-bg";
290
- readonly Text: "code-text";
291
- readonly Border: "code-border";
288
+ export declare const VizChartColor: {
289
+ readonly Blue: "viz-chart-blue";
290
+ readonly Green: "viz-chart-green";
291
+ readonly Lime: "viz-chart-lime";
292
+ readonly Magenta: "viz-chart-magenta";
293
+ readonly Neutral: "viz-chart-neutral";
294
+ readonly Pink: "viz-chart-pink";
295
+ readonly Purple: "viz-chart-purple";
296
+ readonly Red: "viz-chart-red";
297
+ readonly Teal: "viz-chart-teal";
298
+ readonly Yellow: "viz-chart-yellow";
292
299
  };
293
- export type CodeColor = `${(typeof CodeColor)[keyof typeof CodeColor]}`;
294
- export declare namespace CodeColor {
295
- type Bg = typeof CodeColor.Bg;
296
- type Text = typeof CodeColor.Text;
297
- type Border = typeof CodeColor.Border;
300
+ export type VizChartColor = `${(typeof VizChartColor)[keyof typeof VizChartColor]}`;
301
+ export declare namespace VizChartColor {
302
+ type Blue = typeof VizChartColor.Blue;
303
+ type Green = typeof VizChartColor.Green;
304
+ type Lime = typeof VizChartColor.Lime;
305
+ type Magenta = typeof VizChartColor.Magenta;
306
+ type Neutral = typeof VizChartColor.Neutral;
307
+ type Pink = typeof VizChartColor.Pink;
308
+ type Purple = typeof VizChartColor.Purple;
309
+ type Red = typeof VizChartColor.Red;
310
+ type Teal = typeof VizChartColor.Teal;
311
+ type Yellow = typeof VizChartColor.Yellow;
298
312
  }
299
- export declare const ScrollbarColor: {
300
- readonly Track: "scrollbar-track";
301
- readonly Thumb: "scrollbar-thumb";
302
- readonly ThumbHover: "scrollbar-thumb-hover";
313
+ export declare const VizOverlayColor: {
314
+ readonly Blue: "viz-overlay-blue";
315
+ readonly Green: "viz-overlay-green";
316
+ readonly Lime: "viz-overlay-lime";
317
+ readonly Magenta: "viz-overlay-magenta";
318
+ readonly Neutral: "viz-overlay-neutral";
319
+ readonly Pink: "viz-overlay-pink";
320
+ readonly Purple: "viz-overlay-purple";
321
+ readonly Red: "viz-overlay-red";
322
+ readonly Teal: "viz-overlay-teal";
323
+ readonly Yellow: "viz-overlay-yellow";
303
324
  };
304
- export type ScrollbarColor = `${(typeof ScrollbarColor)[keyof typeof ScrollbarColor]}`;
305
- export declare namespace ScrollbarColor {
306
- type Track = typeof ScrollbarColor.Track;
307
- type Thumb = typeof ScrollbarColor.Thumb;
308
- type ThumbHover = typeof ScrollbarColor.ThumbHover;
325
+ export type VizOverlayColor = `${(typeof VizOverlayColor)[keyof typeof VizOverlayColor]}`;
326
+ export declare namespace VizOverlayColor {
327
+ type Blue = typeof VizOverlayColor.Blue;
328
+ type Green = typeof VizOverlayColor.Green;
329
+ type Lime = typeof VizOverlayColor.Lime;
330
+ type Magenta = typeof VizOverlayColor.Magenta;
331
+ type Neutral = typeof VizOverlayColor.Neutral;
332
+ type Pink = typeof VizOverlayColor.Pink;
333
+ type Purple = typeof VizOverlayColor.Purple;
334
+ type Red = typeof VizOverlayColor.Red;
335
+ type Teal = typeof VizOverlayColor.Teal;
336
+ type Yellow = typeof VizOverlayColor.Yellow;
309
337
  }
310
- export declare const SelectionColor: {
311
- readonly Bg: "selection-bg";
312
- readonly Text: "selection-text";
338
+ export declare const BrandColor: {
339
+ readonly Primary: "brand-primary";
340
+ readonly Accent: "brand-accent";
313
341
  };
314
- export type SelectionColor = `${(typeof SelectionColor)[keyof typeof SelectionColor]}`;
315
- export declare namespace SelectionColor {
316
- type Bg = typeof SelectionColor.Bg;
317
- type Text = typeof SelectionColor.Text;
342
+ export type BrandColor = `${(typeof BrandColor)[keyof typeof BrandColor]}`;
343
+ export declare namespace BrandColor {
344
+ type Primary = typeof BrandColor.Primary;
345
+ type Accent = typeof BrandColor.Accent;
318
346
  }
319
- export type Color = ActionColor | BackgroundColor | BrandColor | IconColor | SemanticColor | StatusColor | TextColor | OverlayColor | FocusColor | LinkColor | PaletteColor | SkeletonColor | TooltipColor | CodeColor | ScrollbarColor | SelectionColor;
320
- /**
321
- * Tokens valid for text and icon color. Deliberately a subset of
322
- * {@link Color}: most other tokens (`BackgroundColor`, `BorderColor`,
323
- * `ScrollbarColor`, `SkeletonColor`, `OverlayColor`, `FocusColor`, ...)
324
- * describe surfaces, borders, or component-specific chrome, not text/icon
325
- * color — accepting them here would be a category error, not added
326
- * flexibility.
327
- */
347
+ export declare const SemanticColor: {
348
+ readonly Success: "semantic-success";
349
+ readonly Destructive: "semantic-destructive";
350
+ readonly Info: "semantic-info";
351
+ readonly Warning: "semantic-warning";
352
+ };
353
+ export type SemanticColor = `${(typeof SemanticColor)[keyof typeof SemanticColor]}`;
354
+ export declare namespace SemanticColor {
355
+ type Success = typeof SemanticColor.Success;
356
+ type Destructive = typeof SemanticColor.Destructive;
357
+ type Info = typeof SemanticColor.Info;
358
+ type Warning = typeof SemanticColor.Warning;
359
+ }
360
+ export type Color = BackgroundColor | BrandColor | CodeColor | FocusColor | IconColor | InteractiveColor | LinkColor | ScrimColor | ScrollbarColor | SelectionColor | SemanticColor | SkeletonColor | StatusColor | TextColor | TooltipColor | VizChartColor | VizOverlayColor;
328
361
  export type ThemeableColor = TextColor | IconColor | BrandColor;
329
362
  /**
330
363
  * Whether a value is one of the {@link ThemeableColor} tokens — which
@@ -335,10 +368,12 @@ export type ThemeableColor = TextColor | IconColor | BrandColor;
335
368
  * e.g. user-defined palettes) use this to tell the two apart at render time.
336
369
  */
337
370
  export declare function isColorToken(color: string): color is ThemeableColor;
371
+ /** Every `Color` value. Generated — do not hand-maintain. */
372
+ export declare const ALL_COLORS: readonly Color[];
338
373
  export declare const bgColorClass: (color: Color, elementState?: ElementState) => string;
339
374
  /**
340
375
  * Resolves a design-token color to a ready-to-use CSS value, e.g.
341
- * `var(--color-action-primary-primary)`. Safe to drop directly into an
376
+ * `var(--color-content-text-primary)`. Safe to drop directly into an
342
377
  * inline `style` prop (`style={{ color: getColorCssVar(TextColor.Success) }}`)
343
378
  * or wrap in a Tailwind arbitrary value (`` `bg-[${getColorCssVar(color)}]` ``)
344
379
  * — don't wrap the result in `var(...)` yourself, it's already included.