@momentum-design/tokens 0.0.37 → 0.0.39

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 (49) hide show
  1. package/dist/css/core/complete.css +30 -13
  2. package/dist/css/theme/aaos/day-complete.css +48 -0
  3. package/dist/css/theme/aaos/night-complete.css +48 -0
  4. package/dist/css/theme/webex/common-stable.css +2 -2
  5. package/dist/css/theme/webex/dark-complete.css +86 -78
  6. package/dist/css/theme/webex/dark-stable.css +3 -3
  7. package/dist/css/theme/webex/light-complete.css +86 -78
  8. package/dist/css/theme/webex/light-stable.css +4 -4
  9. package/dist/ios/core/complete.swift +30 -13
  10. package/dist/ios/theme/aaos/day-complete.swift +54 -0
  11. package/dist/ios/theme/aaos/night-complete.swift +54 -0
  12. package/dist/ios/theme/webex/common-stable.swift +2 -2
  13. package/dist/ios/theme/webex/dark-complete.swift +86 -78
  14. package/dist/ios/theme/webex/dark-stable.swift +3 -3
  15. package/dist/ios/theme/webex/light-complete.swift +86 -78
  16. package/dist/ios/theme/webex/light-stable.swift +4 -4
  17. package/dist/json/core/complete.json +661 -236
  18. package/dist/json/theme/aaos/day-complete.json +1231 -0
  19. package/dist/json/theme/aaos/night-complete.json +1231 -0
  20. package/dist/json/theme/webex/common-stable.json +69 -69
  21. package/dist/json/theme/webex/dark-complete.json +678 -453
  22. package/dist/json/theme/webex/dark-stable.json +356 -356
  23. package/dist/json/theme/webex/light-complete.json +700 -475
  24. package/dist/json/theme/webex/light-stable.json +360 -360
  25. package/dist/json-minimal/core/complete.json +36 -19
  26. package/dist/json-minimal/theme/aaos/day-complete.json +137 -0
  27. package/dist/json-minimal/theme/aaos/night-complete.json +137 -0
  28. package/dist/json-minimal/theme/webex/common-stable.json +1 -1
  29. package/dist/json-minimal/theme/webex/dark-complete.json +88 -72
  30. package/dist/json-minimal/theme/webex/dark-stable.json +2 -2
  31. package/dist/json-minimal/theme/webex/light-complete.json +90 -74
  32. package/dist/json-minimal/theme/webex/light-stable.json +3 -3
  33. package/dist/resources/core/complete.xml +30 -13
  34. package/dist/resources/theme/aaos/day-complete.xml +50 -0
  35. package/dist/resources/theme/aaos/night-complete.xml +50 -0
  36. package/dist/resources/theme/webex/common-stable.xml +2 -2
  37. package/dist/resources/theme/webex/dark-complete.xml +86 -78
  38. package/dist/resources/theme/webex/dark-stable.xml +3 -3
  39. package/dist/resources/theme/webex/light-complete.xml +86 -78
  40. package/dist/resources/theme/webex/light-stable.xml +4 -4
  41. package/dist/scss/core/complete.scss +30 -13
  42. package/dist/scss/theme/aaos/day-complete.scss +45 -0
  43. package/dist/scss/theme/aaos/night-complete.scss +45 -0
  44. package/dist/scss/theme/webex/common-stable.scss +2 -2
  45. package/dist/scss/theme/webex/dark-complete.scss +87 -79
  46. package/dist/scss/theme/webex/dark-stable.scss +3 -3
  47. package/dist/scss/theme/webex/light-complete.scss +87 -79
  48. package/dist/scss/theme/webex/light-stable.scss +4 -4
  49. package/package.json +1 -1
package/dist/scss/core/complete.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 21 Mar 2023 16:07:53 GMT
3
+ // Generated on Fri, 16 Jun 2023 12:26:29 GMT
4
4
 
5
5
  $mds-border-radius-core-none: 0px;
6
6
  $mds-border-radius-core-small: 4px;
@@ -11,20 +11,28 @@ $mds-border-width-core-none: 0px;
11
11
  $mds-border-width-core-small: 1px;
12
12
  $mds-border-width-core-medium: 2px;
13
13
  $mds-border-width-core-large: 3px;
14
+ $mds-color-core-white-alpha-0: #ffffff00;
15
+ $mds-color-core-white-alpha-5: #ffffff0d;
16
+ $mds-color-core-white-alpha-7: #ffffff12;
14
17
  $mds-color-core-white-alpha-11: #ffffff1c;
15
18
  $mds-color-core-white-alpha-20: #ffffff33;
