@momentum-design/tokens 0.0.28 → 0.0.30

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 (37) hide show
  1. package/dist/css/core/complete.css +4 -1
  2. package/dist/css/theme/webex/common-stable.css +66 -0
  3. package/dist/css/theme/webex/dark-complete.css +7 -1
  4. package/dist/css/theme/webex/dark-stable.css +333 -0
  5. package/dist/css/theme/webex/light-complete.css +7 -1
  6. package/dist/css/theme/webex/light-stable.css +337 -0
  7. package/dist/ios/core/complete.swift +4 -1
  8. package/dist/ios/theme/webex/common-stable.swift +72 -0
  9. package/dist/ios/theme/webex/dark-complete.swift +7 -1
  10. package/dist/ios/theme/webex/dark-stable.swift +339 -0
  11. package/dist/ios/theme/webex/light-complete.swift +7 -1
  12. package/dist/ios/theme/webex/light-stable.swift +343 -0
  13. package/dist/json/core/complete.json +69 -8
  14. package/dist/json/theme/webex/common-stable.json +3043 -0
  15. package/dist/json/theme/webex/dark-complete.json +182 -0
  16. package/dist/json/theme/webex/dark-stable.json +16488 -0
  17. package/dist/json/theme/webex/light-complete.json +182 -0
  18. package/dist/json/theme/webex/light-stable.json +16688 -0
  19. package/dist/json-minimal/core/complete.json +3 -0
  20. package/dist/json-minimal/theme/webex/common-stable.json +491 -0
  21. package/dist/json-minimal/theme/webex/dark-complete.json +14 -0
  22. package/dist/json-minimal/theme/webex/dark-stable.json +2634 -0
  23. package/dist/json-minimal/theme/webex/light-complete.json +14 -0
  24. package/dist/json-minimal/theme/webex/light-stable.json +2666 -0
  25. package/dist/resources/core/complete.xml +4 -1
  26. package/dist/resources/theme/webex/common-stable.xml +68 -0
  27. package/dist/resources/theme/webex/dark-complete.xml +7 -1
  28. package/dist/resources/theme/webex/dark-stable.xml +335 -0
  29. package/dist/resources/theme/webex/light-complete.xml +7 -1
  30. package/dist/resources/theme/webex/light-stable.xml +339 -0
  31. package/dist/scss/core/complete.scss +4 -1
  32. package/dist/scss/theme/webex/common-stable.scss +63 -0
  33. package/dist/scss/theme/webex/dark-complete.scss +7 -1
  34. package/dist/scss/theme/webex/dark-stable.scss +330 -0
  35. package/dist/scss/theme/webex/light-complete.scss +7 -1
  36. package/dist/scss/theme/webex/light-stable.scss +334 -0
  37. package/package.json +1 -1
