@momentum-design/tokens 0.0.57 → 0.0.59

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 +52 -10
  5. package/dist/css/theme/webex/hc-dark-stable.css +27 -1
  6. package/dist/css/theme/webex/hc-light-stable.css +74 -48
  7. package/dist/css/theme/webex/light-stable.css +53 -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 +52 -10
  12. package/dist/ios/theme/webex/hc-dark-stable.swift +27 -1
  13. package/dist/ios/theme/webex/hc-light-stable.swift +74 -48
  14. package/dist/ios/theme/webex/light-stable.swift +53 -11
  15. package/dist/json/theme/webex/dark-stable.json +1375 -57
  16. package/dist/json/theme/webex/hc-dark-stable.json +784 -0
  17. package/dist/json/theme/webex/hc-light-stable.json +887 -187
  18. package/dist/json/theme/webex/light-stable.json +1371 -57
  19. package/dist/json-minimal/theme/webex/dark-stable.json +102 -2
  20. package/dist/json-minimal/theme/webex/hc-dark-stable.json +56 -0
  21. package/dist/json-minimal/theme/webex/hc-light-stable.json +103 -47
  22. package/dist/json-minimal/theme/webex/light-stable.json +103 -3
  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 +52 -10
  27. package/dist/resources/theme/webex/hc-dark-stable.xml +27 -1
  28. package/dist/resources/theme/webex/hc-light-stable.xml +74 -48
  29. package/dist/resources/theme/webex/light-stable.xml +53 -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 +52 -10
  34. package/dist/scss/theme/webex/hc-dark-stable.scss +28 -2
  35. package/dist/scss/theme/webex/hc-light-stable.scss +74 -48
  36. package/dist/scss/theme/webex/light-stable.scss +53 -11
  37. package/package.json +1 -1
@@ -280,6 +280,34 @@
280
280
  },
281
281
  "namelabel": {
282
282
  "normal": "#00000080"
283
+ },
284
+ "gradient": {
285
+ "primary": {
286
+ "normal": {
287
+ "0": "#1a1a1a",
288
+ "1": "#0f0f0f"
289
+ }
290
+ },
291
+ "secondary": {
292
+ "normal": {
293
+ "0": "#262626",
294
+ "1": "#0f0f0f"
295
+ }
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
+ }
283
311
  }
284
312
  },
285
313
  "button": {
@@ -413,7 +441,7 @@
413
441
  "cyan": "#22c7d6",
414
442
  "mint": "#30c9b0"
415
443
  },
416
- "Pen": {
444
+ "pen": {
417
445
  "black": "#0f0f0f",
418
446
  "red": "#f55868",
419
447
  "purple": "#c233c4",
@@ -446,9 +474,20 @@
446
474
  },
447
475
  "inverted": {
448
476
  "text": {
477
+ "secondary": {
478
+ "normal": "#00000099"
479
+ },
449
480
  "primary": {
450
481
  "normal": "#000000f2"
451
482
  }
483
+ },
484
+ "button": {
485
+ "secondary": {
486
+ "normal": "#00000000",
487
+ "hover": "#00000012",
488
+ "pressed": "#00000033",
489
+ "disabled": "#00000000"
490
+ }
452
491
  }
453
492
  },
454
493
  "overlays": {
@@ -497,6 +536,17 @@
497
536
  "0": "#601e66",
498
537
  "1": "#3b1e21"
499
538
  }
539
+ },
540
+ "join": {
541
+ "animated": {
542
+ "gradient": {
543
+ "normal": {
544
+ "0": "#30c9b0",
545
+ "1": "#64b4fa",
546
+ "2": "#30c9b0"
547
+ }
548
+ }
549
+ }
500
550
  }
501
551
  },
502
552
  "outline": {
@@ -509,6 +559,10 @@
509
559
  },
510
560
  "input": {
511
561
  "normal": "#ffffff80"
562
+ },
563
+ "secondary": {
564
+ "normal": "#00000033",
565
+ "disabled": "#00000033"
512
566
  }