19
+ $mds-color-core-white-alpha-24: #ffffff3d;
16
20
  $mds-color-core-white-alpha-30: #ffffff4d;
17
21
  $mds-color-core-white-alpha-40: #ffffff66;
22
+ $mds-color-core-white-alpha-46: #ffffff75;
18
23
  $mds-color-core-white-alpha-50: #ffffff80;
24
+ $mds-color-core-white-alpha-56: #ffffff8F;
19
25
  $mds-color-core-white-alpha-60: #ffffff99;
20
26
  $mds-color-core-white-alpha-70: #ffffffb3;
27
+ $mds-color-core-white-alpha-72: #ffffffB8;
21
28
  $mds-color-core-white-alpha-80: #ffffffcc;
29
+ $mds-color-core-white-alpha-88: #ffffffE0;
22
30
  $mds-color-core-white-alpha-90: #ffffffe6;
23
31
  $mds-color-core-white-alpha-95: #fffffff2;
24
32
  $mds-color-core-white-alpha-100: #ffffff;
25
- $mds-color-core-white-alpha-00: #ffffff00;
26
- $mds-color-core-white-alpha-05: #ffffff0d;
27
- $mds-color-core-white-alpha-07: #ffffff12;
33
+ $mds-color-core-black-alpha-0: #00000000;
34
+ $mds-color-core-black-alpha-4: #000000A;
35
+ $mds-color-core-black-alpha-7: #0000012;
28
36
  $mds-color-core-black-alpha-11: #0000001c;
29
37
  $mds-color-core-black-alpha-20: #00000033;
30
38
  $mds-color-core-black-alpha-30: #0000004d;
@@ -32,25 +40,35 @@ $mds-color-core-black-alpha-40: #00000066;
32
40
  $mds-color-core-black-alpha-50: #00000080;
33
41
  $mds-color-core-black-alpha-60: #00000099;
34
42
  $mds-color-core-black-alpha-70: #000000b3;
43
+ $mds-color-core-black-alpha-78: #000000C7;
35
44
  $mds-color-core-black-alpha-80: #000000cc;
45
+ $mds-color-core-black-alpha-84: #000000D6;
46
+ $mds-color-core-black-alpha-88: #000000e0;
36
47
  $mds-color-core-black-alpha-90: #000000e6;
37
48
  $mds-color-core-black-alpha-95: #000000f2;
38
49
  $mds-color-core-black-alpha-100: #000000;
39
- $mds-color-core-black-alpha-00: #00000000;
40
- $mds-color-core-black-alpha-04: #0000000a;
41
- $mds-color-core-black-alpha-07: #00000012;
50
+ $mds-color-core-gray-5: #f7f7f7;
42
51
  $mds-color-core-gray-10: #ededed;
43
52
  $mds-color-core-gray-20: #dedede;
44
53
  $mds-color-core-gray-30: #c9c9c9;
45
54
  $mds-color-core-gray-40: #adadad;
46
55
  $mds-color-core-gray-50: #8f8f8f;
56
+ $mds-color-core-gray-55: #80868B;
47
57
  $mds-color-core-gray-60: #707070;
48
58
  $mds-color-core-gray-70: #545454;
59
+ $mds-color-core-gray-71: #5F6368;
60
+ $mds-color-core-gray-75: #3C4043;
49
61
  $mds-color-core-gray-80: #3b3b3b;
62
+ $mds-color-core-gray-85: #2E3134;
63
+ $mds-color-core-gray-86: #282A2D;
50
64
  $mds-color-core-gray-90: #262626;
65
+ $mds-color-core-gray-91: #202124;
66
+ $mds-color-core-gray-93: #17181B;
51
67
  $mds-color-core-gray-95: #1a1a1a;
68
+ $mds-color-core-gray-96: #0E1013;
52
69
  $mds-color-core-gray-100: #0f0f0f;
53
- $mds-color-core-gray-05: #f7f7f7;
70
+ $mds-color-core-gray-110: #000000;
71
+ $mds-color-core-blue-5: #edf8ff;
54
72
  $mds-color-core-blue-10: #dbf0ff;
55
73
  $mds-color-core-blue-20: #bfe3ff;
56
74
  $mds-color-core-blue-30: #96d0ff;
@@ -62,7 +80,7 @@ $mds-color-core-blue-80: #063a75;
62
80
  $mds-color-core-blue-90: #0a274a;
63
81
  $mds-color-core-blue-95: #091a30;
64
82
  $mds-color-core-blue-100: #07101c;
65
- $mds-color-core-blue-05: #edf8ff;
83
+ $mds-color-core-green-5: #edf7f5;
66
84
  $mds-color-core-green-10: #cef5eb;
