@momentum-design/tokens 0.2.4 → 0.2.6

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 (45) 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 +5 -5
  5. package/dist/css/theme/webex/hc-dark-stable.css +4 -4
  6. package/dist/css/theme/webex/hc-light-stable.css +4 -4
  7. package/dist/css/theme/webex/light-stable.css +5 -5
  8. package/dist/css/typography/complete.css +1 -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/dark-stable.swift +5 -5
  13. package/dist/ios/theme/webex/hc-dark-stable.swift +4 -4
  14. package/dist/ios/theme/webex/hc-light-stable.swift +4 -4
  15. package/dist/ios/theme/webex/light-stable.swift +5 -5
  16. package/dist/ios/typography/complete.swift +1 -1
  17. package/dist/ios-webex/theme/webex/dark-stable.swift +4 -5
  18. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +3 -3
  19. package/dist/ios-webex/theme/webex/hc-light-stable.swift +9 -9
  20. package/dist/ios-webex/theme/webex/light-stable.swift +12 -15
  21. package/dist/json/theme/webex/dark-stable.json +92 -84
  22. package/dist/json/theme/webex/hc-dark-stable.json +77 -69
  23. package/dist/json/theme/webex/hc-light-stable.json +77 -69
  24. package/dist/json/theme/webex/light-stable.json +92 -84
  25. package/dist/json-minimal/theme/webex/dark-stable.json +6 -4
  26. package/dist/json-minimal/theme/webex/hc-dark-stable.json +5 -3
  27. package/dist/json-minimal/theme/webex/hc-light-stable.json +5 -3
  28. package/dist/json-minimal/theme/webex/light-stable.json +6 -4
  29. package/dist/resources/core/complete.xml +1 -1
  30. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  31. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  32. package/dist/resources/theme/webex/dark-stable.xml +5 -5
  33. package/dist/resources/theme/webex/hc-dark-stable.xml +4 -4
  34. package/dist/resources/theme/webex/hc-light-stable.xml +4 -4
  35. package/dist/resources/theme/webex/light-stable.xml +5 -5
  36. package/dist/resources/typography/complete.xml +1 -1
  37. package/dist/scss/core/complete.scss +1 -1
  38. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  39. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  40. package/dist/scss/theme/webex/dark-stable.scss +5 -5
  41. package/dist/scss/theme/webex/hc-dark-stable.scss +4 -4
  42. package/dist/scss/theme/webex/hc-light-stable.scss +4 -4
  43. package/dist/scss/theme/webex/light-stable.scss +5 -5
  44. package/dist/scss/typography/complete.scss +1 -1
  45. package/package.json +1 -1
@@ -10994,80 +10994,88 @@
10994
10994
  }
10995
10995
  },