@@ -1,11 +1,13 @@
1
1
  {
2
2
  "border-radius": {
3
+ "none": "0px",
3
4
  "small": "4px",
4
5
  "medium": "8px",
5
6
  "large": "12px",
6
7
  "half-height": "50%"
7
8
  },
8
9
  "border-width": {
10
+ "none": "0px",
9
11
  "small": "1px",
10
12
  "medium": "2px",
11
13
  "large": "3px"
@@ -393,6 +395,7 @@
393
395
  "2": "drop-shadow(0px 24px 48px rgba(0,0,0,0.2))"
394
396
  },
395
397
  "spacing": {
398
+ "none": "0px",
396
399
  "micro": "2px",
397
400
  "xxx-small": "4px",
398
401
  "xx-small": "8px",
@@ -0,0 +1,491 @@
1
+ {
2
+ "color": {
3
+ "theme": {
4
+ "common": {
5
+ "text": {
6
+ "white": {
7
+ "description": "",
8
+ "value": "#fffffff2",
9
+ "type": "color",
10
+ "filePath": "src/stable/theme/stable-common.json",
11
+ "isSource": true
12
+ },
13
+ "gray": {
14
+ "description": "",
15
+ "value": "#ffffffb3",
16
+ "type": "color",
17
+ "filePath": "src/stable/theme/stable-common.json",
18
+ "isSource": true
19
+ },
20
+ "black": {
21
+ "description": "",
22
+ "value": "#000000f2",
23
+ "type": "color",
24
+ "filePath": "src/stable/theme/stable-common.json",
25
+ "isSource": true
26
+ },
27
+ "disabled": {
28
+ "description": "",
29
+ "value": "#ffffff66",
30
+ "type": "color",
31
+ "filePath": "src/stable/theme/stable-common.json",
32
+ "isSource": true
33
+ },
34
+ "success": {
35
+ "normal": {
36
+ "description": "",
37
+ "value": "#3cc29a",
38
+ "type": "color",
39
+ "filePath": "src/stable/theme/stable-common.json",
40
+ "isSource": true
41
+ },
42
+ "hover": {
43
+ "description": "",
44
+ "value": "#9fedd8",
45
+ "type": "color",
46
+ "filePath": "src/stable/theme/stable-common.json",
47
+ "isSource": true
48
+ }
49
+ },
50
+ "error": {
51
+ "normal": {
52
+ "description": "",
53
+ "value": "#fc8b98",
54
+ "type": "color",
55
+ "filePath": "src/stable/theme/stable-common.json",
56
+ "isSource": true
57
+ },
58
+ "hover": {
59
+ "description": "",
60
+ "value": "#ffd4da",
61
+ "type": "color",
62
+ "filePath": "src/stable/theme/stable-common.json",
63
+ "isSource": true
64
+ }
65
+ },
66
+ "warning": {
67
+ "normal": {
68
+ "description": "",
69
+ "value": "#f2990a",
70
+ "type": "color",
71
+ "filePath": "src/stable/theme/stable-common.json",
72
+ "isSource": true
73
+ }
74
+ },
75
+ "secondary-light": {
76
+ "description": "",
77
+ "value": "#ffffffb3",
78
+ "type": "color",
79
+ "filePath": "src/stable/theme/stable-common.json",
80
+ "isSource": true
81
+ },
82
+ "secondary-dark": {
83
+ "description": "",
84
+ "value": "#00000099",
85
+ "type": "color",
86
+ "filePath": "src/stable/theme/stable-common.json",
87
+ "isSource": true
88
+ }
89
+ },
90
+ "overlay": {
91
+ "primary": {
92
+ "normal": {
93
+ "description": "",
94
+ "value": "#000000e6",
95
+ "type": "color",
96
+ "filePath": "src/stable/theme/stable-common.json",
97
+ "isSource": true
98
+ }
99
+ },
100
+ "secondary": {
101
+ "normal": {
102
+ "description": "",
103
+ "value": "#00000066",
104
+ "type": "color",
105
+ "filePath": "src/stable/theme/stable-common.json",
106
+ "isSource": true
107
+ }
108
+ }
109
+ },
110
+ "button": {
111
+ "primary": {
112
+ "normal": {
113
+ "description": "",
114
+ "value": "#fffffff2",
115
+ "type": "color",
116
+ "filePath": "src/stable/theme/stable-common.json",
117
+ "isSource": true
118
+ },
119
+ "hover": {
120
+ "description": "",
121
+ "value": "#ffffffcc",
122
+ "type": "color",
123
+ "filePath": "src/stable/theme/stable-common.json",
124
+ "isSource": true
125
+ },
126
+ "pressed": {
127
+ "description": "",
128
+ "value": "#ffffffb3",
129
+ "type": "color",
130
+ "filePath": "src/stable/theme/stable-common.json",
131
+ "isSource": true
132
+ },
133
+ "disabled": {
134
+ "description": "",
135
+ "value": "#ffffff33",
136
+ "type": "color",
137
+ "filePath": "src/stable/theme/stable-common.json",
138
+ "isSource": true
139
+ }
140
+ },
141
+ "secondary": {
142
+ "normal": {
143
+ "description": "",
144
+ "value": "#ffffff00",
145
+ "type": "color",
146
+ "filePath": "src/stable/theme/stable-common.json",
147
+ "isSource": true
148
+ },
149
+ "hover": {
150
+ "description": "",
151
+ "value": "#ffffff12",
152
+ "type": "color",
153
+ "filePath": "src/stable/theme/stable-common.json",
154
+ "isSource": true
155
+ },
156
+ "disabled": {
157
+ "description": "",
158
+ "value": "#ffffff00",
159
+ "type": "color",
160
+ "filePath": "src/stable/theme/stable-common.json",
161
+ "isSource": true
162
+ },
163
+ "active": {
164
+ "normal": {
165
+ "description": "",
166
+ "value": "#ffffff33",
167
+ "type": "color",
168
+ "filePath": "src/stable/theme/stable-common.json",
169
+ "isSource": true
170
+ },
171
+ "hover": {
172
+ "description": "",
173
+ "value": "#ffffff4d",
174
+ "type": "color",
175
+ "filePath": "src/stable/theme/stable-common.json",
176
+ "isSource": true
177
+ },
178
+ "pressed": {
179
+ "description": "",
180
+ "value": "#ffffff66",
181
+ "type": "color",
182
+ "filePath": "src/stable/theme/stable-common.json",
183
+ "isSource": true
184
+ }
185
+ }
186
+ },
187
+ "secondary-dark": {
188
+ "normal": {
189
+ "description": "",
190
+ "value": "#00000000",
191
+ "type": "color",
192
+ "filePath": "src/stable/theme/stable-common.json",
193
+ "isSource": true
194
+ },
195
+ "hover": {
196
+ "description": "",
197
+ "value": "#00000012",
198
+ "type": "color",
199
+ "filePath": "src/stable/theme/stable-common.json",
200
+ "isSource": true
201
+ },
202
+ "pressed": {
203
+ "description": "",
204
+ "value": "#00000033",
205
+ "type": "color",
206
+ "filePath": "src/stable/theme/stable-common.json",
207
+ "isSource": true
208
+ },
209
+ "disabled": {
210
+ "description": "",
211
+ "value": "#00000000",
212
+ "type": "color",
213
+ "filePath": "src/stable/theme/stable-common.json",
214
+ "isSource": true
215
+ }
216
+ }
217
+ },
218
+ "outline": {
219
+ "button": {
220
+ "normal": {
221
+ "description": "",
222
+ "value": "#ffffff4d",
223
+ "type": "color",
224
+ "filePath": "src/stable/theme/stable-common.json",
225
+ "isSource": true
226
+ }
227
+ },
228
+ "primary": {
229
+ "normal": {
230
+ "description": "",
231
+ "value": "#ffffff66",
232
+ "type": "color",
233
+ "filePath": "src/stable/theme/stable-common.json",
234
+ "isSource": true
235
+ }
236
+ },
237
+ "input": {
238
+ "normal": {
239
+ "description": "",
240
+ "value": "#ffffff80",
241
+ "type": "color",
242
+ "filePath": "src/stable/theme/stable-common.json",
243
+ "isSource": true
244
+ }
245
+ },
246
+ "disabled": {
247
+ "normal": {
248
+ "description": "",
249
+ "value": "#ffffff33",
250
+ "type": "color",
251
+ "filePath": "src/stable/theme/stable-common.json",
252
+ "isSource": true
253
+ }
254
+ },
255
+ "closed-caption": {
256
+ "secondary": {
257
+ "light": {
258
+ "description": "",
259
+ "value": "#ffffff33",
260
+ "type": "color",
261
+ "filePath": "src/stable/theme/stable-common.json",
262
+ "isSource": true
263
+ },
264
+ "dark": {
265
+ "description": "",
266
+ "value": "#00000033",
267
+ "type": "color",
268
+ "filePath": "src/stable/theme/stable-common.json",
269
+ "isSource": true
270
+ }
271
+ }
272
+ }
273
+ },
274
+ "control": {
275
+ "inactive": {
276
+ "normal": {
277
+ "description": "",
278
+ "value": "#00000033",
279
+ "type": "color",
280
+ "filePath": "src/stable/theme/stable-common.json",
281
+ "isSource": true
282
+ }
283
+ },
284
+ "shareContent": {
285
+ "active": {
286
+ "description": "",
287
+ "value": "#C74F0E",
288
+ "type": "color",
289
+ "filePath": "src/stable/theme/stable-common.json",
290
+ "isSource": true
291
+ },
292
+ "inactive": {
293
+ "description": "",
294
+ "value": "#707070",
295
+ "type": "color",
296
+ "filePath": "src/stable/theme/stable-common.json",
297
+ "isSource": true
298
+ },
299
+ "selected": {
300
+ "description": "",
301
+ "value": "#3cc29a",
302
+ "type": "color",
303
+ "filePath": "src/stable/theme/stable-common.json",
304
+ "isSource": true
305
+ }
306
+ }
307
+ },
308
+ "background": {
309
+ "solid": {
310
+ "secondary-dark": {
311
+ "description": "",
312
+ "value": "#1a1a1a",
313
+ "type": "color",
314
+ "filePath": "src/stable/theme/stable-common.json",
315
+ "isSource": true
316
+ },
317
+ "primary-light": {
318
+ "description": "",
319
+ "value": "#ffffff",
320
+ "type": "color",
321
+ "filePath": "src/stable/theme/stable-common.json",
322
+ "isSource": true
323
+ }
324
+ }
325
+ },
326
+ "touchbar": {
327
+ "background": {
328
+ "blue": {
329
+ "normal": {
330
+ "description": "",
331
+ "value": "#1170cf",
332
+ "type": "color",
333
+ "filePath": "src/stable/theme/stable-common.json",
334
+ "isSource": true
335
+ },
336
+ "pressed": {
337
+ "description": "",
338
+ "value": "#063a75",
339
+ "type": "color",
340
+ "filePath": "src/stable/theme/stable-common.json",
341
+ "isSource": true
342
+ }
343
+ },
344
+ "pink": {
345
+ "normal": {
346
+ "description": "",
347
+ "value": "#d43b52",
348
+ "type": "color",
349
+ "filePath": "src/stable/theme/stable-common.json",
350
+ "isSource": true
351
+ },
352
+ "pressed": {
353
+ "description": "",
354
+ "value": "#66262d",
355
+ "type": "color",
356
+ "filePath": "src/stable/theme/stable-common.json",
357
+ "isSource": true
358
+ }
359
+ },
360
+ "mint": {
361
+ "normal": {
362
+ "description": "",
363
+ "value": "#148579",
364
+ "type": "color",
365
+ "filePath": "src/stable/theme/stable-common.json",
366
+ "isSource": true
367
+ },
368
+ "pressed": {
369
+ "description": "",
370
+ "value": "#12423f",
371
+ "type": "color",
372
+ "filePath": "src/stable/theme/stable-common.json",
373
+ "isSource": true
374
+ }
375
+ },
376
+ "purple": {
377
+ "normal": {
378
+ "description": "",
379
+ "value": "#c233c4",
380
+ "type": "color",
381
+ "filePath": "src/stable/theme/stable-common.json",
382
+ "isSource": true
383
+ },
384
+ "pressed": {
385
+ "description": "",
386
+ "value": "#601e66",
387
+ "type": "color",
388
+ "filePath": "src/stable/theme/stable-common.json",
389
+ "isSource": true
390
+ }
391
+ },
392
+ "violet": {
393
+ "normal": {
394
+ "description": "",
395
+ "value": "#875ae0",
396
+ "type": "color",
397
+ "filePath": "src/stable/theme/stable-common.json",
398
+ "isSource": true
399
+ },
400
+ "pressed": {
401
+ "description": "",
402
+ "value": "#432c78",
403
+ "type": "color",
404
+ "filePath": "src/stable/theme/stable-common.json",
405
+ "isSource": true
406
+ }
407
+ },
408
+ "orange": {
409
+ "normal": {
410
+ "description": "",
411
+ "value": "#C74F0E",
412
+ "type": "color",
413
+ "filePath": "src/stable/theme/stable-common.json",
414
+ "isSource": true
415
+ },
416
+ "pressed": {
417
+ "description": "",
418
+ "value": "#59311E",
419
+ "type": "color",
420
+ "filePath": "src/stable/theme/stable-common.json",
421
+ "isSource": true
422
+ }
423
+ },
424
+ "green": {
425
+ "normal": {
426
+ "description": "",
427
+ "value": "#1d805f",
428
+ "type": "color",
429
+ "filePath": "src/stable/theme/stable-common.json",
430
+ "isSource": true
431
+ },
432
+ "pressed": {
433
+ "description": "",
434
+ "value": "#134231",
435
+ "type": "color",
436
+ "filePath": "src/stable/theme/stable-common.json",
437
+ "isSource": true
438
+ }
439
+ },
440
+ "red": {
441
+ "normal": {
442
+ "description": "",
443
+ "value": "#db1f2e",
444
+ "type": "color",
445
+ "filePath": "src/stable/theme/stable-common.json",
446
+ "isSource": true
447
+ },
448
+ "pressed": {
449
+ "description": "",
450
+ "value": "#780d13",
451
+ "type": "color",
452
+ "filePath": "src/stable/theme/stable-common.json",
453
+ "isSource": true
454
+ }
455
+ },
456
+ "transparent": {
457
+ "description": "",
458
+ "value": "#00000000",
459
+ "type": "color",
460
+ "filePath": "src/stable/theme/stable-common.json",
461
+ "isSource": true
462
+ }
463
+ },
464
+ "icon": {
465
+ "stable": {
466
+ "description": "",
467
+ "value": "#27a17a",
468
+ "type": "color",
469
+ "filePath": "src/stable/theme/stable-common.json",
470
+ "isSource": true
471
+ },
472
+ "attention": {
473
+ "description": "",
474
+ "value": "#fc8b98",
475
+ "type": "color",
476
+ "filePath": "src/stable/theme/stable-common.json",
477
+ "isSource": true
478
+ },
479
+ "secure": {
480
+ "description": "",
481
+ "value": "#64b4fa",
482
+ "type": "color",
483
+ "filePath": "src/stable/theme/stable-common.json",
484
+ "isSource": true
485
+ }
486
+ }
487
+ }
488
+ }
489
+ }
490
+ }
491
+ }
@@ -59,6 +59,13 @@
59
59
  "active": "#fffffff2"
60
60
  }
61
61
  },
62
+ "contrast": {
63
+ "neutral": {
64
+ "primary": "#000000f2",
65
+ "secondary": "#00000099",
66
+ "disabled": "#00000066"
67
+ }
68
+ },
62
69
  "positve": {
63
70
  "active": "#9fedd8",
64
71
  "hover": "#9fedd8",
@@ -142,6 +149,13 @@
142
149
  }
143
150
  }
144
151
  },
152
+ "contrast": {
153
+ "neutral": {
154
+ "default": "#0f0f0f",
155
+ "hover": "#262626",
156
+ "pressed": "#3b3b3b"
157
+ }
158
+ },
145
159
  "positive": {
146
160
  "default": "#1d805f",
147
161
  "hover": "#185e46",