513
567
  },
514
568
  "control": {
@@ -528,9 +582,13 @@
528
582
  "share": {
529
583
  "normal": "#c94403"
530
584
  }
585
+ },
586
+ "solid": {
587
+ "dark": "#1a1a1a",
588
+ "light": "#ffffff"
531
589
  }
532
590
  },
533
- "partner": {
591
+ "content": {
534
592
  "pdf": "#ee0507",
535
593
  "word": "#0078d6",
536
594
  "powerpoint": "#d93e17",
@@ -540,6 +598,48 @@
540
598
  "slides": "#0f9d58",
541
599
  "keynote": "#029cfb",
542
600
  "doc": "#4285f4"
601
+ },
602
+ "touchbar": {
603
+ "background": {
604
+ "blue": {
605
+ "normal": "#1170cf",
606
+ "pressed": "#063a75"
607
+ },
608
+ "pink": {
609
+ "normal": "#d43b52",
610
+ "pressed": "#66262d"
611
+ },
612
+ "mint": {
613
+ "normal": "#148579",
614
+ "pressed": "#12423f"
615
+ },
616
+ "purple": {
617
+ "normal": "#c233c4",
618
+ "pressed": "#601e66"
619
+ },
620
+ "violet": {
621
+ "normal": "#875ae0",
622
+ "pressed": "#432c78"
623
+ },
624
+ "orange": {
625
+ "normal": "#c94403",
626
+ "pressed": "#682601"
627
+ },
628
+ "green": {
629
+ "normal": "#1d805f",
630
+ "pressed": "#134231"
631
+ },
632
+ "red": {
633
+ "normal": "#db1f2e",
634
+ "pressed": "#780d13"
635
+ },
636
+ "transparent": "#00000000"
637
+ },
638
+ "icon": {
639
+ "attention": "#fc8b98",
640
+ "stable": "#27a17a",
641
+ "secure": "#64b4fa"
642
+ }
543
643
  }
544
644
  },
545
645
  "scrollbar": {
@@ -278,6 +278,12 @@
278
278
  },
279
279
  "namelabel": {
280
280
  "normal": "#000000"
281
+ },
282
+ "reaction": {
283
+ "normal": {
284
+ "0": "#000000",
285
+ "1": "#000000"
286
+ }
281
287
  }
282
288
  },
283
289
  "button": {
@@ -635,6 +641,10 @@
635
641
  },
636
642
  "input": {
637
643
  "normal": "#ffffff"
644
+ },
645
+ "secondary": {
646
+ "primary": "#00000033",
647
+ "disabled": "#00000033"
638
648
  }
639
649
  },
640
650
  "control": {
@@ -654,6 +664,10 @@
654
664
  "share": {
655
665
  "normal": "#ffffff"
656
666
  }
667
+ },
668
+ "solid": {
669
+ "dark": "#000000",
670
+ "light": "#000000"
657
671
  }
658
672
  },
659
673
  "content": {
@@ -666,6 +680,48 @@
666
680
  "slides": "#ffffff",
667
681
  "keynote": "#ffffff",
668
682
  "doc": "#ffffff"
683
+ },
684
+ "touchbar": {
685
+ "background": {
686
+ "blue": {
687
+ "normal": "#000000",
688
+ "pressed": "#1aebff"
689
+ },
690
+ "pink": {
691
+ "normal": "#000000",
692
+ "pressed": "#1aebff"
693
+ },
694
+ "mint": {
695
+ "normal": "#000000",
696
+ "pressed": "#1aebff"
697
+ },
698
+ "purple": {
699
+ "normal": "#000000",
700
+ "pressed": "#1aebff"
701
+ },
702
+ "violet": {
703
+ "normal": "#000000",
704
+ "pressed": "#1aebff"
705
+ },
706
+ "orange": {
707
+ "normal": "#000000",
708
+ "pressed": "#1aebff"
709
+ },
710
+ "green": {
711
+ "normal": "#000000",
712
+ "pressed": "#1aebff"
713
+ },
714
+ "red": {
715
+ "normal": "#db1f2e",
716
+ "pressed": "#780d13"
717
+ },
718
+ "transparent": "#000000"
719
+ },
720
+ "icon": {
721
+ "attention": "#000000",
722
+ "stable": "#000000",
723
+ "secure": "#000000"
724
+ }
669
725
  }
