@mirohq/design-system-themes-native 1.2.2 → 1.2.4

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 (6) hide show
  1. package/dist/main.js +360 -32
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +360 -32
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +1 -1
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -5,8 +5,21 @@ const colors$1 = {
5
5
  backgroundAlphaActive: "rgba(101, 107, 129, 0.05)",
6
6
  backgroundAlphaHover: "rgba(101, 107, 129, 0.1)",
7
7
  backgroundAlphaNeutralsOverlay: "rgba(18, 25, 62, 0.4)",
8
- backgroundAlphaNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
8
+ backgroundAlphaNeutralsOverlaySubtle: "rgba(0, 0, 0, 0.2)",
9
9
  backgroundAlphaSubtle: "rgba(101, 107, 129, 0.05)",
10
+ backgroundCanvas: "rgba(250, 250, 252, 1)",
11
+ backgroundDisabled: "rgba(233, 234, 239, 1)",
12
+ backgroundElevated: "rgba(255, 255, 255, 1)",
13
+ backgroundInverted: "rgba(26, 27, 30, 1)",
14
+ backgroundInvertedSecondary: "rgba(52, 54, 62, 1)",
15
+ backgroundLayout: "rgba(255, 255, 255, 1)",
16
+ backgroundOverlay: "rgba(0, 0, 0, 0.4)",
17
+ backgroundStaticDark: "rgba(43, 45, 51, 1)",
18
+ backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
19
+ backgroundStaticLight: "rgba(255, 255, 255, 1)",
20
+ backgroundSurface: "rgba(255, 255, 255, 1)",
21
+ backgroundSurfaceSecondary: "rgba(241, 242, 245, 1)",
22
+ backgroundTransparent: "rgba(255, 255, 255, 0)",
10
23
  backgroundDangerProminent: "rgba(216, 24, 44, 1)",
11
24
  backgroundDangerProminentActive: "rgba(156, 24, 37, 1)",
12
25
  backgroundDangerProminentHover: "rgba(185, 24, 41, 1)",
@@ -15,6 +28,15 @@ const colors$1 = {
15
28
  backgroundDangerSubtleActive: "rgba(251, 230, 232, 1)",
16
29
  backgroundDangerSubtleHover: "rgba(253, 242, 243, 1)",
17
30
  backgroundDangerSubtlePressed: "rgba(251, 230, 232, 1)",
31
+ backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
32
+ backgroundInteractiveDangerHover: "rgba(185, 24, 41, 1)",
33
+ backgroundInteractiveDangerPressed: "rgba(156, 24, 37, 1)",
34
+ backgroundInteractivePrimary: "rgba(56, 89, 255, 1)",
35
+ backgroundInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
36
+ backgroundInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
37
+ backgroundInteractiveSelected: "rgba(56, 89, 255, 1)",
38
+ backgroundInteractiveSurfaceHover: "rgba(241, 242, 245, 1)",
39
+ backgroundInteractiveSurfaceSecondaryHover: "rgba(233, 234, 239, 1)",
18
40
  backgroundNeutrals: "rgba(255, 255, 255, 1)",
19
41
  backgroundNeutralsActive: "rgba(233, 234, 239, 1)",
20
42
  backgroundNeutralsContainer: "rgba(255, 255, 255, 1)",
@@ -39,8 +61,6 @@ const colors$1 = {
39
61
  backgroundNeutralsSubtleHover: "rgba(233, 234, 239, 1)",
40
62
  backgroundNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
41
63
  backgroundNeutralsTransparent: "rgba(255, 255, 255, 0)",
42
- backgroundStaticDark: "rgba(43, 45, 51, 1)",
43
- backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
44
64
  backgroundPrimaryProminent: "rgba(56, 89, 255, 1)",
45
65
  backgroundPrimaryProminentActive: "rgba(42, 65, 182, 1)",
46
66
  backgroundPrimaryProminentHover: "rgba(49, 76, 217, 1)",
@@ -51,6 +71,10 @@ const colors$1 = {
51
71
  backgroundPrimarySubtleHover: "rgba(232, 236, 252, 1)",
52
72
  backgroundPrimarySubtlePressed: "rgba(217, 223, 252, 1)",
53
73
  backgroundPrimarySubtleSelected: "rgba(232, 236, 252, 1)",
74
+ statusBackgroundError: "rgba(254, 247, 248, 1)",
75
+ statusBackgroundInfo: "rgba(242, 244, 252, 1)",
76
+ statusBackgroundSuccess: "rgba(239, 249, 236, 1)",
77
+ statusBackgroundWarning: "rgba(255, 249, 227, 1)",
54
78
  backgroundSuccessProminent: "rgba(28, 143, 0, 1)",
55
79
  backgroundSuccessProminentActive: "rgba(24, 105, 4, 1)",
56
80
  backgroundSuccessProminentHover: "rgba(26, 123, 2, 1)",
@@ -58,6 +82,15 @@ const colors$1 = {
58
82
  backgroundSuccessSubtle: "rgba(239, 249, 236, 1)",
59
83
  backgroundWarningProminent: "rgba(255, 208, 47, 1)",
60
84
  backgroundWarningSubtle: "rgba(255, 249, 227, 1)",
85
+ borderDefault: "rgba(224, 226, 232, 1)",
86
+ borderDisabled: "rgba(233, 234, 239, 1)",
87
+ borderInverted: "rgba(255, 255, 255, 1)",
88
+ borderInvertedSubtle: "rgba(69, 72, 84, 1)",
89
+ borderStaticDark: "rgba(125, 130, 151, 1)",
90
+ borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
91
+ borderStrong: "rgba(149, 154, 172, 1)",
92
+ borderSubtle: "rgba(233, 234, 239, 1)",
93
+ borderTransparent: "rgba(255, 255, 255, 0)",
61
94
  borderDanger: "rgba(216, 24, 44, 1)",
62
95
  borderDangerActive: "rgba(156, 24, 37, 1)",
63
96
  borderDangerHover: "rgba(185, 24, 41, 1)",
@@ -73,6 +106,16 @@ const colors$1 = {
73
106
  borderFocusSuccessMiddle: "rgba(122, 144, 254, 1)",
74
107
  borderFocusSuccessOuter: "rgba(217, 223, 252, 1)",
75
108
  focusKeyboard: "rgba(43, 77, 248, 1)",
109
+ borderInteractiveDanger: "rgba(216, 24, 44, 1)",
110
+ borderInteractiveDangerHover: "rgba(185, 24, 41, 1)",
111
+ borderInteractiveDangerPressed: "rgba(156, 24, 37, 1)",
112
+ borderInteractivePrimary: "rgba(56, 89, 255, 1)",
113
+ borderInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
114
+ borderInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
115
+ borderInteractiveSecondary: "rgba(233, 234, 239, 1)",
116
+ borderInteractiveSecondaryHover: "rgba(224, 226, 232, 1)",
117
+ borderInteractiveSecondaryPressed: "rgba(216, 218, 226, 1)",
118
+ borderInteractiveSelected: "rgba(49, 76, 217, 1)",
76
119
  borderNeutrals: "rgba(224, 226, 232, 1)",
77
120
  borderNeutralsActive: "rgba(174, 178, 192, 1)",
78
121
  borderNeutralsControls: "rgba(125, 130, 151, 1)",
@@ -91,8 +134,6 @@ const colors$1 = {
91
134
  borderNeutralsTextSubtleActive: "rgba(85, 90, 106, 1)",
92
135
  borderNeutralsTextSubtleHover: "rgba(93, 99, 118, 1)",
93
136
  borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
94
- borderStaticDark: "rgba(125, 130, 151, 1)",
95
- borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
96
137
  borderPrimary: "rgba(56, 89, 255, 1)",
97
138
  borderPrimaryActive: "rgba(42, 65, 182, 1)",
98
139
  borderPrimaryHover: "rgba(49, 76, 217, 1)",
@@ -100,6 +141,10 @@ const colors$1 = {
100
141
  borderPrimaryPressed: "rgba(42, 65, 182, 1)",
101
142
  borderPrimarySelected: "rgba(49, 76, 217, 1)",
102
143
  borderPrimarySubtle: "rgba(199, 208, 253, 1)",
144
+ statusBorderError: "rgba(248, 213, 216, 1)",
145
+ statusBorderInfo: "rgba(199, 208, 253, 1)",
146
+ statusBorderSuccess: "rgba(186, 222, 177, 1)",
147
+ statusBorderWarning: "rgba(255, 235, 163, 1)",
103
148
  borderSuccess: "rgba(28, 143, 0, 1)",
104
149
  borderSuccessActive: "rgba(24, 105, 4, 1)",
105
150
  borderSuccessHover: "rgba(26, 123, 2, 1)",
@@ -107,12 +152,46 @@ const colors$1 = {
107
152
  borderSuccessSubtle: "rgba(186, 222, 177, 1)",
108
153
  borderWarning: "rgba(255, 208, 47, 1)",
109
154
  borderWarningSubtle: "rgba(255, 235, 163, 1)",
155
+ buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
156
+ buttonBackgroundDangerHover: "rgba(185, 24, 41, 1)",
157
+ buttonBackgroundDangerPressed: "rgba(156, 24, 37, 1)",
158
+ buttonBackgroundGhost: "rgba(255, 255, 255, 0)",
159
+ buttonBackgroundGhostHover: "rgba(233, 234, 239, 1)",
160
+ buttonBackgroundGhostPressed: "rgba(224, 226, 232, 1)",
110
161
  buttonBackgroundPrimary: "rgba(56, 89, 255, 1)",
111
162
  buttonBackgroundPrimaryHover: "rgba(49, 76, 217, 1)",
112
163
  buttonBackgroundPrimaryPressed: "rgba(42, 65, 182, 1)",
113
164
  buttonBackgroundSecondary: "rgba(233, 234, 239, 1)",
114
165
  buttonBackgroundSecondaryHover: "rgba(224, 226, 232, 1)",
115
166
  buttonBackgroundSecondaryPressed: "rgba(216, 218, 226, 1)",
167
+ buttonBackgroundTertiary: "rgba(255, 255, 255, 0)",
168
+ buttonBackgroundTertiaryHover: "rgba(232, 236, 252, 1)",
169
+ buttonBackgroundTertiaryPressed: "rgba(217, 223, 252, 1)",
170
+ buttonBorderDanger: "rgba(216, 24, 44, 1)",
171
+ buttonBorderDangerHover: "rgba(185, 24, 41, 1)",
172
+ buttonBorderDangerPressed: "rgba(156, 24, 37, 1)",
173
+ buttonBorderGhostHover: "rgba(255, 255, 255, 0)",
174
+ buttonBorderGhostPressed: "rgba(255, 255, 255, 0)",
175
+ buttonBorderPrimary: "rgba(56, 89, 255, 1)",
176
+ buttonBorderPrimaryHover: "rgba(49, 76, 217, 1)",
177
+ buttonBorderPrimaryPressed: "rgba(42, 65, 182, 1)",
178
+ buttonBorderSecondary: "rgba(233, 234, 239, 1)",
179
+ buttonBorderSecondaryHover: "rgba(224, 226, 232, 1)",
180
+ buttonBorderSecondaryPressed: "rgba(216, 218, 226, 1)",
181
+ buttonBorderTertiary: "rgba(56, 89, 255, 1)",
182
+ buttonBorderTertiaryHover: "rgba(49, 76, 217, 1)",
183
+ buttonBorderTertiaryPressed: "rgba(42, 65, 182, 1)",
184
+ buttonIconOnDanger: "rgba(255, 255, 255, 1)",
185
+ buttonIconOnPrimary: "rgba(255, 255, 255, 1)",
186
+ buttonIconOnSecondary: "rgba(34, 36, 40, 1)",
187
+ buttonIconOnTertiary: "rgba(56, 89, 255, 1)",
188
+ buttonTextOnDanger: "rgba(255, 255, 255, 1)",
189
+ buttonTextOnPrimary: "rgba(255, 255, 255, 1)",
190
+ buttonTextOnSecondary: "rgba(34, 36, 40, 1)",
191
+ buttonTextOnTertiary: "rgba(56, 89, 255, 1)",
192
+ chipBackground: "rgba(241, 242, 245, 1)",
193
+ chipBackgroundHover: "rgba(233, 234, 239, 1)",
194
+ chipText: "rgba(34, 36, 40, 1)",
116
195
  formatIconDiagram: "rgba(218, 121, 43, 1)",
117
196
  formatIconDocs: "rgba(14, 157, 205, 1)",
118
197
  formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -121,17 +200,66 @@ const colors$1 = {
121
200
  formatIconSlides: "rgba(219, 79, 79, 1)",
122
201
  formatIconTable: "rgba(15, 168, 60, 1)",
123
202
  formatIconTimeline: "rgba(15, 168, 60, 1)",
203
+ inputBackgroundActive: "rgba(255, 255, 255, 1)",
204
+ inputBackgroundAltActive: "rgba(241, 242, 245, 1)",
205
+ inputBackgroundAltDefault: "rgba(241, 242, 245, 1)",
206
+ inputBackgroundAltHover: "rgba(241, 242, 245, 1)",
207
+ inputBackgroundDefault: "rgba(255, 255, 255, 1)",
208
+ inputBackgroundDisabled: "rgba(233, 234, 239, 1)",
209
+ inputBackgroundHover: "rgba(255, 255, 255, 1)",
210
+ inputBorderActive: "rgba(49, 76, 217, 1)",
211
+ inputBorderDefault: "rgba(224, 226, 232, 1)",
212
+ inputBorderDisabled: "rgba(255, 255, 255, 0)",
213
+ inputBorderError: "rgba(216, 24, 44, 1)",
214
+ inputBorderHover: "rgba(49, 76, 217, 1)",
215
+ inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
216
+ inputBorderSuccess: "rgba(28, 143, 0, 1)",
124
217
  notificationBackground: "rgba(43, 45, 51, 1)",
125
218
  notificationBorder: "rgba(125, 130, 151, 1)",
126
219
  notificationBorderSubtle: "rgba(60, 63, 73, 1)",
127
- popupBackgroundStatic: "rgba(34, 36, 40, 1)",
128
- popupTextStatic: "rgba(255, 255, 255, 1)",
220
+ popoverBackground: "rgba(34, 36, 40, 1)",
221
+ popoverBorder: "rgba(125, 130, 151, 1)",
222
+ scrollbarBackground: "rgba(199, 202, 213, 1)",
223
+ scrollbarBackgroundHover: "rgba(174, 178, 192, 1)",
224
+ sliderBackground: "rgba(199, 202, 213, 1)",
225
+ sliderNotchBackground: "rgba(199, 202, 213, 1)",
226
+ switchBackgroundDefault: "rgba(199, 202, 213, 1)",
227
+ switchBackgroundHover: "rgba(174, 178, 192, 1)",
228
+ switchControlBackground: "rgba(255, 255, 255, 1)",
129
229
  tooltipBackground: "rgba(26, 27, 30, 1)",
230
+ tooltipBackgroundInset: "rgba(77, 81, 95, 1)",
130
231
  iconDanger: "rgba(216, 24, 44, 1)",
131
232
  iconDangerActive: "rgba(156, 24, 37, 1)",
132
233
  iconDangerHover: "rgba(185, 24, 41, 1)",
133
234
  iconDangerInverted: "rgba(254, 247, 248, 1)",
134
235
  iconDangerPressed: "rgba(156, 24, 37, 1)",
236
+ iconDefault: "rgba(34, 36, 40, 1)",
237
+ iconDisabled: "rgba(174, 178, 192, 1)",
238
+ iconInverted: "rgba(255, 255, 255, 1)",
239
+ iconInvertedSecondary: "rgba(233, 234, 239, 1)",
240
+ iconMuted: "rgba(149, 154, 172, 1)",
241
+ iconOnDisabled: "rgba(174, 178, 192, 1)",
242
+ iconOnStaticDark: "rgba(250, 250, 252, 1)",
243
+ iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
244
+ iconPlaceholder: "rgba(111, 116, 137, 1)",
245
+ iconSecondary: "rgba(101, 107, 129, 1)",
246
+ iconInteractiveSelected: "rgba(49, 76, 217, 1)",
247
+ iconLink: "rgba(56, 89, 255, 1)",
248
+ iconLinkHover: "rgba(49, 76, 217, 1)",
249
+ iconLinkOnInverted: "rgba(255, 255, 255, 1)",
250
+ iconLinkOnInvertedHover: "rgba(250, 250, 252, 1)",
251
+ iconLinkOnInvertedPressed: "rgba(241, 242, 245, 1)",
252
+ iconLinkOnInvertedSecondary: "rgba(233, 234, 239, 1)",
253
+ iconLinkOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
254
+ iconLinkOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
255
+ iconLinkPressed: "rgba(42, 65, 182, 1)",
256
+ iconLinkSecondary: "rgba(101, 107, 129, 1)",
257
+ iconLinkSecondaryHover: "rgba(93, 99, 118, 1)",
258
+ iconLinkSecondaryPressed: "rgba(85, 90, 106, 1)",
259
+ iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
260
+ iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
261
+ iconOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
262
+ iconOnInteractiveSelected: "rgba(49, 76, 217, 1)",
135
263
  iconNeutrals: "rgba(34, 36, 40, 1)",
136
264
  iconNeutralsDisabled: "rgba(174, 178, 192, 1)",
137
265
  iconNeutralsHover: "rgba(26, 27, 30, 1)",
@@ -148,8 +276,6 @@ const colors$1 = {
148
276
  iconNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
149
277
  iconNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
150
278
  iconNeutralsText: "rgba(69, 72, 84, 1)",
151
- iconOnStaticDark: "rgba(250, 250, 252, 1)",
152
- iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
153
279
  iconPrimary: "rgba(56, 89, 255, 1)",
154
280
  iconPrimaryActive: "rgba(42, 65, 182, 1)",
155
281
  iconPrimaryHover: "rgba(49, 76, 217, 1)",
@@ -157,6 +283,13 @@ const colors$1 = {
157
283
  iconPrimaryInvertedHover: "rgba(242, 244, 252, 1)",
158
284
  iconPrimaryPressed: "rgba(42, 65, 182, 1)",
159
285
  iconPrimarySelected: "rgba(49, 76, 217, 1)",
286
+ statusIconError: "rgba(216, 24, 44, 1)",
287
+ statusIconOnError: "rgba(216, 24, 44, 1)",
288
+ statusIconOnInfo: "rgba(56, 89, 255, 1)",
289
+ statusIconOnSuccess: "rgba(28, 143, 0, 1)",
290
+ statusIconOnWarning: "rgba(69, 57, 17, 1)",
291
+ statusIconSuccess: "rgba(28, 143, 0, 1)",
292
+ statusIconWarning: "rgba(116, 96, 25, 1)",
160
293
  iconSuccess: "rgba(24, 105, 4, 1)",
161
294
  iconSuccessActive: "rgba(21, 75, 8, 1)",
162
295
  iconSuccessHover: "rgba(23, 89, 6, 1)",
@@ -170,6 +303,23 @@ const colors$1 = {
170
303
  textDangerHover: "rgba(185, 24, 41, 1)",
171
304
  textDangerInverted: "rgba(254, 247, 248, 1)",
172
305
  textDangerPressed: "rgba(156, 24, 37, 1)",
306
+ textInteractiveSelected: "rgba(49, 76, 217, 1)",
307
+ textLink: "rgba(56, 89, 255, 1)",
308
+ textLinkHover: "rgba(49, 76, 217, 1)",
309
+ textLinkOnInverted: "rgba(255, 255, 255, 1)",
310
+ textLinkOnInvertedHover: "rgba(250, 250, 252, 1)",
311
+ textLinkOnInvertedPressed: "rgba(241, 242, 245, 1)",
312
+ textLinkOnInvertedSecondary: "rgba(233, 234, 239, 1)",
313
+ textLinkOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
314
+ textLinkOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
315
+ textLinkPressed: "rgba(42, 65, 182, 1)",
316
+ textLinkSecondary: "rgba(101, 107, 129, 1)",
317
+ textLinkSecondaryHover: "rgba(93, 99, 118, 1)",
318
+ textLinkSecondaryPressed: "rgba(85, 90, 106, 1)",
319
+ textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
320
+ textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
321
+ textOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
322
+ textOnInteractiveSelected: "rgba(49, 76, 217, 1)",
173
323
  textNeutrals: "rgba(34, 36, 40, 1)",
174
324
  textNeutralsActive: "rgba(26, 27, 30, 1)",
175
325
  textNeutralsDisabled: "rgba(174, 178, 192, 1)",
@@ -185,9 +335,6 @@ const colors$1 = {
185
335
  textNeutralsSubtleActive: "rgba(69, 72, 84, 1)",
186
336
  textNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
187
337
  textNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
188
- textOnStaticDark: "rgba(250, 250, 252, 1)",
189
- textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
190
- textOnPrimary: "rgba(255, 255, 255, 1)",
191
338
  textPrimary: "rgba(56, 89, 255, 1)",
192
339
  textPrimaryActive: "rgba(42, 65, 182, 1)",
193
340
  textPrimaryHover: "rgba(49, 76, 217, 1)",
@@ -195,11 +342,28 @@ const colors$1 = {
195
342
  textPrimaryInvertedSubtle: "rgba(242, 244, 252, 1)",
196
343
  textPrimaryPressed: "rgba(42, 65, 182, 1)",
197
344
  textPrimarySelected: "rgba(49, 76, 217, 1)",
345
+ statusTextError: "rgba(216, 24, 44, 1)",
346
+ statusTextOnError: "rgba(34, 36, 40, 1)",
347
+ statusTextOnInfo: "rgba(34, 36, 40, 1)",
348
+ statusTextOnSuccess: "rgba(34, 36, 40, 1)",
349
+ statusTextOnWarning: "rgba(34, 36, 40, 1)",
350
+ statusTextSuccess: "rgba(24, 105, 4, 1)",
351
+ statusTextWarning: "rgba(69, 57, 17, 1)",
198
352
  textSuccess: "rgba(24, 105, 4, 1)",
199
353
  textSuccessActive: "rgba(21, 75, 8, 1)",
200
354
  textSuccessHover: "rgba(23, 89, 6, 1)",
201
355
  textSuccessInverted: "rgba(239, 249, 236, 1)",
202
356
  textSuccessPressed: "rgba(21, 75, 8, 1)",
357
+ textDefault: "rgba(34, 36, 40, 1)",
358
+ textDisabled: "rgba(174, 178, 192, 1)",
359
+ textInverted: "rgba(255, 255, 255, 1)",
360
+ textInvertedSecondary: "rgba(233, 234, 239, 1)",
361
+ textMuted: "rgba(149, 154, 172, 1)",
362
+ textOnDisabled: "rgba(174, 178, 192, 1)",
363
+ textOnStaticDark: "rgba(250, 250, 252, 1)",
364
+ textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
365
+ textPlaceholder: "rgba(111, 116, 137, 1)",
366
+ textSecondary: "rgba(101, 107, 129, 1)",
203
367
  textWarning: "rgba(69, 57, 17, 1)",
204
368
  textWarningSubtle: "rgba(179, 146, 35, 1)",
205
369
  coalBackground: "rgba(176, 176, 176, 1)",
@@ -433,12 +597,25 @@ const colors$1 = {
433
597
  };
434
598
 
435
599
  const colors = {
436
- backgroundAlpha: "rgba(26, 27, 30, 0.1)",
437
- backgroundAlphaActive: "rgba(26, 27, 30, 0.05)",
438
- backgroundAlphaHover: "rgba(26, 27, 30, 0.1)",
600
+ backgroundAlpha: "rgba(0, 0, 0, 0.1)",
601
+ backgroundAlphaActive: "rgba(0, 0, 0, 0.05)",
602
+ backgroundAlphaHover: "rgba(0, 0, 0, 0.1)",
439
603
  backgroundAlphaNeutralsOverlay: "rgba(18, 25, 62, 0.4)",
440
- backgroundAlphaNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
441
- backgroundAlphaSubtle: "rgba(26, 27, 30, 0.05)",
604
+ backgroundAlphaNeutralsOverlaySubtle: "rgba(0, 0, 0, 0.2)",
605
+ backgroundAlphaSubtle: "rgba(0, 0, 0, 0.05)",
606
+ backgroundCanvas: "rgba(26, 27, 30, 1)",
607
+ backgroundDisabled: "rgba(43, 45, 51, 1)",
608
+ backgroundElevated: "rgba(43, 45, 51, 1)",
609
+ backgroundInverted: "rgba(255, 255, 255, 1)",
610
+ backgroundInvertedSecondary: "rgba(233, 234, 239, 1)",
611
+ backgroundLayout: "rgba(43, 45, 51, 1)",
612
+ backgroundOverlay: "rgba(0, 0, 0, 0.4)",
613
+ backgroundStaticDark: "rgba(43, 45, 51, 1)",
614
+ backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
615
+ backgroundStaticLight: "rgba(255, 255, 255, 1)",
616
+ backgroundSurface: "rgba(26, 27, 30, 1)",
617
+ backgroundSurfaceSecondary: "rgba(60, 63, 73, 1)",
618
+ backgroundTransparent: "rgba(255, 255, 255, 0)",
442
619
  backgroundDangerProminent: "rgba(216, 24, 44, 1)",
443
620
  backgroundDangerProminentActive: "rgba(229, 102, 115, 1)",
444
621
  backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
@@ -447,6 +624,15 @@ const colors = {
447
624
  backgroundDangerSubtleActive: "rgba(216, 24, 44, 1)",
448
625
  backgroundDangerSubtleHover: "rgba(185, 24, 41, 1)",
449
626
  backgroundDangerSubtlePressed: "rgba(216, 24, 44, 1)",
627
+ backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
628
+ backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
629
+ backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
630
+ backgroundInteractivePrimary: "rgba(56, 89, 255, 1)",
631
+ backgroundInteractivePrimaryHover: "rgba(91, 118, 254, 1)",
632
+ backgroundInteractivePrimaryPressed: "rgba(122, 144, 254, 1)",
633
+ backgroundInteractiveSelected: "rgba(56, 89, 255, 1)",
634
+ backgroundInteractiveSurfaceHover: "rgba(34, 36, 40, 1)",
635
+ backgroundInteractiveSurfaceSecondaryHover: "rgba(69, 72, 84, 1)",
450
636
  backgroundNeutrals: "rgba(26, 27, 30, 1)",
451
637
  backgroundNeutralsActive: "rgba(43, 45, 51, 1)",
452
638
  backgroundNeutralsContainer: "rgba(43, 45, 51, 1)",
@@ -471,8 +657,6 @@ const colors = {
471
657
  backgroundNeutralsSubtleHover: "rgba(69, 72, 84, 1)",
472
658
  backgroundNeutralsSubtlePressed: "rgba(77, 81, 95, 1)",
473
659
  backgroundNeutralsTransparent: "rgba(255, 255, 255, 0)",
474
- backgroundStaticDark: "rgba(43, 45, 51, 1)",
475
- backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
476
660
  backgroundPrimaryProminent: "rgba(122, 144, 254, 1)",
477
661
  backgroundPrimaryProminentActive: "rgba(177, 189, 253, 1)",
478
662
  backgroundPrimaryProminentHover: "rgba(151, 168, 254, 1)",
@@ -483,6 +667,10 @@ const colors = {
483
667
  backgroundPrimarySubtleHover: "rgba(36, 55, 151, 1)",
484
668
  backgroundPrimarySubtlePressed: "rgba(42, 65, 182, 1)",
485
669
  backgroundPrimarySubtleSelected: "rgba(30, 45, 123, 1)",
670
+ statusBackgroundError: "rgba(47, 23, 25, 1)",
671
+ statusBackgroundInfo: "rgba(16, 22, 51, 1)",
672
+ statusBackgroundSuccess: "rgba(17, 38, 12, 1)",
673
+ statusBackgroundWarning: "rgba(40, 34, 13, 1)",
486
674
  backgroundSuccessProminent: "rgba(28, 143, 0, 1)",
487
675
  backgroundSuccessProminentActive: "rgba(101, 180, 82, 1)",
488
676
  backgroundSuccessProminentHover: "rgba(66, 162, 43, 1)",
@@ -490,6 +678,15 @@ const colors = {
490
678
  backgroundSuccessSubtle: "rgba(17, 38, 12, 1)",
491
679
  backgroundWarningProminent: "rgba(255, 223, 111, 1)",
492
680
  backgroundWarningSubtle: "rgba(40, 34, 13, 1)",
681
+ borderDefault: "rgba(77, 81, 95, 1)",
682
+ borderDisabled: "rgba(60, 63, 73, 1)",
683
+ borderInverted: "rgba(69, 72, 84, 1)",
684
+ borderInvertedSubtle: "rgba(85, 90, 106, 1)",
685
+ borderStaticDark: "rgba(125, 130, 151, 1)",
686
+ borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
687
+ borderStrong: "rgba(101, 107, 129, 1)",
688
+ borderSubtle: "rgba(52, 54, 62, 1)",
689
+ borderTransparent: "rgba(255, 255, 255, 0)",
493
690
  borderDanger: "rgba(229, 102, 115, 1)",
494
691
  borderDangerActive: "rgba(240, 165, 173, 1)",
495
692
  borderDangerHover: "rgba(235, 135, 146, 1)",
@@ -505,6 +702,16 @@ const colors = {
505
702
  borderFocusSuccessMiddle: "rgba(151, 168, 254, 1)",
506
703
  borderFocusSuccessOuter: "rgba(49, 76, 217, 1)",
507
704
  focusKeyboard: "rgba(43, 77, 248, 1)",
705
+ borderInteractiveDanger: "rgba(216, 24, 44, 1)",
706
+ borderInteractiveDangerHover: "rgba(223, 64, 81, 1)",
707
+ borderInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
708
+ borderInteractivePrimary: "rgba(56, 89, 255, 1)",
709
+ borderInteractivePrimaryHover: "rgba(91, 118, 254, 1)",
710
+ borderInteractivePrimaryPressed: "rgba(122, 144, 254, 1)",
711
+ borderInteractiveSecondary: "rgba(60, 63, 73, 1)",
712
+ borderInteractiveSecondaryHover: "rgba(69, 72, 84, 1)",
713
+ borderInteractiveSecondaryPressed: "rgba(77, 81, 95, 1)",
714
+ borderInteractiveSelected: "rgba(122, 144, 254, 1)",
508
715
  borderNeutrals: "rgba(77, 81, 95, 1)",
509
716
  borderNeutralsActive: "rgba(174, 178, 192, 1)",
510
717
  borderNeutralsControls: "rgba(125, 130, 151, 1)",
@@ -523,8 +730,6 @@ const colors = {
523
730
  borderNeutralsTextSubtleActive: "rgba(241, 242, 245, 1)",
524
731
  borderNeutralsTextSubtleHover: "rgba(224, 226, 232, 1)",
525
732
  borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
526
- borderStaticDark: "rgba(125, 130, 151, 1)",
527
- borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
528
733
  borderPrimary: "rgba(122, 144, 254, 1)",
529
734
  borderPrimaryActive: "rgba(177, 189, 253, 1)",
530
735
  borderPrimaryHover: "rgba(151, 168, 254, 1)",
@@ -532,6 +737,10 @@ const colors = {
532
737
  borderPrimaryPressed: "rgba(177, 189, 253, 1)",
533
738
  borderPrimarySelected: "rgba(122, 144, 254, 1)",
534
739
  borderPrimarySubtle: "rgba(25, 37, 99, 1)",
740
+ statusBorderError: "rgba(107, 23, 32, 1)",
741
+ statusBorderInfo: "rgba(30, 45, 123, 1)",
742
+ statusBorderSuccess: "rgba(21, 75, 8, 1)",
743
+ statusBorderWarning: "rgba(116, 96, 25, 1)",
535
744
  borderSuccess: "rgba(28, 143, 0, 1)",
536
745
  borderSuccessActive: "rgba(101, 180, 82, 1)",
537
746
  borderSuccessHover: "rgba(66, 162, 43, 1)",
@@ -539,12 +748,46 @@ const colors = {
539
748
  borderSuccessSubtle: "rgba(21, 75, 8, 1)",
540
749
  borderWarning: "rgba(255, 208, 47, 1)",
541
750
  borderWarningSubtle: "rgba(116, 96, 25, 1)",
542
- buttonBackgroundPrimary: "rgba(122, 144, 254, 1)",
543
- buttonBackgroundPrimaryHover: "rgba(151, 168, 254, 1)",
544
- buttonBackgroundPrimaryPressed: "rgba(177, 189, 253, 1)",
751
+ buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
752
+ buttonBackgroundDangerHover: "rgba(223, 64, 81, 1)",
753
+ buttonBackgroundDangerPressed: "rgba(223, 64, 81, 1)",
754
+ buttonBackgroundGhost: "rgba(255, 255, 255, 0)",
755
+ buttonBackgroundGhostHover: "rgba(52, 54, 62, 1)",
756
+ buttonBackgroundGhostPressed: "rgba(60, 63, 73, 1)",
757
+ buttonBackgroundPrimary: "rgba(56, 89, 255, 1)",
758
+ buttonBackgroundPrimaryHover: "rgba(91, 118, 254, 1)",
759
+ buttonBackgroundPrimaryPressed: "rgba(122, 144, 254, 1)",
545
760
  buttonBackgroundSecondary: "rgba(60, 63, 73, 1)",
546
761
  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
547
- buttonBackgroundSecondaryPressed: "rgba(77, 81, 95, 1)",
762
+ buttonBackgroundSecondaryPressed: "rgba(69, 72, 84, 1)",
763
+ buttonBackgroundTertiary: "rgba(255, 255, 255, 0)",
764
+ buttonBackgroundTertiaryHover: "rgba(36, 55, 151, 1)",
765
+ buttonBackgroundTertiaryPressed: "rgba(42, 65, 182, 1)",
766
+ buttonBorderDanger: "rgba(216, 24, 44, 1)",
767
+ buttonBorderDangerHover: "rgba(223, 64, 81, 1)",
768
+ buttonBorderDangerPressed: "rgba(229, 102, 115, 1)",
769
+ buttonBorderGhostHover: "rgba(255, 255, 255, 0)",
770
+ buttonBorderGhostPressed: "rgba(255, 255, 255, 0)",
771
+ buttonBorderPrimary: "rgba(56, 89, 255, 1)",
772
+ buttonBorderPrimaryHover: "rgba(91, 118, 254, 1)",
773
+ buttonBorderPrimaryPressed: "rgba(122, 144, 254, 1)",
774
+ buttonBorderSecondary: "rgba(60, 63, 73, 1)",
775
+ buttonBorderSecondaryHover: "rgba(69, 72, 84, 1)",
776
+ buttonBorderSecondaryPressed: "rgba(77, 81, 95, 1)",
777
+ buttonBorderTertiary: "rgba(56, 89, 255, 1)",
778
+ buttonBorderTertiaryHover: "rgba(91, 118, 254, 1)",
779
+ buttonBorderTertiaryPressed: "rgba(122, 144, 254, 1)",
780
+ buttonIconOnDanger: "rgba(255, 255, 255, 1)",
781
+ buttonIconOnPrimary: "rgba(255, 255, 255, 1)",
782
+ buttonIconOnSecondary: "rgba(250, 250, 252, 1)",
783
+ buttonIconOnTertiary: "rgba(122, 144, 254, 1)",
784
+ buttonTextOnDanger: "rgba(255, 255, 255, 1)",
785
+ buttonTextOnPrimary: "rgba(255, 255, 255, 1)",
786
+ buttonTextOnSecondary: "rgba(250, 250, 252, 1)",
787
+ buttonTextOnTertiary: "rgba(122, 144, 254, 1)",
788
+ chipBackground: "rgba(60, 63, 73, 1)",
789
+ chipBackgroundHover: "rgba(69, 72, 84, 1)",
790
+ chipText: "rgba(250, 250, 252, 1)",
548
791
  formatIconDiagram: "rgba(218, 121, 43, 1)",
549
792
  formatIconDocs: "rgba(14, 157, 205, 1)",
550
793
  formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -553,17 +796,66 @@ const colors = {
553
796
  formatIconSlides: "rgba(219, 79, 79, 1)",
554
797
  formatIconTable: "rgba(15, 168, 60, 1)",
555
798
  formatIconTimeline: "rgba(15, 168, 60, 1)",
799
+ inputBackgroundActive: "rgba(26, 27, 30, 1)",
800
+ inputBackgroundAltActive: "rgba(60, 63, 73, 1)",
801
+ inputBackgroundAltDefault: "rgba(60, 63, 73, 1)",
802
+ inputBackgroundAltHover: "rgba(60, 63, 73, 1)",
803
+ inputBackgroundDefault: "rgba(26, 27, 30, 1)",
804
+ inputBackgroundDisabled: "rgba(43, 45, 51, 1)",
805
+ inputBackgroundHover: "rgba(26, 27, 30, 1)",
806
+ inputBorderActive: "rgba(151, 168, 254, 1)",
807
+ inputBorderDefault: "rgba(77, 81, 95, 1)",
808
+ inputBorderDisabled: "rgba(255, 255, 255, 0)",
809
+ inputBorderError: "rgba(229, 102, 115, 1)",
810
+ inputBorderHover: "rgba(151, 168, 254, 1)",
811
+ inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
812
+ inputBorderSuccess: "rgba(101, 180, 82, 1)",
556
813
  notificationBackground: "rgba(233, 234, 239, 1)",
557
814
  notificationBorder: "rgba(125, 130, 151, 1)",
558
815
  notificationBorderSubtle: "rgba(199, 202, 213, 1)",
559
- popupBackgroundStatic: "rgba(52, 54, 62, 1)",
560
- popupTextStatic: "rgba(255, 255, 255, 1)",
816
+ popoverBackground: "rgba(52, 54, 62, 1)",
817
+ popoverBorder: "rgba(125, 130, 151, 1)",
818
+ scrollbarBackground: "rgba(69, 72, 84, 1)",
819
+ scrollbarBackgroundHover: "rgba(77, 81, 95, 1)",
820
+ sliderBackground: "rgba(69, 72, 84, 1)",
821
+ sliderNotchBackground: "rgba(69, 72, 84, 1)",
822
+ switchBackgroundDefault: "rgba(69, 72, 84, 1)",
823
+ switchBackgroundHover: "rgba(77, 81, 95, 1)",
824
+ switchControlBackground: "rgba(26, 27, 30, 1)",
561
825
  tooltipBackground: "rgba(77, 81, 95, 1)",
826
+ tooltipBackgroundInset: "rgba(77, 81, 95, 1)",
562
827
  iconDanger: "rgba(229, 102, 115, 1)",
563
828
  iconDangerActive: "rgba(240, 165, 173, 1)",
564
829
  iconDangerHover: "rgba(235, 135, 146, 1)",
565
830
  iconDangerInverted: "rgba(47, 23, 25, 1)",
566
831
  iconDangerPressed: "rgba(240, 165, 173, 1)",
832
+ iconDefault: "rgba(250, 250, 252, 1)",
833
+ iconDisabled: "rgba(125, 130, 151, 1)",
834
+ iconInverted: "rgba(34, 36, 40, 1)",
835
+ iconInvertedSecondary: "rgba(69, 72, 84, 1)",
836
+ iconMuted: "rgba(149, 154, 172, 1)",
837
+ iconOnDisabled: "rgba(125, 130, 151, 1)",
838
+ iconOnStaticDark: "rgba(250, 250, 252, 1)",
839
+ iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
840
+ iconPlaceholder: "rgba(125, 130, 151, 1)",
841
+ iconSecondary: "rgba(199, 202, 213, 1)",
842
+ iconInteractiveSelected: "rgba(122, 144, 254, 1)",
843
+ iconLink: "rgba(122, 144, 254, 1)",
844
+ iconLinkHover: "rgba(151, 168, 254, 1)",
845
+ iconLinkOnInverted: "rgba(34, 36, 40, 1)",
846
+ iconLinkOnInvertedHover: "rgba(43, 45, 51, 1)",
847
+ iconLinkOnInvertedPressed: "rgba(52, 54, 62, 1)",
848
+ iconLinkOnInvertedSecondary: "rgba(69, 72, 84, 1)",
849
+ iconLinkOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
850
+ iconLinkOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
851
+ iconLinkPressed: "rgba(177, 189, 253, 1)",
852
+ iconLinkSecondary: "rgba(199, 202, 213, 1)",
853
+ iconLinkSecondaryHover: "rgba(216, 218, 226, 1)",
854
+ iconLinkSecondaryPressed: "rgba(224, 226, 232, 1)",
855
+ iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
856
+ iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
857
+ iconOnInteractiveSecondary: "rgba(250, 250, 252, 1)",
858
+ iconOnInteractiveSelected: "rgba(122, 144, 254, 1)",
567
859
  iconNeutrals: "rgba(250, 250, 252, 1)",
568
860
  iconNeutralsDisabled: "rgba(125, 130, 151, 1)",
569
861
  iconNeutralsHover: "rgba(241, 242, 245, 1)",
@@ -580,8 +872,6 @@ const colors = {
580
872
  iconNeutralsSubtleHover: "rgba(216, 218, 226, 1)",
581
873
  iconNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
582
874
  iconNeutralsText: "rgba(199, 202, 213, 1)",
583
- iconOnStaticDark: "rgba(250, 250, 252, 1)",
584
- iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
585
875
  iconPrimary: "rgba(122, 144, 254, 1)",
586
876
  iconPrimaryActive: "rgba(177, 189, 253, 1)",
587
877
  iconPrimaryHover: "rgba(151, 168, 254, 1)",
@@ -589,6 +879,13 @@ const colors = {
589
879
  iconPrimaryInvertedHover: "rgba(18, 25, 62, 1)",
590
880
  iconPrimaryPressed: "rgba(177, 189, 253, 1)",
591
881
  iconPrimarySelected: "rgba(122, 144, 254, 1)",
882
+ statusIconError: "rgba(229, 102, 115, 1)",
883
+ statusIconOnError: "rgba(229, 102, 115, 1)",
884
+ statusIconOnInfo: "rgba(122, 144, 254, 1)",
885
+ statusIconOnSuccess: "rgba(101, 180, 82, 1)",
886
+ statusIconOnWarning: "rgba(255, 244, 203, 1)",
887
+ statusIconSuccess: "rgba(101, 180, 82, 1)",
888
+ statusIconWarning: "rgba(255, 244, 203, 1)",
592
889
  iconSuccess: "rgba(101, 180, 82, 1)",
593
890
  iconSuccessActive: "rgba(161, 210, 149, 1)",
594
891
  iconSuccessHover: "rgba(133, 196, 118, 1)",
@@ -602,6 +899,23 @@ const colors = {
602
899
  textDangerHover: "rgba(235, 135, 146, 1)",
603
900
  textDangerInverted: "rgba(47, 23, 25, 1)",
604
901
  textDangerPressed: "rgba(240, 165, 173, 1)",
902
+ textInteractiveSelected: "rgba(122, 144, 254, 1)",
903
+ textLink: "rgba(122, 144, 254, 1)",
904
+ textLinkHover: "rgba(151, 168, 254, 1)",
905
+ textLinkOnInverted: "rgba(34, 36, 40, 1)",
906
+ textLinkOnInvertedHover: "rgba(43, 45, 51, 1)",
907
+ textLinkOnInvertedPressed: "rgba(52, 54, 62, 1)",
908
+ textLinkOnInvertedSecondary: "rgba(69, 72, 84, 1)",
909
+ textLinkOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
910
+ textLinkOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
911
+ textLinkPressed: "rgba(177, 189, 253, 1)",
912
+ textLinkSecondary: "rgba(199, 202, 213, 1)",
913
+ textLinkSecondaryHover: "rgba(216, 218, 226, 1)",
914
+ textLinkSecondaryPressed: "rgba(224, 226, 232, 1)",
915
+ textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
916
+ textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
917
+ textOnInteractiveSecondary: "rgba(250, 250, 252, 1)",
918
+ textOnInteractiveSelected: "rgba(122, 144, 254, 1)",
605
919
  textNeutrals: "rgba(250, 250, 252, 1)",
606
920
  textNeutralsActive: "rgba(233, 234, 239, 1)",
607
921
  textNeutralsDisabled: "rgba(125, 130, 151, 1)",
@@ -617,9 +931,6 @@ const colors = {
617
931
  textNeutralsSubtleActive: "rgba(224, 226, 232, 1)",
618
932
  textNeutralsSubtleHover: "rgba(216, 218, 226, 1)",
619
933
  textNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
620
- textOnStaticDark: "rgba(250, 250, 252, 1)",
621
- textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
622
- textOnPrimary: "rgba(255, 255, 255, 1)",
623
934
  textPrimary: "rgba(122, 144, 254, 1)",
624
935
  textPrimaryActive: "rgba(177, 189, 253, 1)",
625
936
  textPrimaryHover: "rgba(151, 168, 254, 1)",
@@ -627,11 +938,28 @@ const colors = {
627
938
  textPrimaryInvertedSubtle: "rgba(30, 45, 123, 1)",
628
939
  textPrimaryPressed: "rgba(177, 189, 253, 1)",
629
940
  textPrimarySelected: "rgba(122, 144, 254, 1)",
941
+ statusTextError: "rgba(229, 102, 115, 1)",
942
+ statusTextOnError: "rgba(250, 250, 252, 1)",
943
+ statusTextOnInfo: "rgba(250, 250, 252, 1)",
944
+ statusTextOnSuccess: "rgba(250, 250, 252, 1)",
945
+ statusTextOnWarning: "rgba(250, 250, 252, 1)",
946
+ statusTextSuccess: "rgba(101, 180, 82, 1)",
947
+ statusTextWarning: "rgba(255, 244, 203, 1)",
630
948
  textSuccess: "rgba(101, 180, 82, 1)",
631
949
  textSuccessActive: "rgba(161, 210, 149, 1)",
632
950
  textSuccessHover: "rgba(133, 196, 118, 1)",
633
951
  textSuccessInverted: "rgba(17, 38, 12, 1)",
634
952
  textSuccessPressed: "rgba(161, 210, 149, 1)",
953
+ textDefault: "rgba(250, 250, 252, 1)",
954
+ textDisabled: "rgba(125, 130, 151, 1)",
955
+ textInverted: "rgba(34, 36, 40, 1)",
956
+ textInvertedSecondary: "rgba(69, 72, 84, 1)",
957
+ textMuted: "rgba(149, 154, 172, 1)",
958
+ textOnDisabled: "rgba(125, 130, 151, 1)",
959
+ textOnStaticDark: "rgba(250, 250, 252, 1)",
960
+ textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
961
+ textPlaceholder: "rgba(125, 130, 151, 1)",
962
+ textSecondary: "rgba(199, 202, 213, 1)",
635
963
  textWarning: "rgba(255, 244, 203, 1)",
636
964
  textWarningSubtle: "rgba(255, 235, 163, 1)",
637
965
  coalBackground: "rgba(176, 176, 176, 1)",