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

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