10996
10996
  "focus": {
10997
- "0": {
10998
- "value": "#000000",
10999
- "type": "color",
11000
- "description": "Used for focus ring effect",
11001
- "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11002
- "isSource": true,
11003
- "original": {
11004
- "value": "{color.highcontrast.black.ButtonFaceColor}",
10997
+ "default": {
10998
+ "0": {
10999
+ "value": "#000000",
11005
11000
  "type": "color",
11006
- "description": "Used for focus ring effect"
11007
- },
11008
- "name": "mds-color-theme-focus-0",
11009
- "attributes": {
11010
- "category": "color",
11011
- "type": "theme",
11012
- "item": "focus",
11013
- "subitem": "0"
11001
+ "description": "Used for focus ring effect",
11002
+ "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11003
+ "isSource": true,
11004
+ "original": {
11005
+ "value": "{color.highcontrast.black.ButtonFaceColor}",
11006
+ "type": "color",
11007
+ "description": "Used for focus ring effect"
11008
+ },
11009
+ "name": "mds-color-theme-focus-default-0",
11010
+ "attributes": {
11011
+ "category": "color",
11012
+ "type": "theme",
11013
+ "item": "focus",
11014
+ "subitem": "default",
11015
+ "state": "0"
11016
+ },
11017
+ "path": [
11018
+ "color",
11019
+ "theme",
11020
+ "focus",
11021
+ "default",
11022
+ "0"
11023
+ ]
11014
11024
  },
11015
- "path": [
11016
- "color",
11017
- "theme",
11018
- "focus",
11019
- "0"
11020
- ]
11021
- },
11022
- "1": {
11023
- "value": "#ffffff",
11024
- "type": "color",
11025
- "description": "Used for focus ring effect",
11026
- "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11027
- "isSource": true,
11028
- "original": {
11029
- "value": "{color.highcontrast.black.ButtonTextColor}",
11025
+ "1": {
11026
+ "value": "#ffffff",
11030
11027
  "type": "color",
11031
- "description": "Used for focus ring effect"
11032
- },
11033
- "name": "mds-color-theme-focus-1",
11034
- "attributes": {
11035
- "category": "color",
11036
- "type": "theme",
11037
- "item": "focus",
11038
- "subitem": "1"
11028
+ "description": "Used for focus ring effect",
11029
+ "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11030
+ "isSource": true,
11031
+ "original": {
11032
+ "value": "{color.highcontrast.black.ButtonTextColor}",
11033
+ "type": "color",
11034
+ "description": "Used for focus ring effect"
11035
+ },
11036
+ "name": "mds-color-theme-focus-default-1",
11037
+ "attributes": {
11038
+ "category": "color",
11039
+ "type": "theme",
11040
+ "item": "focus",
11041
+ "subitem": "default",
11042
+ "state": "1"
11043
+ },
11044
+ "path": [
11045
+ "color",
11046
+ "theme",
11047
+ "focus",
11048
+ "default",
11049
+ "1"
11050
+ ]
11039
11051
  },
11040
- "path": [
11041
- "color",
11042
- "theme",
11043
- "focus",
11044
- "1"
11045
- ]
11046
- },
11047
- "2": {
11048
- "value": "#ffffff",
11049
- "type": "color",
11050
- "description": "Used for focus ring effect",
11051
- "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11052
- "isSource": true,
11053
- "original": {
11054
- "value": "{color.highcontrast.black.ButtonTextColor}",
11052
+ "2": {
11053
+ "value": "#ffffff",
11055
11054
  "type": "color",
11056
- "description": "Used for focus ring effect"
11057
- },
11058
- "name": "mds-color-theme-focus-2",
11059
- "attributes": {
11060
- "category": "color",
11061
- "type": "theme",
11062
- "item": "focus",
11063
- "subitem": "2"
11064
- },
11065
- "path": [
11066
- "color",
11067
- "theme",
11068
- "focus",
11069
- "2"
11070
- ]
11055
+ "description": "Used for focus ring effect",
11056
+ "filePath": "src/theme/stable/highcontrast/hc_dark.json",
11057
+ "isSource": true,
11058
+ "original": {
11059
+ "value": "{color.highcontrast.black.ButtonTextColor}",
11060
+ "type": "color",
11061
+ "description": "Used for focus ring effect"
11062
+ },
11063
+ "name": "mds-color-theme-focus-default-2",
11064
+ "attributes": {
11065
+ "category": "color",
11066
+ "type": "theme",
11067
+ "item": "focus",
11068
+ "subitem": "default",
11069
+ "state": "2"
11070
+ },
11071
+ "path": [
11072
+ "color",
11073
+ "theme",
11074
+ "focus",
11075
+ "default",
11076
+ "2"
11077
+ ]
11078
+ }
11071
11079
  }
11072
11080
  }
11073
11081
  }
@@ -10938,80 +10938,88 @@
10938
10938
  }
10939
10939
  },