67
85
  $mds-color-core-green-20: #9fedd8;
68
86
  $mds-color-core-green-30: #68debd;
@@ -74,7 +92,7 @@ $mds-color-core-green-80: #134231;
74
92
  $mds-color-core-green-90: #0e2b20;
75
93
  $mds-color-core-green-95: #0a1c15;
76
94
  $mds-color-core-green-100: #07120d;
77
- $mds-color-core-green-05: #edf7f5;
95
+ $mds-color-core-red-5: #fff5f6;
78
96
  $mds-color-core-red-10: #ffe8ea;
79
97
  $mds-color-core-red-20: #ffd4da;
80
98
  $mds-color-core-red-30: #ffb8c1;
@@ -86,7 +104,7 @@ $mds-color-core-red-80: #780d13;
86
104
  $mds-color-core-red-90: #4f0e10;
87
105
  $mds-color-core-red-95: #330d0e;
88
106
  $mds-color-core-red-100: #1f0a0a;
89
- $mds-color-core-red-05: #fff5f6;
107
+ $mds-color-core-yellow-5: #fff6e3;
90
108
  $mds-color-core-yellow-10: #ffebc2;
91
109
  $mds-color-core-yellow-20: #ffda94;
92
110
  $mds-color-core-yellow-30: #ffbe4f;
@@ -98,7 +116,7 @@ $mds-color-core-yellow-80: #57330a;
98
116
  $mds-color-core-yellow-90: #36220c;
99
117
  $mds-color-core-yellow-95: #24180b;
100
118
  $mds-color-core-yellow-100: #140e08;
101
- $mds-color-core-yellow-05: #fff6e3;
119
+ $mds-color-core-orange-5: #FEF3E8;
102
120
  $mds-color-core-orange-10: #FEEBD7;
103
121
  $mds-color-core-orange-20: #FED5AC;
104
122
  $mds-color-core-orange-30: #FEBA7F;
@@ -110,7 +128,6 @@ $mds-color-core-orange-80: #682601;
110
128
  $mds-color-core-orange-90: #411B04;
111
129
  $mds-color-core-orange-95: #291303;
112
130
  $mds-color-core-orange-100: #170B02;
113
- $mds-color-core-orange-05: #FEF3E8;
114
131
  $mds-color-decorative-gold-10: #f7f6dc;
115
132
  $mds-color-decorative-gold-20: #f5eaa2;
116
133
  $mds-color-decorative-gold-30: #ebd460;
