@momentum-design/tokens 0.0.44 → 0.0.46

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 (41) hide show
  1. package/dist/css/core/complete.css +1 -1
  2. package/dist/css/theme/aaos/day-complete.css +1 -1
  3. package/dist/css/theme/aaos/night-complete.css +1 -1
  4. package/dist/css/theme/webex/common-stable.css +1 -1
  5. package/dist/css/theme/webex/dark-complete.css +288 -172
  6. package/dist/css/theme/webex/dark-stable.css +2 -1
  7. package/dist/css/theme/webex/light-complete.css +285 -172
  8. package/dist/css/theme/webex/light-stable.css +2 -1
  9. package/dist/ios/core/complete.swift +1 -1
  10. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  11. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  12. package/dist/ios/theme/webex/common-stable.swift +1 -1
  13. package/dist/ios/theme/webex/dark-complete.swift +288 -172
  14. package/dist/ios/theme/webex/dark-stable.swift +2 -1
  15. package/dist/ios/theme/webex/light-complete.swift +285 -172
  16. package/dist/ios/theme/webex/light-stable.swift +2 -1
  17. package/dist/json/theme/webex/dark-complete.json +6410 -3040
  18. package/dist/json/theme/webex/dark-stable.json +29 -0
  19. package/dist/json/theme/webex/light-complete.json +6266 -3001
  20. package/dist/json/theme/webex/light-stable.json +29 -0
  21. package/dist/json-minimal/theme/webex/dark-complete.json +548 -270
  22. package/dist/json-minimal/theme/webex/dark-stable.json +3 -0
  23. package/dist/json-minimal/theme/webex/light-complete.json +549 -274
  24. package/dist/json-minimal/theme/webex/light-stable.json +3 -0
  25. package/dist/resources/core/complete.xml +1 -1
  26. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  27. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  28. package/dist/resources/theme/webex/common-stable.xml +1 -1
  29. package/dist/resources/theme/webex/dark-complete.xml +288 -172
  30. package/dist/resources/theme/webex/dark-stable.xml +2 -1
  31. package/dist/resources/theme/webex/light-complete.xml +285 -172
  32. package/dist/resources/theme/webex/light-stable.xml +2 -1
  33. package/dist/scss/core/complete.scss +1 -1
  34. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  35. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  36. package/dist/scss/theme/webex/common-stable.scss +1 -1
  37. package/dist/scss/theme/webex/dark-complete.scss +288 -172
  38. package/dist/scss/theme/webex/dark-stable.scss +2 -1
  39. package/dist/scss/theme/webex/light-complete.scss +285 -172
  40. package/dist/scss/theme/webex/light-stable.scss +2 -1
  41. package/package.json +1 -1
