@mirohq/design-system-themes-native 1.2.2-dummy.0 → 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 +367 -17
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +367 -15
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +3 -2
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -1,14 +1,25 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  const colors$1 = {
6
4
  backgroundAlpha: "rgba(101, 107, 129, 0.1)",
7
5
  backgroundAlphaActive: "rgba(101, 107, 129, 0.05)",
8
6
  backgroundAlphaHover: "rgba(101, 107, 129, 0.1)",
9
7
  backgroundAlphaNeutralsOverlay: "rgba(18, 25, 62, 0.4)",
10
- backgroundAlphaNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
8
+ backgroundAlphaNeutralsOverlaySubtle: "rgba(0, 0, 0, 0.2)",
11
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)",
12
23
  backgroundDangerProminent: "rgba(216, 24, 44, 1)",
13
24
  backgroundDangerProminentActive: "rgba(156, 24, 37, 1)",
14
25
  backgroundDangerProminentHover: "rgba(185, 24, 41, 1)",
@@ -17,6 +28,15 @@ const colors$1 = {
17
28
  backgroundDangerSubtleActive: "rgba(251, 230, 232, 1)",
18
29
  backgroundDangerSubtleHover: "rgba(253, 242, 243, 1)",
19
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)",
20
40
  backgroundNeutrals: "rgba(255, 255, 255, 1)",
21
41
  backgroundNeutralsActive: "rgba(233, 234, 239, 1)",
22
42
  backgroundNeutralsContainer: "rgba(255, 255, 255, 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)",
@@ -98,6 +141,10 @@ const colors$1 = {
98
141
  borderPrimaryPressed: "rgba(42, 65, 182, 1)",
99
142
  borderPrimarySelected: "rgba(49, 76, 217, 1)",
100
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)",
101
148
  borderSuccess: "rgba(28, 143, 0, 1)",
102
149
  borderSuccessActive: "rgba(24, 105, 4, 1)",
103
150
  borderSuccessHover: "rgba(26, 123, 2, 1)",
@@ -105,12 +152,46 @@ const colors$1 = {
105
152
  borderSuccessSubtle: "rgba(186, 222, 177, 1)",
106
153
  borderWarning: "rgba(255, 208, 47, 1)",
107
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)",
108
161
  buttonBackgroundPrimary: "rgba(56, 89, 255, 1)",
109
162
  buttonBackgroundPrimaryHover: "rgba(49, 76, 217, 1)",
110
163
  buttonBackgroundPrimaryPressed: "rgba(42, 65, 182, 1)",
111
164
  buttonBackgroundSecondary: "rgba(233, 234, 239, 1)",
112
165
  buttonBackgroundSecondaryHover: "rgba(224, 226, 232, 1)",
113
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)",
114
195
  formatIconDiagram: "rgba(218, 121, 43, 1)",
115
196
  formatIconDocs: "rgba(14, 157, 205, 1)",
116
197
  formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -119,14 +200,66 @@ const colors$1 = {
119
200
  formatIconSlides: "rgba(219, 79, 79, 1)",
120
201
  formatIconTable: "rgba(15, 168, 60, 1)",
121
202
  formatIconTimeline: "rgba(15, 168, 60, 1)",
122
- popupBackgroundStatic: "rgba(34, 36, 40, 1)",
123
- popupTextStatic: "rgba(255, 255, 255, 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)",
217
+ notificationBackground: "rgba(43, 45, 51, 1)",
218
+ notificationBorder: "rgba(125, 130, 151, 1)",
219
+ notificationBorderSubtle: "rgba(60, 63, 73, 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)",
124
229
  tooltipBackground: "rgba(26, 27, 30, 1)",
230
+ tooltipBackgroundInset: "rgba(77, 81, 95, 1)",
125
231
  iconDanger: "rgba(216, 24, 44, 1)",
126
232
  iconDangerActive: "rgba(156, 24, 37, 1)",
127
233
  iconDangerHover: "rgba(185, 24, 41, 1)",
128
234
  iconDangerInverted: "rgba(254, 247, 248, 1)",
129
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)",
130
263
  iconNeutrals: "rgba(34, 36, 40, 1)",
131
264
  iconNeutralsDisabled: "rgba(174, 178, 192, 1)",
132
265
  iconNeutralsHover: "rgba(26, 27, 30, 1)",
@@ -150,6 +283,13 @@ const colors$1 = {
150
283
  iconPrimaryInvertedHover: "rgba(242, 244, 252, 1)",
151
284
  iconPrimaryPressed: "rgba(42, 65, 182, 1)",
152
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)",
153
293
  iconSuccess: "rgba(24, 105, 4, 1)",
154
294
  iconSuccessActive: "rgba(21, 75, 8, 1)",