package/dist/scss/theme/aaos/day-complete.scss ADDED
@@ -0,0 +1,45 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Fri, 16 Jun 2023 12:26:30 GMT
4
+
5
+ $mds-color-theme-bg-primary: #000000;
6
+ $mds-color-theme-content-text-contrast-neutral-primary: #000000;
7
+ $mds-color-theme-content-text-positive-default: #27a17a;
8
+ $mds-color-theme-content-text-negative-default: #f55868;
9
+ $mds-color-theme-content-text-warning-default: #f2990a;
10
+ $mds-color-theme-content-text-accent-default: #3492eb;
11
+ $mds-color-theme-content-text-notice-default: #EC6400;
12
+ $mds-color-theme-content-text-neutral-primary: #ffffff;
13
+ $mds-color-theme-content-text-neutral-secondary: #ffffffB8;
14
+ $mds-color-theme-content-text-neutral-disabled: #ffffff8F;
15
+ $mds-color-theme-content-btn-neutral-secondary-default: #ffffff00;
16
+ $mds-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
17
+ $mds-color-theme-content-btn-neutral-primary-default: #ffffff;
18
+ $mds-color-theme-content-btn-neutral-primary-disabled: #ffffff8F;
19
+ $mds-color-theme-content-btn-positive-default: #27a17a;
20
+ $mds-color-theme-content-btn-negative-default: #f55868;
21
+ $mds-color-theme-content-btn-accent-default: #64b4fa;
22
+ $mds-color-theme-content-indicator-neutral-0: #8f8f8f;
23
+ $mds-color-theme-content-indicator-positive-0: #27a17a;
24
+ $mds-color-theme-content-indicator-negative-0: #f55868;
25
+ $mds-color-theme-content-indicator-warning-0: #f2990a;
26
+ $mds-color-theme-content-indicator-accent-0: #3492eb;
27
+ $mds-color-theme-content-indicator-notice-0: #EC6400;
28
+ $mds-color-theme-content-control-neutral-default: #ffffff66;
29
+ $mds-color-theme-content-control-neutral-slider-disabled: #ffffff1c;
30
+ $mds-color-theme-content-control-accent-active-default: #3492eb;
31
+ $mds-color-theme-content-illustration-default: #ffffff;
32
+ $mds-color-theme-border-positive-0: #27a17a;
33
+ $mds-color-theme-border-negative-0: #f55868;
34
+ $mds-color-theme-border-accent-0: #3492eb;
35
+ $mds-color-theme-border-warning-0: #f2990a;
36
+ $mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
37
+ $mds-color-theme-border-neutral-0: #ffffff75;
38
+ $mds-color-theme-border-neutral-1: #ffffff3d;
39
+ $mds-color-theme-border-neutral-2: #ffffff80;
40
+ $mds-color-theme-surface-neutral-0-default: #17181B;
41
+ $mds-color-theme-surface-neutral-1-default: #202124;
42
+ $mds-color-theme-surface-neutral-2-default: #282A2D;
43
+ $mds-color-theme-overlay-0: #000000D6;
44
+ $mds-color-theme-overlay-1: #000000C7;
45
+ $mds-color-theme-overlay-2: #00000099;
package/dist/scss/theme/aaos/night-complete.scss ADDED
@@ -0,0 +1,45 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Fri, 16 Jun 2023 12:26:30 GMT
4
+
5
+ $mds-color-theme-bg-primary: #000000;
6
+ $mds-color-theme-content-text-contrast-neutral-primary: #000000;
7
+ $mds-color-theme-content-text-positive-default: #27a17a;
8
+ $mds-color-theme-content-text-negative-default: #f55868;
9
+ $mds-color-theme-content-text-warning-default: #f2990a;
10
+ $mds-color-theme-content-text-accent-default: #3492eb;
11
+ $mds-color-theme-content-text-notice-default: #EC6400;
12
+ $mds-color-theme-content-text-neutral-primary: #ffffffE0;
13
+ $mds-color-theme-content-text-neutral-secondary: #ffffff99;
14
+ $mds-color-theme-content-text-neutral-disabled: #ffffff80;
15
+ $mds-color-theme-content-btn-neutral-secondary-default: #ffffff00;
16
+ $mds-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
17
+ $mds-color-theme-content-btn-neutral-primary-default: #ffffffE0;
18
+ $mds-color-theme-content-btn-neutral-primary-disabled: #ffffff80;
19
+ $mds-color-theme-content-btn-positive-default: #27a17a;
20
+ $mds-color-theme-content-btn-negative-default: #f55868;
21
+ $mds-color-theme-content-btn-accent-default: #64b4fa;
22
+ $mds-color-theme-content-indicator-neutral-0: #8f8f8f;
23
+ $mds-color-theme-content-indicator-positive-0: #27a17a;
24
+ $mds-color-theme-content-indicator-negative-0: #f55868;
25
+ $mds-color-theme-content-indicator-warning-0: #f2990a;
26
+ $mds-color-theme-content-indicator-accent-0: #3492eb;
27
+ $mds-color-theme-content-indicator-notice-0: #EC6400;
28
+ $mds-color-theme-content-control-neutral-default: #ffffff66;
29
+ $mds-color-theme-content-control-neutral-slider-disabled: #ffffff1c;
30
+ $mds-color-theme-content-control-accent-active-default: #3492eb;
31
+ $mds-color-theme-content-illustration-default: #ffffffE0;
32
+ $mds-color-theme-border-positive-0: #27a17a;
33
+ $mds-color-theme-border-negative-0: #f55868;
34
+ $mds-color-theme-border-accent-0: #3492eb;
35
+ $mds-color-theme-border-warning-0: #f2990a;
36
+ $mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
37
+ $mds-color-theme-border-neutral-0: #ffffff66;
38
+ $mds-color-theme-border-neutral-1: #ffffff33;
39
+ $mds-color-theme-border-neutral-2: #ffffff8F;
40
+ $mds-color-theme-surface-neutral-0-default: #0E1013;
41
+ $mds-color-theme-surface-neutral-1-default: #17181B;
42
+ $mds-color-theme-surface-neutral-2-default: #202124;
43
+ $mds-color-theme-overlay-0: #000000e0;
44
+ $mds-color-theme-overlay-1: #000000D6;
45
+ $mds-color-theme-overlay-2: #000000b3;
package/dist/scss/theme/webex/common-stable.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 21 Mar 2023 16:07:54 GMT
3
+ // Generated on Fri, 16 Jun 2023 12:26:29 GMT
4
4
 
5
5
  $mds-color-theme-common-text-white: #fffffff2;
6
6
  $mds-color-theme-common-text-gray: #ffffffb3;
@@ -26,7 +26,7 @@ $mds-color-theme-common-button-secondary-active-normal: #ffffff33;
26
26
  $mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