670
726
  }
671
727
  }
@@ -278,6 +278,12 @@
278
278
  },
279
279
  "namelabel": {
280
280
  "normal": "#ffffff"
281
+ },
282
+ "reaction": {
283
+ "normal": {
284
+ "0": "#ffffff",
285
+ "1": "#ffffff"
286
+ }
281
287
  }
282
288
  },
283
289
  "button": {
@@ -368,7 +374,7 @@
368
374
  "normal": "#37006e",
369
375
  "hover": "#ffffff",
370
376
  "pressed": "#ffffff",
371
- "active": "#1170cf",
377
+ "active": "#ffffff",
372
378
  "disabled": "#600000"
373
379
  },
374
380
  "indicator": {
@@ -551,77 +557,77 @@
551
557
  "common": {
552
558
  "text": {
553
559
  "primary": {
554
- "normal": "#ffffff",
555
- "disabled": "#3ff23f"
560
+ "normal": "#000000",
561
+ "disabled": "#600000"
556
562
  },
557
563
  "secondary": {
558
- "normal": "#ffffff"
564
+ "normal": "#000000"
559
565
  },
560
566
  "success": {
561
- "normal": "#ffffff",
562
- "hover": "#ffffff"
567
+ "normal": "#000000",
568
+ "hover": "#000000"
563
569
  },
564
570
  "error": {
565
- "normal": "#ffffff",
566
- "hover": "#ffffff"
571
+ "normal": "#000000",
572
+ "hover": "#000000"
567
573
  },
568
574
  "warning": {
569
- "normal": "#ffffff",
570
- "hover": "#ffffff"
575
+ "normal": "#000000",
576
+ "hover": "#000000"
571
577
  }
572
578
  },
573
579
  "inverted": {
574
580
  "text": {
575
581
  "primary": {
576
- "normal": "#ffffff"
582
+ "normal": "#000000"
577
583
  }
578
584
  }
579
585
  },
580
586
  "overlays": {
581
587
  "primary": {
582
- "normal": "#000000"
588
+ "normal": "#ffffff"
583
589
  },
584
590
  "secondary": {
585
- "normal": "#000000"
591
+ "normal": "#ffffff"
586
592
  },
587
593
  "meeting": {
588
594
  "normal": {
589
- "0": "#000000",
590
- "1": "#000000",
591
- "2": "#000000"
595
+ "0": "#ffffff",
596
+ "1": "#ffffff",
597
+ "2": "#ffffff"
592
598
  }
593
599
  }
594
600
  },
595
601
  "button": {
596
602
  "primary": {
597
- "normal": "#000000",
598
- "hover": "#1aebff",
599
- "pressed": "#1aebff",
600
- "disabled": "#3ff23f"
603
+ "normal": "#ffffff",
604
+ "hover": "#37006e",
605
+ "pressed": "#37006e",
606
+ "disabled": "#600000"
601
607
  },
602
608
  "secondary": {
603
- "normal": "#000000",
604
- "hover": "#1aebff",
609
+ "normal": "#ffffff",
610
+ "hover": "#37006e",
605
611
  "active": {
606
- "normal": "#000000",
607
- "hover": "#1aebff",
608
- "pressed": "#1aebff",
609
- "disabled": "#3ff23f"
612
+ "normal": "#ffffff",
613
+ "hover": "#37006e",
614
+ "pressed": "#37006e",
615
+ "disabled": "#600000"
610
616
  },
611
- "disabled": "#3ff23f"
617
+ "disabled": "#600000"
612
618
  },
613
619
  "promotion": {
614
620
  "normal": {
615
- "0": "#000000",
616
- "1": "#000000"
621
+ "0": "#ffffff",
622
+ "1": "#ffffff"
617
623
  },
618
624
  "hover": {
619
- "0": "#1aebff",
620
- "1": "#1aebff"
625
+ "0": "#37006e",
626
+ "1": "#37006e"
621
627
  },
622
628
  "active": {
623
- "0": "#1aebff",
624
- "1": "#1aebff"
629
+ "0": "#37006e",
630
+ "1": "#37006e"
625
631
  }
626
632
  }
627
633
  },
@@ -630,11 +636,15 @@
630
636
  "normal": "#ffffff"
631
637
  },
632
638
  "primary": {
633
- "normal": "#ffffff",
634
- "disabled": "#3ff23f"
639
+ "normal": "#000000",
640
+ "disabled": "#600000"
635
641
  },
636
642
  "input": {
637
- "normal": "#ffffff"
643
+ "normal": "#000000"
644
+ },
645
+ "secondary": {
646
+ "primary": "#000000",
647
+ "disabled": "#000000"
638
648
  }
639
649
  },
