@momentum-design/tokens 0.0.38 → 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 +73 -69
  6. package/dist/css/theme/webex/dark-stable.css +3 -3
  7. package/dist/css/theme/webex/light-complete.css +74 -67
  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 +73 -69
  14. package/dist/ios/theme/webex/dark-stable.swift +3 -3
  15. package/dist/ios/theme/webex/light-complete.swift +74 -67
  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 +364 -243
  22. package/dist/json/theme/webex/dark-stable.json +356 -356
  23. package/dist/json/theme/webex/light-complete.json +453 -247
  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 +70 -60
  30. package/dist/json-minimal/theme/webex/dark-stable.json +2 -2
  31. package/dist/json-minimal/theme/webex/light-complete.json +77 -60
  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 +73 -69
  38. package/dist/resources/theme/webex/dark-stable.xml +3 -3
  39. package/dist/resources/theme/webex/light-complete.xml +74 -67
  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 +73 -69
  46. package/dist/scss/theme/webex/dark-stable.scss +3 -3
  47. package/dist/scss/theme/webex/light-complete.scss +75 -68
  48. package/dist/scss/theme/webex/light-stable.scss +4 -4
  49. package/package.json +1 -1
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 Thu, 04 May 2023 10:56:07 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 Thu, 04 May 2023 10:56:06 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-tertiary: #262626;
18
- $mds-color-theme-surface-neutral-02-secondary: #1a1a1a;
19
- $mds-color-theme-surface-neutral-02-primary: #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,8 +25,9 @@ $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-00: linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%);
29
- $mds-color-theme-surface-gradient-01: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
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;
30
31
  $mds-color-theme-content-text-neutral-primary: #fffffff2;
31
32
  $mds-color-theme-content-text-neutral-secondary: #ffffffb3;
32
33
  $mds-color-theme-content-text-neutral-disabled: #ffffff33;
@@ -35,6 +36,9 @@ $mds-color-theme-content-text-neutral-teams-active: #fffffff2;
35
36
  $mds-color-theme-content-text-contrast-neutral-primary: #000000f2;
36
37
  $mds-color-theme-content-text-contrast-neutral-secondary: #00000099;
37
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;
38
42
  $mds-color-theme-content-text-positive-active: #9fedd8;
39
43
  $mds-color-theme-content-text-positive-hover: #9fedd8;
40
44
  $mds-color-theme-content-text-positive-default: #3cc29a;
@@ -90,51 +94,51 @@ $mds-color-theme-content-btn-negative-pressed: #780d13;
90
94
  $mds-color-theme-content-btn-accent-default: #1170cf;
91
95
  $mds-color-theme-content-btn-accent-hover: #0353a8;
92
96
  $mds-color-theme-content-btn-accent-pressed: #063a75;
