@mirohq/design-system-themes-native 0.1.2 → 0.2.0-style-dictionary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +240 -465
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +238 -463
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +17 -462
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -2,473 +2,248 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var designTokensNative = require('@mirohq/design-tokens-native');
6
-
7
- const theme$1 = {
8
- /** bgaa */
9
- backgroundAlphaActive: "rgba(9, 9, 9, 0.30000001192092896)",
10
- /** bgah */
11
- backgroundAlphaHover: "rgba(9, 9, 9, 0.20000000298023224)",
12
- /** bgdp */
13
- backgroundDangerProminent: designTokensNative.colors.red500,
14
- /** bgdpa */
15
- backgroundDangerProminentActive: designTokensNative.colors.red600,
16
- /** bgdph */
17
- backgroundDangerProminentHover: designTokensNative.colors.red550,
18
- /** bgd */
19
- backgroundDangerSubtle: designTokensNative.colors.red100,
20
- backgroundDangerSubtleActive: designTokensNative.colors.red200,
21
- /** bgdh */
22
- backgroundDangerSubtleHover: designTokensNative.colors.red150,
23
- /** bgn [Default background color.] */
24
- backgroundNeutrals: designTokensNative.colors.white,
25
- /** bgna */
26
- backgroundNeutralsActive: designTokensNative.colors.gray150,
27
- /** bgnc [Default background color for any container.] */
28
- backgroundNeutralsContainer: designTokensNative.colors.white,
29
- /** bgncd */
30
- backgroundNeutralsControlsDisabled: designTokensNative.colors.gray250,
31
- /** bgnd */
32
- backgroundNeutralsDisabled: designTokensNative.colors.gray150,
33
- /** bgnh */
34
- backgroundNeutralsHover: designTokensNative.colors.gray100,
35
- /** bgni */
36
- backgroundNeutralsInactive: designTokensNative.colors.gray450,
37
- /** bgnih */
38
- backgroundNeutralsInactiveHover: designTokensNative.colors.gray500,
39
- /** bgni */
40
- backgroundNeutralsInverted: designTokensNative.colors.gray950,
41
- /** bgnis */
42
- backgroundNeutralsInvertedSubtle: designTokensNative.colors.gray800,
43
- /** bgnp */
44
- backgroundNeutralsPage: designTokensNative.colors.gray100,
45
- /** bgnps */
46
- backgroundNeutralsPageSubtle: designTokensNative.colors.gray150,
47
- /** bgns */
48
- backgroundNeutralsScrollbar: designTokensNative.colors.gray300,
49
- /** bgnsh */
50
- backgroundNeutralsScrollbarActive: designTokensNative.colors.gray400,
51
- /** bgnsh */
52
- backgroundNeutralsScrollbarHover: designTokensNative.colors.gray350,
53
- /** bgns */
54
- backgroundNeutralsSubtle: designTokensNative.colors.gray100,
55
- /** bgnsa */
56
- backgroundNeutralsSubtleActive: designTokensNative.colors.gray200,
57
- /** bgnsh */
58
- backgroundNeutralsSubtleHover: designTokensNative.colors.gray150,
59
- /** bgpp */
60
- backgroundPrimaryProminent: designTokensNative.colors.blue500,
61
- /** bgppa */
62
- backgroundPrimaryProminentActive: designTokensNative.colors.blue600,
63
- /** bgnpph */
64
- backgroundPrimaryProminentHover: designTokensNative.colors.blue550,
65
- /** bgpps */
66
- backgroundPrimaryProminentSelected: designTokensNative.colors.blue500,
67
- /** bgps */
68
- backgroundPrimarySubtle: designTokensNative.colors.blue100,
69
- /** bgpsa */
70
- backgroundPrimarySubtleActive: designTokensNative.colors.blue200,
71
- /** bgpsh */
72
- backgroundPrimarySubtleHover: designTokensNative.colors.blue150,
73
- /** bgpss */
74
- backgroundPrimarySubtleSelected: designTokensNative.colors.blue200,
75
- backgroundSuccess: designTokensNative.colors.green100,
76
- backgroundSuccessProminent: designTokensNative.colors.green500,
77
- backgroundSuccessProminentActive: designTokensNative.colors.green700,
78
- backgroundSuccessProminentHover: designTokensNative.colors.green550,
79
- /** bgwp */
80
- backgroundWarningProminent: designTokensNative.colors.yellow500,
81
- /** bgws */
82
- backgroundWarningSubtle: designTokensNative.colors.yellow100,
83
- /** Use this color for borders of elements using a background-danger color. */
84
- borderDanger: designTokensNative.colors.red550,
85
- /** Use this border color while pressing interactive danger elements. */
86
- borderDangerActive: designTokensNative.colors.red650,
87
- /** Use this border color while hovering interactive danger elements. */
88
- borderDangerHover: designTokensNative.colors.red600,
89
- borderFocusErrorInner: designTokensNative.colors.white,
90
- borderFocusErrorMiddle: designTokensNative.colors.red400,
91
- borderFocusErrorOuter: designTokensNative.colors.red200,
92
- /** bfi */
93
- borderFocusInner: designTokensNative.colors.white,
94
- /** bfm */
95
- borderFocusMiddle: designTokensNative.colors.blue400,
96
- /** bfo */
97
- borderFocusOuter: designTokensNative.colors.blue200,
98
- borderFocusSuccessInner: designTokensNative.colors.white,
99
- borderFocusSuccessMiddle: designTokensNative.colors.green400,
100
- borderFocusSuccessOuter: designTokensNative.colors.green200,
101
- /** bn */
102
- borderNeutrals: designTokensNative.colors.gray250,
103
- /** bna */
104
- borderNeutralsActive: designTokensNative.colors.gray350,
105
- /** bnc */
106
- borderNeutralsControls: designTokensNative.colors.gray200,
107
- /** bncd */
108
- borderNeutralsControlsDisabled: designTokensNative.colors.gray150,
109
- /** bnd */
110
- borderNeutralsDisabled: designTokensNative.colors.gray150,
111
- /** bnh */
112
- borderNeutralsHover: designTokensNative.colors.gray300,
113
- /** bni */
114
- borderNeutralsInverted: designTokensNative.colors.white,
115
- /** bns */
116
- borderNeutralsSubtle: designTokensNative.colors.gray150,
117
- /** bnt */
118
- borderNeutralsText: designTokensNative.colors.gray900,
119
- /** bnta */
120
- borderNeutralsTextActive: designTokensNative.colors.gray950,
121
- /** bnth */
122
- borderNeutralsTextHover: designTokensNative.colors.gray950,
123
- /** bnts */
124
- borderNeutralsTextSubtle: designTokensNative.colors.gray500,
125
- /** bntsa */
126
- borderNeutralsTextSubtleActive: designTokensNative.colors.gray600,
127
- /** bntsh */
128
- borderNeutralsTextSubtleHover: designTokensNative.colors.gray550,
129
- borderNeutralsTransparent: designTokensNative.colors.transparent,
130
- /** bp */
131
- borderPrimary: designTokensNative.colors.blue500,
132
- /** bpa */
133
- borderPrimaryActive: designTokensNative.colors.blue600,
134
- /** bph */
135
- borderPrimaryHover: designTokensNative.colors.blue550,
136
- /** bpi */
137
- borderPrimaryInverted: designTokensNative.colors.blue100,
138
- /** bs */
139
- borderSuccess: designTokensNative.colors.green550,
140
- borderSuccessActive: designTokensNative.colors.green650,
141
- borderSuccessHover: designTokensNative.colors.green600,
142
- /** bw */
143
- borderWarning: designTokensNative.colors.yellow500,
144
- /** id */
145
- iconDanger: designTokensNative.colors.red550,
146
- /** ida */
147
- iconDangerActive: designTokensNative.colors.red650,
148
- /** idh */
149
- iconDangerHover: designTokensNative.colors.red600,
150
- /** idi */
151
- iconDangerInverted: designTokensNative.colors.white,
152
- /** in */
153
- iconNeutrals: designTokensNative.colors.gray900,
154
- /** ind */
155
- iconNeutralsDisabled: designTokensNative.colors.gray350,
156
- /** ini */
157
- iconNeutralsInactive: designTokensNative.colors.gray450,
158
- /** inih */
159
- iconNeutralsInactiveHover: designTokensNative.colors.gray500,
160
- /** ini */
161
- iconNeutralsInverted: designTokensNative.colors.gray50,
162
- /** ins */
163
- iconNeutralsSearch: designTokensNative.colors.gray500,
164
- /** ins */
165
- iconNeutralsSubtle: designTokensNative.colors.gray500,
166
- /** int */
167
- iconNeutralsText: designTokensNative.colors.gray700,
168
- /** ip */
169
- iconPrimary: designTokensNative.colors.blue500,
170
- /** ipa */
171
- iconPrimaryActive: designTokensNative.colors.blue600,
172
- /** iph */
173
- iconPrimaryHover: designTokensNative.colors.blue550,
174
- /** ipi */
175
- iconPrimaryInverted: designTokensNative.colors.white,
176
- /** ips */
177
- iconPrimarySelected: designTokensNative.colors.blue500,
178
- /** is */
179
- iconSuccess: designTokensNative.colors.green550,
180
- iconSuccessActive: designTokensNative.colors.green650,
181
- iconSuccessHover: designTokensNative.colors.green600,
182
- /** isi */
183
- iconSuccessInverted: designTokensNative.colors.green200,
184
- /** iw */
185
- iconWarning: designTokensNative.colors.yellow700,
186
- /** iwp */
187
- iconWarningProminent: designTokensNative.colors.yellow700,
188
- iconWarningSubtle: designTokensNative.colors.yellow600,
189
- /** td */
190
- textDanger: designTokensNative.colors.red550,
191
- /** tda */
192
- textDangerActive: designTokensNative.colors.red650,
193
- /** tdh */
194
- textDangerHover: designTokensNative.colors.red600,
195
- /** tdi */
196
- textDangerInverted: designTokensNative.colors.white,
197
- /** tn */
198
- textNeutrals: designTokensNative.colors.gray900,
199
- /** tna */
200
- textNeutralsActive: designTokensNative.colors.gray950,
201
- /** tnd */
202
- textNeutralsDisabled: designTokensNative.colors.gray350,
203
- /** tnh */
204
- textNeutralsHover: designTokensNative.colors.gray950,
205
- /** tni */
206
- textNeutralsInverted: designTokensNative.colors.gray50,
207
- /** tnp */
208
- textNeutralsPlaceholder: designTokensNative.colors.gray500,
209
- /** tnp */
210
- textNeutralsPlaceholderOnly: designTokensNative.colors.gray500,
211
- /** tns */
212
- textNeutralsSubtle: designTokensNative.colors.gray500,
213
- /** tnsa */
214
- textNeutralsSubtleActive: designTokensNative.colors.gray600,
215
- /** tnsh */
216
- textNeutralsSubtleHover: designTokensNative.colors.gray550,
217
- /** tp */
218
- textPrimary: designTokensNative.colors.blue500,
219
- /** tpa */
220
- textPrimaryActive: designTokensNative.colors.blue600,
221
- /** tph */
222
- textPrimaryHover: designTokensNative.colors.blue550,
223
- /** tpi */
224
- textPrimaryInverted: designTokensNative.colors.white,
225
- /** tpis */
226
- textPrimaryInvertedSubtle: designTokensNative.colors.blue300,
227
- /** tps */
228
- textPrimarySelected: designTokensNative.colors.blue500,
229
- /** ts */
230
- textSuccess: designTokensNative.colors.green550,
231
- textSuccessActive: designTokensNative.colors.green650,
232
- textSuccessHover: designTokensNative.colors.green600,
233
- textSuccessInverted: designTokensNative.colors.green200,
234
- /** tw */
235
- textWarning: designTokensNative.colors.yellow700,
236
- textWarningSubtle: designTokensNative.colors.yellow600
5
+ const colors$1 = {
6
+ backgroundAlpha: "rgba(101, 107, 129, 0.1)",
7
+ backgroundAlphaSubtle: "rgba(101, 107, 129, 0.05)",
8
+ backgroundNeutralsOverlay: "rgba(26, 27, 30, 0.3)",
9
+ backgroundNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
10
+ backgroundDangerProminent: "rgba(216, 24, 44, 1)",
11
+ backgroundDangerProminentHover: "rgba(185, 24, 41, 1)",
12
+ backgroundDangerProminentPressed: "rgba(156, 24, 37, 1)",
13
+ backgroundDangerSubtle: "rgba(254, 247, 248, 1)",
14
+ backgroundDangerSubtleHover: "rgba(253, 242, 243, 1)",
15
+ backgroundDangerSubtlePressed: "rgba(251, 230, 232, 1)",
16
+ backgroundNeutrals: "rgba(255, 255, 255, 1)",
17
+ backgroundNeutralsControl: "rgba(199, 202, 213, 1)",
18
+ backgroundNeutralsControlHover: "rgba(174, 178, 192, 1)",
19
+ backgroundNeutralsControlPressed: "rgba(149, 154, 172, 1)",
20
+ backgroundNeutralsDisabled: "rgba(26, 27, 30, 0.1)",
21
+ backgroundNeutralsHover: "rgba(241, 242, 245, 1)",
22
+ backgroundNeutralsInverted: "rgba(26, 27, 30, 1)",
23
+ backgroundNeutralsInvertedSubtle: "rgba(52, 54, 62, 1)",
24
+ backgroundNeutralsPressed: "rgba(233, 234, 239, 1)",
25
+ backgroundNeutralsSubtle: "rgba(241, 242, 245, 1)",
26
+ backgroundNeutralsSubtleHover: "rgba(233, 234, 239, 1)",
27
+ backgroundNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
28
+ backgroundNeutralsTransparent: "rgba(255, 255, 255, 0)",
29
+ backgroundPrimaryProminent: "rgba(56, 89, 255, 1)",
30
+ backgroundPrimaryProminentHover: "rgba(49, 76, 217, 1)",
31
+ backgroundPrimaryProminentPressed: "rgba(42, 65, 182, 1)",
32
+ backgroundPrimaryProminentSelected: "rgba(56, 89, 255, 1)",
33
+ backgroundPrimarySubtle: "rgba(242, 244, 252, 1)",
34
+ backgroundPrimarySubtleHover: "rgba(232, 236, 252, 1)",
35
+ backgroundPrimarySubtlePressed: "rgba(217, 223, 252, 1)",
36
+ backgroundPrimarySubtleSelected: "rgba(217, 223, 252, 1)",
37
+ backgroundSuccessProminent: "rgba(28, 143, 0, 1)",
38
+ backgroundSuccessProminentHover: "rgba(26, 123, 2, 1)",
39
+ backgroundSuccessProminentPressed: "rgba(24, 105, 4, 1)",
40
+ backgroundSuccessSubtle: "rgba(239, 249, 236, 1)",
41
+ backgroundWarningProminent: "rgba(255, 208, 47, 1)",
42
+ backgroundWarningSubtle: "rgba(255, 250, 231, 1)",
43
+ borderDanger: "rgba(216, 24, 44, 1)",
44
+ borderDangerHover: "rgba(185, 24, 41, 1)",
45
+ borderDangerPressed: "rgba(156, 24, 37, 1)",
46
+ focusKeyboard: "rgba(43, 77, 248, 1)",
47
+ borderNeutrals: "rgba(224, 226, 232, 1)",
48
+ borderNeutralsDisabled: "rgba(101, 107, 129, 0.05)",
49
+ borderNeutralsHover: "rgba(199, 202, 213, 1)",
50
+ borderNeutralsInverted: "rgba(255, 255, 255, 1)",
51
+ borderNeutralsPressed: "rgba(174, 178, 192, 1)",
52
+ borderNeutralsSubtle: "rgba(241, 242, 245, 1)",
53
+ borderNeutralsSubtleHover: "rgba(224, 226, 232, 1)",
54
+ borderNeutralsSubtlePressed: "rgba(216, 218, 226, 1)",
55
+ borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
56
+ borderPrimary: "rgba(56, 89, 255, 1)",
57
+ borderPrimaryHover: "rgba(49, 76, 217, 1)",
58
+ borderPrimaryInverted: "rgba(247, 248, 252, 1)",
59
+ borderPrimaryPressed: "rgba(42, 65, 182, 1)",
60
+ borderPrimarySelected: "rgba(56, 89, 255, 1)",
61
+ borderSuccess: "rgba(28, 143, 0, 1)",
62
+ borderSuccessHover: "rgba(26, 123, 2, 1)",
63
+ borderSuccessPressed: "rgba(24, 105, 4, 1)",
64
+ borderWarning: "rgba(255, 208, 47, 1)",
65
+ iconDanger: "rgba(216, 24, 44, 1)",
66
+ iconDangerHover: "rgba(185, 24, 41, 1)",
67
+ iconDangerInverted: "rgba(254, 247, 248, 1)",
68
+ iconDangerPressed: "rgba(156, 24, 37, 1)",
69
+ iconNeutrals: "rgba(34, 36, 40, 1)",
70
+ iconNeutralsDisabled: "rgba(101, 107, 129, 0.6)",
71
+ iconNeutralsHover: "rgba(26, 27, 30, 1)",
72
+ iconNeutralsInverted: "rgba(255, 255, 255, 1)",
73
+ iconNeutralsInvertedHover: "rgba(250, 250, 252, 1)",
74
+ iconNeutralsInvertedSubtle: "rgba(255, 255, 255, 0.7)",
75
+ iconNeutralsInvertedSubtleHover: "rgba(255, 255, 255, 0.6)",
76
+ iconNeutralsPlaceholder: "rgba(101, 107, 129, 1)",
77
+ iconNeutralsPressed: "rgba(26, 27, 30, 1)",
78
+ iconNeutralsSubtle: "rgba(85, 90, 106, 1)",
79
+ iconNeutralsSubtleHover: "rgba(77, 81, 95, 1)",
80
+ iconNeutralsSubtlePressed: "rgba(69, 72, 84, 1)",
81
+ iconPrimary: "rgba(56, 89, 255, 1)",
82
+ iconPrimaryHover: "rgba(49, 76, 217, 1)",
83
+ iconPrimaryInverted: "rgba(247, 248, 252, 1)",
84
+ iconPrimaryInvertedHover: "rgba(242, 244, 252, 1)",
85
+ iconPrimaryPressed: "rgba(42, 65, 182, 1)",
86
+ iconPrimarySelected: "rgba(56, 89, 255, 1)",
87
+ iconSuccess: "rgba(24, 105, 4, 1)",
88
+ iconSuccessHover: "rgba(23, 89, 6, 1)",
89
+ iconSuccessInverted: "rgba(239, 249, 236, 1)",
90
+ iconSuccessPressed: "rgba(21, 75, 8, 1)",
91
+ iconWarning: "rgba(69, 57, 17, 1)",
92
+ textDanger: "rgba(216, 24, 44, 1)",
93
+ textDangerHover: "rgba(185, 24, 41, 1)",
94
+ textDangerInverted: "rgba(254, 247, 248, 1)",
95
+ textDangerPressed: "rgba(156, 24, 37, 1)",
96
+ textNeutrals: "rgba(34, 36, 40, 1)",
97
+ textNeutralsDisabled: "rgba(101, 107, 129, 0.3)",
98
+ textNeutralsHover: "rgba(26, 27, 30, 1)",
99
+ textNeutralsInverted: "rgba(255, 255, 255, 1)",
100
+ textNeutralsInvertedHover: "rgba(250, 250, 252, 1)",
101
+ textNeutralsInvertedSubtle: "rgba(255, 255, 255, 0.7)",
102
+ textNeutralsInvertedSubtleHover: "rgba(255, 255, 255, 0.6)",
103
+ textNeutralsPlaceholder: "rgba(101, 107, 129, 1)",
104
+ textNeutralsPressed: "rgba(26, 27, 30, 1)",
105
+ textNeutralsSubtle: "rgba(85, 90, 106, 1)",
106
+ textNeutralsSubtleHover: "rgba(77, 81, 95, 1)",
107
+ textNeutralsSubtlePressed: "rgba(69, 72, 84, 1)",
108
+ textPrimary: "rgba(56, 89, 255, 1)",
109
+ textPrimaryHover: "rgba(49, 76, 217, 1)",
110
+ textPrimaryInverted: "rgba(247, 248, 252, 1)",
111
+ textPrimaryInvertedSubtle: "rgba(242, 244, 252, 1)",
112
+ textPrimaryPressed: "rgba(42, 65, 182, 1)",
113
+ textPrimarySelected: "rgba(56, 89, 255, 1)",
114
+ textSuccess: "rgba(24, 105, 4, 1)",
115
+ textSuccessHover: "rgba(23, 89, 6, 1)",
116
+ textSuccessInverted: "rgba(239, 249, 236, 1)",
117
+ textSuccessPressed: "rgba(21, 75, 8, 1)",
118
+ textWarning: "rgba(69, 57, 17, 1)"
237
119
  };
238
120
 
239
- const theme = {
240
- /** bgaa */
241
- backgroundAlphaActive: "rgba(255, 255, 255, 0.30000001192092896)",
242
- /** bgah */
243
- backgroundAlphaHover: "rgba(255, 255, 255, 0.20000000298023224)",
244
- /** bgdp */
245
- backgroundDangerProminent: designTokensNative.colors.red500,
246
- /** bgdpa */
247
- backgroundDangerProminentActive: designTokensNative.colors.red400,
248
- /** bgdph */
249
- backgroundDangerProminentHover: designTokensNative.colors.red450,
250
- /** bgd */
251
- backgroundDangerSubtle: designTokensNative.colors.red800,
252
- backgroundDangerSubtleActive: designTokensNative.colors.red700,
253
- /** bgdh */
254
- backgroundDangerSubtleHover: designTokensNative.colors.red750,
255
- /** bgn [Default background color.] */
256
- backgroundNeutrals: designTokensNative.colors.gray950,
257
- /** bgna */
258
- backgroundNeutralsActive: designTokensNative.colors.gray700,
259
- /** bgnc [Default background color for any container.] */
260
- backgroundNeutralsContainer: designTokensNative.colors.gray850,
261
- /** bgncd */
262
- backgroundNeutralsControlsDisabled: designTokensNative.colors.gray700,
263
- /** bgnd */
264
- backgroundNeutralsDisabled: designTokensNative.colors.gray700,
265
- /** bgnh */
266
- backgroundNeutralsHover: designTokensNative.colors.gray800,
267
- /** bgni */
268
- backgroundNeutralsInactive: designTokensNative.colors.gray500,
269
- /** bgnih */
270
- backgroundNeutralsInactiveHover: designTokensNative.colors.gray600,
271
- /** bgni */
272
- backgroundNeutralsInverted: designTokensNative.colors.white,
273
- /** bgnis */
274
- backgroundNeutralsInvertedSubtle: designTokensNative.colors.gray100,
275
- /** bgnp */
276
- backgroundNeutralsPage: designTokensNative.colors.gray850,
277
- /** bgnps */
278
- backgroundNeutralsPageSubtle: designTokensNative.colors.gray800,
279
- /** bgns */
280
- backgroundNeutralsScrollbar: designTokensNative.colors.gray700,
281
- /** bgnsh */
282
- backgroundNeutralsScrollbarActive: designTokensNative.colors.gray600,
283
- /** bgnsh */
284
- backgroundNeutralsScrollbarHover: designTokensNative.colors.gray650,
285
- /** bgns */
286
- backgroundNeutralsSubtle: designTokensNative.colors.gray750,
287
- /** bgnsa */
288
- backgroundNeutralsSubtleActive: designTokensNative.colors.gray650,
289
- /** bgnsh */
290
- backgroundNeutralsSubtleHover: designTokensNative.colors.gray700,
291
- /** bgpp */
292
- backgroundPrimaryProminent: designTokensNative.colors.blue500,
293
- /** bgppa */
294
- backgroundPrimaryProminentActive: designTokensNative.colors.blue600,
295
- /** bgnpph */
296
- backgroundPrimaryProminentHover: designTokensNative.colors.blue550,
297
- /** bgpps */
298
- backgroundPrimaryProminentSelected: designTokensNative.colors.blue500,
299
- /** bgps */
300
- backgroundPrimarySubtle: designTokensNative.colors.blue800,
301
- /** bgpsa */
302
- backgroundPrimarySubtleActive: designTokensNative.colors.blue700,
303
- /** bgpsh */
304
- backgroundPrimarySubtleHover: designTokensNative.colors.blue750,
305
- /** bgpss */
306
- backgroundPrimarySubtleSelected: designTokensNative.colors.blue700,
307
- backgroundSuccess: designTokensNative.colors.green800,
308
- backgroundSuccessProminent: designTokensNative.colors.green500,
309
- backgroundSuccessProminentActive: designTokensNative.colors.green400,
310
- backgroundSuccessProminentHover: designTokensNative.colors.green450,
311
- /** bgwp */
312
- backgroundWarningProminent: designTokensNative.colors.yellow400,
313
- /** bgws */
314
- backgroundWarningSubtle: designTokensNative.colors.yellow900,
315
- /** Use this color for borders of elements using a background-danger color. */
316
- borderDanger: designTokensNative.colors.red300,
317
- /** Use this border color while pressing interactive danger elements. */
318
- borderDangerActive: designTokensNative.colors.red200,
319
- /** Use this border color while hovering interactive danger elements. */
320
- borderDangerHover: designTokensNative.colors.red250,
321
- borderFocusErrorInner: designTokensNative.colors.gray950,
322
- borderFocusErrorMiddle: designTokensNative.colors.red350,
323
- borderFocusErrorOuter: designTokensNative.colors.red550,
324
- /** bfi */
325
- borderFocusInner: designTokensNative.colors.gray950,
326
- /** bfm */
327
- borderFocusMiddle: designTokensNative.colors.blue350,
328
- /** bfo */
329
- borderFocusOuter: designTokensNative.colors.blue550,
330
- borderFocusSuccessInner: designTokensNative.colors.gray950,
331
- borderFocusSuccessMiddle: designTokensNative.colors.green350,
332
- borderFocusSuccessOuter: designTokensNative.colors.green550,
333
- /** bn */
334
- borderNeutrals: designTokensNative.colors.gray550,
335
- /** bna */
336
- borderNeutralsActive: designTokensNative.colors.gray450,
337
- /** bnc */
338
- borderNeutralsControls: designTokensNative.colors.gray600,
339
- /** bncd */
340
- borderNeutralsControlsDisabled: designTokensNative.colors.gray800,
341
- /** bnd */
342
- borderNeutralsDisabled: designTokensNative.colors.gray800,
343
- /** bnh */
344
- borderNeutralsHover: designTokensNative.colors.gray500,
345
- /** bni */
346
- borderNeutralsInverted: designTokensNative.colors.gray950,
347
- /** bns */
348
- borderNeutralsSubtle: designTokensNative.colors.gray800,
349
- /** bnt */
350
- borderNeutralsText: designTokensNative.colors.gray100,
351
- /** bnta */
352
- borderNeutralsTextActive: designTokensNative.colors.gray50,
353
- /** bnth */
354
- borderNeutralsTextHover: designTokensNative.colors.gray50,
355
- /** bnts */
356
- borderNeutralsTextSubtle: designTokensNative.colors.gray300,
357
- /** bntsa */
358
- borderNeutralsTextSubtleActive: designTokensNative.colors.gray100,
359
- /** bntsh */
360
- borderNeutralsTextSubtleHover: designTokensNative.colors.gray200,
361
- borderNeutralsTransparent: designTokensNative.colors.transparent,
362
- /** bp */
363
- borderPrimary: designTokensNative.colors.blue300,
364
- /** bpa */
365
- borderPrimaryActive: designTokensNative.colors.blue200,
366
- /** bph */
367
- borderPrimaryHover: designTokensNative.colors.blue250,
368
- /** bpi */
369
- borderPrimaryInverted: designTokensNative.colors.blue900,
370
- /** bs */
371
- borderSuccess: designTokensNative.colors.green300,
372
- borderSuccessActive: designTokensNative.colors.green200,
373
- borderSuccessHover: designTokensNative.colors.green250,
374
- /** bw */
375
- borderWarning: designTokensNative.colors.yellow700,
376
- /** id */
377
- iconDanger: designTokensNative.colors.red200,
378
- /** ida */
379
- iconDangerActive: designTokensNative.colors.red100,
380
- /** idh */
381
- iconDangerHover: designTokensNative.colors.red150,
382
- /** idi */
383
- iconDangerInverted: designTokensNative.colors.white,
384
- /** in */
385
- iconNeutrals: designTokensNative.colors.gray100,
386
- /** ind */
387
- iconNeutralsDisabled: designTokensNative.colors.gray600,
388
- /** ini */
389
- iconNeutralsInactive: designTokensNative.colors.gray400,
390
- /** inih */
391
- iconNeutralsInactiveHover: designTokensNative.colors.gray300,
392
- /** ini */
393
- iconNeutralsInverted: designTokensNative.colors.gray900,
394
- /** ins */
395
- iconNeutralsSearch: designTokensNative.colors.gray400,
396
- /** ins */
397
- iconNeutralsSubtle: designTokensNative.colors.gray200,
398
- /** int */
399
- iconNeutralsText: designTokensNative.colors.gray300,
400
- /** ip */
401
- iconPrimary: designTokensNative.colors.blue300,
402
- /** ipa */
403
- iconPrimaryActive: designTokensNative.colors.blue200,
404
- /** iph */
405
- iconPrimaryHover: designTokensNative.colors.blue250,
406
- /** ipi */
407
- iconPrimaryInverted: designTokensNative.colors.white,
408
- /** ips */
409
- iconPrimarySelected: designTokensNative.colors.blue200,
410
- /** is */
411
- iconSuccess: designTokensNative.colors.green200,
412
- iconSuccessActive: designTokensNative.colors.green100,
413
- iconSuccessHover: designTokensNative.colors.green150,
414
- /** isi */
415
- iconSuccessInverted: designTokensNative.colors.green800,
416
- /** iw */
417
- iconWarning: designTokensNative.colors.yellow200,
418
- /** iwp */
419
- iconWarningProminent: designTokensNative.colors.yellow200,
420
- iconWarningSubtle: designTokensNative.colors.yellow300,
421
- /** td */
422
- textDanger: designTokensNative.colors.red200,
423
- /** tda */
424
- textDangerActive: designTokensNative.colors.red100,
425
- /** tdh */
426
- textDangerHover: designTokensNative.colors.red150,
427
- /** tdi */
428
- textDangerInverted: designTokensNative.colors.white,
429
- /** tn */
430
- textNeutrals: designTokensNative.colors.gray100,
431
- /** tna */
432
- textNeutralsActive: designTokensNative.colors.gray50,
433
- /** tnd */
434
- textNeutralsDisabled: designTokensNative.colors.gray600,
435
- /** tnh */
436
- textNeutralsHover: designTokensNative.colors.gray50,
437
- /** tni */
438
- textNeutralsInverted: designTokensNative.colors.gray950,
439
- /** tnp */
440
- textNeutralsPlaceholder: designTokensNative.colors.gray300,
441
- /** tnp */
442
- textNeutralsPlaceholderOnly: designTokensNative.colors.gray300,
443
- /** tns */
444
- textNeutralsSubtle: designTokensNative.colors.gray300,
445
- /** tnsa */
446
- textNeutralsSubtleActive: designTokensNative.colors.gray100,
447
- /** tnsh */
448
- textNeutralsSubtleHover: designTokensNative.colors.gray200,
449
- /** tp */
450
- textPrimary: designTokensNative.colors.blue300,
451
- /** tpa */
452
- textPrimaryActive: designTokensNative.colors.blue200,
453
- /** tph */
454
- textPrimaryHover: designTokensNative.colors.blue250,
455
- /** tpi */
456
- textPrimaryInverted: designTokensNative.colors.white,
457
- /** tpis */
458
- textPrimaryInvertedSubtle: designTokensNative.colors.blue400,
459
- /** tps */
460
- textPrimarySelected: designTokensNative.colors.blue300,
461
- /** ts */
462
- textSuccess: designTokensNative.colors.green200,
463
- textSuccessActive: designTokensNative.colors.green100,
464
- textSuccessHover: designTokensNative.colors.green150,
465
- textSuccessInverted: designTokensNative.colors.green800,
466
- /** tw */
467
- textWarning: designTokensNative.colors.yellow200,
468
- textWarningSubtle: designTokensNative.colors.yellow300
121
+ const colors = {
122
+ backgroundAlpha: "rgba(26, 27, 30, 0.1)",
123
+ backgroundAlphaSubtle: "rgba(26, 27, 30, 0.05)",
124
+ backgroundNeutralsOverlay: "rgba(26, 27, 30, 0.3)",
125
+ backgroundNeutralsOverlaySubtle: "rgba(26, 27, 30, 0.2)",
126
+ backgroundDangerProminent: "rgba(216, 24, 44, 1)",
127
+ backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
128
+ backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
129
+ backgroundDangerSubtle: "rgba(156, 24, 37, 1)",
130
+ backgroundDangerSubtleHover: "rgba(185, 24, 41, 1)",
131
+ backgroundDangerSubtlePressed: "rgba(216, 24, 44, 1)",
132
+ backgroundNeutrals: "rgba(26, 27, 30, 1)",
133
+ backgroundNeutralsControl: "rgba(69, 72, 84, 1)",
134
+ backgroundNeutralsControlHover: "rgba(77, 81, 95, 1)",
135
+ backgroundNeutralsControlPressed: "rgba(85, 90, 106, 1)",
136
+ backgroundNeutralsDisabled: "rgba(255, 255, 255, 0.1)",
137
+ backgroundNeutralsHover: "rgba(34, 36, 40, 1)",
138
+ backgroundNeutralsInverted: "rgba(255, 255, 255, 1)",
139
+ backgroundNeutralsInvertedSubtle: "rgba(233, 234, 239, 1)",
140
+ backgroundNeutralsPressed: "rgba(43, 45, 51, 1)",
141
+ backgroundNeutralsSubtle: "rgba(60, 63, 73, 1)",
142
+ backgroundNeutralsSubtleHover: "rgba(69, 72, 84, 1)",
143
+ backgroundNeutralsSubtlePressed: "rgba(77, 81, 95, 1)",
144
+ backgroundNeutralsTransparent: "rgba(255, 255, 255, 0)",
145
+ backgroundPrimaryProminent: "rgba(122, 144, 254, 1)",
146
+ backgroundPrimaryProminentHover: "rgba(151, 168, 254, 1)",
147
+ backgroundPrimaryProminentPressed: "rgba(177, 189, 253, 1)",
148
+ backgroundPrimaryProminentSelected: "rgba(122, 144, 254, 1)",
149
+ backgroundPrimarySubtle: "rgba(30, 45, 123, 1)",
150
+ backgroundPrimarySubtleHover: "rgba(36, 55, 151, 1)",
151
+ backgroundPrimarySubtlePressed: "rgba(42, 65, 182, 1)",
152
+ backgroundPrimarySubtleSelected: "rgba(30, 45, 123, 1)",
153
+ backgroundSuccessProminent: "rgba(28, 143, 0, 1)",
154
+ backgroundSuccessProminentHover: "rgba(66, 162, 43, 1)",
155
+ backgroundSuccessProminentPressed: "rgba(101, 180, 82, 1)",
156
+ backgroundSuccessSubtle: "rgba(24, 105, 4, 1)",
157
+ backgroundWarningProminent: "rgba(255, 208, 47, 1)",
158
+ backgroundWarningSubtle: "rgba(255, 250, 231, 1)",
159
+ borderDanger: "rgba(216, 24, 44, 1)",
160
+ borderDangerHover: "rgba(223, 64, 81, 1)",
161
+ borderDangerPressed: "rgba(229, 102, 115, 1)",
162
+ focusKeyboard: "rgba(43, 77, 248, 1)",
163
+ borderNeutrals: "rgba(93, 99, 118, 1)",
164
+ borderNeutralsDisabled: "rgba(101, 107, 129, 0.05)",
165
+ borderNeutralsHover: "rgba(149, 154, 172, 1)",
166
+ borderNeutralsInverted: "rgba(26, 27, 30, 1)",
167
+ borderNeutralsPressed: "rgba(174, 178, 192, 1)",
168
+ borderNeutralsSubtle: "rgba(52, 54, 62, 1)",
169
+ borderNeutralsSubtleHover: "rgba(69, 72, 84, 1)",
170
+ borderNeutralsSubtlePressed: "rgba(77, 81, 95, 1)",
171
+ borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
172
+ borderPrimary: "rgba(122, 144, 254, 1)",
173
+ borderPrimaryHover: "rgba(151, 168, 254, 1)",
174
+ borderPrimaryInverted: "rgba(16, 22, 51, 1)",
175
+ borderPrimaryPressed: "rgba(177, 189, 253, 1)",
176
+ borderPrimarySelected: "rgba(122, 144, 254, 1)",
177
+ borderSuccess: "rgba(28, 143, 0, 1)",
178
+ borderSuccessHover: "rgba(66, 162, 43, 1)",
179
+ borderSuccessPressed: "rgba(101, 180, 82, 1)",
180
+ borderWarning: "rgba(255, 208, 47, 1)",
181
+ iconDanger: "rgba(229, 102, 115, 1)",
182
+ iconDangerHover: "rgba(235, 135, 146, 1)",
183
+ iconDangerInverted: "rgba(47, 23, 25, 1)",
184
+ iconDangerPressed: "rgba(240, 165, 173, 1)",
185
+ iconNeutrals: "rgba(250, 250, 252, 1)",
186
+ iconNeutralsDisabled: "rgba(26, 27, 30, 0.3)",
187
+ iconNeutralsHover: "rgba(241, 242, 245, 1)",
188
+ iconNeutralsInverted: "rgba(26, 27, 30, 1)",
189
+ iconNeutralsInvertedHover: "rgba(34, 36, 40, 1)",
190
+ iconNeutralsInvertedSubtle: "rgba(26, 27, 30, 0.7)",
191
+ iconNeutralsInvertedSubtleHover: "rgba(26, 27, 30, 0.8)",
192
+ iconNeutralsPlaceholder: "rgba(199, 202, 213, 1)",
193
+ iconNeutralsPressed: "rgba(233, 234, 239, 1)",
194
+ iconNeutralsSubtle: "rgba(199, 202, 213, 1)",
195
+ iconNeutralsSubtleHover: "rgba(216, 218, 226, 1)",
196
+ iconNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
197
+ iconPrimary: "rgba(122, 144, 254, 1)",
198
+ iconPrimaryHover: "rgba(151, 168, 254, 1)",
199
+ iconPrimaryInverted: "rgba(16, 22, 51, 1)",
200
+ iconPrimaryInvertedHover: "rgba(43, 45, 51, 1)",
201
+ iconPrimaryPressed: "rgba(177, 189, 253, 1)",
202
+ iconPrimarySelected: "rgba(122, 144, 254, 1)",
203
+ iconSuccess: "rgba(101, 180, 82, 1)",
204
+ iconSuccessHover: "rgba(133, 196, 118, 1)",
205
+ iconSuccessInverted: "rgba(17, 38, 12, 1)",
206
+ iconSuccessPressed: "rgba(161, 210, 149, 1)",
207
+ iconWarning: "rgba(255, 244, 203, 1)",
208
+ textDanger: "rgba(216, 24, 44, 1)",
209
+ textDangerHover: "rgba(223, 64, 81, 1)",
210
+ textDangerInverted: "rgba(47, 23, 25, 1)",
211
+ textDangerPressed: "rgba(229, 102, 115, 1)",
212
+ textNeutrals: "rgba(250, 250, 252, 1)",
213
+ textNeutralsDisabled: "rgba(26, 27, 30, 0.3)",
214
+ textNeutralsHover: "rgba(241, 242, 245, 1)",
215
+ textNeutralsInverted: "rgba(34, 36, 40, 1)",
216
+ textNeutralsInvertedHover: "rgba(43, 45, 51, 1)",
217
+ textNeutralsInvertedSubtle: "rgba(26, 27, 30, 0.7)",
218
+ textNeutralsInvertedSubtleHover: "rgba(26, 27, 30, 0.8)",
219
+ textNeutralsPlaceholder: "rgba(199, 202, 213, 1)",
220
+ textNeutralsPressed: "rgba(233, 234, 239, 1)",
221
+ textNeutralsSubtle: "rgba(199, 202, 213, 1)",
222
+ textNeutralsSubtleHover: "rgba(216, 218, 226, 1)",
223
+ textNeutralsSubtlePressed: "rgba(224, 226, 232, 1)",
224
+ textPrimary: "rgba(122, 144, 254, 1)",
225
+ textPrimaryHover: "rgba(151, 168, 254, 1)",
226
+ textPrimaryInverted: "rgba(16, 22, 51, 1)",
227
+ textPrimaryInvertedSubtle: "rgba(18, 25, 62, 1)",
228
+ textPrimaryPressed: "rgba(177, 189, 253, 1)",
229
+ textPrimarySelected: "rgba(122, 144, 254, 1)",
230
+ textSuccess: "rgba(101, 180, 82, 1)",
231
+ textSuccessHover: "rgba(133, 196, 118, 1)",
232
+ textSuccessInverted: "rgba(17, 38, 12, 1)",
233
+ textSuccessPressed: "rgba(161, 210, 149, 1)",
234
+ textWarning: "rgba(255, 244, 203, 1)"
469
235
  };
470
236
 
471
- exports.base = theme$1;
472
- exports.dark = theme;
473
- exports.light = theme$1;
237
+ const light = Object.freeze({
238
+ colors: colors$1
239
+ });
240
+ const dark = Object.freeze({
241
+ colors: colors
242
+ });
243
+
244
+ const base = light;
245
+
246
+ exports.base = base;
247
+ exports.dark = dark;
248
+ exports.light = light;
474
249
  //# sourceMappingURL=main.js.map