10940
10940
  "focus": {
10941
- "0": {
10942
- "value": "#ffffff",
10943
- "type": "color",
10944
- "description": "Used for focus ring effect",
10945
- "filePath": "src/theme/stable/highcontrast/hc_light.json",
10946
- "isSource": true,
10947
- "original": {
10948
- "value": "{color.highcontrast.white.ButtonFaceColor}",
10941
+ "default": {
10942
+ "0": {
10943
+ "value": "#ffffff",
10949
10944
  "type": "color",
10950
- "description": "Used for focus ring effect"
10951
- },
10952
- "name": "mds-color-theme-focus-0",
10953
- "attributes": {
10954
- "category": "color",
10955
- "type": "theme",
10956
- "item": "focus",
10957
- "subitem": "0"
10945
+ "description": "Used for focus ring effect",
10946
+ "filePath": "src/theme/stable/highcontrast/hc_light.json",
10947
+ "isSource": true,
10948
+ "original": {
10949
+ "value": "{color.highcontrast.white.ButtonFaceColor}",
10950
+ "type": "color",
10951
+ "description": "Used for focus ring effect"
10952
+ },
10953
+ "name": "mds-color-theme-focus-default-0",
10954
+ "attributes": {
10955
+ "category": "color",
10956
+ "type": "theme",
10957
+ "item": "focus",
10958
+ "subitem": "default",
10959
+ "state": "0"
10960
+ },
10961
+ "path": [
10962
+ "color",
10963
+ "theme",
10964
+ "focus",
10965
+ "default",
10966
+ "0"
10967
+ ]
10958
10968
  },
10959
- "path": [
10960
- "color",
10961
- "theme",
10962
- "focus",
10963
- "0"
10964
- ]
10965
- },
10966
- "1": {
10967
- "value": "#000000",
10968
- "type": "color",
10969
- "description": "Used for focus ring effect",
10970
- "filePath": "src/theme/stable/highcontrast/hc_light.json",
10971
- "isSource": true,
10972
- "original": {
10973
- "value": "{color.highcontrast.white.ButtonTextColor}",
10969
+ "1": {
10970
+ "value": "#000000",
10974
10971
  "type": "color",
10975
- "description": "Used for focus ring effect"
10976
- },
10977
- "name": "mds-color-theme-focus-1",
10978
- "attributes": {
10979
- "category": "color",
10980
- "type": "theme",
10981
- "item": "focus",
10982
- "subitem": "1"
10972
+ "description": "Used for focus ring effect",
10973
+ "filePath": "src/theme/stable/highcontrast/hc_light.json",
10974
+ "isSource": true,
10975
+ "original": {
10976
+ "value": "{color.highcontrast.white.ButtonTextColor}",
10977
+ "type": "color",
10978
+ "description": "Used for focus ring effect"
10979
+ },
10980
+ "name": "mds-color-theme-focus-default-1",
10981
+ "attributes": {
10982
+ "category": "color",
10983
+ "type": "theme",
10984
+ "item": "focus",
10985
+ "subitem": "default",
10986
+ "state": "1"
10987
+ },
10988
+ "path": [
10989
+ "color",
10990
+ "theme",
10991
+ "focus",
10992
+ "default",
10993
+ "1"
10994
+ ]
10983
10995
  },
10984
- "path": [
10985
- "color",
10986
- "theme",
10987
- "focus",
10988
- "1"
10989
- ]
10990
- },
10991
- "2": {
10992
- "value": "#000000",
10993
- "type": "color",
10994
- "description": "Used for focus ring effect",
10995
- "filePath": "src/theme/stable/highcontrast/hc_light.json",
10996
- "isSource": true,
10997
- "original": {
10998
- "value": "{color.highcontrast.white.ButtonTextColor}",
10996
+ "2": {
10997
+ "value": "#000000",
10999
10998
  "type": "color",
11000
- "description": "Used for focus ring effect"
11001
- },
11002
- "name": "mds-color-theme-focus-2",
11003
- "attributes": {
11004
- "category": "color",
11005
- "type": "theme",
11006
- "item": "focus",
11007
- "subitem": "2"
11008
- },
11009
- "path": [
11010
- "color",
11011
- "theme",
11012
- "focus",
11013
- "2"
11014
- ]
10999
+ "description": "Used for focus ring effect",
11000
+ "filePath": "src/theme/stable/highcontrast/hc_light.json",
11001
+ "isSource": true,
11002
+ "original": {
11003
+ "value": "{color.highcontrast.white.ButtonTextColor}",
11004
+ "type": "color",
11005
+ "description": "Used for focus ring effect"
11006
+ },
11007
+ "name": "mds-color-theme-focus-default-2",
11008
+ "attributes": {
11009
+ "category": "color",
11010
+ "type": "theme",
11011
+ "item": "focus",
11012
+ "subitem": "default",
11013
+ "state": "2"
11014
+ },
11015
+ "path": [
11016
+ "color",
11017
+ "theme",
11018
+ "focus",
11019
+ "default",
11020
+ "2"
11021
+ ]
11022
+ }
11015
11023
  }
11016
11024
  }
11017
11025
  }
@@ -6084,13 +6084,13 @@
6084
6084
  "promotion": {
6085
6085
  "normal": {
6086
6086
  "type": "color",
6087
- "value": "linear-gradient(46deg, #251329 0%, #a12a3a 100%)",
6087
+ "value": "#c233c4",
6088
6088
  "description": "Used for border of promotional banner",
6089
6089
  "filePath": "src/theme/stable/light.json",
6090
6090
  "isSource": true,
6091
6091
  "original": {
6092
6092
  "type": "color",
6093
- "value": "linear-gradient(46deg, {color.decorative.purple.100} 0%, {color.decorative.pink.70} 100%)",
6093
+ "value": "{color.decorative.purple.60}",
6094
6094
  "description": "Used for border of promotional banner"
6095
6095
  },
6096
6096
  "name": "mds-color-theme-outline-promotion-normal",
@@ -11431,76 +11431,63 @@
11431
11431
  }
11432
11432
  },
11433
11433
  "focus": {
11434
- "0": {
11435
- "value": "#ffffff",
11436
- "type": "color",
11437
- "description": "Used for focus ring effect",
11438
- "filePath": "src/theme/stable/light.json",
11439
- "isSource": true,
11440
- "original": {
11441
- "value": "{color.core.white-alpha.100}",
11434
+ "default": {
11435
+ "0": {
11436
+ "value": "#ffffff",
11442
11437
  "type": "color",
11443
- "description": "Used for focus ring effect"
11444
- },
11445
- "name": "mds-color-theme-focus-0",
11446
- "attributes": {
11447
- "category": "color",
11448
- "type": "theme",
11449
- "item": "focus",
11450
- "subitem": "0"
11438
+ "description": "Used for focus ring effect",
11439
+ "filePath": "src/theme/stable/light.json",
11440
+ "isSource": true,
11441
+ "original": {
11442
+ "value": "{color.core.white-alpha.100}",
11443
+ "type": "color",
11444
+ "description": "Used for focus ring effect"
11445
+ },
11446
+ "name": "mds-color-theme-focus-default-0",
11447
+ "attributes": {
11448
+ "category": "color",
11449
+ "type": "theme",
11450
+ "item": "focus",
11451
+ "subitem": "default",
11452
+ "state": "0"
11453
+ },
11454
+ "path": [
11455
+ "color",
11456
+ "theme",
11457
+ "focus",
11458
+ "default",
11459
+ "0"
11460
+ ]
11451
11461
  },
11452
- "path": [
11453
- "color",
11454
- "theme",
11455
- "focus",
11456
- "0"
11457
- ]
11458
- },
11459
- "1": {
11460
- "value": "#1170cf",
11461
- "type": "color",
11462
- "description": "Used for focus ring effect",
11463
- "filePath": "src/theme/stable/light.json",
11464
- "isSource": true,
11465
- "original": {
11466
- "value": "{color.core.blue.60}",
11462
+ "1": {
11463
+ "value": "#1170cf",
11467
11464
  "type": "color",
11468
- "description": "Used for focus ring effect"
11469
- },
11470
- "name": "mds-color-theme-focus-1",
11471
- "attributes": {
11472
- "category": "color",
11473
- "type": "theme",
11474
- "item": "focus",
11475
- "subitem": "1"
11476
- },
11477
- "path": [
11478
- "color",
11479
- "theme",
11480
- "focus",
11481
- "1"
11482
- ]
11483
- },
11484
- "2": {
11485
- "value": "#1170cf59",
11486
- "type": "color",
11487
- "$extensions": {
11488
- "studio.tokens": {
11489
- "modify": {
11490
- "type": "alpha",
11491
- "value": "0.35",
11492
- "space": "lch",
11493
- "filePath": "src/theme/stable/light.json",
11494
- "isSource": true,
11495
- "format": "hex"
11496
- }
11497
- }
11465
+ "description": "Used for focus ring effect",
11466
+ "filePath": "src/theme/stable/light.json",
11467
+ "isSource": true,
11468
+ "original": {
11469
+ "value": "{color.core.blue.60}",
11470
+ "type": "color",
11471
+ "description": "Used for focus ring effect"
11472
+ },
11473
+ "name": "mds-color-theme-focus-default-1",
11474
+ "attributes": {
11475
+ "category": "color",
11476
+ "type": "theme",
11477
+ "item": "focus",
11478
+ "subitem": "default",
11479
+ "state": "1"
11480
+ },
11481
+ "path": [
11482
+ "color",
11483
+ "theme",
11484
+ "focus",
11485
+ "default",
11486
+ "1"
11487
+ ]
11498
11488
  },
11499
- "description": "Used for focus ring effect",
11500
- "filePath": "src/theme/stable/light.json",
11501
- "isSource": true,
11502
- "original": {
11503
- "value": "{color.core.blue.60}",
11489
+ "2": {
11490
+ "value": "#1170cf59",
11504
11491
  "type": "color",
11505
11492
  "$extensions": {
11506
11493
  "studio.tokens": {
@@ -11509,25 +11496,46 @@
11509
11496
  "value": "0.35",
11510
11497
  "space": "lch",
11511
11498
  "filePath": "src/theme/stable/light.json",
11512
- "isSource": true
11499
+ "isSource": true,
11500
+ "format": "hex"
11513
11501
  }
11514
11502
  }
11515
11503
  },
11516
- "description": "Used for focus ring effect"
11517
- },
11518
- "name": "mds-color-theme-focus-2",
11519
- "attributes": {
11520
- "category": "color",
11521
- "type": "theme",
11522
- "item": "focus",
11523
- "subitem": "2"
11524
- },
11525
- "path": [
11526
- "color",
11527
- "theme",
11528
- "focus",
11529
- "2"
11530
- ]
11504
+ "description": "Used for focus ring effect",
11505
+ "filePath": "src/theme/stable/light.json",
11506
+ "isSource": true,
11507
+ "original": {
11508
+ "value": "{color.core.blue.60}",
11509
+ "type": "color",
11510
+ "$extensions": {
11511
+ "studio.tokens": {
11512
+ "modify": {
11513
+ "type": "alpha",
11514
+ "value": "0.35",
11515
+ "space": "lch",
11516
+ "filePath": "src/theme/stable/light.json",
11517
+ "isSource": true
11518
+ }
11519
+ }
11520
+ },
11521
+ "description": "Used for focus ring effect"
11522
+ },
11523
+ "name": "mds-color-theme-focus-default-2",
11524
+ "attributes": {
11525
+ "category": "color",
11526
+ "type": "theme",
11527
+ "item": "focus",
11528
+ "subitem": "default",
11529
+ "state": "2"
11530
+ },
11531
+ "path": [
11532
+ "color",
11533
+ "theme",
11534
+ "focus",
11535
+ "default",
11536
+ "2"
11537
+ ]
11538
+ }
11531
11539
  }
11532
11540
  }
11533
11541
  }
@@ -387,7 +387,7 @@
387
387
  "violet": "#c7a5fa"
388
388
  },
389
389
  "promotion": {
390
- "normal": "linear-gradient(46deg, #c233c4 0%, #d43b52 100%)"
390
+ "normal": "#c233c4"
391
391
  },
392
392
  "gradient": {
393
393
  "active": "linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%)"
@@ -765,9 +765,11 @@
765
765
  "yellow": "#7d4705"
766
766
  },
767
767
  "focus": {
768
- "0": "#000000",
769
- "1": "#64b4fa",
770
- "2": "#64b4fa59"
768
+ "default": {
769
+ "0": "#000000",
770
+ "1": "#64b4fa",
771
+ "2": "#64b4fa59"
772
+ }
771
773
  }
772
774
  }
773
775
  }