93
- $mds-color-theme-content-indicator-neutral-00: #8f8f8f;
94
- $mds-color-theme-content-indicator-neutral-01: #545454;
95
- $mds-color-theme-content-indicator-neutral-02: #3b3b3b;
96
- $mds-color-theme-content-indicator-neutral-03: #262626;
97
- $mds-color-theme-content-indicator-neutral-04: #1a1a1a;
98
- $mds-color-theme-content-indicator-neutral-05: #000000;
99
- $mds-color-theme-content-indicator-positive-00: #27a17a;
100
- $mds-color-theme-content-indicator-negative-00: #f55868;
101
- $mds-color-theme-content-indicator-negative-01: #780d13;
102
- $mds-color-theme-content-indicator-negative-02: #4f0e10;
103
- $mds-color-theme-content-indicator-warning-00: #cf7900;
104
- $mds-color-theme-content-indicator-warning-01: #57330a;
105
- $mds-color-theme-content-indicator-warning-02: #36220c;
106
- $mds-color-theme-content-indicator-accent-00: #3492eb;
107
- $mds-color-theme-content-indicator-accent-01: #1170cf;
108
- $mds-color-theme-content-indicator-accent-02: #063a75;
109
- $mds-color-theme-content-indicator-accent-03: #0a274a;
110
- $mds-color-theme-content-indicator-notice-00: #EC6400;
111
- $mds-color-theme-content-indicator-notice-01: #9C3202;
112
- $mds-color-theme-content-indicator-notice-02: #682601;
113
- $mds-color-theme-content-indicator-notice-03: #411B04;
114
- $mds-color-theme-content-indicator-decorative-gold-01: #735107;
115
- $mds-color-theme-content-indicator-decorative-gold-02: #4d370c;
116
- $mds-color-theme-content-indicator-decorative-gold-03: #30240d;
117
- $mds-color-theme-content-indicator-decorative-lime-01: #416116;
118
- $mds-color-theme-content-indicator-decorative-lime-02: #2d4214;
119
- $mds-color-theme-content-indicator-decorative-lime-03: #1e2b10;
120
- $mds-color-theme-content-indicator-decorative-mint-01: #12615a;
121
- $mds-color-theme-content-indicator-decorative-mint-02: #12423f;
122
- $mds-color-theme-content-indicator-decorative-mint-03: #102b2a;
123
- $mds-color-theme-content-indicator-decorative-cobalt-01: #08599c;
124
- $mds-color-theme-content-indicator-decorative-cobalt-02: #103c63;
125
- $mds-color-theme-content-indicator-decorative-cobalt-03: #12283d;
126
- $mds-color-theme-content-indicator-decorative-slate-01: #535573;
127
- $mds-color-theme-content-indicator-decorative-slate-02: #393a47;
128
- $mds-color-theme-content-indicator-decorative-slate-03: #26262b;
129
- $mds-color-theme-content-indicator-decorative-violet-01: #643abd;
130
- $mds-color-theme-content-indicator-decorative-violet-02: #432c78;
131
- $mds-color-theme-content-indicator-decorative-violet-03: #29223d;
132
- $mds-color-theme-content-indicator-decorative-purple-01: #932099;
133
- $mds-color-theme-content-indicator-decorative-purple-02: #601e66;
134
- $mds-color-theme-content-indicator-decorative-purple-03: #3b1840;
135
- $mds-color-theme-content-indicator-decorative-pink-01: #a12a3a;
136
- $mds-color-theme-content-indicator-decorative-pink-02: #66262d;
137
- $mds-color-theme-content-indicator-decorative-pink-03: #3b1e21;
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;
138
142
  $mds-color-theme-content-control-neutral-default: #ffffff33;
139
143
  $mds-color-theme-content-control-neutral-hover: #ffffff4d;
140
144
  $mds-color-theme-content-control-neutral-pressed: #ffffff66;
@@ -150,15 +154,15 @@ $mds-color-theme-content-scrollbar-bg-default: #ffffff00;
150
154
  $mds-color-theme-content-scrollbar-bg-hover: #ffffff1c;
151
155
  $mds-color-theme-content-scrollbar-bg-pressed: #ffffff33;
152
156
  $mds-color-theme-content-illustration-default: #ffffff;
153
- $mds-color-theme-border-neutral-00: #ffffff33;
154
- $mds-color-theme-border-neutral-01: #ffffff4d;
155
- $mds-color-theme-border-neutral-02: #ffffff66;
156
- $mds-color-theme-border-neutral-03: #ffffff80;
157
- $mds-color-theme-border-neutral-04: #ffffffe6;
158
- $mds-color-theme-border-positive-00: #3cc29a;
159
- $mds-color-theme-border-negative-00: #fc8b98;
160
- $mds-color-theme-border-accent-00: #64b4fa;
161
- $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;
162
166
  $mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
163
167
  $mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
164
168
  $mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
