@momentum-design/tokens 0.0.58 → 0.0.60

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 +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/dark-stable.css +26 -10
  5. package/dist/css/theme/webex/hc-dark-stable.css +41 -2
  6. package/dist/css/theme/webex/hc-light-stable.css +87 -48
  7. package/dist/css/theme/webex/light-stable.css +27 -11
  8. package/dist/ios/core/complete.swift +1 -1
  9. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  10. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  11. package/dist/ios/theme/webex/dark-stable.swift +26 -10
  12. package/dist/ios/theme/webex/hc-dark-stable.swift +41 -2
  13. package/dist/ios/theme/webex/hc-light-stable.swift +87 -48
  14. package/dist/ios/theme/webex/light-stable.swift +27 -11
  15. package/dist/json/theme/webex/dark-stable.json +512 -43
  16. package/dist/json/theme/webex/hc-dark-stable.json +1309 -128
  17. package/dist/json/theme/webex/hc-light-stable.json +1329 -226
  18. package/dist/json/theme/webex/light-stable.json +515 -50
  19. package/dist/json-minimal/theme/webex/dark-stable.json +37 -3
  20. package/dist/json-minimal/theme/webex/hc-dark-stable.json +95 -2
  21. package/dist/json-minimal/theme/webex/hc-light-stable.json +141 -48
  22. package/dist/json-minimal/theme/webex/light-stable.json +38 -4
  23. package/dist/resources/core/complete.xml +1 -1
  24. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  25. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  26. package/dist/resources/theme/webex/dark-stable.xml +26 -10
  27. package/dist/resources/theme/webex/hc-dark-stable.xml +41 -2
  28. package/dist/resources/theme/webex/hc-light-stable.xml +87 -48
  29. package/dist/resources/theme/webex/light-stable.xml +27 -11
  30. package/dist/scss/core/complete.scss +1 -1
  31. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  32. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  33. package/dist/scss/theme/webex/dark-stable.scss +26 -10
  34. package/dist/scss/theme/webex/hc-dark-stable.scss +42 -3
  35. package/dist/scss/theme/webex/hc-light-stable.scss +87 -48
  36. package/dist/scss/theme/webex/light-stable.scss +27 -11
  37. package/package.json +1 -1
@@ -294,6 +294,20 @@
294
294
  "1": "#0f0f0f"
295
295
  }
296
296
  }
297
+ },
298
+ "reaction": {
299
+ "normal": {
300
+ "0": "#1a1a1a",
301
+ "1": "#8f8f8f"
302
+ }
303
+ },
304
+ "skeleton": {
305
+ "normal": {
306
+ "0": "#00000033",
307
+ "1": "#0000004d",
308
+ "2": "#00000066",
309
+ "3": "#00000080"
310
+ }
297
311
  }
298
312
  },
299
313
  "button": {
@@ -427,7 +441,7 @@
427
441
  "cyan": "#22c7d6",
428
442
  "mint": "#30c9b0"
429
443
  },
430
- "Pen": {
444
+ "pen": {
431
445
  "black": "#0f0f0f",
432
446
  "red": "#f55868",
433
447
  "purple": "#c233c4",
@@ -460,9 +474,20 @@
460
474
  },
461
475
  "inverted": {
462
476
  "text": {
477
+ "secondary": {
478
+ "normal": "#00000099"
479
+ },
463
480
  "primary": {
464
481
  "normal": "#000000f2"
465
482
  }
483
+ },
484
+ "button": {
485
+ "secondary": {
486
+ "normal": "#00000000",
487
+ "hover": "#00000012",
488
+ "pressed": "#00000033",
489
+ "disabled": "#00000000"
490
+ }
466
491
  }
467
492
  },
468
493
  "overlays": {
@@ -534,6 +559,10 @@
534
559
  },
535
560
  "input": {
536
561
  "normal": "#ffffff80"
562
+ },
563
+ "secondary": {
564
+ "normal": "#00000033",
565
+ "disabled": "#00000033"
537
566
  }
538
567
  },
539
568
  "control": {
@@ -553,9 +582,13 @@
553
582
  "share": {
554
583
  "normal": "#c94403"
555
584
  }
585
+ },
586
+ "solid": {
587
+ "dark": "#1a1a1a",
588
+ "light": "#ffffff"
556
589
  }
