@momentum-design/tokens 0.0.34 → 0.0.36

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 +36 -36
  2. package/dist/css/theme/webex/common-stable.css +6 -4
  3. package/dist/css/theme/webex/dark-complete.css +8 -8
  4. package/dist/css/theme/webex/dark-stable.css +28 -19
  5. package/dist/css/theme/webex/light-complete.css +7 -7
  6. package/dist/css/theme/webex/light-stable.css +23 -18
  7. package/dist/ios/core/complete.swift +36 -36
  8. package/dist/ios/theme/webex/common-stable.swift +6 -4
  9. package/dist/ios/theme/webex/dark-complete.swift +8 -8
  10. package/dist/ios/theme/webex/dark-stable.swift +28 -19
  11. package/dist/ios/theme/webex/light-complete.swift +7 -7
  12. package/dist/ios/theme/webex/light-stable.swift +23 -18
  13. package/dist/json/core/complete.json +583 -523
  14. package/dist/json/theme/webex/common-stable.json +65 -3
  15. package/dist/json/theme/webex/dark-complete.json +7 -7
  16. package/dist/json/theme/webex/dark-stable.json +280 -18
  17. package/dist/json/theme/webex/light-complete.json +6 -6
  18. package/dist/json/theme/webex/light-stable.json +167 -17
  19. package/dist/json-minimal/core/complete.json +43 -35
  20. package/dist/json-minimal/theme/webex/common-stable.json +9 -3
  21. package/dist/json-minimal/theme/webex/dark-complete.json +7 -7
  22. package/dist/json-minimal/theme/webex/dark-stable.json +39 -18
  23. package/dist/json-minimal/theme/webex/light-complete.json +6 -6
  24. package/dist/json-minimal/theme/webex/light-stable.json +30 -17
  25. package/dist/resources/core/complete.xml +36 -36
  26. package/dist/resources/theme/webex/common-stable.xml +6 -4
  27. package/dist/resources/theme/webex/dark-complete.xml +8 -8
  28. package/dist/resources/theme/webex/dark-stable.xml +28 -19
  29. package/dist/resources/theme/webex/light-complete.xml +7 -7
  30. package/dist/resources/theme/webex/light-stable.xml +23 -18
  31. package/dist/scss/core/complete.scss +36 -36
  32. package/dist/scss/theme/webex/common-stable.scss +6 -4
  33. package/dist/scss/theme/webex/dark-complete.scss +8 -8
  34. package/dist/scss/theme/webex/dark-stable.scss +28 -19
  35. package/dist/scss/theme/webex/light-complete.scss +7 -7
  36. package/dist/scss/theme/webex/light-stable.scss +23 -18
  37. package/package.json +1 -1
package/dist/css/core/complete.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:43 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:31 GMT
4
4
  */
5
5
 
