@voxel51/voodo 1.4.0-dev.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Datepicker/DatepickerInput.d.ts.map +1 -1
- package/dist/components/Dropzone/Dropzone.d.ts +34 -0
- package/dist/components/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist/components/Dropzone/index.d.ts +2 -0
- package/dist/components/Dropzone/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.d.ts +2 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/IconAction/IconAction.d.ts +20 -0
- package/dist/components/IconAction/IconAction.d.ts.map +1 -0
- package/dist/components/IconAction/index.d.ts +2 -0
- package/dist/components/IconAction/index.d.ts.map +1 -0
- package/dist/components/Icons/Spinner.d.ts.map +1 -1
- package/dist/components/Icons/icons.d.ts +9 -1
- package/dist/components/Icons/icons.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
- package/dist/components/Progress/Progress.d.ts +4 -7
- package/dist/components/Progress/Progress.d.ts.map +1 -1
- package/dist/components/StepRail/StepRail.d.ts +36 -0
- package/dist/components/StepRail/StepRail.d.ts.map +1 -0
- package/dist/components/StepRail/index.d.ts +2 -0
- package/dist/components/StepRail/index.d.ts.map +1 -0
- package/dist/components/TextAction/TextAction.d.ts +22 -0
- package/dist/components/TextAction/TextAction.d.ts.map +1 -0
- package/dist/components/TextAction/index.d.ts +2 -0
- package/dist/components/TextAction/index.d.ts.map +1 -0
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +3 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/components/UploadList/UploadList.d.ts +36 -0
- package/dist/components/UploadList/UploadList.d.ts.map +1 -0
- package/dist/components/UploadList/index.d.ts +2 -0
- package/dist/components/UploadList/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4619 -4149
- package/dist/index.js.map +1 -1
- package/dist/palette-C24I0BcT.js +655 -0
- package/dist/palette-C24I0BcT.js.map +1 -0
- package/dist/palette-yXRdZevG.cjs +2 -0
- package/dist/palette-yXRdZevG.cjs.map +1 -0
- package/dist/styles/color-classes.d.ts +1 -1
- package/dist/styles/color-classes.d.ts.map +1 -1
- package/dist/theme/cssVar.d.ts +128 -105
- package/dist/theme/cssVar.d.ts.map +1 -1
- package/dist/theme/mui.d.ts +15 -15
- package/dist/theme/mui.d.ts.map +1 -1
- package/dist/theme/tokens/colors.d.ts +297 -227
- package/dist/theme/tokens/colors.d.ts.map +1 -1
- package/dist/theme/tokens/gradients.d.ts +6 -0
- package/dist/theme/tokens/gradients.d.ts.map +1 -0
- package/dist/theme/tokens/index.d.ts +288 -220
- package/dist/theme/tokens/index.d.ts.map +1 -1
- package/dist/theme/tokens/palette.d.ts +64 -5
- package/dist/theme/tokens/palette.d.ts.map +1 -1
- package/dist/theme/tokens/spacing.d.ts +48 -0
- package/dist/theme/tokens/spacing.d.ts.map +1 -1
- package/dist/theme/tokens/typography.d.ts +64 -5
- package/dist/theme/tokens/typography.d.ts.map +1 -1
- package/dist/theme/useColorPalette.d.ts +16 -10
- package/dist/theme/useColorPalette.d.ts.map +1 -1
- package/dist/tokens.cjs +1 -1
- package/dist/tokens.cjs.map +1 -1
- package/dist/tokens.js +23 -38
- package/dist/tokens.js.map +1 -1
- package/dist/types/color.d.ts +272 -237
- package/dist/types/color.d.ts.map +1 -1
- package/dist/types/variant.d.ts +2 -0
- package/dist/types/variant.d.ts.map +1 -1
- package/dist/util/classes.d.ts.map +1 -1
- package/dist/util/formatBytes.d.ts +14 -0
- package/dist/util/formatBytes.d.ts.map +1 -0
- package/dist/voodo.css +1 -1
- package/package.json +9 -2
- package/dist/components/CodeBlock/CodeBlock.d.ts +0 -32
- package/dist/components/CodeBlock/CodeBlock.d.ts.map +0 -1
- package/dist/components/CodeBlock/index.d.ts +0 -2
- package/dist/components/CodeBlock/index.d.ts.map +0 -1
- package/dist/components/LoadingScreen/LoadingScreen.d.ts +0 -28
- package/dist/components/LoadingScreen/LoadingScreen.d.ts.map +0 -1
- package/dist/components/LoadingScreen/index.d.ts +0 -2
- package/dist/components/LoadingScreen/index.d.ts.map +0 -1
- package/dist/palette-B91vdbSd.js +0 -479
- package/dist/palette-B91vdbSd.js.map +0 -1
- package/dist/palette-dgN5vIc-.cjs +0 -2
- package/dist/palette-dgN5vIc-.cjs.map +0 -1
package/dist/types/color.d.ts
CHANGED
|
@@ -1,215 +1,173 @@
|
|
|
1
1
|
import { ElementState } from './element';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
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
|
|
21
|
+
readonly Primary: "bg-primary";
|
|
50
22
|
readonly Secondary: "bg-secondary";
|
|
51
|
-
readonly
|
|
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
|
|
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
|
|
39
|
+
type Primary = typeof BackgroundColor.Primary;
|
|
63
40
|
type Secondary = typeof BackgroundColor.Secondary;
|
|
64
|
-
type
|
|
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
|
|
69
|
-
readonly
|
|
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
|
|
86
|
-
type
|
|
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
|
|
100
|
-
readonly
|
|
101
|
-
readonly
|
|
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
|
|
104
|
-
export declare namespace
|
|
105
|
-
type
|
|
106
|
-
type
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
208
|
-
readonly
|
|
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
|
|
211
|
-
export declare namespace
|
|
212
|
-
type
|
|
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
|
|
226
|
-
readonly
|
|
227
|
-
readonly
|
|
228
|
-
readonly
|
|
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
|
|
248
|
-
export declare namespace
|
|
249
|
-
type
|
|
250
|
-
type
|
|
251
|
-
type
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
type
|
|
261
|
-
type
|
|
262
|
-
type
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
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
|
|
289
|
-
readonly
|
|
290
|
-
readonly
|
|
291
|
-
readonly
|
|
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
|
|
294
|
-
export declare namespace
|
|
295
|
-
type
|
|
296
|
-
type
|
|
297
|
-
type
|
|
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
|
|
300
|
-
readonly
|
|
301
|
-
readonly
|
|
302
|
-
readonly
|
|
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
|
|
305
|
-
export declare namespace
|
|
306
|
-
type
|
|
307
|
-
type
|
|
308
|
-
type
|
|
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
|
|
311
|
-
readonly
|
|
312
|
-
readonly
|
|
338
|
+
export declare const BrandColor: {
|
|
339
|
+
readonly Primary: "brand-primary";
|
|
340
|
+
readonly Accent: "brand-accent";
|
|
313
341
|
};
|
|
314
|
-
export type
|
|
315
|
-
export declare namespace
|
|
316
|
-
type
|
|
317
|
-
type
|
|
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
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
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-
|
|
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.
|