557
590
  },
558
- "partner": {
591
+ "content": {
559
592
  "pdf": "#ee0507",
560
593
  "word": "#0078d6",
561
594
  "powerpoint": "#d93e17",
@@ -599,7 +632,8 @@
599
632
  "red": {
600
633
  "normal": "#db1f2e",
601
634
  "pressed": "#780d13"
602
- }
635
+ },
636
+ "transparent": "#00000000"
603
637
  },
604
638
  "icon": {
605
639
  "attention": "#fc8b98",
@@ -278,6 +278,26 @@
278
278
  },
279
279
  "namelabel": {
280
280
  "normal": "#000000"
281
+ },
282
+ "reaction": {
283
+ "normal": {
284
+ "0": "#000000",
285
+ "1": "#000000"
286
+ }
287
+ },
288
+ "gradient": {
289
+ "secondary": {
290
+ "normal": {
291
+ "0": "#000000",
292
+ "1": "#000000"
293
+ }
294
+ },
295
+ "primary": {
296
+ "normal": {
297
+ "0": "#000000",
298
+ "1": "#000000"
299
+ }
300
+ }
281
301
  }
282
302
  },
283
303
  "button": {
@@ -316,7 +336,8 @@
316
336
  },
317
337
  "outline": {
318
338
  "primary": {
319
- "normal": "#ffffff"
339
+ "normal": "#ffffff",
340
+ "disabled": "#3ff23f"
320
341
  },
321
342
  "theme": {
322
343
  "normal": "#ffffff"
@@ -338,7 +359,7 @@
338
359
  "normal": "#ffffff"
339
360
  },
340
361
  "disabled": {
341
- "normal": "#ffffff"
362
+ "normal": "#3ff23f"
342
363
  },
343
364
  "share": {
344
365
  "selected": "#ffff00",
@@ -574,6 +595,17 @@
574
595
  "text": {
575
596
  "primary": {
576
597
  "normal": "#ffffff"
598
+ },
599
+ "secondary": {
600
+ "normal": "#ffffff"
601
+ }
602
+ },
603
+ "button": {
604
+ "secondary": {
605
+ "normal": "#000000",
606
+ "hover": "#1aebff",
607
+ "pressed": "#1aebff",
608
+ "disabled": "#000000"
577
609
  }
578
610
  }
579
611
  },
@@ -623,6 +655,17 @@
623
655
  "0": "#1aebff",
624
656
  "1": "#1aebff"
625
657
  }
658
+ },
659
+ "join": {
660
+ "animated": {
661
+ "gradient": {
662
+ "normal": {
663
+ "0": "#1aebff",
664
+ "1": "#1aebff",
665
+ "2": "#1aebff"
666
+ }
667
+ }
668
+ }
626
669
  }
627
670
  },
628
671
  "outline": {
@@ -635,6 +678,10 @@
635
678
  },
636
679
  "input": {
637
680
  "normal": "#ffffff"
681
+ },
682
+ "secondary": {
683
+ "primary": "#ffffff",
684
+ "disabled": "#3ff23f"
638
685
  }
639
686
  },
640
687
  "control": {
@@ -654,6 +701,10 @@
654
701
  "share": {
655
702
  "normal": "#ffffff"
656
703
  }
704
+ },
705
+ "solid": {
706
+ "dark": "#000000",
707
+ "light": "#000000"
657
708
  }
658
709
  },
659
710
  "content": {
@@ -666,6 +717,48 @@
666
717
  "slides": "#ffffff",
667
718
  "keynote": "#ffffff",
668
719
  "doc": "#ffffff"
720
+ },
721
+ "touchbar": {
722
+ "background": {
723
+ "blue": {
724
+ "normal": "#000000",
725
+ "pressed": "#1aebff"
726
+ },
727
+ "pink": {
728
+ "normal": "#000000",
729
+ "pressed": "#1aebff"
730
+ },
731
+ "mint": {
732
+ "normal": "#000000",
733
+ "pressed": "#1aebff"
734
+ },
735
+ "purple": {
736
+ "normal": "#000000",
737
+ "pressed": "#1aebff"
738
+ },
739
+ "violet": {
740
+ "normal": "#000000",
741
+ "pressed": "#1aebff"
742
+ },
743
+ "orange": {
744
+ "normal": "#000000",
745
+ "pressed": "#1aebff"
746
+ },
747
+ "green": {
748
+ "normal": "#000000",
749
+ "pressed": "#1aebff"
750
+ },
751
+ "red": {
752
+ "normal": "#000000",
753
+ "pressed": "#1aebff"
754
+ },
755
+ "transparent": "#000000"
756
+ },
757
+ "icon": {
758
+ "attention": "#000000",
759
+ "stable": "#000000",
760
+ "secure": "#000000"
761
+ }
669
762
  }
