@carbon/themes 11.74.0 → 11.75.0-rc.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/es/index.js +68 -101
- package/lib/component-tokens/button/index.d.ts +7 -0
- package/lib/component-tokens/button/tokens.d.ts +98 -0
- package/{src/component-tokens/content-switcher/index.js → lib/component-tokens/content-switcher/index.d.ts} +1 -1
- package/lib/component-tokens/content-switcher/tokens.d.ts +24 -0
- package/lib/component-tokens/notification/index.d.ts +7 -0
- package/lib/component-tokens/notification/tokens.d.ts +64 -0
- package/lib/component-tokens/status/index.d.ts +7 -0
- package/lib/component-tokens/status/tokens.d.ts +62 -0
- package/lib/component-tokens/tag/index.d.ts +7 -0
- package/lib/component-tokens/tag/tokens.d.ts +246 -0
- package/lib/g10.d.ts +242 -0
- package/lib/g100.d.ts +242 -0
- package/lib/g90.d.ts +242 -0
- package/lib/index.d.ts +26 -0
- package/lib/index.js +68 -101
- package/lib/tokens/Token.d.ts +20 -0
- package/lib/tokens/TokenFormat.d.ts +15 -0
- package/lib/tokens/TokenGroup.d.ts +57 -0
- package/lib/tokens/TokenSet.d.ts +30 -0
- package/lib/tokens/components.d.ts +12 -0
- package/lib/tokens/index.d.ts +21 -0
- package/lib/tokens/layout.d.ts +8 -0
- package/lib/tokens/type.d.ts +8 -0
- package/lib/tokens/types.d.ts +23 -0
- package/lib/tokens/v10.d.ts +10 -0
- package/lib/tokens/v11TokenGroup.d.ts +21 -0
- package/lib/tokens/v11TokenSet.d.ts +8 -0
- package/lib/tools.d.ts +17 -0
- package/lib/v10/g10.d.ts +154 -0
- package/lib/v10/g100.d.ts +154 -0
- package/lib/v10/g90.d.ts +154 -0
- package/lib/v10/index.d.ts +19 -0
- package/lib/v10/tokens.d.ts +18 -0
- package/lib/v10/white.d.ts +155 -0
- package/lib/white.d.ts +243 -0
- package/package.json +10 -5
- package/src/component-tokens/button/{index.js → index.ts} +1 -1
- package/src/component-tokens/button/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/content-switcher/index.ts +7 -0
- package/src/component-tokens/content-switcher/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/notification/{index.js → index.ts} +1 -1
- package/src/component-tokens/notification/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/status/{index.js → index.ts} +1 -1
- package/src/component-tokens/status/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/tag/{index.js → index.ts} +1 -1
- package/src/component-tokens/tag/{tokens.js → tokens.ts} +1 -1
- package/src/{g10.js → g10.ts} +1 -1
- package/src/{g100.js → g100.ts} +1 -1
- package/src/{g90.js → g90.ts} +1 -1
- package/src/{index.js → index.ts} +1 -1
- package/src/tokens/{Token.js → Token.ts} +10 -4
- package/src/tokens/{TokenFormat.js → TokenFormat.ts} +12 -7
- package/src/tokens/{TokenGroup.js → TokenGroup.ts} +38 -16
- package/src/tokens/{TokenSet.js → TokenSet.ts} +22 -8
- package/src/tokens/{components.js → components.ts} +1 -1
- package/src/tokens/{index.js → index.ts} +13 -22
- package/src/tokens/{layout.js → layout.ts} +1 -1
- package/src/tokens/{type.js → type.ts} +1 -1
- package/src/tokens/types.ts +28 -0
- package/src/tokens/{v10.js → v10.ts} +1 -1
- package/src/tokens/{v11TokenGroup.js → v11TokenGroup.ts} +1 -1
- package/src/tokens/v11TokenSet.ts +93 -0
- package/src/{tools.js → tools.ts} +7 -15
- package/src/v10/{g10.js → g10.ts} +1 -1
- package/src/v10/{g100.js → g100.ts} +1 -1
- package/src/v10/{g90.js → g90.ts} +1 -1
- package/src/v10/{index.js → index.ts} +1 -1
- package/src/v10/{tokens.js → tokens.ts} +1 -1
- package/src/v10/{white.js → white.ts} +1 -1
- package/src/{white.js → white.ts} +1 -1
- package/tsconfig.json +8 -0
- package/tsconfig.types.json +9 -0
- package/umd/index.js +68 -101
- package/src/tokens/v11TokenSet.js +0 -94
package/lib/g100.d.ts
ADDED
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2018, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export declare const colorScheme = "dark";
|
|
8
|
+
export declare const background = "#161616";
|
|
9
|
+
export declare const backgroundInverse = "#f4f4f4";
|
|
10
|
+
export declare const backgroundBrand = "#0f62fe";
|
|
11
|
+
export declare const backgroundActive: string;
|
|
12
|
+
export declare const backgroundHover: string;
|
|
13
|
+
export declare const backgroundInverseHover = "#e8e8e8";
|
|
14
|
+
export declare const backgroundSelected: string;
|
|
15
|
+
export declare const backgroundSelectedHover: string;
|
|
16
|
+
export declare const layer01 = "#262626";
|
|
17
|
+
export declare const layerActive01 = "#525252";
|
|
18
|
+
export declare const layerBackground01 = "#161616";
|
|
19
|
+
export declare const layerHover01 = "#333333";
|
|
20
|
+
export declare const layerSelected01 = "#393939";
|
|
21
|
+
export declare const layerSelectedHover01 = "#474747";
|
|
22
|
+
export declare const layer02 = "#393939";
|
|
23
|
+
export declare const layerActive02 = "#6f6f6f";
|
|
24
|
+
export declare const layerBackground02 = "#262626";
|
|
25
|
+
export declare const layerHover02 = "#474747";
|
|
26
|
+
export declare const layerSelected02 = "#525252";
|
|
27
|
+
export declare const layerSelectedHover02 = "#636363";
|
|
28
|
+
export declare const layer03 = "#525252";
|
|
29
|
+
export declare const layerActive03 = "#8d8d8d";
|
|
30
|
+
export declare const layerBackground03 = "#393939";
|
|
31
|
+
export declare const layerHover03 = "#636363";
|
|
32
|
+
export declare const layerSelected03 = "#6f6f6f";
|
|
33
|
+
export declare const layerSelectedHover03 = "#5e5e5e";
|
|
34
|
+
export declare const layerSelectedInverse = "#f4f4f4";
|
|
35
|
+
export declare const layerSelectedDisabled = "#a8a8a8";
|
|
36
|
+
export declare const layerAccent01 = "#393939";
|
|
37
|
+
export declare const layerAccentActive01 = "#6f6f6f";
|
|
38
|
+
export declare const layerAccentHover01 = "#474747";
|
|
39
|
+
export declare const layerAccent02 = "#525252";
|
|
40
|
+
export declare const layerAccentActive02 = "#8d8d8d";
|
|
41
|
+
export declare const layerAccentHover02 = "#636363";
|
|
42
|
+
export declare const layerAccent03 = "#6f6f6f";
|
|
43
|
+
export declare const layerAccentActive03 = "#393939";
|
|
44
|
+
export declare const layerAccentHover03 = "#5e5e5e";
|
|
45
|
+
export declare const field01 = "#262626";
|
|
46
|
+
export declare const fieldHover01 = "#333333";
|
|
47
|
+
export declare const field02 = "#393939";
|
|
48
|
+
export declare const fieldHover02 = "#474747";
|
|
49
|
+
export declare const field03 = "#525252";
|
|
50
|
+
export declare const fieldHover03 = "#636363";
|
|
51
|
+
export declare const borderSubtle00 = "#393939";
|
|
52
|
+
export declare const borderSubtle01 = "#525252";
|
|
53
|
+
export declare const borderSubtleSelected01 = "#6f6f6f";
|
|
54
|
+
export declare const borderSubtle02 = "#6f6f6f";
|
|
55
|
+
export declare const borderSubtleSelected02 = "#8d8d8d";
|
|
56
|
+
export declare const borderSubtle03 = "#6f6f6f";
|
|
57
|
+
export declare const borderSubtleSelected03 = "#8d8d8d";
|
|
58
|
+
export declare const borderStrong01 = "#6f6f6f";
|
|
59
|
+
export declare const borderStrong02 = "#8d8d8d";
|
|
60
|
+
export declare const borderStrong03 = "#a8a8a8";
|
|
61
|
+
export declare const borderTile01 = "#525252";
|
|
62
|
+
export declare const borderTile02 = "#6f6f6f";
|
|
63
|
+
export declare const borderTile03 = "#8d8d8d";
|
|
64
|
+
export declare const borderInverse = "#f4f4f4";
|
|
65
|
+
export declare const borderInteractive = "#4589ff";
|
|
66
|
+
export declare const borderDisabled: string;
|
|
67
|
+
export declare const textPrimary = "#f4f4f4";
|
|
68
|
+
export declare const textSecondary = "#c6c6c6";
|
|
69
|
+
export declare const textPlaceholder: string;
|
|
70
|
+
export declare const textHelper = "#a8a8a8";
|
|
71
|
+
export declare const textError = "#ff8389";
|
|
72
|
+
export declare const textInverse = "#161616";
|
|
73
|
+
export declare const textOnColor = "#ffffff";
|
|
74
|
+
export declare const textOnColorDisabled: string;
|
|
75
|
+
export declare const textDisabled: string;
|
|
76
|
+
export declare const linkPrimary = "#78a9ff";
|
|
77
|
+
export declare const linkPrimaryHover = "#a6c8ff";
|
|
78
|
+
export declare const linkSecondary = "#a6c8ff";
|
|
79
|
+
export declare const linkInverse = "#0f62fe";
|
|
80
|
+
export declare const linkVisited = "#be95ff";
|
|
81
|
+
export declare const linkInverseVisited = "#8a3ffc";
|
|
82
|
+
export declare const linkInverseActive = "#161616";
|
|
83
|
+
export declare const linkInverseHover = "#0043ce";
|
|
84
|
+
export declare const iconPrimary = "#f4f4f4";
|
|
85
|
+
export declare const iconSecondary = "#c6c6c6";
|
|
86
|
+
export declare const iconInverse = "#161616";
|
|
87
|
+
export declare const iconOnColor = "#ffffff";
|
|
88
|
+
export declare const iconOnColorDisabled: string;
|
|
89
|
+
export declare const iconDisabled: string;
|
|
90
|
+
export declare const iconInteractive = "#ffffff";
|
|
91
|
+
export declare const supportError = "#fa4d56";
|
|
92
|
+
export declare const supportSuccess = "#42be65";
|
|
93
|
+
export declare const supportWarning = "#f1c21b";
|
|
94
|
+
export declare const supportInfo = "#4589ff";
|
|
95
|
+
export declare const supportErrorInverse = "#da1e28";
|
|
96
|
+
export declare const supportSuccessInverse = "#24a148";
|
|
97
|
+
export declare const supportWarningInverse = "#f1c21b";
|
|
98
|
+
export declare const supportInfoInverse = "#0043ce";
|
|
99
|
+
export declare const supportCautionMinor = "#f1c21b";
|
|
100
|
+
export declare const supportCautionMajor = "#ff832b";
|
|
101
|
+
export declare const supportCautionUndefined = "#a56eff";
|
|
102
|
+
export declare const focus = "#ffffff";
|
|
103
|
+
export declare const focusInset = "#161616";
|
|
104
|
+
export declare const focusInverse = "#0f62fe";
|
|
105
|
+
export declare const skeletonBackground: string;
|
|
106
|
+
export declare const skeletonElement = "#393939";
|
|
107
|
+
export declare const interactive = "#4589ff";
|
|
108
|
+
export declare const highlight = "#001d6c";
|
|
109
|
+
export declare const overlay: string;
|
|
110
|
+
export declare const toggleOff = "#6f6f6f";
|
|
111
|
+
export declare const shadow: string;
|
|
112
|
+
export declare const syntaxComment = "#42be65";
|
|
113
|
+
export declare const syntaxLineComment = "#42be65";
|
|
114
|
+
export declare const syntaxBlockComment = "#42be65";
|
|
115
|
+
export declare const syntaxDocComment = "#42be65";
|
|
116
|
+
export declare const syntaxString = "#f4f4f4";
|
|
117
|
+
export declare const syntaxDocString = "#f4f4f4";
|
|
118
|
+
export declare const syntaxKeyword = "#4589ff";
|
|
119
|
+
export declare const syntaxOperatorKeyword = "#4589ff";
|
|
120
|
+
export declare const syntaxControlKeyword = "#be95ff";
|
|
121
|
+
export declare const syntaxDefinitionKeyword = "#33b1ff";
|
|
122
|
+
export declare const syntaxModuleKeyword = "#be95ff";
|
|
123
|
+
export declare const syntaxVariable = "#a6c8ff";
|
|
124
|
+
export declare const syntaxName = "#a6c8ff";
|
|
125
|
+
export declare const syntaxVariableName = "#a6c8ff";
|
|
126
|
+
export declare const syntaxLabelName = "#a6c8ff";
|
|
127
|
+
export declare const syntaxAttribute = "#33b1ff";
|
|
128
|
+
export declare const syntaxAttributeName = "#33b1ff";
|
|
129
|
+
export declare const syntaxPropertyName = "#33b1ff";
|
|
130
|
+
export declare const syntaxTag = "#3ddbd9";
|
|
131
|
+
export declare const syntaxTagName = "#3ddbd9";
|
|
132
|
+
export declare const syntaxType = "#3ddbd9";
|
|
133
|
+
export declare const syntaxTypeName = "#3ddbd9";
|
|
134
|
+
export declare const syntaxClassName = "#3ddbd9";
|
|
135
|
+
export declare const syntaxNamespace = "#3ddbd9";
|
|
136
|
+
export declare const syntaxMacroName = "#f4f4f4";
|
|
137
|
+
export declare const syntaxAtom = "#f4f4f4";
|
|
138
|
+
export declare const syntaxLiteral = "#f4f4f4";
|
|
139
|
+
export declare const syntaxBool = "#f4f4f4";
|
|
140
|
+
export declare const syntaxNull = "#f4f4f4";
|
|
141
|
+
export declare const syntaxSelf = "#3ddbd9";
|
|
142
|
+
export declare const syntaxNumber = "#6fdc8c";
|
|
143
|
+
export declare const syntaxInteger = "#6fdc8c";
|
|
144
|
+
export declare const syntaxFloat = "#6fdc8c";
|
|
145
|
+
export declare const syntaxUnit = "#6fdc8c";
|
|
146
|
+
export declare const syntaxCharacter = "#f4f4f4";
|
|
147
|
+
export declare const syntaxAttributeValue = "#f4f4f4";
|
|
148
|
+
export declare const syntaxSpecialString = "#be95ff";
|
|
149
|
+
export declare const syntaxRegexp = "#be95ff";
|
|
150
|
+
export declare const syntaxEscape = "#e0e0e0";
|
|
151
|
+
export declare const syntaxUrl = "#e0e0e0";
|
|
152
|
+
export declare const syntaxColor = "#f4f4f4";
|
|
153
|
+
export declare const syntaxOperator = "#e0e0e0";
|
|
154
|
+
export declare const syntaxDerefOperator = "#e0e0e0";
|
|
155
|
+
export declare const syntaxArithmeticOperator = "#e0e0e0";
|
|
156
|
+
export declare const syntaxLogicOperator = "#e0e0e0";
|
|
157
|
+
export declare const syntaxBitwiseOperator = "#e0e0e0";
|
|
158
|
+
export declare const syntaxCompareOperator = "#e0e0e0";
|
|
159
|
+
export declare const syntaxUpdateOperator = "#e0e0e0";
|
|
160
|
+
export declare const syntaxDefinitionOperator = "#33b1ff";
|
|
161
|
+
export declare const syntaxTypeOperator = "#3ddbd9";
|
|
162
|
+
export declare const syntaxControlOperator = "#be95ff";
|
|
163
|
+
export declare const syntaxModifier = "#4589ff";
|
|
164
|
+
export declare const syntaxPunctuation = "#e0e0e0";
|
|
165
|
+
export declare const syntaxSeparator = "#e0e0e0";
|
|
166
|
+
export declare const syntaxBracket = "#e0e0e0";
|
|
167
|
+
export declare const syntaxAngleBracket = "#8d8d8d";
|
|
168
|
+
export declare const syntaxSquareBracket = "#e0e0e0";
|
|
169
|
+
export declare const syntaxParen = "#e0e0e0";
|
|
170
|
+
export declare const syntaxBrace = "#e0e0e0";
|
|
171
|
+
export declare const syntaxContent = "#f4f4f4";
|
|
172
|
+
export declare const syntaxList = "#f4f4f4";
|
|
173
|
+
export declare const syntaxEmphasis = "#f4f4f4";
|
|
174
|
+
export declare const syntaxStrong = "#f4f4f4";
|
|
175
|
+
export declare const syntaxMonospace = "#f4f4f4";
|
|
176
|
+
export declare const syntaxStrikethrough = "#f4f4f4";
|
|
177
|
+
export declare const syntaxHeading = "#33b1ff";
|
|
178
|
+
export declare const syntaxHeading1 = "#33b1ff";
|
|
179
|
+
export declare const syntaxHeading2 = "#33b1ff";
|
|
180
|
+
export declare const syntaxHeading3 = "#33b1ff";
|
|
181
|
+
export declare const syntaxHeading4 = "#33b1ff";
|
|
182
|
+
export declare const syntaxHeading5 = "#33b1ff";
|
|
183
|
+
export declare const syntaxHeading6 = "#33b1ff";
|
|
184
|
+
export declare const syntaxContentSeparator = "#e0e0e0";
|
|
185
|
+
export declare const syntaxQuote = "#42be65";
|
|
186
|
+
export declare const syntaxLink = "#4589ff";
|
|
187
|
+
export declare const syntaxInvalid = "#fa4d56";
|
|
188
|
+
export declare const syntaxMeta = "#42be65";
|
|
189
|
+
export declare const syntaxDocumentMeta = "#42be65";
|
|
190
|
+
export declare const syntaxAnnotation = "#08bdba";
|
|
191
|
+
export declare const syntaxProcessingInstruction = "#f4f4f4";
|
|
192
|
+
export declare const syntaxDefinition = "#33b1ff";
|
|
193
|
+
export declare const syntaxConstant = "#4589ff";
|
|
194
|
+
export declare const syntaxFunction = "#f1c21b";
|
|
195
|
+
export declare const syntaxStandard = "#4589ff";
|
|
196
|
+
export declare const syntaxLocal = "#a6c8ff";
|
|
197
|
+
export declare const syntaxSpecial = "#4589ff";
|
|
198
|
+
export declare const syntaxInserted = "#198038";
|
|
199
|
+
export declare const syntaxDeleted = "#a2191f";
|
|
200
|
+
export declare const aiInnerShadow: string;
|
|
201
|
+
export declare const aiAuraStartSm: string;
|
|
202
|
+
export declare const aiAuraStart: string;
|
|
203
|
+
export declare const aiAuraEnd: string;
|
|
204
|
+
export declare const aiBorderStrong = "#78a9ff";
|
|
205
|
+
export declare const aiBorderStart: string;
|
|
206
|
+
export declare const aiBorderEnd = "#4589ff";
|
|
207
|
+
export declare const aiDropShadow: string;
|
|
208
|
+
export declare const aiAuraHoverBackground = "#333333";
|
|
209
|
+
export declare const aiAuraHoverStart: string;
|
|
210
|
+
export declare const aiAuraHoverEnd: string;
|
|
211
|
+
export declare const aiPopoverBackground = "#161616";
|
|
212
|
+
export declare const aiPopoverShadowOuter01: string;
|
|
213
|
+
export declare const aiPopoverShadowOuter02: string;
|
|
214
|
+
export declare const aiSkeletonBackground: string;
|
|
215
|
+
export declare const aiSkeletonElementBackground: string;
|
|
216
|
+
export declare const aiOverlay: string;
|
|
217
|
+
export declare const aiPopoverCaretCenter = "#4870B5";
|
|
218
|
+
export declare const aiPopoverCaretBottom = "#4589ff";
|
|
219
|
+
export declare const aiPopoverCaretBottomBackgroundActions = "#1E283A";
|
|
220
|
+
export declare const aiPopoverCaretBottomBackground = "#202D45";
|
|
221
|
+
export declare const chatPromptBackground = "#161616";
|
|
222
|
+
export declare const chatPromptBorderStart = "#262626";
|
|
223
|
+
export declare const chatPromptBorderEnd: string;
|
|
224
|
+
export declare const chatPromptText = "#f4f4f4";
|
|
225
|
+
export declare const chatBubbleUser = "#393939";
|
|
226
|
+
export declare const chatBubbleUserText = "#f4f4f4";
|
|
227
|
+
export declare const chatBubbleAgent = "#262626";
|
|
228
|
+
export declare const chatBubbleAgentText = "#f4f4f4";
|
|
229
|
+
export declare const chatBubbleBorder = "#525252";
|
|
230
|
+
export declare const chatAvatarBot = "#8d8d8d";
|
|
231
|
+
export declare const chatAvatarAgent = "#c6c6c6";
|
|
232
|
+
export declare const chatAvatarUser = "#4589ff";
|
|
233
|
+
export declare const chatShellBackground = "#262626";
|
|
234
|
+
export declare const chatHeaderBackground = "#262626";
|
|
235
|
+
export declare const chatHeaderText = "#f4f4f4";
|
|
236
|
+
export declare const chatButton = "#78a9ff";
|
|
237
|
+
export declare const chatButtonHover: string;
|
|
238
|
+
export declare const chatButtonTextHover = "#a6c8ff";
|
|
239
|
+
export declare const chatButtonActive: string;
|
|
240
|
+
export declare const chatButtonSelected: string;
|
|
241
|
+
export declare const chatButtonTextSelected = "#c6c6c6";
|
|
242
|
+
export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from './white';
|
package/lib/g90.d.ts
ADDED
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2018, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export declare const colorScheme = "dark";
|
|
8
|
+
export declare const background = "#262626";
|
|
9
|
+
export declare const backgroundInverse = "#f4f4f4";
|
|
10
|
+
export declare const backgroundBrand = "#0f62fe";
|
|
11
|
+
export declare const backgroundActive: string;
|
|
12
|
+
export declare const backgroundHover: string;
|
|
13
|
+
export declare const backgroundInverseHover = "#e8e8e8";
|
|
14
|
+
export declare const backgroundSelected: string;
|
|
15
|
+
export declare const backgroundSelectedHover: string;
|
|
16
|
+
export declare const layer01 = "#393939";
|
|
17
|
+
export declare const layerActive01 = "#6f6f6f";
|
|
18
|
+
export declare const layerBackground01 = "#262626";
|
|
19
|
+
export declare const layerHover01 = "#474747";
|
|
20
|
+
export declare const layerSelected01 = "#525252";
|
|
21
|
+
export declare const layerSelectedHover01 = "#636363";
|
|
22
|
+
export declare const layer02 = "#525252";
|
|
23
|
+
export declare const layerActive02 = "#8d8d8d";
|
|
24
|
+
export declare const layerBackground02 = "#393939";
|
|
25
|
+
export declare const layerHover02 = "#636363";
|
|
26
|
+
export declare const layerSelected02 = "#6f6f6f";
|
|
27
|
+
export declare const layerSelectedHover02 = "#5e5e5e";
|
|
28
|
+
export declare const layer03 = "#6f6f6f";
|
|
29
|
+
export declare const layerActive03 = "#393939";
|
|
30
|
+
export declare const layerBackground03 = "#525252";
|
|
31
|
+
export declare const layerHover03 = "#5e5e5e";
|
|
32
|
+
export declare const layerSelected03 = "#525252";
|
|
33
|
+
export declare const layerSelectedHover03 = "#636363";
|
|
34
|
+
export declare const layerSelectedInverse = "#f4f4f4";
|
|
35
|
+
export declare const layerSelectedDisabled = "#a8a8a8";
|
|
36
|
+
export declare const layerAccent01 = "#525252";
|
|
37
|
+
export declare const layerAccentActive01 = "#8d8d8d";
|
|
38
|
+
export declare const layerAccentHover01 = "#636363";
|
|
39
|
+
export declare const layerAccent02 = "#6f6f6f";
|
|
40
|
+
export declare const layerAccentActive02 = "#393939";
|
|
41
|
+
export declare const layerAccentHover02 = "#5e5e5e";
|
|
42
|
+
export declare const layerAccent03 = "#8d8d8d";
|
|
43
|
+
export declare const layerAccentActive03 = "#525252";
|
|
44
|
+
export declare const layerAccentHover03 = "#7a7a7a";
|
|
45
|
+
export declare const field01 = "#393939";
|
|
46
|
+
export declare const fieldHover01 = "#474747";
|
|
47
|
+
export declare const field02 = "#525252";
|
|
48
|
+
export declare const fieldHover02 = "#636363";
|
|
49
|
+
export declare const field03 = "#6f6f6f";
|
|
50
|
+
export declare const fieldHover03 = "#5e5e5e";
|
|
51
|
+
export declare const borderSubtle00 = "#525252";
|
|
52
|
+
export declare const borderSubtle01 = "#6f6f6f";
|
|
53
|
+
export declare const borderSubtleSelected01 = "#8d8d8d";
|
|
54
|
+
export declare const borderSubtle02 = "#8d8d8d";
|
|
55
|
+
export declare const borderSubtleSelected02 = "#a8a8a8";
|
|
56
|
+
export declare const borderSubtle03 = "#8d8d8d";
|
|
57
|
+
export declare const borderSubtleSelected03 = "#a8a8a8";
|
|
58
|
+
export declare const borderStrong01 = "#8d8d8d";
|
|
59
|
+
export declare const borderStrong02 = "#a8a8a8";
|
|
60
|
+
export declare const borderStrong03 = "#c6c6c6";
|
|
61
|
+
export declare const borderTile01 = "#6f6f6f";
|
|
62
|
+
export declare const borderTile02 = "#8d8d8d";
|
|
63
|
+
export declare const borderTile03 = "#a8a8a8";
|
|
64
|
+
export declare const borderInverse = "#f4f4f4";
|
|
65
|
+
export declare const borderInteractive = "#4589ff";
|
|
66
|
+
export declare const borderDisabled: string;
|
|
67
|
+
export declare const textPrimary = "#f4f4f4";
|
|
68
|
+
export declare const textSecondary = "#c6c6c6";
|
|
69
|
+
export declare const textPlaceholder: string;
|
|
70
|
+
export declare const textHelper = "#c6c6c6";
|
|
71
|
+
export declare const textError = "#ffb3b8";
|
|
72
|
+
export declare const textInverse = "#161616";
|
|
73
|
+
export declare const textOnColor = "#ffffff";
|
|
74
|
+
export declare const textOnColorDisabled: string;
|
|
75
|
+
export declare const textDisabled: string;
|
|
76
|
+
export declare const linkPrimary = "#78a9ff";
|
|
77
|
+
export declare const linkPrimaryHover = "#a6c8ff";
|
|
78
|
+
export declare const linkSecondary = "#a6c8ff";
|
|
79
|
+
export declare const linkInverse = "#0f62fe";
|
|
80
|
+
export declare const linkVisited = "#be95ff";
|
|
81
|
+
export declare const linkInverseVisited = "#8a3ffc";
|
|
82
|
+
export declare const linkInverseActive = "#161616";
|
|
83
|
+
export declare const linkInverseHover = "#0043ce";
|
|
84
|
+
export declare const iconPrimary = "#f4f4f4";
|
|
85
|
+
export declare const iconSecondary = "#c6c6c6";
|
|
86
|
+
export declare const iconInverse = "#161616";
|
|
87
|
+
export declare const iconOnColor = "#ffffff";
|
|
88
|
+
export declare const iconOnColorDisabled: string;
|
|
89
|
+
export declare const iconDisabled: string;
|
|
90
|
+
export declare const iconInteractive = "#ffffff";
|
|
91
|
+
export declare const supportError = "#ff8389";
|
|
92
|
+
export declare const supportSuccess = "#42be65";
|
|
93
|
+
export declare const supportWarning = "#f1c21b";
|
|
94
|
+
export declare const supportInfo = "#4589ff";
|
|
95
|
+
export declare const supportErrorInverse = "#da1e28";
|
|
96
|
+
export declare const supportSuccessInverse = "#24a148";
|
|
97
|
+
export declare const supportWarningInverse = "#f1c21b";
|
|
98
|
+
export declare const supportInfoInverse = "#0043ce";
|
|
99
|
+
export declare const supportCautionMinor = "#f1c21b";
|
|
100
|
+
export declare const supportCautionMajor = "#ff832b";
|
|
101
|
+
export declare const supportCautionUndefined = "#a56eff";
|
|
102
|
+
export declare const focus = "#ffffff";
|
|
103
|
+
export declare const focusInset = "#161616";
|
|
104
|
+
export declare const focusInverse = "#0f62fe";
|
|
105
|
+
export declare const skeletonBackground = "#333333";
|
|
106
|
+
export declare const skeletonElement = "#525252";
|
|
107
|
+
export declare const interactive = "#4589ff";
|
|
108
|
+
export declare const highlight = "#002d9c";
|
|
109
|
+
export declare const overlay: string;
|
|
110
|
+
export declare const toggleOff = "#8d8d8d";
|
|
111
|
+
export declare const shadow: string;
|
|
112
|
+
export declare const syntaxComment = "#42be65";
|
|
113
|
+
export declare const syntaxLineComment = "#42be65";
|
|
114
|
+
export declare const syntaxBlockComment = "#42be65";
|
|
115
|
+
export declare const syntaxDocComment = "#42be65";
|
|
116
|
+
export declare const syntaxString = "#f4f4f4";
|
|
117
|
+
export declare const syntaxDocString = "#f4f4f4";
|
|
118
|
+
export declare const syntaxKeyword = "#4589ff";
|
|
119
|
+
export declare const syntaxOperatorKeyword = "#4589ff";
|
|
120
|
+
export declare const syntaxControlKeyword = "#be95ff";
|
|
121
|
+
export declare const syntaxDefinitionKeyword = "#33b1ff";
|
|
122
|
+
export declare const syntaxModuleKeyword = "#be95ff";
|
|
123
|
+
export declare const syntaxVariable = "#a6c8ff";
|
|
124
|
+
export declare const syntaxName = "#a6c8ff";
|
|
125
|
+
export declare const syntaxVariableName = "#a6c8ff";
|
|
126
|
+
export declare const syntaxLabelName = "#a6c8ff";
|
|
127
|
+
export declare const syntaxAttribute = "#33b1ff";
|
|
128
|
+
export declare const syntaxAttributeName = "#33b1ff";
|
|
129
|
+
export declare const syntaxPropertyName = "#33b1ff";
|
|
130
|
+
export declare const syntaxTag = "#3ddbd9";
|
|
131
|
+
export declare const syntaxTagName = "#3ddbd9";
|
|
132
|
+
export declare const syntaxType = "#3ddbd9";
|
|
133
|
+
export declare const syntaxTypeName = "#3ddbd9";
|
|
134
|
+
export declare const syntaxClassName = "#3ddbd9";
|
|
135
|
+
export declare const syntaxNamespace = "#3ddbd9";
|
|
136
|
+
export declare const syntaxMacroName = "#f4f4f4";
|
|
137
|
+
export declare const syntaxAtom = "#f4f4f4";
|
|
138
|
+
export declare const syntaxLiteral = "#f4f4f4";
|
|
139
|
+
export declare const syntaxBool = "#f4f4f4";
|
|
140
|
+
export declare const syntaxNull = "#f4f4f4";
|
|
141
|
+
export declare const syntaxSelf = "#3ddbd9";
|
|
142
|
+
export declare const syntaxNumber = "#6fdc8c";
|
|
143
|
+
export declare const syntaxInteger = "#6fdc8c";
|
|
144
|
+
export declare const syntaxFloat = "#6fdc8c";
|
|
145
|
+
export declare const syntaxUnit = "#6fdc8c";
|
|
146
|
+
export declare const syntaxCharacter = "#f4f4f4";
|
|
147
|
+
export declare const syntaxAttributeValue = "#f4f4f4";
|
|
148
|
+
export declare const syntaxSpecialString = "#be95ff";
|
|
149
|
+
export declare const syntaxRegexp = "#be95ff";
|
|
150
|
+
export declare const syntaxEscape = "#e0e0e0";
|
|
151
|
+
export declare const syntaxUrl = "#e0e0e0";
|
|
152
|
+
export declare const syntaxColor = "#f4f4f4";
|
|
153
|
+
export declare const syntaxOperator = "#e0e0e0";
|
|
154
|
+
export declare const syntaxDerefOperator = "#e0e0e0";
|
|
155
|
+
export declare const syntaxArithmeticOperator = "#e0e0e0";
|
|
156
|
+
export declare const syntaxLogicOperator = "#e0e0e0";
|
|
157
|
+
export declare const syntaxBitwiseOperator = "#e0e0e0";
|
|
158
|
+
export declare const syntaxCompareOperator = "#e0e0e0";
|
|
159
|
+
export declare const syntaxUpdateOperator = "#e0e0e0";
|
|
160
|
+
export declare const syntaxDefinitionOperator = "#33b1ff";
|
|
161
|
+
export declare const syntaxTypeOperator = "#3ddbd9";
|
|
162
|
+
export declare const syntaxControlOperator = "#be95ff";
|
|
163
|
+
export declare const syntaxModifier = "#4589ff";
|
|
164
|
+
export declare const syntaxPunctuation = "#e0e0e0";
|
|
165
|
+
export declare const syntaxSeparator = "#e0e0e0";
|
|
166
|
+
export declare const syntaxBracket = "#e0e0e0";
|
|
167
|
+
export declare const syntaxAngleBracket = "#8d8d8d";
|
|
168
|
+
export declare const syntaxSquareBracket = "#e0e0e0";
|
|
169
|
+
export declare const syntaxParen = "#e0e0e0";
|
|
170
|
+
export declare const syntaxBrace = "#e0e0e0";
|
|
171
|
+
export declare const syntaxContent = "#f4f4f4";
|
|
172
|
+
export declare const syntaxList = "#f4f4f4";
|
|
173
|
+
export declare const syntaxEmphasis = "#f4f4f4";
|
|
174
|
+
export declare const syntaxStrong = "#f4f4f4";
|
|
175
|
+
export declare const syntaxMonospace = "#f4f4f4";
|
|
176
|
+
export declare const syntaxStrikethrough = "#f4f4f4";
|
|
177
|
+
export declare const syntaxHeading = "#33b1ff";
|
|
178
|
+
export declare const syntaxHeading1 = "#33b1ff";
|
|
179
|
+
export declare const syntaxHeading2 = "#33b1ff";
|
|
180
|
+
export declare const syntaxHeading3 = "#33b1ff";
|
|
181
|
+
export declare const syntaxHeading4 = "#33b1ff";
|
|
182
|
+
export declare const syntaxHeading5 = "#33b1ff";
|
|
183
|
+
export declare const syntaxHeading6 = "#33b1ff";
|
|
184
|
+
export declare const syntaxContentSeparator = "#e0e0e0";
|
|
185
|
+
export declare const syntaxQuote = "#42be65";
|
|
186
|
+
export declare const syntaxLink = "#4589ff";
|
|
187
|
+
export declare const syntaxInvalid = "#fa4d56";
|
|
188
|
+
export declare const syntaxMeta = "#42be65";
|
|
189
|
+
export declare const syntaxDocumentMeta = "#42be65";
|
|
190
|
+
export declare const syntaxAnnotation = "#08bdba";
|
|
191
|
+
export declare const syntaxProcessingInstruction = "#f4f4f4";
|
|
192
|
+
export declare const syntaxDefinition = "#33b1ff";
|
|
193
|
+
export declare const syntaxConstant = "#4589ff";
|
|
194
|
+
export declare const syntaxFunction = "#f1c21b";
|
|
195
|
+
export declare const syntaxStandard = "#4589ff";
|
|
196
|
+
export declare const syntaxLocal = "#a6c8ff";
|
|
197
|
+
export declare const syntaxSpecial = "#4589ff";
|
|
198
|
+
export declare const syntaxInserted = "#198038";
|
|
199
|
+
export declare const syntaxDeleted = "#a2191f";
|
|
200
|
+
export declare const aiInnerShadow: string;
|
|
201
|
+
export declare const aiAuraStartSm: string;
|
|
202
|
+
export declare const aiAuraStart: string;
|
|
203
|
+
export declare const aiAuraEnd: string;
|
|
204
|
+
export declare const aiBorderStrong = "#78a9ff";
|
|
205
|
+
export declare const aiBorderStart: string;
|
|
206
|
+
export declare const aiBorderEnd = "#4589ff";
|
|
207
|
+
export declare const aiDropShadow: string;
|
|
208
|
+
export declare const aiAuraHoverBackground = "#474747";
|
|
209
|
+
export declare const aiAuraHoverStart: string;
|
|
210
|
+
export declare const aiAuraHoverEnd: string;
|
|
211
|
+
export declare const aiPopoverBackground = "#161616";
|
|
212
|
+
export declare const aiPopoverShadowOuter01: string;
|
|
213
|
+
export declare const aiPopoverShadowOuter02: string;
|
|
214
|
+
export declare const aiSkeletonBackground: string;
|
|
215
|
+
export declare const aiSkeletonElementBackground: string;
|
|
216
|
+
export declare const aiOverlay: string;
|
|
217
|
+
export declare const aiPopoverCaretCenter = "#4870B5";
|
|
218
|
+
export declare const aiPopoverCaretBottom = "#4589ff";
|
|
219
|
+
export declare const aiPopoverCaretBottomBackgroundActions = "#1E283A";
|
|
220
|
+
export declare const aiPopoverCaretBottomBackground = "#202D45";
|
|
221
|
+
export declare const chatPromptBackground = "#161616";
|
|
222
|
+
export declare const chatPromptBorderStart = "#262626";
|
|
223
|
+
export declare const chatPromptBorderEnd: string;
|
|
224
|
+
export declare const chatPromptText = "#f4f4f4";
|
|
225
|
+
export declare const chatBubbleUser = "#393939";
|
|
226
|
+
export declare const chatBubbleUserText = "#f4f4f4";
|
|
227
|
+
export declare const chatBubbleAgent = "#262626";
|
|
228
|
+
export declare const chatBubbleAgentText = "#f4f4f4";
|
|
229
|
+
export declare const chatBubbleBorder = "#525252";
|
|
230
|
+
export declare const chatAvatarBot = "#8d8d8d";
|
|
231
|
+
export declare const chatAvatarAgent = "#c6c6c6";
|
|
232
|
+
export declare const chatAvatarUser = "#4589ff";
|
|
233
|
+
export declare const chatShellBackground = "#262626";
|
|
234
|
+
export declare const chatHeaderBackground = "#262626";
|
|
235
|
+
export declare const chatHeaderText = "#f4f4f4";
|
|
236
|
+
export declare const chatButton = "#78a9ff";
|
|
237
|
+
export declare const chatButtonHover: string;
|
|
238
|
+
export declare const chatButtonTextHover = "#a6c8ff";
|
|
239
|
+
export declare const chatButtonActive: string;
|
|
240
|
+
export declare const chatButtonSelected: string;
|
|
241
|
+
export declare const chatButtonTextSelected = "#c6c6c6";
|
|
242
|
+
export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from './white';
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2018, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import * as white from './white';
|
|
8
|
+
import * as g10 from './g10';
|
|
9
|
+
import * as g90 from './g90';
|
|
10
|
+
import * as g100 from './g100';
|
|
11
|
+
import * as v10 from './v10';
|
|
12
|
+
import * as buttonTokens from './component-tokens/button';
|
|
13
|
+
import * as tagTokens from './component-tokens/tag';
|
|
14
|
+
import * as notificationTokens from './component-tokens/notification';
|
|
15
|
+
import * as statusTokens from './component-tokens/status';
|
|
16
|
+
import * as contentSwitcherTokens from './component-tokens/content-switcher';
|
|
17
|
+
import { formatTokenName } from './tools';
|
|
18
|
+
import { unstable_metadata } from './tokens';
|
|
19
|
+
declare const themes: {
|
|
20
|
+
white: typeof white;
|
|
21
|
+
g10: typeof g10;
|
|
22
|
+
g90: typeof g90;
|
|
23
|
+
g100: typeof g100;
|
|
24
|
+
};
|
|
25
|
+
export * from './white';
|
|
26
|
+
export { white, g10, g90, g100, themes, v10, buttonTokens, tagTokens, notificationTokens, statusTokens, contentSwitcherTokens, unstable_metadata, formatTokenName, };
|