155
295
  iconSuccessHover: "rgba(23, 89, 6, 1)",
@@ -163,6 +303,23 @@ const colors$1 = {
163
303
  textDangerHover: "rgba(185, 24, 41, 1)",
164
304
  textDangerInverted: "rgba(254, 247, 248, 1)",
165
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)",
166
323
  textNeutrals: "rgba(34, 36, 40, 1)",
167
324
  textNeutralsActive: "rgba(26, 27, 30, 1)",
168
325
  textNeutralsDisabled: "rgba(174, 178, 192, 1)",
@@ -185,11 +342,28 @@ const colors$1 = {
185
342
  textPrimaryInvertedSubtle: "rgba(242, 244, 252, 1)",
186
343
  textPrimaryPressed: "rgba(42, 65, 182, 1)",
187
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)",
188
352
  textSuccess: "rgba(24, 105, 4, 1)",
189
353
  textSuccessActive: "rgba(21, 75, 8, 1)",
190
354
  textSuccessHover: "rgba(23, 89, 6, 1)",
191
355
  textSuccessInverted: "rgba(239, 249, 236, 1)",
192
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)",
193
367
  textWarning: "rgba(69, 57, 17, 1)",
194
368
  textWarningSubtle: "rgba(179, 146, 35, 1)",
195
369
  coalBackground: "rgba(176, 176, 176, 1)",
@@ -423,12 +597,25 @@ const colors$1 = {
423
597
  };
424
598
 
425
599
  const colors = {
426
- backgroundAlpha: "rgba(26, 27, 30, 0.1)",
427
- backgroundAlphaActive: "rgba(26, 27, 30, 0.05)",
428
- 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)",
429
603
  backgroundAlphaNeutralsOverlay: "rgba(18, 25, 62, 0.4)",
430
- backgroundAlphaNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
431
- 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)",
432
619
  backgroundDangerProminent: "rgba(216, 24, 44, 1)",
433
620
  backgroundDangerProminentActive: "rgba(229, 102, 115, 1)",
434
621
  backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
@@ -437,6 +624,15 @@ const colors = {
437
624
  backgroundDangerSubtleActive: "rgba(216, 24, 44, 1)",
438
625
  backgroundDangerSubtleHover: "rgba(185, 24, 41, 1)",
439
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)",
440
636
  backgroundNeutrals: "rgba(26, 27, 30, 1)",
441
637
  backgroundNeutralsActive: "rgba(43, 45, 51, 1)",
442
638
  backgroundNeutralsContainer: "rgba(43, 45, 51, 1)",
@@ -465,12 +661,16 @@ const colors = {
465
661
  backgroundPrimaryProminentActive: "rgba(177, 189, 253, 1)",
466
662
  backgroundPrimaryProminentHover: "rgba(151, 168, 254, 1)",
467
663
  backgroundPrimaryProminentPressed: "rgba(177, 189, 253, 1)",
468
- backgroundPrimaryProminentSelected: "rgba(122, 144, 254, 1)",
664
+ backgroundPrimaryProminentSelected: "rgba(56, 89, 255, 1)",
469
665
  backgroundPrimarySubtle: "rgba(16, 22, 51, 1)",
470
666
  backgroundPrimarySubtleActive: "rgba(42, 65, 182, 1)",
471
667
  backgroundPrimarySubtleHover: "rgba(36, 55, 151, 1)",
472
668
  backgroundPrimarySubtlePressed: "rgba(42, 65, 182, 1)",
473
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)",
474
674
  backgroundSuccessProminent: "rgba(28, 143, 0, 1)",
475
675
  backgroundSuccessProminentActive: "rgba(101, 180, 82, 1)",
476
676
  backgroundSuccessProminentHover: "rgba(66, 162, 43, 1)",
@@ -478,6 +678,15 @@ const colors = {
478
678
  backgroundSuccessSubtle: "rgba(17, 38, 12, 1)",
479
679
  backgroundWarningProminent: "rgba(255, 223, 111, 1)",
480
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)",
481
690
  borderDanger: "rgba(229, 102, 115, 1)",
482
691
  borderDangerActive: "rgba(240, 165, 173, 1)",
483
692
  borderDangerHover: "rgba(235, 135, 146, 1)",
@@ -493,6 +702,16 @@ const colors = {
493
702
  borderFocusSuccessMiddle: "rgba(151, 168, 254, 1)",
494
703
  borderFocusSuccessOuter: "rgba(49, 76, 217, 1)",
495
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)",
496
715
  borderNeutrals: "rgba(77, 81, 95, 1)",
497
716
  borderNeutralsActive: "rgba(174, 178, 192, 1)",
498
717
  borderNeutralsControls: "rgba(125, 130, 151, 1)",