670
763
  }
671
764
  }
@@ -278,6 +278,26 @@
278
278
  },
279
279
  "namelabel": {
280
280
  "normal": "#ffffff"
281
+ },
282
+ "reaction": {
283
+ "normal": {
284
+ "0": "#ffffff",
285
+ "1": "#ffffff"
286
+ }
287
+ },
288
+ "gradient": {
289
+ "secondary": {
290
+ "normal": {
291
+ "0": "#ffffff",
292
+ "1": "#ffffff"
293
+ }
294
+ },
295
+ "primary": {
296
+ "normal": {
297
+ "0": "#ffffff",
298
+ "1": "#ffffff"
299
+ }
300
+ }
281
301
  }
282
302
  },
283
303
  "button": {
@@ -316,7 +336,8 @@
316
336
  },
317
337
  "outline": {
318
338
  "primary": {
319
- "normal": "#000000"
339
+ "normal": "#000000",
340
+ "disabled": "#600000"
320
341
  },
321
342
  "theme": {
322
343
  "normal": "#000000"
@@ -368,7 +389,7 @@
368
389
  "normal": "#37006e",
369
390
  "hover": "#ffffff",
370
391
  "pressed": "#ffffff",
371
- "active": "#1170cf",
392
+ "active": "#ffffff",
372
393
  "disabled": "#600000"
373
394
  },
374
395
  "indicator": {
@@ -551,77 +572,99 @@
551
572
  "common": {
552
573
  "text": {
553
574
  "primary": {
554
- "normal": "#ffffff",
555
- "disabled": "#3ff23f"
575
+ "normal": "#000000",
576
+ "disabled": "#600000"
556
577
  },
557
578
  "secondary": {
558
- "normal": "#ffffff"
579
+ "normal": "#000000"
559
580
  },
560
581
  "success": {
561
- "normal": "#ffffff",
562
- "hover": "#ffffff"
582
+ "normal": "#000000",
583
+ "hover": "#000000"
563
584
  },
564
585
  "error": {
565
- "normal": "#ffffff",
566
- "hover": "#ffffff"
586
+ "normal": "#000000",
587
+ "hover": "#000000"
567
588
  },
568
589
  "warning": {
569
- "normal": "#ffffff",
570
- "hover": "#ffffff"
590
+ "normal": "#000000",
591
+ "hover": "#000000"
571
592
  }
572
593
  },
573
594
  "inverted": {
574
595
  "text": {
575
596
  "primary": {
576
- "normal": "#ffffff"
597
+ "normal": "#000000"
598
+ },
599
+ "secondary": {
600
+ "normal": "#000000"
601
+ }
602
+ },
603
+ "button": {
604
+ "secondary": {
605
+ "normal": "#ffffff",
606
+ "hover": "#37006e",
607
+ "pressed": "#37006e",
608
+ "disabled": "#ffffff"
577
609
  }
578
610
  }
579
611
  },
580
612
  "overlays": {
581
613
  "primary": {
582
- "normal": "#000000"
614
+ "normal": "#ffffff"
583
615
  },
584
616
  "secondary": {
585
- "normal": "#000000"
617
+ "normal": "#ffffff"
586
618
  },
587
619
  "meeting": {
588
620
  "normal": {
589
- "0": "#000000",
590
- "1": "#000000",
591
- "2": "#000000"
621
+ "0": "#ffffff",
622
+ "1": "#ffffff",
623
+ "2": "#ffffff"
592
624
  }
593
625
  }
594
626
  },
595
627
  "button": {
596
628
  "primary": {
597
- "normal": "#000000",
598
- "hover": "#1aebff",
599
- "pressed": "#1aebff",
600
- "disabled": "#3ff23f"
629
+ "normal": "#ffffff",
630
+ "hover": "#37006e",
631
+ "pressed": "#37006e",
632
+ "disabled": "#600000"
601
633
  },
602
634
  "secondary": {
603
- "normal": "#000000",
604
- "hover": "#1aebff",
635
+ "normal": "#ffffff",
636
+ "hover": "#37006e",
605
637
  "active": {
606
- "normal": "#000000",
607
- "hover": "#1aebff",
608
- "pressed": "#1aebff",
609
- "disabled": "#3ff23f"
638
+ "normal": "#ffffff",
639
+ "hover": "#37006e",
640
+ "pressed": "#37006e",
641
+ "disabled": "#600000"
610
642
  },
611
- "disabled": "#3ff23f"
643
+ "disabled": "#600000"
612
644
  },
613
645
  "promotion": {
614
646
  "normal": {
615
- "0": "#000000",
616
- "1": "#000000"
647
+ "0": "#ffffff",
648
+ "1": "#ffffff"
617
649
  },
618
650
  "hover": {
619
- "0": "#1aebff",
620
- "1": "#1aebff"
651
+ "0": "#37006e",
652
+ "1": "#37006e"
621
653
  },
622
654
  "active": {
623
- "0": "#1aebff",
624
- "1": "#1aebff"
655
+ "0": "#37006e",
656
+ "1": "#37006e"
657
+ }
658
+ },
659
+ "join": {
660
+ "animated": {
661
+ "gradient": {
662
+ "normal": {
663
+ "0": "#37006e",
664
+ "1": "#37006e",
665
+ "2": "#37006e"
666
+ }
667
+ }
625
668
  }
626
669
  }
627
670
  },
@@ -630,11 +673,15 @@
630
673
  "normal": "#ffffff"
631
674
  },
632
675
  "primary": {
633
- "normal": "#ffffff",
634
- "disabled": "#3ff23f"
676
+ "normal": "#000000",
677
+ "disabled": "#600000"
635
678
  },
636
679
  "input": {
637
- "normal": "#ffffff"
680
+ "normal": "#000000"
681
+ },
682
+ "secondary": {
683
+ "primary": "#000000",
684
+ "disabled": "#600000"
638
685
  }
639
686
  },
640
687
  "control": {
@@ -642,11 +689,11 @@
642
689
  "content": {
643
690
  "selected": "#ffffff",
644
691
  "active": "#ffffff",
645
- "inactive": "#3ff23f"
692
+ "inactive": "#600000"
646
693
  }
647
694
  },
648
695
  "inactive": {
649
- "normal": "#3ff23f"
696
+ "normal": "#600000"
650
697
  }
651
698
  },