640
650
  "control": {
@@ -642,11 +652,11 @@
642
652
  "content": {
643
653
  "selected": "#ffffff",
644
654
  "active": "#ffffff",
645
- "inactive": "#3ff23f"
655
+ "inactive": "#600000"
646
656
  }
647
657
  },
648
658
  "inactive": {
649
- "normal": "#3ff23f"
659
+ "normal": "#600000"
650
660
  }
651
661
  },
652
662
  "background": {
@@ -654,18 +664,64 @@
654
664
  "share": {
655
665
  "normal": "#ffffff"
656
666
  }
667
+ },
668
+ "solid": {
669
+ "dark": "#ffffff",
670
+ "light": "#ffffff"
657
671
  }
658
672
  },
659
673
  "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"
674
+ "pdf": "#000000",
675
+ "word": "#000000",
676
+ "powerpoint": "#000000",
677
+ "excel": "#000000",
678
+ "onenote": "#000000",
679
+ "sheets": "#000000",
680
+ "slides": "#000000",
681
+ "keynote": "#000000",
682
+ "doc": "#000000"
683
+ },
684
+ "touchbar": {
685
+ "background": {
686
+ "blue": {
687
+ "normal": "#ffffff",
688
+ "pressed": "#37006e"
689
+ },
690
+ "pink": {
691
+ "normal": "#ffffff",
692
+ "pressed": "#37006e"
693
+ },
694
+ "mint": {
695
+ "normal": "#ffffff",
696
+ "pressed": "#37006e"
697
+ },
698
+ "purple": {
699
+ "normal": "#ffffff",
700
+ "pressed": "#37006e"
701
+ },
702
+ "violet": {
703
+ "normal": "#ffffff",
704
+ "pressed": "#37006e"
705
+ },
706
+ "orange": {
707
+ "normal": "#ffffff",
708
+ "pressed": "#37006e"
709
+ },
710
+ "green": {
711
+ "normal": "#ffffff",
712
+ "pressed": "#ffffff"
713
+ },
714
+ "red": {
715
+ "normal": "#ffffff",
716
+ "pressed": "#ffffff"
717
+ },
718
+ "transparent": "#ffffff"
719
+ },
720
+ "icon": {
721
+ "attention": "#ffffff",
722
+ "stable": "#ffffff",
723
+ "secure": "#ffffff"
724
+ }
669
725
  }
670
726
  }
671
727
  }
@@ -280,6 +280,34 @@
280
280
  },
281
281
  "namelabel": {
282
282
  "normal": "#ffffff80"
283
+ },
284
+ "gradient": {
285
+ "primary": {
286
+ "normal": {
287
+ "0": "#f0f0f0",
288
+ "1": "#ffffff"
289
+ }
290
+ },
291
+ "secondary": {
292
+ "normal": {
293
+ "0": "#fafafa",
294
+ "1": "#ffffff"
295
+ }
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
+ }
283
311
  }
284
312
  },