6
6
  .mds-core {
7
- --mds-border-radius-none: 0px;
8
- --mds-border-radius-small: 4px;
9
- --mds-border-radius-medium: 8px;
10
- --mds-border-radius-large: 12px;
11
- --mds-border-radius-half-height: 50%;
12
- --mds-border-width-none: 0px;
13
- --mds-border-width-small: 1px;
14
- --mds-border-width-medium: 2px;
15
- --mds-border-width-large: 3px;
7
+ --mds-border-radius-core-none: 0px;
8
+ --mds-border-radius-core-small: 4px;
9
+ --mds-border-radius-core-medium: 8px;
10
+ --mds-border-radius-core-large: 12px;
11
+ --mds-border-radius-core-half-height: 50%;
12
+ --mds-border-width-core-none: 0px;
13
+ --mds-border-width-core-small: 1px;
14
+ --mds-border-width-core-medium: 2px;
15
+ --mds-border-width-core-large: 3px;
16
16
  --mds-color-core-white-alpha-11: #ffffff1c;
17
17
  --mds-color-core-white-alpha-20: #ffffff33;
18
18
  --mds-color-core-white-alpha-30: #ffffff4d;
@@ -102,16 +102,16 @@
102
102
  --mds-color-core-yellow-100: #140e08;
103
103
  --mds-color-core-yellow-05: #fff6e3;
104
104
  --mds-color-core-orange-10: #FEEBD7;
105
- --mds-color-core-orange-20: #FAF4EB;
106
- --mds-color-core-orange-30: #FFCA99;
107
- --mds-color-core-orange-40: #FF9D52;
108
- --mds-color-core-orange-50: #F26B1D;
109
- --mds-color-core-orange-60: #C74F0E;
110
- --mds-color-core-orange-70: #914017;
111
- --mds-color-core-orange-80: #59311E;
112
- --mds-color-core-orange-90: #33221B;
105
+ --mds-color-core-orange-20: #FED5AC;
106
+ --mds-color-core-orange-30: #FEBA7F;
107
+ --mds-color-core-orange-40: #FD884E;
108
+ --mds-color-core-orange-50: #EC6400;
109
+ --mds-color-core-orange-60: #C94403;
110
+ --mds-color-core-orange-70: #9C3202;
111
+ --mds-color-core-orange-80: #682601;
112
+ --mds-color-core-orange-90: #411B04;
113
113
  --mds-color-core-orange-95: #291303;
114
- --mds-color-core-orange-100: #211916;
114
+ --mds-color-core-orange-100: #170B02;
115
115
  --mds-color-core-orange-05: #FEF3E8;
116
116
  --mds-color-decorative-gold-10: #f7f6dc;
117
117
  --mds-color-decorative-gold-20: #f5eaa2;
@@ -270,21 +270,21 @@
270
270
  --mds-color-partner-slides: #0F9D58;
271
271
  --mds-color-partner-keynote: #029CFB;
272
272
  --mds-color-partner-doc: #4285f4;
273
- --mds-elevation-0: 0px 0px 0px 0px;
274
- --mds-elevation-1: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));
275
- --mds-elevation-2: drop-shadow(0px 24px 48px rgba(0,0,0,0.2));
276
- --mds-spacing-none: 0px;
277
- --mds-spacing-micro: 2px;
278
- --mds-spacing-xxx-small: 4px;
279
- --mds-spacing-xx-small: 8px;
280
- --mds-spacing-x-small: 12px;
281
- --mds-spacing-small: 16px;
282
- --mds-spacing-medium: 20px;
283
- --mds-spacing-large: 24px;
284
- --mds-spacing-x-large: 32px;
285
- --mds-spacing-xx-large: 40px;
286
- --mds-spacing-xxx-large: 52px;
287
- --mds-spacing-big: 64px;
288
- --mds-spacing-x-big: 80px;
289
- --mds-spacing-xx-big: 100px;
273
+ --mds-elevation-core-0: 0px 0px 0px 0px;
274
+ --mds-elevation-core-1: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));
275
+ --mds-elevation-core-2: drop-shadow(0px 24px 48px rgba(0,0,0,0.2));
276
+ --mds-spacing-core-none: 0px;
277
+ --mds-spacing-core-micro: 2px;
278
+ --mds-spacing-core-xxx-small: 4px;
279
+ --mds-spacing-core-xx-small: 8px;
280
+ --mds-spacing-core-x-small: 12px;
281
+ --mds-spacing-core-small: 16px;
282
+ --mds-spacing-core-medium: 20px;
283
+ --mds-spacing-core-large: 24px;
284
+ --mds-spacing-core-x-large: 32px;
285
+ --mds-spacing-core-xx-large: 40px;
286
+ --mds-spacing-core-xxx-large: 52px;
287
+ --mds-spacing-core-big: 64px;
288
+ --mds-spacing-core-x-big: 80px;
289
+ --mds-spacing-core-xx-big: 100px;
290
290
  }