27
27
  $mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
28
28
  $mds-color-theme-common-button-secondary-dark-normal: #00000000;
29
- $mds-color-theme-common-button-secondary-dark-hover: #00000012;
29
+ $mds-color-theme-common-button-secondary-dark-hover: #0000012;
30
30
  $mds-color-theme-common-button-secondary-dark-pressed: #00000033;
31
31
  $mds-color-theme-common-button-secondary-dark-disabled: #00000000;
32
32
  $mds-color-theme-common-button-join-animated-gradient-normal-0: #30c9b0;
package/dist/scss/theme/webex/dark-complete.scss CHANGED
@@ -1,22 +1,22 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 21 Mar 2023 16:07:54 GMT
3
+ // Generated on Fri, 16 Jun 2023 12:26:29 GMT
4
4
 
5
5
  $mds-color-theme-bg-primary: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
6
6
  $mds-color-theme-bg-secondary: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
7
7
  $mds-color-theme-bg-mob-primary: #000000;
8
8
  $mds-color-theme-bg-mob-secondary: #1a1a1a;
9
- $mds-color-theme-surface-neutral-00-default: #ffffff00;
10
- $mds-color-theme-surface-neutral-00-hover: #ffffff12;
11
- $mds-color-theme-surface-neutral-00-active: #ffffff1c;
12
- $mds-color-theme-surface-neutral-00-disabled: #ffffff1c;
13
- $mds-color-theme-surface-neutral-01-default: #ffffff1c;
14
- $mds-color-theme-surface-neutral-01-hover: #ffffff33;
15
- $mds-color-theme-surface-neutral-01-active: #ffffff1c;
16
- $mds-color-theme-surface-neutral-01-disabled: #ffffff1c;
17
- $mds-color-theme-surface-neutral-02-primary: #262626;
18
- $mds-color-theme-surface-neutral-02-secondary: #1a1a1a;
19
- $mds-color-theme-surface-neutral-02-tertiary: #000000;
9
+ $mds-color-theme-surface-neutral-0-default: #ffffff00;
10
+ $mds-color-theme-surface-neutral-0-hover: #ffffff12;
11
+ $mds-color-theme-surface-neutral-0-active: #ffffff1c;
12
+ $mds-color-theme-surface-neutral-0-disabled: #ffffff1c;
13
+ $mds-color-theme-surface-neutral-1-default: #ffffff1c;
14
+ $mds-color-theme-surface-neutral-1-hover: #ffffff33;
15
+ $mds-color-theme-surface-neutral-1-active: #ffffff1c;
16
+ $mds-color-theme-surface-neutral-1-disabled: #ffffff1c;
17
+ $mds-color-theme-surface-neutral-2-tertiary: #262626;
18
+ $mds-color-theme-surface-neutral-2-secondary: #1a1a1a;
19
+ $mds-color-theme-surface-neutral-2-primary: #000000;
20
20
  $mds-color-theme-surface-positive-default: #0e2b20;
21
21
  $mds-color-theme-surface-positive-active: #134231;
22
22
  $mds-color-theme-surface-negative-default: #780d13;
@@ -25,17 +25,23 @@ $mds-color-theme-surface-warning-default: #36220c;
25
25
  $mds-color-theme-surface-accent-default: #0a274a;
26
26
  $mds-color-theme-surface-accent-mobile-default: #3492eb;
27
27
  $mds-color-theme-surface-accent-mobile-pressed: #1170cf;
28
+ $mds-color-theme-surface-gradient-0: linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%);
29
+ $mds-color-theme-surface-gradient-1: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
30
+ $mds-color-theme-surface-contrast-neutral-0: #ffffff;
28
31
  $mds-color-theme-content-text-neutral-primary: #fffffff2;
29
32
  $mds-color-theme-content-text-neutral-secondary: #ffffffb3;
30
- $mds-color-theme-content-text-neutral-disabled: #ffffff66;
33
+ $mds-color-theme-content-text-neutral-disabled: #ffffff33;
31
34
  $mds-color-theme-content-text-neutral-teams-default: #ffffffb3;
32
35
  $mds-color-theme-content-text-neutral-teams-active: #fffffff2;
33
36
  $mds-color-theme-content-text-contrast-neutral-primary: #000000f2;
34
37
  $mds-color-theme-content-text-contrast-neutral-secondary: #00000099;