@@ -753,9 +753,11 @@
753
753
  }
754
754
  },
755
755
  "focus": {
756
- "0": "#000000",
757
- "1": "#ffffff",
758
- "2": "#ffffff"
756
+ "default": {
757
+ "0": "#000000",
758
+ "1": "#ffffff",
759
+ "2": "#ffffff"
760
+ }
759
761
  }
760
762
  }
761
763
  }
@@ -753,9 +753,11 @@
753
753
  }
754
754
  },
755
755
  "focus": {
756
- "0": "#ffffff",
757
- "1": "#000000",
758
- "2": "#000000"
756
+ "default": {
757
+ "0": "#ffffff",
758
+ "1": "#000000",
759
+ "2": "#000000"
760
+ }
759
761
  }
760
762
  }
761
763
  }
@@ -387,7 +387,7 @@
387
387
  "violet": "#c7a5fa"
388
388
  },
389
389
  "promotion": {
390
- "normal": "linear-gradient(46deg, #251329 0%, #a12a3a 100%)"
390
+ "normal": "#c233c4"
391
391
  },
392
392
  "gradient": {
393
393
  "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%)"
@@ -762,9 +762,11 @@
762
762
  }
763
763
  },
764
764
  "focus": {
765
- "0": "#ffffff",
766
- "1": "#1170cf",
767
- "2": "#1170cf59"
765
+ "default": {
766
+ "0": "#ffffff",
767
+ "1": "#1170cf",
768
+ "2": "#1170cf59"
769
+ }
768
770
  }
769
771
  }
770
772
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 04 Nov 2024 17:01:40 GMT
5
+ Generated on Mon, 11 Nov 2024 10:56:23 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 Mon, 04 Nov 2024 17:01:41 GMT
5
+ Generated on Mon, 11 Nov 2024 10:56:25 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 Mon, 04 Nov 2024 17:01:41 GMT
5
+ Generated on Mon, 11 Nov 2024 10:56:25 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>