package/dist/css/theme/webex/common-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:44 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:31 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-commonWebex {
@@ -31,6 +31,8 @@
31
31
  --mds-color-theme-common-button-secondary-dark-hover: #00000012;
32
32
  --mds-color-theme-common-button-secondary-dark-pressed: #00000033;
33
33
  --mds-color-theme-common-button-secondary-dark-disabled: #00000000;
34
+ --mds-color-theme-common-button-join-animated-gradient-normal-0: #30c9b0;
35
+ --mds-color-theme-common-button-join-animated-gradient-normal-1: #64b4fa;
34
36
  --mds-color-theme-common-outline-button-normal: #ffffff4d;
35
37
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
36
38
  --mds-color-theme-common-outline-input-normal: #ffffff80;
@@ -38,7 +40,7 @@
38
40
  --mds-color-theme-common-outline-closed-caption-secondary-light: #ffffff33;
39
41
  --mds-color-theme-common-outline-closed-caption-secondary-dark: #00000033;
40
42
  --mds-color-theme-common-control-inactive-normal: #00000033;
41
- --mds-color-theme-common-control-share-content-active: #C74F0E;
43
+ --mds-color-theme-common-control-share-content-active: #C94403;
42
44
  --mds-color-theme-common-control-share-content-inactive: #707070;
43
45
  --mds-color-theme-common-control-share-content-selected: #3cc29a;
44
46
  --mds-color-theme-common-background-solid-secondary-dark: #1a1a1a;
@@ -53,8 +55,8 @@
53
55
  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
54
56
  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
55
57
  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
56
- --mds-color-theme-common-touchbar-background-orange-normal: #C74F0E;
57
- --mds-color-theme-common-touchbar-background-orange-pressed: #59311E;
58
+ --mds-color-theme-common-touchbar-background-orange-normal: #C94403;
59
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
58
60
  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
59
61
  --mds-color-theme-common-touchbar-background-green-pressed: #134231;
60
62
  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
package/dist/css/theme/webex/dark-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:43 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:31 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-webex-dark {
@@ -47,8 +47,8 @@
47
47
  --mds-color-theme-content-text-accent-active: #bfe3ff;
48
48
  --mds-color-theme-content-text-accent-hover: #bfe3ff;
49
49
  --mds-color-theme-content-text-accent-default: #64b4fa;
50
- --mds-color-theme-content-text-notice-active: #FAF4EB;
51
- --mds-color-theme-content-text-notice-default: #FF9D52;
50
+ --mds-color-theme-content-text-notice-active: #FED5AC;
51
+ --mds-color-theme-content-text-notice-default: #FD884E;
52
52
  --mds-color-theme-content-text-decorative-gold-default: #d6b220;
53
53
  --mds-color-theme-content-text-decorative-gold-active: #f5eaa2;
54
54
  --mds-color-theme-content-text-decorative-lime-default: #93c437;
@@ -106,10 +106,10 @@
106
106
  --mds-color-theme-content-indicator-accent-01: #1170cf;
107
107
  --mds-color-theme-content-indicator-accent-02: #063a75;
108
108
  --mds-color-theme-content-indicator-accent-03: #0a274a;
109
- --mds-color-theme-content-indicator-notice-00: #F26B1D;
110
- --mds-color-theme-content-indicator-notice-01: #914017;
111
- --mds-color-theme-content-indicator-notice-02: #59311E;
112
- --mds-color-theme-content-indicator-notice-03: #33221B;
109
+ --mds-color-theme-content-indicator-notice-00: #EC6400;
110
+ --mds-color-theme-content-indicator-notice-01: #9C3202;
111
+ --mds-color-theme-content-indicator-notice-02: #682601;
112
+ --mds-color-theme-content-indicator-notice-03: #411B04;
113
113
  --mds-color-theme-content-indicator-decorative-gold-01: #735107;
114
114
  --mds-color-theme-content-indicator-decorative-gold-02: #4d370c;
115
115
  --mds-color-theme-content-indicator-decorative-gold-03: #30240d;
@@ -157,7 +157,7 @@
157
157
  --mds-color-theme-border-positive-00: #3cc29a;
158
158
  --mds-color-theme-border-negative-00: #fc8b98;
159
159
  --mds-color-theme-border-accent-00: #64b4fa;
160
- --mds-color-theme-border-notice-00: #FF9D52;
160
+ --mds-color-theme-border-notice-00: #FD884E;
161
161
  --mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
162
162
  --mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
163
163
  --mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
package/dist/css/theme/webex/dark-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:44 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:31 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkWebex {
@@ -31,6 +31,8 @@
31
31
  --mds-color-theme-common-button-secondary-dark-hover: #00000012;
32
32
  --mds-color-theme-common-button-secondary-dark-pressed: #00000033;
33
33
  --mds-color-theme-common-button-secondary-dark-disabled: #00000000;
34
+ --mds-color-theme-common-button-join-animated-gradient-normal-0: #30c9b0;
35
+ --mds-color-theme-common-button-join-animated-gradient-normal-1: #64b4fa;
34
36
  --mds-color-theme-common-outline-button-normal: #ffffff4d;
35
37
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
36
38
  --mds-color-theme-common-outline-input-normal: #ffffff80;
@@ -38,7 +40,7 @@
38
40
  --mds-color-theme-common-outline-closed-caption-secondary-light: #ffffff33;
39
41
  --mds-color-theme-common-outline-closed-caption-secondary-dark: #00000033;
40
42
  --mds-color-theme-common-control-inactive-normal: #00000033;
41
- --mds-color-theme-common-control-share-content-active: #C74F0E;
43
+ --mds-color-theme-common-control-share-content-active: #C94403;
42
44
  --mds-color-theme-common-control-share-content-inactive: #707070;
43
45
  --mds-color-theme-common-control-share-content-selected: #3cc29a;
44
46
  --mds-color-theme-common-background-solid-secondary-dark: #1a1a1a;
@@ -53,8 +55,8 @@
53
55
  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
54
56
  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
55
57
  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
56
- --mds-color-theme-common-touchbar-background-orange-normal: #C74F0E;
57
- --mds-color-theme-common-touchbar-background-orange-pressed: #59311E;
58
+ --mds-color-theme-common-touchbar-background-orange-normal: #C94403;
59
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
58
60
  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
59
61
  --mds-color-theme-common-touchbar-background-green-pressed: #134231;
60
62
  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
@@ -88,7 +90,7 @@
88
90
  --mds-color-theme-text-alert-purple-normal: #f294f1;
89
91
  --mds-color-theme-text-alert-purple-hover: #fce1fc;
90
92
  --mds-color-theme-text-alert-purple-active: #fce1fc;
91
- --mds-color-theme-text-alert-orange-normal: #FFCA99;
93
+ --mds-color-theme-text-alert-orange-normal: #FEBA7F;
92
94
  --mds-color-theme-text-alert-orange-hover: #FEEBD7;
93
95
  --mds-color-theme-text-alert-orange-active: #FEEBD7;
94
96
  --mds-color-theme-text-team-cobalt-normal: #5ebff7;
@@ -106,9 +108,9 @@
106
108
  --mds-color-theme-text-team-gold-normal: #d6b220;
107
109
  --mds-color-theme-text-team-gold-hover: #d6b220;
108
110
  --mds-color-theme-text-team-gold-active: #f5eaa2;
109
- --mds-color-theme-text-team-orange-normal: #FF9D52;
110
- --mds-color-theme-text-team-orange-hover: #FF9D52;
111
- --mds-color-theme-text-team-orange-active: #FAF4EB;
111
+ --mds-color-theme-text-team-orange-normal: #FD884E;
112
+ --mds-color-theme-text-team-orange-hover: #FD884E;
113
+ --mds-color-theme-text-team-orange-active: #FED5AC;
112
114
  --mds-color-theme-text-team-pink-normal: #fc97aa;
113
115
  --mds-color-theme-text-team-pink-hover: #fc97aa;
114
116
  --mds-color-theme-text-team-pink-active: #ffe0e7;
@@ -154,9 +156,9 @@
154
156
  --mds-color-theme-background-alert-purple-normal: #3b1840;
155
157
  --mds-color-theme-background-alert-purple-hover: #3b1840;
156
158
  --mds-color-theme-background-alert-purple-active: #601e66;
157
- --mds-color-theme-background-alert-orange-normal: #33221B;
158
- --mds-color-theme-background-alert-orange-hover: #33221B;
159
- --mds-color-theme-background-alert-orange-active: #59311E;
159
+ --mds-color-theme-background-alert-orange-normal: #411B04;
160
+ --mds-color-theme-background-alert-orange-hover: #411B04;
161
+ --mds-color-theme-background-alert-orange-active: #682601;
160
162
  --mds-color-theme-background-label-cobalt-normal: #12283d;
161
163
  --mds-color-theme-background-label-cobalt-hover: #103c63;
162
164
  --mds-color-theme-background-label-cobalt-active: #08599c;
@@ -169,9 +171,9 @@
169
171
  --mds-color-theme-background-label-mint-normal: #102b2a;
170
172
  --mds-color-theme-background-label-mint-hover: #12423f;
171
173
  --mds-color-theme-background-label-mint-active: #12615a;
172
- --mds-color-theme-background-label-orange-normal: #33221B;
173
- --mds-color-theme-background-label-orange-hover: #59311E;
174
- --mds-color-theme-background-label-orange-active: #914017;
174
+ --mds-color-theme-background-label-orange-normal: #411B04;
175
+ --mds-color-theme-background-label-orange-hover: #682601;
176
+ --mds-color-theme-background-label-orange-active: #9C3202;
175
177
  --mds-color-theme-background-label-pink-normal: #3b1e21;
176
178
  --mds-color-theme-background-label-pink-hover: #66262d;
177
179
  --mds-color-theme-background-label-pink-active: #a12a3a;
@@ -219,8 +221,11 @@
219
221
  --mds-color-theme-outline-join-normal: #3cc29a;
220
222
  --mds-color-theme-outline-cancel-normal: #fc8b98;
221
223
  --mds-color-theme-outline-disabled-normal: #ffffff33;
224
+ --mds-color-theme-outline-gradient-active-0: #08599c;
225
+ --mds-color-theme-outline-gradient-active-1: #22c7d6;
226
+ --mds-color-theme-outline-gradient-active-2: #27a17a;
222
227
  --mds-color-theme-outline-share-selected: #27a17a;
223
- --mds-color-theme-outline-share-active: #F26B1D;
228
+ --mds-color-theme-outline-share-active: #EC6400;
224
229
  --mds-color-theme-outline-share-inactive: #8f8f8f;
225
230
  --mds-color-theme-outline-overlay-normal: #adadad;
226
231
  --mds-color-theme-outline-high-contrast-focus: #ffffff;
@@ -228,7 +233,7 @@
228
233
  --mds-color-theme-outline-label-gold: #d6b220;
229
234
  --mds-color-theme-outline-label-lime: #93c437;
230
235
  --mds-color-theme-outline-label-mint: #30c9b0;
231
- --mds-color-theme-outline-label-orange: #FF9D52;
236
+ --mds-color-theme-outline-label-orange: #FD884E;
232
237
  --mds-color-theme-outline-label-pink: #fc97aa;
233
238
  --mds-color-theme-outline-label-purple: #f294f1;
234
239
  --mds-color-theme-outline-label-slate: #b0b4d9;
@@ -243,7 +248,7 @@
243
248
  --mds-color-theme-control-inactive-pressed: #ffffff66;
244
249
  --mds-color-theme-control-inactive-disabled: #ffffff1c;
245
250
  --mds-color-theme-overlay-meetings-normal: #000000b3;
246
- --mds-color-theme-indicator-unstable: #F26B1D;
251
+ --mds-color-theme-indicator-unstable: #EC6400;
247
252
  --mds-color-theme-indicator-attention: #f55868;
248
253
  --mds-color-theme-indicator-stable: #27a17a;
249
254
  --mds-color-theme-indicator-locked: #8f8f8f;
@@ -272,7 +277,7 @@
272
277
  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
273
278
  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
274
279
  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
275
- --mds-color-theme-illustrations-onboarding-tertiary-1: #F26B1D;
280
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #EC6400;
276
281
  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
277
282
  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
278
283
  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
@@ -304,6 +309,10 @@
304
309
  --mds-color-theme-teaching-text-accent-hover: #0a274a;
305
310
  --mds-color-theme-teaching-text-accent-disabled: #00000066;
306
311
  --mds-color-theme-teaching-text-primary-disabled: #00000066;
312
+ --mds-color-theme-gradientdivider-normal-0: #ffffff00;
313
+ --mds-color-theme-gradientdivider-normal-1: #ffffff33;
314
+ --mds-color-theme-gradientdivider-hover-0: #ffffff00;
315
+ --mds-color-theme-gradientdivider-hover-1: #ffffff99;
307
316
  --mds-color-theme-gradientdivider-error-normal-0: #fc8b9800;
308
317
  --mds-color-theme-gradientdivider-error-normal-1: #fc8b9899;
309
318
  --mds-color-theme-gradientdivider-error-hover-0: #fc8b9800;
@@ -322,7 +331,7 @@
322
331
  --mds-color-theme-avatar-gold: #735107;
323
332
  --mds-color-theme-avatar-lime: #416116;
324
333
  --mds-color-theme-avatar-mint: #12615a;
325
- --mds-color-theme-avatar-orange: #914017;
334
+ --mds-color-theme-avatar-orange: #9C3202;
326
335
  --mds-color-theme-avatar-pink: #a12a3a;
327
336
  --mds-color-theme-avatar-purple: #932099;
328
337
  --mds-color-theme-avatar-slate: #535573;
package/dist/css/theme/webex/light-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:43 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:31 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-webex-light {
@@ -47,8 +47,8 @@
47
47
  --mds-color-theme-content-text-accent-active: #0a274a;
48
48
  --mds-color-theme-content-text-accent-hover: #0a274a;
49
49
  --mds-color-theme-content-text-accent-default: #0353a8;
50
- --mds-color-theme-content-text-notice-active: #33221B;
51
- --mds-color-theme-content-text-notice-default: #914017;
50
+ --mds-color-theme-content-text-notice-active: #411B04;
51
+ --mds-color-theme-content-text-notice-default: #9C3202;
52
52
  --mds-color-theme-content-text-decorative-gold-default: #30240d;
53
53
  --mds-color-theme-content-text-decorative-gold-active: #735107;
54
54
  --mds-color-theme-content-text-decorative-lime-default: #1e2b10;
@@ -106,9 +106,9 @@
106
106
  --mds-color-theme-content-indicator-accent-01: #1170cf;
107
107
  --mds-color-theme-content-indicator-accent-02: #bfe3ff;
108
108
  --mds-color-theme-content-indicator-accent-03: #dbf0ff;
109
- --mds-color-theme-content-indicator-notice-00: #C74F0E;
110
- --mds-color-theme-content-indicator-notice-01: #914017;
111
- --mds-color-theme-content-indicator-notice-02: #FAF4EB;
109
+ --mds-color-theme-content-indicator-notice-00: #C94403;
110
+ --mds-color-theme-content-indicator-notice-01: #9C3202;
111
+ --mds-color-theme-content-indicator-notice-02: #FED5AC;
112
112
  --mds-color-theme-content-indicator-notice-03: #FEEBD7;
113
113
  --mds-color-theme-content-indicator-decorative-gold-01: #f7f6dc;
114
114
  --mds-color-theme-content-indicator-decorative-gold-02: #f5eaa2;
@@ -157,7 +157,7 @@
157
157
  --mds-color-theme-border-positive-00: #185e46;
158
158
  --mds-color-theme-border-negative-00: #ab0a15;
159
159
  --mds-color-theme-border-accent-00: #1170cf;
160
- --mds-color-theme-border-notice-00: #F26B1D;
160
+ --mds-color-theme-border-notice-00: #EC6400;
161
161
  --mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
162
162
  --mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
163
163
  --mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
package/dist/css/theme/webex/light-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 13 Dec 2022 14:55:44 GMT
3
+ * Generated on Mon, 06 Feb 2023 16:59:32 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-lightWebex {
@@ -31,6 +31,8 @@
31
31
  --mds-color-theme-common-button-secondary-dark-hover: #00000012;
32
32
  --mds-color-theme-common-button-secondary-dark-pressed: #00000033;
33
33
  --mds-color-theme-common-button-secondary-dark-disabled: #00000000;
34
+ --mds-color-theme-common-button-join-animated-gradient-normal-0: #30c9b0;
35
+ --mds-color-theme-common-button-join-animated-gradient-normal-1: #64b4fa;
34
36
  --mds-color-theme-common-outline-button-normal: #ffffff4d;
35
37
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
36
38
  --mds-color-theme-common-outline-input-normal: #ffffff80;
@@ -38,7 +40,7 @@
38
40
  --mds-color-theme-common-outline-closed-caption-secondary-light: #ffffff33;
39
41
  --mds-color-theme-common-outline-closed-caption-secondary-dark: #00000033;
40
42
  --mds-color-theme-common-control-inactive-normal: #00000033;
41
- --mds-color-theme-common-control-share-content-active: #C74F0E;
43
+ --mds-color-theme-common-control-share-content-active: #C94403;
42
44
  --mds-color-theme-common-control-share-content-inactive: #707070;
43
45
  --mds-color-theme-common-control-share-content-selected: #3cc29a;
44
46
  --mds-color-theme-common-background-solid-secondary-dark: #1a1a1a;
@@ -53,8 +55,8 @@
53
55
  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
54
56
  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
55
57
  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
56
- --mds-color-theme-common-touchbar-background-orange-normal: #C74F0E;
57
- --mds-color-theme-common-touchbar-background-orange-pressed: #59311E;
58
+ --mds-color-theme-common-touchbar-background-orange-normal: #C94403;
59
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
58
60
  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
59
61
  --mds-color-theme-common-touchbar-background-green-pressed: #134231;
60
62
  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
@@ -88,9 +90,9 @@
88
90
  --mds-color-theme-text-alert-purple-normal: #932099;
89
91
  --mds-color-theme-text-alert-purple-hover: #3b1840;
90
92
  --mds-color-theme-text-alert-purple-active: #3b1840;
91
- --mds-color-theme-text-alert-orange-normal: #914017;
92
- --mds-color-theme-text-alert-orange-hover: #33221B;
93
- --mds-color-theme-text-alert-orange-active: #33221B;
93
+ --mds-color-theme-text-alert-orange-normal: #9C3202;
94
+ --mds-color-theme-text-alert-orange-hover: #411B04;
95
+ --mds-color-theme-text-alert-orange-active: #411B04;
94
96
  --mds-color-theme-text-team-cobalt-normal: #08599c;
95
97
  --mds-color-theme-text-team-cobalt-hover: #08599c;
96
98
  --mds-color-theme-text-team-cobalt-active: #12283d;
@@ -106,9 +108,9 @@
106
108
  --mds-color-theme-text-team-gold-normal: #735107;
107
109
  --mds-color-theme-text-team-gold-hover: #735107;
108
110
  --mds-color-theme-text-team-gold-active: #30240d;
109
- --mds-color-theme-text-team-orange-normal: #914017;
110
- --mds-color-theme-text-team-orange-hover: #914017;
111
- --mds-color-theme-text-team-orange-active: #33221B;
111
+ --mds-color-theme-text-team-orange-normal: #9C3202;
112
+ --mds-color-theme-text-team-orange-hover: #9C3202;
113
+ --mds-color-theme-text-team-orange-active: #411B04;
112
114
  --mds-color-theme-text-team-pink-normal: #a12a3a;
113
115
  --mds-color-theme-text-team-pink-hover: #a12a3a;
114
116
  --mds-color-theme-text-team-pink-active: #3b1e21;
@@ -156,7 +158,7 @@
156
158
  --mds-color-theme-background-alert-purple-active: #fce1fc;
157
159
  --mds-color-theme-background-alert-orange-normal: #FEEBD7;
158
160
  --mds-color-theme-background-alert-orange-hover: #FEEBD7;
159
- --mds-color-theme-background-alert-orange-active: #FAF4EB;
161
+ --mds-color-theme-background-alert-orange-active: #FED5AC;
160
162
  --mds-color-theme-background-label-cobalt-normal: #e5f8ff;
161
163
  --mds-color-theme-background-label-cobalt-hover: #c7eeff;
162
164
  --mds-color-theme-background-label-cobalt-active: #99ddff;
@@ -170,8 +172,8 @@
170
172
  --mds-color-theme-background-label-mint-hover: #baf5e7;
171
173
  --mds-color-theme-background-label-mint-active: #74e8d1;
172
174
  --mds-color-theme-background-label-orange-normal: #FEEBD7;
173
- --mds-color-theme-background-label-orange-hover: #FAF4EB;
174
- --mds-color-theme-background-label-orange-active: #FFCA99;
175
+ --mds-color-theme-background-label-orange-hover: #FED5AC;
176
+ --mds-color-theme-background-label-orange-active: #FEBA7F;
175
177
  --mds-color-theme-background-label-pink-normal: #fff2f5;
176
178
  --mds-color-theme-background-label-pink-hover: #ffe0e7;
177
179
  --mds-color-theme-background-label-pink-active: #ffc7d2;
@@ -219,8 +221,11 @@
219
221
  --mds-color-theme-outline-join-normal: #185e46;
220
222
  --mds-color-theme-outline-cancel-normal: #ab0a15;
221
223
  --mds-color-theme-outline-disabled-normal: #00000033;
224
+ --mds-color-theme-outline-gradient-active-0: #08599c;
225
+ --mds-color-theme-outline-gradient-active-1: #22c7d6;
226
+ --mds-color-theme-outline-gradient-active-2: #27a17a;
222
227
  --mds-color-theme-outline-share-selected: #27a17a;
223
- --mds-color-theme-outline-share-active: #F26B1D;
228
+ --mds-color-theme-outline-share-active: #EC6400;
224
229
  --mds-color-theme-outline-share-inactive: #8f8f8f;
225
230
  --mds-color-theme-outline-overlay-normal: #707070;
226
231
  --mds-color-theme-outline-high-contrast-focus: #000000;
@@ -228,7 +233,7 @@
228
233
  --mds-color-theme-outline-label-gold: #d6b220;
229
234
  --mds-color-theme-outline-label-lime: #93c437;
230
235
  --mds-color-theme-outline-label-mint: #30c9b0;
231
- --mds-color-theme-outline-label-orange: #FF9D52;
236
+ --mds-color-theme-outline-label-orange: #FD884E;
232
237
  --mds-color-theme-outline-label-pink: #fc97aa;
233
238
  --mds-color-theme-outline-label-purple: #f294f1;
234
239
  --mds-color-theme-outline-label-slate: #b0b4d9;
@@ -243,7 +248,7 @@
243
248
  --mds-color-theme-control-inactive-pressed: #00000066;
244
249
  --mds-color-theme-control-inactive-disabled: #0000001c;
245
250
  --mds-color-theme-overlay-meetings-normal: #ffffffcc;
246
- --mds-color-theme-indicator-unstable: #C74F0E;
251
+ --mds-color-theme-indicator-unstable: #C94403;
247
252
  --mds-color-theme-indicator-attention: #db1f2e;
248
253
  --mds-color-theme-indicator-stable: #1d805f;
249
254
  --mds-color-theme-indicator-locked: #707070;
@@ -272,7 +277,7 @@
272
277
  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
273
278
  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
274
279
  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
275
- --mds-color-theme-illustrations-onboarding-tertiary-1: #F26B1D;
280
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #EC6400;
276
281
  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
277
282
  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
278
283
  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
@@ -326,7 +331,7 @@
326
331
  --mds-color-theme-avatar-gold: #735107;
327
332
  --mds-color-theme-avatar-lime: #416116;
328
333
  --mds-color-theme-avatar-mint: #12615a;
329
- --mds-color-theme-avatar-orange: #914017;
334
+ --mds-color-theme-avatar-orange: #9C3202;
330
335
  --mds-color-theme-avatar-pink: #a12a3a;
331
336
  --mds-color-theme-avatar-purple: #932099;
332
337
  --mds-color-theme-avatar-slate: #535573;
package/dist/ios/core/complete.swift CHANGED
@@ -4,21 +4,21 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 13 Dec 2022 14:55:43 GMT
7
+ // Generated on Mon, 06 Feb 2023 16:59:31 GMT
8
8
 
9
9
 
10
10
  import UIKit
11
11
 
12
12
  public class {
13
- public static let mds-border-radius-half-height = 50%
14
- public static let mds-border-radius-large = 12px
15
- public static let mds-border-radius-medium = 8px
16
- public static let mds-border-radius-none = 0px
17
- public static let mds-border-radius-small = 4px
18
- public static let mds-border-width-large = 3px
19
- public static let mds-border-width-medium = 2px
20
- public static let mds-border-width-none = 0px
21
- public static let mds-border-width-small = 1px
13
+ public static let mds-border-radius-core-half-height = 50%
14
+ public static let mds-border-radius-core-large = 12px
15
+ public static let mds-border-radius-core-medium = 8px
16
+ public static let mds-border-radius-core-none = 0px
17
+ public static let mds-border-radius-core-small = 4px
18
+ public static let mds-border-width-core-large = 3px
19
+ public static let mds-border-width-core-medium = 2px
20
+ public static let mds-border-width-core-none = 0px
21
+ public static let mds-border-width-core-small = 1px
22
22
  public static let mds-color-core-black-alpha-00 = #00000000
23
23
  public static let mds-color-core-black-alpha-04 = #0000000a
24
24
  public static let mds-color-core-black-alpha-07 = #00000012
@@ -71,15 +71,15 @@ public class {
71
71
  public static let mds-color-core-green-95 = #0a1c15
72
72
  public static let mds-color-core-orange-05 = #FEF3E8
73
73
  public static let mds-color-core-orange-10 = #FEEBD7
74
- public static let mds-color-core-orange-100 = #211916
75
- public static let mds-color-core-orange-20 = #FAF4EB
76
- public static let mds-color-core-orange-30 = #FFCA99
77
- public static let mds-color-core-orange-40 = #FF9D52
78
- public static let mds-color-core-orange-50 = #F26B1D
79
- public static let mds-color-core-orange-60 = #C74F0E
80
- public static let mds-color-core-orange-70 = #914017
81
- public static let mds-color-core-orange-80 = #59311E
82
- public static let mds-color-core-orange-90 = #33221B
74
+ public static let mds-color-core-orange-100 = #170B02
75
+ public static let mds-color-core-orange-20 = #FED5AC
76
+ public static let mds-color-core-orange-30 = #FEBA7F
77
+ public static let mds-color-core-orange-40 = #FD884E
78
+ public static let mds-color-core-orange-50 = #EC6400
79
+ public static let mds-color-core-orange-60 = #C94403
80
+ public static let mds-color-core-orange-70 = #9C3202
81
+ public static let mds-color-core-orange-80 = #682601
82
+ public static let mds-color-core-orange-90 = #411B04
83
83
  public static let mds-color-core-orange-95 = #291303
84
84
  public static let mds-color-core-red-05 = #fff5f6
85
85
  public static let mds-color-core-red-10 = #ffe8ea
@@ -276,21 +276,21 @@ public class {
276
276
  public static let mds-color-partner-sheets = #F4B400
277
277
  public static let mds-color-partner-slides = #0F9D58
278
278
  public static let mds-color-partner-word = #0078D6
279
- public static let mds-elevation-0 = 0px 0px 0px 0px
280
- public static let mds-elevation-1 = drop-shadow(0px 4px 8px rgba(0,0,0,0.2))
281
- public static let mds-elevation-2 = drop-shadow(0px 24px 48px rgba(0,0,0,0.2))
282
- public static let mds-spacing-big = 64px
283
- public static let mds-spacing-large = 24px
284
- public static let mds-spacing-medium = 20px
285
- public static let mds-spacing-micro = 2px
286
- public static let mds-spacing-none = 0px
287
- public static let mds-spacing-small = 16px
288
- public static let mds-spacing-x-big = 80px
289
- public static let mds-spacing-x-large = 32px
290
- public static let mds-spacing-x-small = 12px
291
- public static let mds-spacing-xx-big = 100px
292
- public static let mds-spacing-xx-large = 40px
293
- public static let mds-spacing-xx-small = 8px
294
- public static let mds-spacing-xxx-large = 52px
295
- public static let mds-spacing-xxx-small = 4px
279
+ public static let mds-elevation-core-0 = 0px 0px 0px 0px
280
+ public static let mds-elevation-core-1 = drop-shadow(0px 4px 8px rgba(0,0,0,0.2))
281
+ public static let mds-elevation-core-2 = drop-shadow(0px 24px 48px rgba(0,0,0,0.2))
282
+ public static let mds-spacing-core-big = 64px
283
+ public static let mds-spacing-core-large = 24px
284
+ public static let mds-spacing-core-medium = 20px
285
+ public static let mds-spacing-core-micro = 2px
286
+ public static let mds-spacing-core-none = 0px
287
+ public static let mds-spacing-core-small = 16px
288
+ public static let mds-spacing-core-x-big = 80px
289
+ public static let mds-spacing-core-x-large = 32px
290
+ public static let mds-spacing-core-x-small = 12px
291
+ public static let mds-spacing-core-xx-big = 100px
292
+ public static let mds-spacing-core-xx-large = 40px
293
+ public static let mds-spacing-core-xx-small = 8px
294
+ public static let mds-spacing-core-xxx-large = 52px
295
+ public static let mds-spacing-core-xxx-small = 4px
296
296
  }
package/dist/ios/theme/webex/common-stable.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 13 Dec 2022 14:55:44 GMT
7
+ // Generated on Mon, 06 Feb 2023 16:59:31 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -12,6 +12,8 @@ import UIKit
12
12
  public class {
13
13
  public static let mds-color-theme-common-background-solid-primary-light = #ffffff
14
14
  public static let mds-color-theme-common-background-solid-secondary-dark = #1a1a1a
15
+ public static let mds-color-theme-common-button-join-animated-gradient-normal-0 = #30c9b0
16
+ public static let mds-color-theme-common-button-join-animated-gradient-normal-1 = #64b4fa
15
17
  public static let mds-color-theme-common-button-primary-disabled = #ffffff33
16
18
  public static let mds-color-theme-common-button-primary-hover = #ffffffcc
17
19
  public static let mds-color-theme-common-button-primary-normal = #fffffff2
@@ -27,7 +29,7 @@ public class {
27
29
  public static let mds-color-theme-common-button-secondary-hover = #ffffff12
28
30
  public static let mds-color-theme-common-button-secondary-normal = #ffffff00
29
31
  public static let mds-color-theme-common-control-inactive-normal = #00000033
30
- public static let mds-color-theme-common-control-share-content-active = #C74F0E
32
+ public static let mds-color-theme-common-control-share-content-active = #C94403
31
33
  public static let mds-color-theme-common-control-share-content-inactive = #707070
32
34
  public static let mds-color-theme-common-control-share-content-selected = #3cc29a
33
35
  public static let mds-color-theme-common-outline-button-normal = #ffffff4d
@@ -55,8 +57,8 @@ public class {
55
57
  public static let mds-color-theme-common-touchbar-background-green-pressed = #134231
56
58
  public static let mds-color-theme-common-touchbar-background-mint-normal = #148579
57
59
  public static let mds-color-theme-common-touchbar-background-mint-pressed = #12423f
58
- public static let mds-color-theme-common-touchbar-background-orange-normal = #C74F0E
59
- public static let mds-color-theme-common-touchbar-background-orange-pressed = #59311E
60
+ public static let mds-color-theme-common-touchbar-background-orange-normal = #C94403
61
+ public static let mds-color-theme-common-touchbar-background-orange-pressed = #682601
60
62
  public static let mds-color-theme-common-touchbar-background-pink-normal = #d43b52
61
63
  public static let mds-color-theme-common-touchbar-background-pink-pressed = #66262d
62
64
  public static let mds-color-theme-common-touchbar-background-purple-normal = #c233c4