35
- $mds-color-theme-content-text-contrast-neutral-disabled: #00000066;
36
- $mds-color-theme-content-text-positve-active: #9fedd8;
37
- $mds-color-theme-content-text-positve-hover: #9fedd8;
38
- $mds-color-theme-content-text-positve-default: #3cc29a;
38
+ $mds-color-theme-content-text-contrast-neutral-disabled: #00000033;
39
+ $mds-color-theme-content-text-contrast-accent-default: #0353a8;
40
+ $mds-color-theme-content-text-contrast-accent-hover: #0a274a;
41
+ $mds-color-theme-content-text-contrast-accent-active: #0a274a;
42
+ $mds-color-theme-content-text-positive-active: #9fedd8;
43
+ $mds-color-theme-content-text-positive-hover: #9fedd8;
44
+ $mds-color-theme-content-text-positive-default: #3cc29a;
39
45
  $mds-color-theme-content-text-negative-active: #ffd4da;
40
46
  $mds-color-theme-content-text-negative-hover: #ffd4da;
41
47
  $mds-color-theme-content-text-negative-default: #fc8b98;
@@ -88,58 +94,59 @@ $mds-color-theme-content-btn-negative-pressed: #780d13;
88
94
  $mds-color-theme-content-btn-accent-default: #1170cf;
89
95
  $mds-color-theme-content-btn-accent-hover: #0353a8;
90
96
  $mds-color-theme-content-btn-accent-pressed: #063a75;