652
699
  "background": {
@@ -654,18 +701,64 @@
654
701
  "share": {
655
702
  "normal": "#ffffff"
656
703
  }
704
+ },
705
+ "solid": {
706
+ "dark": "#ffffff",
707
+ "light": "#ffffff"
657
708
  }
658
709
  },
659
710
  "content": {
660
- "pdf": "#ffffff",
661
- "word": "#ffffff",
662
- "powerpoint": "#ffffff",
663
- "excel": "#ffffff",
664
- "onenote": "#ffffff",
665
- "sheets": "#ffffff",
666
- "slides": "#ffffff",
667
- "keynote": "#ffffff",
668
- "doc": "#ffffff"
711
+ "pdf": "#000000",
712
+ "word": "#000000",
713
+ "powerpoint": "#000000",
714
+ "excel": "#000000",
715
+ "onenote": "#000000",
716
+ "sheets": "#000000",
717
+ "slides": "#000000",
718
+ "keynote": "#000000",
719
+ "doc": "#000000"
720
+ },
721
+ "touchbar": {
722
+ "background": {
723
+ "blue": {
724
+ "normal": "#ffffff",
725
+ "pressed": "#37006e"
726
+ },
727
+ "pink": {
728
+ "normal": "#ffffff",
729
+ "pressed": "#37006e"
730
+ },
731
+ "mint": {
732
+ "normal": "#ffffff",
733
+ "pressed": "#37006e"
734
+ },
735
+ "purple": {
736
+ "normal": "#ffffff",
737
+ "pressed": "#37006e"
738
+ },
739
+ "violet": {
740
+ "normal": "#ffffff",
741
+ "pressed": "#37006e"
742
+ },
743
+ "orange": {
744
+ "normal": "#ffffff",
745
+ "pressed": "#37006e"
746
+ },
747
+ "green": {
748
+ "normal": "#ffffff",
749
+ "pressed": "#37006e"
750
+ },
751
+ "red": {
752
+ "normal": "#ffffff",
753
+ "pressed": "#37006e"
754
+ },
755
+ "transparent": "#ffffff"
756
+ },
757
+ "icon": {
758
+ "attention": "#ffffff",
759
+ "stable": "#ffffff",
760
+ "secure": "#ffffff"
761
+ }
669
762
  }