@@ -168,4 +172,4 @@ $mds-color-theme-border-decorative-gradient-warning-default: linear-gradient(90d
168
172
  $mds-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
169
173
  $mds-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
170
174
  $mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
171
- $mds-color-theme-border-warning-00: #f2990a;
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 Thu, 04 May 2023 10:56:07 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;
package/dist/scss/theme/webex/light-complete.scss CHANGED
@@ -1,22 +1,22 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 May 2023 10:56:06 GMT
3
+ // Generated on Fri, 16 Jun 2023 12:26:29 GMT
4
4
 
5
5
  $mds-color-theme-bg-primary: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
6
6
  $mds-color-theme-bg-secondary: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
7
7
  $mds-color-theme-bg-mob-primary: #f7f7f7;
8
8
  $mds-color-theme-bg-mob-secondary: #ffffff;
9
- $mds-color-theme-surface-neutral-00-default: #00000000;
10
- $mds-color-theme-surface-neutral-00-hover: #00000012;
11
- $mds-color-theme-surface-neutral-00-active: #0000001c;
12
- $mds-color-theme-surface-neutral-00-disabled: #0000001c;
13
- $mds-color-theme-surface-neutral-01-default: #0000001c;
14
- $mds-color-theme-surface-neutral-01-hover: #00000033;
15
- $mds-color-theme-surface-neutral-01-active: #0000004d;
16
- $mds-color-theme-surface-neutral-01-disabled: #00000000;
17
- $mds-color-theme-surface-neutral-02-tertiary: #ededed;
18
- $mds-color-theme-surface-neutral-02-secondary: #f7f7f7;
19
- $mds-color-theme-surface-neutral-02-primary: #ffffff;
9
+ $mds-color-theme-surface-neutral-0-default: #00000000;
10
+ $mds-color-theme-surface-neutral-0-hover: #0000012;
11
+ $mds-color-theme-surface-neutral-0-active: #0000001c;
12
+ $mds-color-theme-surface-neutral-0-disabled: #0000001c;
13
+ $mds-color-theme-surface-neutral-1-default: #0000001c;
14
+ $mds-color-theme-surface-neutral-1-hover: #00000033;
15
+ $mds-color-theme-surface-neutral-1-active: #0000004d;
16
+ $mds-color-theme-surface-neutral-1-disabled: #00000000;
17
+ $mds-color-theme-surface-neutral-2-secondary: #f7f7f7;
18
+ $mds-color-theme-surface-neutral-2-tertiary: #ededed;
19
+ $mds-color-theme-surface-neutral-2-primary: #ffffff;
20
20
  $mds-color-theme-surface-positive-default: #cef5eb;
21
21
  $mds-color-theme-surface-positive-active: #9fedd8;
22
22
  $mds-color-theme-surface-negative-default: #ffe8ea;
@@ -25,6 +25,9 @@ $mds-color-theme-surface-warning-default: #ffebc2;
25
25
  $mds-color-theme-surface-accent-default: #dbf0ff;
26
26
  $mds-color-theme-surface-accent-mobile-default: #1170cf;
27
27
  $mds-color-theme-surface-accent-mobile-pressed: #1170cf;
28
+ $mds-color-theme-surface-contrast-neutral-0: #000000;
29
+ $mds-color-theme-surface-gradient-0: linear-gradient(90deg, rgba(255, 255, 255, 0.72) 60.56%, rgba(255, 255, 255, 0) 92.59%);;
30
+ $mds-color-theme-surface-gradient-1: linear-gradient(180deg, #f7f7f7e6 0%, #f7f7f700 100%);
28
31
  $mds-color-theme-content-text-neutral-primary: #000000f2;
29
32
  $mds-color-theme-content-text-neutral-secondary: #000000b3;
30
33
  $mds-color-theme-content-text-neutral-disabled: #00000033;
@@ -33,6 +36,9 @@ $mds-color-theme-content-text-neutral-teams-active: #000000f2;
33
36
  $mds-color-theme-content-text-contrast-neutral-primary: #fffffff2;
34
37
  $mds-color-theme-content-text-contrast-neutral-secondary: #ffffffb3;
35
38
  $mds-color-theme-content-text-contrast-neutral-disabled: #ffffffcc;
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;
36
42
  $mds-color-theme-content-text-positive-active: #0e2b20;
37
43
  $mds-color-theme-content-text-positive-hover: #0e2b20;
38
44
  $mds-color-theme-content-text-positive-default: #185e46;
@@ -70,7 +76,7 @@ $mds-color-theme-content-btn-neutral-primary-hover: #000000cc;
70
76
  $mds-color-theme-content-btn-neutral-primary-pressed: #000000b3;
71
77
  $mds-color-theme-content-btn-neutral-primary-disabled: #00000033;
72
78
  $mds-color-theme-content-btn-neutral-secondary-default: #00000000;
73
- $mds-color-theme-content-btn-neutral-secondary-hover: #00000012;
79
+ $mds-color-theme-content-btn-neutral-secondary-hover: #0000012;
74
80
  $mds-color-theme-content-btn-neutral-secondary-pressed: #00000033;
75
81
  $mds-color-theme-content-btn-neutral-secondary-disabled: #00000000;
76
82
  $mds-color-theme-content-btn-neutral-secondary-active-default: #00000033;
@@ -88,51 +94,51 @@ $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: #707070;
92
- $mds-color-theme-content-indicator-neutral-01: #c9c9c9;
93
- $mds-color-theme-content-indicator-neutral-02: #dedede;
94
- $mds-color-theme-content-indicator-neutral-03: #ededed;
95
- $mds-color-theme-content-indicator-neutral-04: #f7f7f7;
96
- $mds-color-theme-content-indicator-neutral-05: #ffffff;
97
- $mds-color-theme-content-indicator-positive-00: #1d805f;
98
- $mds-color-theme-content-indicator-negative-00: #db1f2e;
99
- $mds-color-theme-content-indicator-negative-01: #ffd4da;
100
- $mds-color-theme-content-indicator-negative-02: #ffe8ea;
101
- $mds-color-theme-content-indicator-warning-00: #a65e00;
102
- $mds-color-theme-content-indicator-warning-01: #ffda94;
103
- $mds-color-theme-content-indicator-warning-02: #ffebc2;
104
- $mds-color-theme-content-indicator-accent-00: #1170cf;
105
- $mds-color-theme-content-indicator-accent-01: #1170cf;
106
- $mds-color-theme-content-indicator-accent-02: #bfe3ff;
107
- $mds-color-theme-content-indicator-accent-03: #dbf0ff;
108
- $mds-color-theme-content-indicator-notice-00: #C94403;
109
- $mds-color-theme-content-indicator-notice-01: #9C3202;
110
- $mds-color-theme-content-indicator-notice-02: #FED5AC;
111
- $mds-color-theme-content-indicator-notice-03: #FEEBD7;
112
- $mds-color-theme-content-indicator-decorative-gold-01: #f7f6dc;
113
- $mds-color-theme-content-indicator-decorative-gold-02: #f5eaa2;
114
- $mds-color-theme-content-indicator-decorative-gold-03: #ebd460;
115
- $mds-color-theme-content-indicator-decorative-lime-01: #f3f7e9;
116
- $mds-color-theme-content-indicator-decorative-lime-02: #ddf2ae;
117
- $mds-color-theme-content-indicator-decorative-lime-03: #bce36f;
118
- $mds-color-theme-content-indicator-decorative-mint-01: #e9f7f3;
119
- $mds-color-theme-content-indicator-decorative-mint-02: #baf5e7;
120
- $mds-color-theme-content-indicator-decorative-mint-03: #74e8d1;
121
- $mds-color-theme-content-indicator-decorative-cobalt-01: #e5f8ff;
122
- $mds-color-theme-content-indicator-decorative-cobalt-02: #c7eeff;
123
- $mds-color-theme-content-indicator-decorative-cobalt-03: #99ddff;
124
- $mds-color-theme-content-indicator-decorative-slate-01: #f2f4ff;
125
- $mds-color-theme-content-indicator-decorative-slate-02: #e3e7fa;
126
- $mds-color-theme-content-indicator-decorative-slate-03: #ced2ed;
127
- $mds-color-theme-content-indicator-decorative-violet-01: #f8f2fc;
128
- $mds-color-theme-content-indicator-decorative-violet-02: #f0e3fc;
129
- $mds-color-theme-content-indicator-decorative-violet-03: #e2cafc;
130
- $mds-color-theme-content-indicator-decorative-purple-01: #fcf2fc;
131
- $mds-color-theme-content-indicator-decorative-purple-02: #fce1fc;
132
- $mds-color-theme-content-indicator-decorative-purple-03: #fac3f8;
133
- $mds-color-theme-content-indicator-decorative-pink-01: #fff2f5;
134
- $mds-color-theme-content-indicator-decorative-pink-02: #ffe0e7;
135
- $mds-color-theme-content-indicator-decorative-pink-03: #ffc7d2;
97
+ $mds-color-theme-content-indicator-neutral-0: #707070;
98
+ $mds-color-theme-content-indicator-neutral-1: #c9c9c9;
99
+ $mds-color-theme-content-indicator-neutral-2: #dedede;
100
+ $mds-color-theme-content-indicator-neutral-3: #ededed;
101
+ $mds-color-theme-content-indicator-neutral-4: #f7f7f7;
102
+ $mds-color-theme-content-indicator-neutral-5: #ffffff;
103
+ $mds-color-theme-content-indicator-positive-0: #1d805f;
104
+ $mds-color-theme-content-indicator-negative-0: #db1f2e;
105
+ $mds-color-theme-content-indicator-negative-1: #ffd4da;
106
+ $mds-color-theme-content-indicator-negative-2: #ffe8ea;
107
+ $mds-color-theme-content-indicator-warning-0: #a65e00;
108
+ $mds-color-theme-content-indicator-warning-1: #ffda94;
109
+ $mds-color-theme-content-indicator-warning-2: #ffebc2;
110
+ $mds-color-theme-content-indicator-accent-0: #1170cf;
111
+ $mds-color-theme-content-indicator-accent-1: #1170cf;
112
+ $mds-color-theme-content-indicator-accent-2: #bfe3ff;
113
+ $mds-color-theme-content-indicator-accent-3: #dbf0ff;
114
+ $mds-color-theme-content-indicator-notice-0: #C94403;
115
+ $mds-color-theme-content-indicator-notice-1: #9C3202;
116
+ $mds-color-theme-content-indicator-notice-2: #FED5AC;
117
+ $mds-color-theme-content-indicator-notice-3: #FEEBD7;
118
+ $mds-color-theme-content-indicator-decorative-gold-1: #f7f6dc;
119
+ $mds-color-theme-content-indicator-decorative-gold-2: #f5eaa2;
120
+ $mds-color-theme-content-indicator-decorative-gold-3: #ebd460;
121
+ $mds-color-theme-content-indicator-decorative-lime-1: #f3f7e9;
122
+ $mds-color-theme-content-indicator-decorative-lime-2: #ddf2ae;
123
+ $mds-color-theme-content-indicator-decorative-lime-3: #bce36f;
124
+ $mds-color-theme-content-indicator-decorative-mint-1: #e9f7f3;
125
+ $mds-color-theme-content-indicator-decorative-mint-2: #baf5e7;
126
+ $mds-color-theme-content-indicator-decorative-mint-3: #74e8d1;
127
+ $mds-color-theme-content-indicator-decorative-cobalt-1: #e5f8ff;
128
+ $mds-color-theme-content-indicator-decorative-cobalt-2: #c7eeff;
129
+ $mds-color-theme-content-indicator-decorative-cobalt-3: #99ddff;
130
+ $mds-color-theme-content-indicator-decorative-slate-1: #f2f4ff;
131
+ $mds-color-theme-content-indicator-decorative-slate-2: #e3e7fa;
132
+ $mds-color-theme-content-indicator-decorative-slate-3: #ced2ed;
133
+ $mds-color-theme-content-indicator-decorative-violet-1: #f8f2fc;
134
+ $mds-color-theme-content-indicator-decorative-violet-2: #f0e3fc;
135
+ $mds-color-theme-content-indicator-decorative-violet-3: #e2cafc;
136
+ $mds-color-theme-content-indicator-decorative-purple-1: #fcf2fc;
137
+ $mds-color-theme-content-indicator-decorative-purple-2: #fce1fc;
138
+ $mds-color-theme-content-indicator-decorative-purple-3: #fac3f8;
139
+ $mds-color-theme-content-indicator-decorative-pink-1: #fff2f5;
140
+ $mds-color-theme-content-indicator-decorative-pink-2: #ffe0e7;
141
+ $mds-color-theme-content-indicator-decorative-pink-3: #ffc7d2;
136
142
  $mds-color-theme-content-control-neutral-default: #00000033;
137
143
  $mds-color-theme-content-control-neutral-hover: #0000004d;
138
144
  $mds-color-theme-content-control-neutral-pressed: #00000066;
@@ -148,15 +154,15 @@ $mds-color-theme-content-scrollbar-bg-default: #00000000;
148
154
  $mds-color-theme-content-scrollbar-bg-hover: #0000001c;
149
155
  $mds-color-theme-content-scrollbar-bg-pressed: #ffffff33;
150
156
  $mds-color-theme-content-illustration-default: #0f0f0f;
151
- $mds-color-theme-border-neutral-00: #00000033;
152
- $mds-color-theme-border-neutral-01: #0000004d;
153
- $mds-color-theme-border-neutral-02: #00000066;
154
- $mds-color-theme-border-neutral-03: #00000080;
155
- $mds-color-theme-border-neutral-04: #000000e6;
156
- $mds-color-theme-border-positive-00: #185e46;
157
- $mds-color-theme-border-negative-00: #ab0a15;
158
- $mds-color-theme-border-accent-00: #1170cf;
159
- $mds-color-theme-border-notice-00: #EC6400;
157
+ $mds-color-theme-border-neutral-0: #00000033;
158
+ $mds-color-theme-border-neutral-1: #0000004d;
159
+ $mds-color-theme-border-neutral-2: #00000066;
160
+ $mds-color-theme-border-neutral-3: #00000080;
161
+ $mds-color-theme-border-neutral-4: #000000e6;
162
+ $mds-color-theme-border-positive-0: #185e46;
163
+ $mds-color-theme-border-negative-0: #ab0a15;
164
+ $mds-color-theme-border-accent-0: #1170cf;
165
+ $mds-color-theme-border-notice-0: #EC6400;
160
166
  $mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
161
167
  $mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
162
168
  $mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
@@ -165,4 +171,5 @@ $mds-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90de
165
171
  $mds-color-theme-border-decorative-gradient-warning-default: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
166
172
  $mds-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705E6 22.4%, #7d4705E6 76.04%, #7d470500 100%);
167
173
  $mds-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 76.04%, #0353a800 100%);
168
- $mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 22.4%, #0353a8E6 76.04%, #0353a800 100%);
174
+ $mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 22.4%, #0353a8E6 76.04%, #0353a800 100%);
175
+ $mds-color-theme-border-warning-0: #a65e00;
package/dist/scss/theme/webex/light-stable.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 May 2023 10:56:07 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;
@@ -122,7 +122,7 @@ $mds-color-theme-text-team-slate-normal: #535573;
122
122
  $mds-color-theme-text-team-slate-hover: #535573;
123
123
  $mds-color-theme-text-team-slate-active: #26262b;
124
124
  $mds-color-theme-background-primary-ghost: #ffffff00;
125
- $mds-color-theme-background-primary-hover: #00000012;
125
+ $mds-color-theme-background-primary-hover: #0000012;
126
126
  $mds-color-theme-background-primary-active: #0000001c;
127
127
  $mds-color-theme-background-primary-disabled: #0000001c;
128
128
  $mds-color-theme-background-solid-primary-normal: #ffffff;
@@ -192,7 +192,7 @@ $mds-color-theme-button-primary-hover: #000000cc;
192
192
  $mds-color-theme-button-primary-pressed: #000000b3;
193
193
  $mds-color-theme-button-primary-disabled: #00000033;
194
194
  $mds-color-theme-button-secondary-normal: #00000000;
195
- $mds-color-theme-button-secondary-hover: #00000012;
195
+ $mds-color-theme-button-secondary-hover: #0000012;
196
196
  $mds-color-theme-button-secondary-pressed: #00000033;
197
197
  $mds-color-theme-button-secondary-disabled: #ffffff00;
198
198
  $mds-color-theme-button-secondary-active-normal: #00000033;
package/package.json CHANGED
@@ -24,5 +24,5 @@
24
24
  "@momentum-design/token-builder": "^0.0.0",
25
25
  "rimraf": "^3.0.2"
26
26
  },
27
- "version": "0.0.38"
27
+ "version": "0.0.39"
28
28
  }