91
- $mds-color-theme-content-indicator-neutral-00: #8f8f8f;
92
- $mds-color-theme-content-indicator-neutral-01: #3b3b3b;
93
- $mds-color-theme-content-indicator-neutral-02: #262626;
94
- $mds-color-theme-content-indicator-neutral-03: #1a1a1a;
95
- $mds-color-theme-content-indicator-neutral-04: #ffffff;
96
- $mds-color-theme-content-indicator-positive-00: #27a17a;
97
- $mds-color-theme-content-indicator-negative-00: #f55868;
98
- $mds-color-theme-content-indicator-negative-01: #780d13;
99
- $mds-color-theme-content-indicator-negative-02: #4f0e10;
100
- $mds-color-theme-content-indicator-warning-00: #cf7900;
101
- $mds-color-theme-content-indicator-warning-01: #57330a;
102
- $mds-color-theme-content-indicator-warning-02: #36220c;
103
- $mds-color-theme-content-indicator-accent-00: #3492eb;
104
- $mds-color-theme-content-indicator-accent-01: #1170cf;
105
- $mds-color-theme-content-indicator-accent-02: #063a75;
106
- $mds-color-theme-content-indicator-accent-03: #0a274a;
107
- $mds-color-theme-content-indicator-notice-00: #EC6400;
108
- $mds-color-theme-content-indicator-notice-01: #9C3202;
109
- $mds-color-theme-content-indicator-notice-02: #682601;
110
- $mds-color-theme-content-indicator-notice-03: #411B04;
111
- $mds-color-theme-content-indicator-decorative-gold-01: #735107;
112
- $mds-color-theme-content-indicator-decorative-gold-02: #4d370c;
113
- $mds-color-theme-content-indicator-decorative-gold-03: #30240d;
114
- $mds-color-theme-content-indicator-decorative-lime-01: #416116;
115
- $mds-color-theme-content-indicator-decorative-lime-02: #2d4214;
116
- $mds-color-theme-content-indicator-decorative-lime-03: #1e2b10;
117
- $mds-color-theme-content-indicator-decorative-mint-01: #12615a;
118
- $mds-color-theme-content-indicator-decorative-mint-02: #12423f;
119
- $mds-color-theme-content-indicator-decorative-mint-03: #102b2a;
120
- $mds-color-theme-content-indicator-decorative-cobalt-01: #08599c;
121
- $mds-color-theme-content-indicator-decorative-cobalt-02: #103c63;
122
- $mds-color-theme-content-indicator-decorative-cobalt-03: #12283d;
123
- $mds-color-theme-content-indicator-decorative-slate-01: #535573;
124
- $mds-color-theme-content-indicator-decorative-slate-02: #393a47;
125
- $mds-color-theme-content-indicator-decorative-slate-03: #26262b;
126
- $mds-color-theme-content-indicator-decorative-violet-01: #643abd;
127
- $mds-color-theme-content-indicator-decorative-violet-02: #432c78;
128
- $mds-color-theme-content-indicator-decorative-violet-03: #29223d;
129
- $mds-color-theme-content-indicator-decorative-purple-01: #932099;
130
- $mds-color-theme-content-indicator-decorative-purple-02: #601e66;
131
- $mds-color-theme-content-indicator-decorative-purple-03: #3b1840;
132
- $mds-color-theme-content-indicator-decorative-pink-01: #a12a3a;
133
- $mds-color-theme-content-indicator-decorative-pink-02: #66262d;
134
- $mds-color-theme-content-indicator-decorative-pink-03: #3b1e21;
135
- $mds-color-theme-content-control-neutral-inactive-default: #ffffff33;
136
- $mds-color-theme-content-control-neutral-inactive-hover: #ffffff4d;
137
- $mds-color-theme-content-control-neutral-inactive-pressed: #ffffff66;
138
- $mds-color-theme-content-control-neutral-inactive-disabled: #ffffff1c;
139
- $mds-color-theme-content-control-accent-active-default: #64b4fa;
140
- $mds-color-theme-content-control-accent-active-hover: #3492eb;
141
- $mds-color-theme-content-control-accent-active-pressed: #1170cf;
142
- $mds-color-theme-content-control-accent-active-disabled: #063a75;
97
+ $mds-color-theme-content-indicator-neutral-0: #8f8f8f;
98
+ $mds-color-theme-content-indicator-neutral-1: #545454;
99
+ $mds-color-theme-content-indicator-neutral-2: #3b3b3b;
100
+ $mds-color-theme-content-indicator-neutral-3: #262626;
101
+ $mds-color-theme-content-indicator-neutral-4: #1a1a1a;
102
+ $mds-color-theme-content-indicator-neutral-5: #000000;
103
+ $mds-color-theme-content-indicator-positive-0: #27a17a;
104
+ $mds-color-theme-content-indicator-negative-0: #f55868;
105
+ $mds-color-theme-content-indicator-negative-1: #780d13;
106
+ $mds-color-theme-content-indicator-negative-2: #4f0e10;
107
+ $mds-color-theme-content-indicator-warning-0: #cf7900;
108
+ $mds-color-theme-content-indicator-warning-1: #57330a;
109
+ $mds-color-theme-content-indicator-warning-2: #36220c;
110
+ $mds-color-theme-content-indicator-accent-0: #3492eb;
111
+ $mds-color-theme-content-indicator-accent-1: #1170cf;
112
+ $mds-color-theme-content-indicator-accent-2: #063a75;
113
+ $mds-color-theme-content-indicator-accent-3: #0a274a;
114
+ $mds-color-theme-content-indicator-notice-0: #EC6400;
115
+ $mds-color-theme-content-indicator-notice-1: #9C3202;
116
+ $mds-color-theme-content-indicator-notice-2: #682601;
117
+ $mds-color-theme-content-indicator-notice-3: #411B04;
118
+ $mds-color-theme-content-indicator-decorative-gold-1: #735107;
119
+ $mds-color-theme-content-indicator-decorative-gold-2: #4d370c;
120
+ $mds-color-theme-content-indicator-decorative-gold-3: #30240d;
121
+ $mds-color-theme-content-indicator-decorative-lime-1: #416116;
122
+ $mds-color-theme-content-indicator-decorative-lime-2: #2d4214;
123
+ $mds-color-theme-content-indicator-decorative-lime-3: #1e2b10;
124
+ $mds-color-theme-content-indicator-decorative-mint-1: #12615a;
125
+ $mds-color-theme-content-indicator-decorative-mint-2: #12423f;
126
+ $mds-color-theme-content-indicator-decorative-mint-3: #102b2a;
127
+ $mds-color-theme-content-indicator-decorative-cobalt-1: #08599c;
128
+ $mds-color-theme-content-indicator-decorative-cobalt-2: #103c63;
129
+ $mds-color-theme-content-indicator-decorative-cobalt-3: #12283d;
130
+ $mds-color-theme-content-indicator-decorative-slate-1: #535573;
131
+ $mds-color-theme-content-indicator-decorative-slate-2: #393a47;
132
+ $mds-color-theme-content-indicator-decorative-slate-3: #26262b;
133
+ $mds-color-theme-content-indicator-decorative-violet-1: #643abd;
134
+ $mds-color-theme-content-indicator-decorative-violet-2: #432c78;
135
+ $mds-color-theme-content-indicator-decorative-violet-3: #29223d;
136
+ $mds-color-theme-content-indicator-decorative-purple-1: #932099;
137
+ $mds-color-theme-content-indicator-decorative-purple-2: #601e66;
138
+ $mds-color-theme-content-indicator-decorative-purple-3: #3b1840;
139
+ $mds-color-theme-content-indicator-decorative-pink-1: #a12a3a;
140
+ $mds-color-theme-content-indicator-decorative-pink-2: #66262d;
141
+ $mds-color-theme-content-indicator-decorative-pink-3: #3b1e21;
142
+ $mds-color-theme-content-control-neutral-default: #ffffff33;
143
+ $mds-color-theme-content-control-neutral-hover: #ffffff4d;
144
+ $mds-color-theme-content-control-neutral-pressed: #ffffff66;
145
+ $mds-color-theme-content-control-neutral-disabled: #ffffff33;
146
+ $mds-color-theme-content-control-neutral-slider-disabled: #707070;
147
+ $mds-color-theme-content-control-accent-default: #64b4fa;
148
+ $mds-color-theme-content-control-accent-hover: #3492eb;
149
+ $mds-color-theme-content-control-accent-pressed: #1170cf;
143
150
  $mds-color-theme-content-scrollbar-thumb-default: #ffffff33;