285
313
  "button": {
@@ -287,7 +315,7 @@
287
315
  "normal": "#000000f2",
288
316
  "hover": "#000000cc",
289
317
  "pressed": "#000000b3",
290
- "disabled": "#00000000"
318
+ "disabled": "#00000033"
291
319
  },
292
320
  "secondary": {
293
321
  "normal": "#00000000",
@@ -413,7 +441,7 @@
413
441
  "cyan": "#22c7d6",
414
442
  "mint": "#30c9b0"
415
443
  },
416
- "Pen": {
444
+ "pen": {
417
445
  "black": "#0f0f0f",
418
446
  "red": "#f55868",
419
447
  "purple": "#c233c4",
@@ -448,6 +476,17 @@
448
476
  "text": {
449
477
  "primary": {
450
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"
451
490
  }
452
491
  }
453
492
  },
@@ -497,6 +536,17 @@
497
536
  "0": "#601e66",
498
537
  "1": "#3b1e21"
499
538
  }
539
+ },
540
+ "join": {
541
+ "animated": {
542
+ "gradient": {
543
+ "normal": {
544
+ "0": "#30c9b0",
545
+ "1": "#64b4fa",
546
+ "2": "#30c9b0"
547
+ }
548
+ }
549
+ }
500
550
  }
501
551
  },
502
552
  "outline": {
@@ -509,6 +559,10 @@
509
559
  },
510
560
  "input": {
511
561
  "normal": "#ffffff80"
562
+ },
563
+ "secondary": {
564
+ "normal": "#00000033",
565
+ "disabled": "#00000033"
512
566
  }
513
567
  },
514
568
  "control": {
@@ -528,9 +582,13 @@
528
582
  "share": {
529
583
  "normal": "#c94403"
530
584
  }
585
+ },
586
+ "solid": {
587
+ "dark": "#1a1a1a",
588
+ "light": "#ffffff"
531
589
  }
532
590
  },
533
- "partner": {
591
+ "content": {
534
592
  "pdf": "#ee0507",
535
593
  "word": "#0078d6",
536
594
  "powerpoint": "#d93e17",
@@ -540,6 +598,48 @@
540
598
  "slides": "#0f9d58",
541
599
  "keynote": "#029cfb",
542
600
  "doc": "#4285f4"
601
+ },
602
+ "touchbar": {
603
+ "background": {
604
+ "blue": {
605
+ "normal": "#1170cf",
606
+ "pressed": "#063a75"
607
+ },
608
+ "pink": {
609
+ "normal": "#d43b52",
610
+ "pressed": "#66262d"
611
+ },
612
+ "mint": {
613
+ "normal": "#148579",
614
+ "pressed": "#12423f"
615
+ },
616
+ "purple": {
617
+ "normal": "#c233c4",
618
+ "pressed": "#601e66"
619
+ },
620
+ "violet": {
621
+ "normal": "#875ae0",
622
+ "pressed": "#432c78"
623
+ },
624
+ "orange": {
625
+ "normal": "#c94403",
626
+ "pressed": "#682601"
627
+ },
628
+ "green": {
629
+ "normal": "#1d805f",
630
+ "pressed": "#134231"
631
+ },
632
+ "red": {
633
+ "normal": "#db1f2e",
634
+ "pressed": "#780d13"
635
+ },
636
+ "transparent": "#00000000"
637
+ },
638
+ "icon": {
639
+ "attention": "#fc8b98",
640
+ "stable": "#27a17a",
641
+ "secure": "#64b4fa"
642
+ }
543
643
  }
544
644
  },
545
645
  "scrollbar": {
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 27 Jun 2024 11:14:10 GMT
5
+ Generated on Mon, 15 Jul 2024 08:58:09 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 Thu, 27 Jun 2024 11:14:11 GMT
5
+ Generated on Mon, 15 Jul 2024 08:58:10 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 Thu, 27 Jun 2024 11:14:11 GMT
5
+ Generated on Mon, 15 Jul 2024 08:58:10 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>