@@ -518,6 +737,10 @@ const colors = {
518
737
  borderPrimaryPressed: "rgba(177, 189, 253, 1)",
519
738
  borderPrimarySelected: "rgba(122, 144, 254, 1)",
520
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)",
521
744
  borderSuccess: "rgba(28, 143, 0, 1)",
522
745
  borderSuccessActive: "rgba(101, 180, 82, 1)",
523
746
  borderSuccessHover: "rgba(66, 162, 43, 1)",
@@ -525,12 +748,46 @@ const colors = {
525
748
  borderSuccessSubtle: "rgba(21, 75, 8, 1)",
526
749
  borderWarning: "rgba(255, 208, 47, 1)",
527
750
  borderWarningSubtle: "rgba(116, 96, 25, 1)",
528
- buttonBackgroundPrimary: "rgba(122, 144, 254, 1)",
529
- buttonBackgroundPrimaryHover: "rgba(151, 168, 254, 1)",
530
- buttonBackgroundPrimaryPressed: "rgba(177, 189, 253, 1)",
751
+ buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
752
+ buttonBackgroundDangerHover: "rgba(223, 64, 81, 1)",
753
+ buttonBackgroundDangerPressed: "rgba(229, 102, 115, 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)",
531
760
  buttonBackgroundSecondary: "rgba(60, 63, 73, 1)",
532
761
  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
533
- 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)",
534
791
  formatIconDiagram: "rgba(218, 121, 43, 1)",
535
792
  formatIconDocs: "rgba(14, 157, 205, 1)",
536
793
  formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -539,14 +796,66 @@ const colors = {
539
796
  formatIconSlides: "rgba(219, 79, 79, 1)",
540
797
  formatIconTable: "rgba(15, 168, 60, 1)",
541
798
  formatIconTimeline: "rgba(15, 168, 60, 1)",
542
- popupBackgroundStatic: "rgba(52, 54, 62, 1)",
543
- popupTextStatic: "rgba(255, 255, 255, 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)",
813
+ notificationBackground: "rgba(233, 234, 239, 1)",
814
+ notificationBorder: "rgba(125, 130, 151, 1)",
815
+ notificationBorderSubtle: "rgba(199, 202, 213, 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)",
544
825
  tooltipBackground: "rgba(77, 81, 95, 1)",
826
+ tooltipBackgroundInset: "rgba(77, 81, 95, 1)",
545
827
  iconDanger: "rgba(229, 102, 115, 1)",
546
828
  iconDangerActive: "rgba(240, 165, 173, 1)",
547
829
  iconDangerHover: "rgba(235, 135, 146, 1)",
548
830
  iconDangerInverted: "rgba(47, 23, 25, 1)",
549
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)",
550
859
  iconNeutrals: "rgba(250, 250, 252, 1)",
551
860
  iconNeutralsDisabled: "rgba(125, 130, 151, 1)",
552
861
  iconNeutralsHover: "rgba(241, 242, 245, 1)",
@@ -570,6 +879,13 @@ const colors = {
570
879
  iconPrimaryInvertedHover: "rgba(18, 25, 62, 1)",
571
880
  iconPrimaryPressed: "rgba(177, 189, 253, 1)",
572
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)",
573
889
  iconSuccess: "rgba(101, 180, 82, 1)",
574
890
  iconSuccessActive: "rgba(161, 210, 149, 1)",
575
891
  iconSuccessHover: "rgba(133, 196, 118, 1)",
@@ -583,6 +899,23 @@ const colors = {
583
899
  textDangerHover: "rgba(235, 135, 146, 1)",
584
900
  textDangerInverted: "rgba(47, 23, 25, 1)",
585
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)",
586
919
  textNeutrals: "rgba(250, 250, 252, 1)",
587
920
  textNeutralsActive: "rgba(233, 234, 239, 1)",
588
921
  textNeutralsDisabled: "rgba(125, 130, 151, 1)",
@@ -605,11 +938,28 @@ const colors = {
605
938
  textPrimaryInvertedSubtle: "rgba(30, 45, 123, 1)",
606
939
  textPrimaryPressed: "rgba(177, 189, 253, 1)",
607
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)",
608
948
  textSuccess: "rgba(101, 180, 82, 1)",
609
949
  textSuccessActive: "rgba(161, 210, 149, 1)",
610
950
  textSuccessHover: "rgba(133, 196, 118, 1)",
611
951
  textSuccessInverted: "rgba(17, 38, 12, 1)",
612
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)",
613
963
  textWarning: "rgba(255, 244, 203, 1)",
614
964
  textWarningSubtle: "rgba(255, 235, 163, 1)",
615
965
  coalBackground: "rgba(176, 176, 176, 1)",