144
151
  $mds-color-theme-content-scrollbar-thumb-hover: #ffffff4d;
145
152
  $mds-color-theme-content-scrollbar-thumb-pressed: #ffffff66;
@@ -147,15 +154,15 @@ $mds-color-theme-content-scrollbar-bg-default: #ffffff00;
147
154
  $mds-color-theme-content-scrollbar-bg-hover: #ffffff1c;
148
155
  $mds-color-theme-content-scrollbar-bg-pressed: #ffffff33;
149
156
  $mds-color-theme-content-illustration-default: #ffffff;
150
- $mds-color-theme-border-neutral-00: #ffffff33;
151
- $mds-color-theme-border-neutral-01: #ffffff4d;
152
- $mds-color-theme-border-neutral-02: #ffffff66;
153
- $mds-color-theme-border-neutral-03: #ffffff80;
154
- $mds-color-theme-border-neutral-04: #ffffffe6;
155
- $mds-color-theme-border-positive-00: #3cc29a;
156
- $mds-color-theme-border-negative-00: #fc8b98;
157
- $mds-color-theme-border-accent-00: #64b4fa;
158
- $mds-color-theme-border-notice-00: #FD884E;
157
+ $mds-color-theme-border-neutral-0: #ffffff33;
158
+ $mds-color-theme-border-neutral-1: #ffffff4d;
159
+ $mds-color-theme-border-neutral-2: #ffffff66;
160
+ $mds-color-theme-border-neutral-3: #ffffff80;
161
+ $mds-color-theme-border-neutral-4: #ffffffe6;
162
+ $mds-color-theme-border-positive-0: #3cc29a;
163
+ $mds-color-theme-border-negative-0: #fc8b98;
164
+ $mds-color-theme-border-accent-0: #64b4fa;
165
+ $mds-color-theme-border-notice-0: #FD884E;
159
166
  $mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
160
167
  $mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
161
168
  $mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
@@ -164,4 +171,5 @@ $mds-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90de
164
171
  $mds-color-theme-border-decorative-gradient-warning-default: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
165
172
  $mds-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
166
173
  $mds-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
167
- $mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
174
+ $mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
175
+ $mds-color-theme-border-warning-0: #f2990a;
package/dist/scss/theme/webex/dark-stable.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 21 Mar 2023 16:07:54 GMT
3
+ // Generated on Fri, 16 Jun 2023 12:26:29 GMT
4
4
 
5
5
  $mds-color-theme-common-text-white: #fffffff2;
6
6
  $mds-color-theme-common-text-gray: #ffffffb3;
@@ -26,7 +26,7 @@ $mds-color-theme-common-button-secondary-active-normal: #ffffff33;
26
26
  $mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
27
27
  $mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
28
28
  $mds-color-theme-common-button-secondary-dark-normal: #00000000;
29
- $mds-color-theme-common-button-secondary-dark-hover: #00000012;
29
+ $mds-color-theme-common-button-secondary-dark-hover: #0000012;
30
30
  $mds-color-theme-common-button-secondary-dark-pressed: #00000033;
31
31
  $mds-color-theme-common-button-secondary-dark-disabled: #00000000;
32
32
  $mds-color-theme-common-button-join-animated-gradient-normal-0: #30c9b0;
@@ -297,7 +297,7 @@ $mds-color-theme-teaching-button-primary-hover: #000000cc;
297
297
  $mds-color-theme-teaching-button-primary-pressed: #000000b3;
298
298
  $mds-color-theme-teaching-button-primary-disabled: #00000033;
299
299
  $mds-color-theme-teaching-button-secondary-normal: #00000000;
300
- $mds-color-theme-teaching-button-secondary-hover: #00000012;
300
+ $mds-color-theme-teaching-button-secondary-hover: #0000012;
301
301
  $mds-color-theme-teaching-button-secondary-pressed: #00000033;
302
302
  $mds-color-theme-teaching-outline-button-normal: #0000004d;
303
303
  $mds-color-theme-teaching-outline-normal: #00000033;