@@ -1,343 +1,618 @@
1
1
  {
2
2
  "color": {
3
3
  "theme": {
4
- "bg": {
5
- "primary": "linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)",
6
- "secondary": "linear-gradient(180deg, #fafafa 0%, #ffffff 100%)",
7
- "mob": {
8
- "primary": "#f7f7f7",
9
- "secondary": "#ffffff"
10
- }
11
- },
12
- "surface": {
13
- "neutral": {
14
- "0": {
4
+ "neutral": {
5
+ "bg": {
6
+ "primary": "linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)",
7
+ "secondary": "linear-gradient(180deg, #fafafa 0%, #ffffff 100%)",
8
+ "mob": {
9
+ "primary": "#f7f7f7",
10
+ "secondary": "#ffffff"
11
+ }
12
+ },
13
+ "surface": {
14
+ "primary": {
15
15
  "default": "#00000000",
16
- "hover": "#0000012",
17
16
  "active": "#0000001c",
18
17
  "disabled": "#0000001c"
19
18
  },
20
- "1": {
19
+ "secondary": {
21
20
  "default": "#0000001c",
22
21
  "hover": "#00000033",
23
22
  "active": "#0000004d",
24
23
  "disabled": "#00000000"
25
24
  },
26
- "2": {
27
- "secondary": "#f7f7f7",
28
- "tertiary": "#ededed",
29
- "primary": "#ffffff"
25
+ "tertiary": {
26
+ "0": "#ffffff",
27
+ "1": "#f7f7f7",
28
+ "2": "#ededed"
29
+ },
30
+ "overlay": {
31
+ "0": "linear-gradient(180deg, #f7f7f7 90%, #f7f7f7 0%)",
32
+ "1": "#ffffffcc",
33
+ "fixed": "#000000e6"
34
+ },
35
+ "fixed": {
36
+ "0": "#000000cc",
37
+ "1": "#00000066"
30
38
  }
31
39
  },
32
- "positive": {
33
- "default": "#cef5eb",
34
- "active": "#9fedd8"
40
+ "text": {
41
+ "primary": "#000000f2",
42
+ "disabled": "#00000033",
43
+ "secondary": {
44
+ "active": "#000000f2",
45
+ "default": "#000000b3"
46
+ },
47
+ "fixed": {
48
+ "primary": "#fffffff2",
49
+ "secondary": "#ffffffb3",
50
+ "disabled": "#ffffff33"
51
+ }
35
52
  },
36
- "negative": {
37
- "default": "#ffe8ea",
38
- "active": "#ffd4da"
53
+ "btn": {
54
+ "primary": {
55
+ "default": "#000000f2",
56
+ "hover": "#000000cc",
57
+ "pressed": "#000000b3",
58
+ "disabled": "#00000033"
59
+ },
60
+ "secondary": {
61
+ "default": "#00000000",
62
+ "pressed": "#00000033",
63
+ "disabled": "#00000000",
64
+ "active": {
65
+ "default": "#00000033",
66
+ "hover": "#0000004d",
67
+ "pressed": "#00000066"
68
+ }
69
+ },
70
+ "fixed": {
71
+ "primary": {
72
+ "default": "#fffffff2",
73
+ "hover": "#ffffffcc",
74
+ "pressed": "#ffffffb3",
75
+ "disabled": "#ffffff33"
76
+ },
77
+ "secondary": {
78
+ "default": "#ffffff00",
79
+ "hover": "#ffffff12",
80
+ "pressed": "#ffffff33",
81
+ "disabled": "#ffffff00",
82
+ "active": {
83
+ "default": "#ffffff33",
84
+ "hover": "#ffffff4d",
85
+ "pressed": "#ffffff66"
86
+ }
87
+ }
88
+ }
39
89
  },
40
- "warning": {
41
- "default": "#ffebc2"
90
+ "indicator": {
91
+ "default": "#707070",
92
+ "chip": {
93
+ "default": "#ededed",
94
+ "hover": "#dedede",
95
+ "pressed": "#c9c9c9"
96
+ },
97
+ "avatar": {
98
+ "fixed": "#545454"
99
+ },
100
+ "fixed": {
101
+ "strong": "#ffffff",
102
+ "default": "#8f8f8f",
103
+ "moderate": "#00000080"
104
+ }
42
105
  },
43
- "accent": {
106
+ "control": {
107
+ "default": "#00000033",
108
+ "hover": "#0000004d",
109
+ "pressed": "#00000066",
110
+ "disabled": "#00000033",
111
+ "slider": {
112
+ "default": "#8f8f8f",
113
+ "disabled": "#adadad"
114
+ },
115
+ "scrollbar": {
116
+ "default": "#00000000",
117
+ "hover": "#0000001c",
118
+ "pressed": "#00000033"
119
+ },
120
+ "fixed": {
121
+ "default": "#ffffff"
122
+ }
123
+ },
124
+ "border": {
125
+ "strong": "#000000e6",
126
+ "default": "#00000080",
127
+ "moderate": "#00000066",
128
+ "subtle": "#0000004d",
129
+ "weak": "#00000033",
130
+ "fixed": {
131
+ "bold": "#707070",
132
+ "default": "#ffffff80",
133
+ "moderate": "#ffffff66",
134
+ "subtle": "#ffffff4d",
135
+ "weak": "#ffffff33"
136
+ }
137
+ }
138
+ },
139
+ "accent": {
140
+ "surface": {
44
141
  "default": "#dbf0ff",
142
+ "active": "#bfe3ff",
45
143
  "mobile": {
46
144
  "default": "#1170cf",
47
- "pressed": "#1170cf"
145
+ "active": "#1170cf"
146
+ }
147
+ },
148
+ "text": {
149
+ "default": "#0353a8",
150
+ "hover": "#0a274a",
151
+ "active": "#0a274a"
152
+ },
153
+ "btn": {
154
+ "fixed": {
155
+ "default": "#1170cf",
156
+ "hover": "#0353a8",
157
+ "pressed": "#000000cc"
158
+ }
159
+ },
160
+ "indicator": {
161
+ "default": "#1170cf",
162
+ "badge": {
163
+ "fixed": "#1170cf"
164
+ },
165
+ "chip": {
166
+ "default": "#dbf0ff",
167
+ "hover": "#bfe3ff",
168
+ "pressed": "#96d0ff"
169
+ },
170
+ "fixed": {
171
+ "default": "#3492eb"
172
+ }
173
+ },
174
+ "control": {
175
+ "default": "#1170cf",
176
+ "hover": "#0353a8",
177
+ "pressed": "#063a75"
178
+ },
179
+ "border": {
180
+ "default": "#0353a8",
181
+ "moderate": "#1170cf"
182
+ }
183
+ },
184
+ "positive": {
185
+ "surface": {
186
+ "default": "#cef5eb",
187
+ "active": "#9fedd8"
188
+ },
189
+ "text": {
190
+ "default": "#185e46",
191
+ "hover": "#0e2b20",
192
+ "active": "#0e2b20",
193
+ "fixed": {
194
+ "default": "#3cc29a",
195
+ "hover": "#9fedd8"
48
196
  }
49
197
  },
50
- "contrast": {
51
- "neutral": {
52
- "0": "#000000"
198
+ "btn": {
199
+ "fixed": {
200
+ "default": "#1d805f",
201
+ "hover": "#185e46",
202
+ "pressed": "#134231"
53
203
  }
54
204
  },
55
- "gradient": {
56
- "0": "linear-gradient(90deg, rgba(255, 255, 255, 0.72) 60.56%, rgba(255, 255, 255, 0) 92.59%);",
57
- "1": "linear-gradient(180deg, #f7f7f7e6 0%, #f7f7f700 100%)"
205
+ "indicator": {
206
+ "default": "#1d805f",
207
+ "fixed": {
208
+ "default": "#27a17a"
209
+ }
210
+ },
211
+ "border": {
212
+ "default": "#185e46",
213
+ "fixed": {
214
+ "moderate": "#3cc29a"
215
+ }
58
216
  }
59
217
  },
60
- "content": {
218
+ "negative": {
219
+ "surface": {
220
+ "default": "#ffe8ea",
221
+ "active": "#ffd4da",
222
+ "fixed": "#fc8b98"
223
+ },
61
224
  "text": {
62
- "neutral": {
63
- "primary": "#000000f2",
64
- "secondary": "#000000b3",
65
- "disabled": "#00000033",
66
- "teams": {
67
- "default": "#000000b3",
68
- "active": "#000000f2"
69
- }
225
+ "default": "#ab0a15",
226
+ "hover": "#4f0e10",
227
+ "active": "#4f0e10",
228
+ "fixed": {
229
+ "default": "#fc8b98",
230
+ "hover": "#ffd4da"
231
+ }
232
+ },
233
+ "btn": {
234
+ "fixed": {
235
+ "default": "#db1f2e",
236
+ "hover": "#ab0a15",
237
+ "pressed": "#780d13"
238
+ }
239
+ },
240
+ "indicator": {
241
+ "default": "#db1f2e",
242
+ "chip": {
243
+ "default": "#ffe8ea",
244
+ "hover": "#ffd4da",
245
+ "pressed": "#ffd4da"
70
246
  },
71
- "contrast": {
72
- "neutral": {
73
- "primary": "#fffffff2",
74
- "secondary": "#ffffffb3",
75
- "disabled": "#ffffffcc"
247
+ "fixed": {
248
+ "default": "#f55868"
249
+ }
250
+ },
251
+ "border": {
252
+ "default": "#ab0a15"
253
+ }
254
+ },
255
+ "warning": {
256
+ "surface": {
257
+ "default": "#ffebc2",
258
+ "fixed": "#f2990a"
259
+ },
260
+ "text": {
261
+ "default": "#f2990a",
262
+ "hover": "#ffda94",
263
+ "active": "#ffda94",
264
+ "fixed": {
265
+ "default": "#f2990a"
266
+ }
267
+ },
268
+ "indicator": {
269
+ "default": "#a65e00",
270
+ "avatar": {
271
+ "fixed": "#7d4705"
272
+ },
273
+ "chip": {
274
+ "default": "#ffebc2",
275
+ "hover": "#ffda94",
276
+ "pressed": "#ffbe4f"
277
+ },
278
+ "fixed": {
279
+ "default": "#cf7900"
280
+ }
281
+ },
282
+ "border": {
283
+ "default": "#a65e00"
284
+ }
285
+ },
286
+ "notice": {
287
+ "text": {
288
+ "default": "#9C3202",
289
+ "hover": "#411B04",
290
+ "active": "#411B04"
291
+ },
292
+ "indicator": {
293
+ "default": "#C94403",
294
+ "avatar": {
295
+ "fixed": "#9C3202"
296
+ },
297
+ "chip": {
298
+ "default": "#FEEBD7",
299
+ "hover": "#FED5AC",
300
+ "pressed": "#FEBA7F",
301
+ "fixed": "#C94403"
302
+ }
303
+ },
304
+ "border": {
305
+ "default": "#EC6400",
306
+ "fixed": {
307
+ "bold": "#C94403"
308
+ }
309
+ }
310
+ },
311
+ "inverse": {
312
+ "neutral": {
313
+ "surface": {
314
+ "default": "#000000"
315
+ },
316
+ "text": {
317
+ "primary": "#fffffff2",
318
+ "secondary": "#ffffffb3",
319
+ "disabled": "#ffffffcc",
320
+ "fixed": "#000000f2"
321
+ },
322
+ "btn": {
323
+ "primary": {
324
+ "default": "#ffffff",
325
+ "hover": "#ededed",
326
+ "pressed": "#dedede",
327
+ "disabled": "#ffffff33"
328
+ },
329
+ "secondary": {
330
+ "default": "#ffffff00",
331
+ "hover": "#ffffff12",
332
+ "pressed": "#ffffff33",
333
+ "disabled": "#ffffff33"
76
334
  },
77
- "accent": {
335
+ "tertiary": {
336
+ "default": "#ffffff00",
337
+ "hover": "#ffffff12",
338
+ "pressed": "#ffffff33",
339
+ "disabled": "#ffffff33"
340
+ }
341
+ }
342
+ },
343
+ "accent": {
344
+ "text": {
345
+ "fixed": {
78
346
  "default": "#0353a8",
79
347
  "hover": "#0a274a",
80
348
  "active": "#0a274a"
81
349
  }
350
+ }
351
+ }
352
+ },
353
+ "decorative": {
354
+ "neutral": {
355
+ "surface": {
356
+ "primary": "#ffffffcc",
357
+ "secondary": "linear-gradient(90deg, #f7f7f7 90%, #f7f7f7 0%)"
82
358
  },
83
- "positive": {
84
- "active": "#0e2b20",
85
- "hover": "#0e2b20",
86
- "default": "#185e46"
359
+ "border": {
360
+ "primary": {
361
+ "default": "linear-gradient(90deg, #00000000 0%, #00000033 100%, #00000033 100%, #00000000 0%)",
362
+ "hover": "linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)"
363
+ }
364
+ }
365
+ },
366
+ "accent": {
367
+ "border": {
368
+ "default": "linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%)",
369
+ "hover": "linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%)"
370
+ }
371
+ },
372
+ "negative": {
373
+ "border": {
374
+ "default": "linear-gradient(90deg, #ab0a1500 0%, #ab0a15E6 22.4%, #ab0a15E6 76.04%, #ab0a1500 100%)",
375
+ "hover": "linear-gradient(90deg, #ab0a1500 0%, #ab0a15E6 22.4%, #ab0a15E6 76.04%, #ab0a1500 100%)"
376
+ }
377
+ },
378
+ "warning": {
379
+ "border": {
380
+ "default": "linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%)",
381
+ "hover": "linear-gradient(90deg, #7d470500 0%, #7d470599 76.04%, #7d470599 76.04%, #7d470500 100%)"
382
+ }
383
+ },
384
+ "gold": {
385
+ "text": {
386
+ "default": "#30240d",
387
+ "active": "#735107"
87
388
  },
88
- "negative": {
89
- "active": "#4f0e10",
90
- "hover": "#4f0e10",
91
- "default": "#ab0a15"
389
+ "indicator": {
390
+ "default": "#ebd460",
391
+ "hover": "#f5eaa2",
392
+ "pressed": "#f7f6dc",
393
+ "avatar": {
394
+ "fixed": "#735107"
395
+ }
92
396
  },
93
- "warning": {
94
- "active": "#ffda94",
95
- "hover": "#ffda94",
96
- "default": "#f2990a"
397
+ "border": {
398
+ "fixed": "#d6b220"
399
+ }
400
+ },
401
+ "lime": {
402
+ "text": {
403
+ "default": "#1e2b10",
404
+ "active": "#416116"
97
405
  },
98
- "accent": {
99
- "active": "#0a274a",
100
- "hover": "#0a274a",
101
- "default": "#0353a8"
406
+ "indicator": {
407
+ "default": "#bce36f",
408
+ "hover": "#ddf2ae",
409
+ "pressed": "#f3f7e9",
410
+ "avatar": {
411
+ "fixed": "#416116"
412
+ }
102
413
  },
103
- "notice": {
104
- "active": "#411B04",
105
- "default": "#9C3202"
414
+ "border": {
415
+ "fixed": "#588219"
416
+ }
417
+ },
418
+ "mint": {
419
+ "surface": {
420
+ "fixed": "#30c9b0"
106
421
  },
107
- "decorative": {
108
- "gold": {
109
- "default": "#30240d",
110
- "active": "#735107"
111
- },
112
- "lime": {
113
- "default": "#1e2b10",
114
- "active": "#416116"
115
- },
116
- "mint": {
117
- "default": "#12615a",
118
- "active": "#102b2a"
119
- },
120
- "cyan": {
121
- "default": "#066070",
122
- "active": "#0b2a30"
123
- },
124
- "cobalt": {
125
- "default": "#08599c",
126
- "active": "#12283d"
127
- },
128
- "slate": {
129
- "default": "#535573",
130
- "active": "#26262b"
131
- },
132
- "violet": {
133
- "default": "#643abd",
134
- "active": "#29223d"
135
- },
136
- "purple": {
137
- "default": "#932099",
138
- "active": "#3b1840"
139
- },
140
- "pink": {
141
- "default": "#a12a3a",
142
- "active": "#3b1e21"
422
+ "text": {
423
+ "default": "#12615a",
424
+ "active": "#102b2a"
425
+ },
426
+ "indicator": {
427
+ "default": "#74e8d1",
428
+ "hover": "#baf5e7",
429
+ "pressed": "#e9f7f3",
430
+ "avatar": {
431
+ "fixed": "#12615a"
143
432
  }
433
+ },
434
+ "border": {
435
+ "fixed": "#30c9b0"
144
436
  }
145
437
  },
146
- "btn": {
147
- "neutral": {
148
- "primary": {
149
- "default": "#000000f2",
150
- "hover": "#000000cc",
151
- "pressed": "#000000b3",
152
- "disabled": "#00000033"
153
- },
154
- "secondary": {
155
- "default": "#00000000",
156
- "hover": "#0000012",
157
- "pressed": "#00000033",
158
- "disabled": "#00000000",
159
- "active": {
160
- "default": "#00000033",
161
- "hover": "#00000033",
162
- "pressed": "#00000066"
163
- }
438
+ "cyan": {
439
+ "surface": {
440
+ "fixed": "#22c7d6"
441
+ },
442
+ "text": {
443
+ "default": "#066070",
444
+ "active": "#0b2a30"
445
+ },
446
+ "indicator": {
447
+ "avatar": {
448
+ "fixed": "#066070"
164
449
  }
165
450
  },
166
- "contrast": {
167
- "neutral": {
168
- "default": "#ffffff",
169
- "hover": "#ededed",
170
- "pressed": "#dedede"
451
+ "border": {
452
+ "fixed": "#22c7d6"
453
+ }
454
+ },
455
+ "cobalt": {
456
+ "text": {
457
+ "default": "#08599c",
458
+ "active": "#12283d"
459
+ },
460
+ "indicator": {
461
+ "default": "#99ddff",
462
+ "hover": "#c7eeff",
463
+ "pressed": "#e5f8ff",
464
+ "avatar": {
465
+ "fixed": "#08599c"
171
466
  }
172
467
  },
173
- "positive": {
174
- "default": "#1d805f",
175
- "hover": "#185e46",
176
- "pressed": "#134231"
468
+ "border": {
469
+ "fixed": "#5ebff7"
470
+ }
471
+ },
472
+ "slate": {
473
+ "text": {
474
+ "default": "#535573",
475
+ "active": "#e3e7fa"
177
476
  },
178
- "negative": {
179
- "default": "#db1f2e",
180
- "hover": "#ab0a15",
181
- "pressed": "#780d13"
477
+ "indicator": {
478
+ "default": "#ced2ed",
479
+ "hover": "#e3e7fa",
480
+ "pressed": "#f2f4ff",
481
+ "avatar": {
482
+ "fixed": "#535573"
483
+ }
182
484
  },
183
- "accent": {
184
- "default": "#1170cf",
185
- "hover": "#0353a8",
186
- "pressed": "#063a75"
485
+ "border": {
486
+ "fixed": "#b0b4d9"
187
487
  }
188
488
  },
189
- "indicator": {
190
- "neutral": {
191
- "0": "#707070",
192
- "1": "#c9c9c9",
193
- "2": "#dedede",
194
- "3": "#ededed",
195
- "4": "#f7f7f7",
196
- "5": "#ffffff"
197
- },
198
- "positive": {
199
- "0": "#1d805f"
200
- },
201
- "negative": {
202
- "0": "#db1f2e",
203
- "1": "#ffd4da",
204
- "2": "#ffe8ea"
205
- },
206
- "warning": {
207
- "0": "#a65e00",
208
- "1": "#ffda94",
209
- "2": "#ffebc2"
210
- },
211
- "accent": {
212
- "0": "#1170cf",
213
- "1": "#1170cf",
214
- "2": "#bfe3ff",
215
- "3": "#dbf0ff"
216
- },
217
- "notice": {
218
- "0": "#C94403",
219
- "1": "#9C3202",
220
- "2": "#FED5AC",
221
- "3": "#FEEBD7"
222
- },
223
- "decorative": {
224
- "gold": {
225
- "1": "#f7f6dc",
226
- "2": "#f5eaa2",
227
- "3": "#ebd460"
228
- },
229
- "lime": {
230
- "1": "#f3f7e9",
231
- "2": "#ddf2ae",
232
- "3": "#bce36f"
233
- },
234
- "mint": {
235
- "1": "#e9f7f3",
236
- "2": "#baf5e7",
237
- "3": "#74e8d1"
238
- },
239
- "cobalt": {
240
- "1": "#e5f8ff",
241
- "2": "#c7eeff",
242
- "3": "#99ddff"
243
- },
244
- "slate": {
245
- "1": "#f2f4ff",
246
- "2": "#e3e7fa",
247
- "3": "#ced2ed"
248
- },
249
- "violet": {
250
- "1": "#f8f2fc",
251
- "2": "#f0e3fc",
252
- "3": "#e2cafc"
253
- },
254
- "purple": {
255
- "1": "#fcf2fc",
256
- "2": "#fce1fc",
257
- "3": "#fac3f8"
258
- },
259
- "pink": {
260
- "1": "#fff2f5",
261
- "2": "#ffe0e7",
262
- "3": "#ffc7d2"
489
+ "violet": {
490
+ "text": {
491
+ "default": "#643abd",
492
+ "active": "#29223d"
493
+ },
494
+ "indicator": {
495
+ "default": "#e2cafc",
496
+ "hover": "#f0e3fc",
497
+ "pressed": "#f8f2fc",
498
+ "avatar": {
499
+ "fixed": "#643abd"
263
500
  }
501
+ },
502
+ "border": {
503
+ "fixed": "#c7a5fa"
264
504
  }
265
505
  },
266
- "control": {
267
- "neutral": {
268
- "default": "#00000033",
269
- "hover": "#0000004d",
270
- "pressed": "#00000066",
271
- "disabled": "#00000033",
272
- "slider": {
273
- "disabled": "#adadad"
506
+ "purple": {
507
+ "surface": {
508
+ "fixed": "#f294f1"
509
+ },
510
+ "text": {
511
+ "default": "#932099",
512
+ "active": "#3b1840"
513
+ },
514
+ "indicator": {
515
+ "default": "#fac3f8",
516
+ "hover": "#fce1fc",
517
+ "pressed": "#fcf2fc",
518
+ "avatar": {
519
+ "fixed": "#932099"
520
+ },
521
+ "fixed": {
522
+ "default": "#e060de"
274
523
  }
275
524
  },
276
- "accent": {
277
- "default": "#1170cf",
278
- "hover": "#0353a8",
279
- "pressed": "#063a75"
525
+ "border": {
526
+ "fixed": "#f294f1"
280
527
  }
281
528
  },
282
- "scrollbar": {
283
- "thumb": {
284
- "default": "#00000033",
285
- "hover": "#0000004d",
286
- "pressed": "#00000066"
529
+ "pink": {
530
+ "text": {
531
+ "default": "#a12a3a",
532
+ "active": "#3b1e21"
287
533
  },
288
- "bg": {
289
- "default": "#00000000",
290
- "hover": "#0000001c",
291
- "pressed": "#ffffff33"
534
+ "indicator": {
535
+ "default": "#ffc7d2",
536
+ "hover": "#ffe0e7",
537
+ "pressed": "#fff2f5",
538
+ "avatar": {
539
+ "fixed": "#a12a3a"
540
+ }
541
+ },
542
+ "border": {
543
+ "fixed": "#fc97aa"
292
544
  }
293
545
  },
294
546
  "illustration": {
295
- "default": "#0f0f0f"
547
+ "default": "#0f0f0f",
548
+ "fixed": {
549
+ "positive": "linear-gradient(180deg, #3cc29a 0%, #93c437 100%)",
550
+ "negative": "linear-gradient(180deg, #f0677e 0%, #db1f2e 100%)",
551
+ "onboarding": {
552
+ "0": "linear-gradient(180deg, #ffbe4f 0%, #93c437 100%)",
553
+ "1": "linear-gradient(180deg, #f55868 0%, #875ae0 100%)",
554
+ "2": "linear-gradient(180deg, #ffbe4f 0%, #EC6400 100%)",
555
+ "3": "linear-gradient(180deg, #93c437 0%, #279be8 100%)",
556
+ "4": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)"
557
+ },
558
+ "empty": {
559
+ "0": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)",
560
+ "1": "linear-gradient(180deg, #93c437 0%, #279be8 100%)"
561
+ }
562
+ }
296
563
  }
297
564
  },
298
- "border": {
299
- "neutral": {
300
- "0": "#00000033",
301
- "1": "#0000004d",
302
- "2": "#00000066",
303
- "3": "#00000080",
304
- "4": "#000000e6"
305
- },
306
- "positive": {
307
- "0": "#185e46"
565
+ "miscellaneous": {
566
+ "mobile": {
567
+ "device-ring": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)"
308
568
  },
309
- "negative": {
310
- "0": "#ab0a15"
311
- },
312
- "accent": {
313
- "0": "#1170cf"
314
- },
315
- "notice": {
316
- "0": "#EC6400"
317
- },
318
- "decorative": {
319
- "gradient": {
320
- "device": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)",
321
- "primary": {
322
- "default": "linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
323
- "hover": "linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)"
324
- },
325
- "negative": {
326
- "default": "linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 76.04%, #ab0a1500 100%)",
327
- "hover": "linear-gradient(90deg, #ab0a1500 0%, #ab0a15E6 22.4%, #ab0a15E6 76.25%, #ab0a1500 100%)"
328
- },
329
- "warning": {
330
- "default": "linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%)",
331
- "hover": "linear-gradient(90deg, #7d470500 0%, #7d4705E6 22.4%, #7d4705E6 76.04%, #7d470500 100%)"
332
- },
333
- "accent": {
334
- "default": "linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 76.04%, #0353a800 100%)",
335
- "hover": "linear-gradient(90deg, #0353a800 0%, #0353a8E6 22.4%, #0353a8E6 76.04%, #0353a800 100%)"
336
- }
569
+ "macOS": {
570
+ "red": {
571
+ "default": "#db1f2e",
572
+ "pressed": "#780d13",
573
+ "icon": "#fc8b98"
574
+ },
575
+ "mint": {
576
+ "default": "#148579",
577
+ "pressed": "#12423f"
578
+ },
579
+ "purple": {
580
+ "default": "#c233c4",
581
+ "pressed": "#601e66"
582
+ },
583
+ "violet": {
584
+ "default": "#875ae0",
585
+ "pressed": "#432c78"
586
+ },
587
+ "orange": {
588
+ "default": "#C94403",
589
+ "pressed": "#682601"
590
+ },
591
+ "green": {
592
+ "default": "#1d805f",
593
+ "pressed": "#134231",
594
+ "icon": "#27a17a"
595
+ },
596
+ "blue": {
597
+ "default": "#1170cf",
598
+ "pressed": "#063a75",
599
+ "icon": "#64b4fa"
600
+ },
601
+ "pink": {
602
+ "default": "#d43b52",
603
+ "pressed": "#d43b52"
337
604
  }
338
605
  },
339
- "warning": {
340
- "0": "#a65e00"
606
+ "partner": {
607
+ "pdf": "#EE0507",
608
+ "word": "#0078D6",
609
+ "powerpoint": "#D93E17",
610
+ "excel": "#00893E",
611
+ "onenote": "#B839DB",
612
+ "doc": "#4285f4",
613
+ "sheets": "#F4B400",
614
+ "slides": "#0F9D58",
615
+ "keynotes": "#029CFB"
341
616
  }
342
617
  }
343
618
  }