670
763
  }
671
764
  }
@@ -294,6 +294,20 @@
294
294
  "1": "#ffffff"
295
295
  }
296
296
  }
297
+ },
298
+ "reaction": {
299
+ "normal": {
300
+ "0": "#ffffff",
301
+ "1": "#ffffff"
302
+ }
303
+ },
304
+ "skeleton": {
305
+ "normal": {
306
+ "0": "#ffffff33",
307
+ "1": "#ffffff4d",
308
+ "2": "#ffffff66",
309
+ "3": "#ffffff80"
310
+ }
297
311
  }
298
312
  },
299
313
  "button": {
@@ -301,7 +315,7 @@
301
315
  "normal": "#000000f2",
302
316
  "hover": "#000000cc",
303
317
  "pressed": "#000000b3",
304
- "disabled": "#00000000"
318
+ "disabled": "#00000033"
305
319
  },
306
320
  "secondary": {
307
321
  "normal": "#00000000",
@@ -427,7 +441,7 @@
427
441
  "cyan": "#22c7d6",
428
442
  "mint": "#30c9b0"
429
443
  },
430
- "Pen": {
444
+ "pen": {
431
445
  "black": "#0f0f0f",
432
446
  "red": "#f55868",
433
447
  "purple": "#c233c4",
@@ -462,6 +476,17 @@
462
476
  "text": {
463
477
  "primary": {
464
478
  "normal": "#000000f2"
479
+ },
480
+ "secondary": {
481
+ "normal": "#00000099"
482
+ }
483
+ },
484
+ "button": {
485
+ "secondary": {
486
+ "normal": "#00000000",
487
+ "hover": "#00000012",
488
+ "pressed": "#00000033",
489
+ "disabled": "#00000000"
465
490
  }
466
491
  }
467
492
  },
@@ -534,6 +559,10 @@
534
559
  },
535
560
  "input": {
536
561
  "normal": "#ffffff80"
562
+ },
563
+ "secondary": {
564
+ "normal": "#00000033",
565
+ "disabled": "#00000033"
537
566
  }
538
567
  },
539
568
  "control": {
@@ -553,9 +582,13 @@
553
582
  "share": {
554
583
  "normal": "#c94403"
555
584
  }
585
+ },
586
+ "solid": {
587
+ "dark": "#1a1a1a",
588
+ "light": "#ffffff"
556
589
  }
557
590
  },
558
- "partner": {
591
+ "content": {
559
592
  "pdf": "#ee0507",
560
593
  "word": "#0078d6",
561
594
  "powerpoint": "#d93e17",
@@ -599,7 +632,8 @@
599
632
  "red": {
600
633
  "normal": "#db1f2e",
601
634
  "pressed": "#780d13"
602
- }
635
+ },
636
+ "transparent": "#00000000"
603
637
  },
604
638
  "icon": {
605
639
  "attention": "#fc8b98",
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 28 Jun 2024 09:31:32 GMT
5
+ Generated on Wed, 17 Jul 2024 09:10:26 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="mds-color-core-white-alpha-0">#ffffff00</color>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 28 Jun 2024 09:31:32 GMT
5
+ Generated on Wed, 17 Jul 2024 09:10:27 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="mds-color-theme-surface-neutral-0-default">#17181b</color>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 28 Jun 2024 09:31:32 GMT
5
+ Generated on Wed, 17 Jul 2024 09:10:27 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>