@momentum-design/tokens 0.3.3 → 0.5.0

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 (124) hide show
  1. package/dist/css/components/complete.css +3928 -4
  2. package/dist/css/core/complete.css +1 -1
  3. package/dist/css/effect/complete.css +1 -1
  4. package/dist/css/elevation/complete.css +1 -1
  5. package/dist/css/theme/aaos/day-complete.css +1 -1
  6. package/dist/css/theme/aaos/night-complete.css +1 -1
  7. package/dist/css/theme/webex/dark-bronze-stable.css +397 -0
  8. package/dist/css/theme/webex/dark-indigo-stable.css +397 -0
  9. package/dist/css/theme/webex/dark-jade-stable.css +397 -0
  10. package/dist/css/theme/webex/dark-lavender-stable.css +397 -0
  11. package/dist/css/theme/webex/dark-rose-stable.css +397 -0
  12. package/dist/css/theme/webex/dark-stable.css +4 -2
  13. package/dist/css/theme/webex/hc-dark-stable.css +3 -1
  14. package/dist/css/theme/webex/hc-light-stable.css +3 -1
  15. package/dist/css/theme/webex/light-bronze-stable.css +397 -0
  16. package/dist/css/theme/webex/light-indigo-stable.css +397 -0
  17. package/dist/css/theme/webex/light-jade-stable.css +397 -0
  18. package/dist/css/theme/webex/light-lavender-stable.css +397 -0
  19. package/dist/css/theme/webex/light-rose-stable.css +397 -0
  20. package/dist/css/theme/webex/light-stable.css +4 -2
  21. package/dist/css/typography/complete.css +1 -1
  22. package/dist/ios/core/complete.swift +1 -1
  23. package/dist/ios/effect/complete.swift +1 -1
  24. package/dist/ios/elevation/complete.swift +1 -1
  25. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  26. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  27. package/dist/ios/theme/webex/dark-bronze-stable.swift +403 -0
  28. package/dist/ios/theme/webex/dark-indigo-stable.swift +403 -0
  29. package/dist/ios/theme/webex/dark-jade-stable.swift +403 -0
  30. package/dist/ios/theme/webex/dark-lavender-stable.swift +403 -0
  31. package/dist/ios/theme/webex/dark-rose-stable.swift +403 -0
  32. package/dist/ios/theme/webex/dark-stable.swift +4 -2
  33. package/dist/ios/theme/webex/hc-dark-stable.swift +3 -1
  34. package/dist/ios/theme/webex/hc-light-stable.swift +3 -1
  35. package/dist/ios/theme/webex/light-bronze-stable.swift +403 -0
  36. package/dist/ios/theme/webex/light-indigo-stable.swift +403 -0
  37. package/dist/ios/theme/webex/light-jade-stable.swift +403 -0
  38. package/dist/ios/theme/webex/light-lavender-stable.swift +403 -0
  39. package/dist/ios/theme/webex/light-rose-stable.swift +403 -0
  40. package/dist/ios/theme/webex/light-stable.swift +4 -2
  41. package/dist/ios/typography/complete.swift +1 -1
  42. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +558 -0
  43. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +558 -0
  44. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +558 -0
  45. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +558 -0
  46. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +558 -0
  47. package/dist/ios-webex/theme/webex/dark-stable.swift +3 -1
  48. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +2 -0
  49. package/dist/ios-webex/theme/webex/hc-light-stable.swift +6 -0
  50. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +1620 -0
  51. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +1620 -0
  52. package/dist/ios-webex/theme/webex/light-jade-stable.swift +1620 -0
  53. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +1620 -0
  54. package/dist/ios-webex/theme/webex/light-rose-stable.swift +1620 -0
  55. package/dist/ios-webex/theme/webex/light-stable.swift +7 -1
  56. package/dist/json/theme/webex/dark-bronze-stable.json +11851 -0
  57. package/dist/json/theme/webex/dark-indigo-stable.json +11851 -0
  58. package/dist/json/theme/webex/dark-jade-stable.json +11851 -0
  59. package/dist/json/theme/webex/dark-lavender-stable.json +11851 -0
  60. package/dist/json/theme/webex/dark-rose-stable.json +11851 -0
  61. package/dist/json/theme/webex/dark-stable.json +67 -4
  62. package/dist/json/theme/webex/hc-dark-stable.json +60 -0
  63. package/dist/json/theme/webex/hc-light-stable.json +63 -0
  64. package/dist/json/theme/webex/light-bronze-stable.json +11917 -0
  65. package/dist/json/theme/webex/light-indigo-stable.json +11917 -0
  66. package/dist/json/theme/webex/light-jade-stable.json +11917 -0
  67. package/dist/json/theme/webex/light-lavender-stable.json +11917 -0
  68. package/dist/json/theme/webex/light-rose-stable.json +11917 -0
  69. package/dist/json/theme/webex/light-stable.json +67 -4
  70. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +806 -0
  71. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +806 -0
  72. package/dist/json-minimal/theme/webex/dark-jade-stable.json +806 -0
  73. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +806 -0
  74. package/dist/json-minimal/theme/webex/dark-rose-stable.json +806 -0
  75. package/dist/json-minimal/theme/webex/dark-stable.json +9 -1
  76. package/dist/json-minimal/theme/webex/hc-dark-stable.json +7 -1
  77. package/dist/json-minimal/theme/webex/hc-light-stable.json +9 -1
  78. package/dist/json-minimal/theme/webex/light-bronze-stable.json +806 -0
  79. package/dist/json-minimal/theme/webex/light-indigo-stable.json +806 -0
  80. package/dist/json-minimal/theme/webex/light-jade-stable.json +806 -0
  81. package/dist/json-minimal/theme/webex/light-lavender-stable.json +806 -0
  82. package/dist/json-minimal/theme/webex/light-rose-stable.json +806 -0
  83. package/dist/json-minimal/theme/webex/light-stable.json +9 -1
  84. package/dist/resources/core/complete.xml +1 -1
  85. package/dist/resources/effect/complete.xml +1 -1
  86. package/dist/resources/elevation/complete.xml +1 -1
  87. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  88. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  89. package/dist/resources/theme/webex/dark-bronze-stable.xml +399 -0
  90. package/dist/resources/theme/webex/dark-indigo-stable.xml +399 -0
  91. package/dist/resources/theme/webex/dark-jade-stable.xml +399 -0
  92. package/dist/resources/theme/webex/dark-lavender-stable.xml +399 -0
  93. package/dist/resources/theme/webex/dark-rose-stable.xml +399 -0
  94. package/dist/resources/theme/webex/dark-stable.xml +4 -2
  95. package/dist/resources/theme/webex/hc-dark-stable.xml +3 -1
  96. package/dist/resources/theme/webex/hc-light-stable.xml +3 -1
  97. package/dist/resources/theme/webex/light-bronze-stable.xml +399 -0
  98. package/dist/resources/theme/webex/light-indigo-stable.xml +399 -0
  99. package/dist/resources/theme/webex/light-jade-stable.xml +399 -0
  100. package/dist/resources/theme/webex/light-lavender-stable.xml +399 -0
  101. package/dist/resources/theme/webex/light-rose-stable.xml +399 -0
  102. package/dist/resources/theme/webex/light-stable.xml +4 -2
  103. package/dist/resources/typography/complete.xml +1 -1
  104. package/dist/scss/core/complete.scss +1 -1
  105. package/dist/scss/effect/complete.scss +1 -1
  106. package/dist/scss/elevation/complete.scss +1 -1
  107. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  108. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  109. package/dist/scss/theme/webex/dark-bronze-stable.scss +394 -0
  110. package/dist/scss/theme/webex/dark-indigo-stable.scss +394 -0
  111. package/dist/scss/theme/webex/dark-jade-stable.scss +394 -0
  112. package/dist/scss/theme/webex/dark-lavender-stable.scss +394 -0
  113. package/dist/scss/theme/webex/dark-rose-stable.scss +394 -0
  114. package/dist/scss/theme/webex/dark-stable.scss +4 -2
  115. package/dist/scss/theme/webex/hc-dark-stable.scss +3 -1
  116. package/dist/scss/theme/webex/hc-light-stable.scss +3 -1
  117. package/dist/scss/theme/webex/light-bronze-stable.scss +394 -0
  118. package/dist/scss/theme/webex/light-indigo-stable.scss +394 -0
  119. package/dist/scss/theme/webex/light-jade-stable.scss +394 -0
  120. package/dist/scss/theme/webex/light-lavender-stable.scss +394 -0
  121. package/dist/scss/theme/webex/light-rose-stable.scss +394 -0
  122. package/dist/scss/theme/webex/light-stable.scss +4 -2
  123. package/dist/scss/typography/complete.scss +1 -1
  124. package/package.json +3 -2
package/dist/css/core/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Jan 2025 19:03:41 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:06 GMT
4
4
  */
5
5
 
6
6
  .mds-core {
package/dist/css/effect/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Jan 2025 19:03:41 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:07 GMT
4
4
  */
5
5
 
6
6
  .mds-effect {
package/dist/css/elevation/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Jan 2025 19:03:46 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:17 GMT
4
4
  */
5
5
 
6
6
  .mds-elevation {
package/dist/css/theme/aaos/day-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Jan 2025 19:03:43 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:08 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-day {
package/dist/css/theme/aaos/night-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 27 Jan 2025 19:03:43 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:09 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-night {
package/dist/css/theme/webex/dark-bronze-stable.css ADDED
@@ -0,0 +1,397 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 06 Mar 2025 17:27:11 GMT
4
+ */
5
+
6
+ .mds-theme-stable-darkBronzeWebex {
7
+ --mds-color-theme-text-primary-normal: #fffffff2;
8
+ --mds-color-theme-text-primary-disabled: #ffffff66;
9
+ --mds-color-theme-text-secondary-normal: #ffffffb3;
10
+ --mds-color-theme-text-error-normal: #fc8b98;
11
+ --mds-color-theme-text-error-hover: #ffd4da;
12
+ --mds-color-theme-text-error-active: #ffd4da;
13
+ --mds-color-theme-text-success-normal: #3cc29a;
14
+ --mds-color-theme-text-success-hover: #9fedd8;
15
+ --mds-color-theme-text-success-active: #9fedd8;
16
+ --mds-color-theme-text-warning-normal: #f2990a;
17
+ --mds-color-theme-text-warning-hover: #ffda94;
18
+ --mds-color-theme-text-warning-active: #ffda94;
19
+ --mds-color-theme-text-highlight: #063a75;
20
+ --mds-color-theme-text-accent-normal: #64b4fa;
21
+ --mds-color-theme-text-accent-hover: #bfe3ff;
22
+ --mds-color-theme-text-accent-active: #bfe3ff;
23
+ --mds-color-theme-text-teamdefault-normal: #ffffffb3;
24
+ --mds-color-theme-text-teamdefault-hover: #ffffffb3;
25
+ --mds-color-theme-text-teamdefault-active: #fffffff2;
26
+ --mds-color-theme-text-alert-purple-normal: #f294f1;
27
+ --mds-color-theme-text-alert-purple-hover: #fce1fc;
28
+ --mds-color-theme-text-alert-purple-active: #fce1fc;
29
+ --mds-color-theme-text-alert-orange-normal: #fd884e;
30
+ --mds-color-theme-text-alert-orange-hover: #fed5ac;
31
+ --mds-color-theme-text-alert-orange-active: #fed5ac;
32
+ --mds-color-theme-text-team-cobalt-normal: #5ebff7;
33
+ --mds-color-theme-text-team-cobalt-hover: #5ebff7;
34
+ --mds-color-theme-text-team-cobalt-active: #c7eeff;
35
+ --mds-color-theme-text-team-cyan-normal: #22c7d6;
36
+ --mds-color-theme-text-team-cyan-hover: #22c7d6;
37
+ --mds-color-theme-text-team-cyan-active: #b2f4f7;
38
+ --mds-color-theme-text-team-mint-normal: #30c9b0;
39
+ --mds-color-theme-text-team-mint-hover: #baf5e7;
40
+ --mds-color-theme-text-team-mint-active: #baf5e7;
41
+ --mds-color-theme-text-team-lime-normal: #93c437;
42
+ --mds-color-theme-text-team-lime-hover: #93c437;
43
+ --mds-color-theme-text-team-lime-active: #ddf2ae;
44
+ --mds-color-theme-text-team-gold-normal: #d6b220;
45
+ --mds-color-theme-text-team-gold-hover: #d6b220;
46
+ --mds-color-theme-text-team-gold-active: #f5eaa2;
47
+ --mds-color-theme-text-team-orange-normal: #fd884e;
48
+ --mds-color-theme-text-team-orange-hover: #fd884e;
49
+ --mds-color-theme-text-team-orange-active: #fed5ac;
50
+ --mds-color-theme-text-team-pink-normal: #fc97aa;
51
+ --mds-color-theme-text-team-pink-hover: #fc97aa;
52
+ --mds-color-theme-text-team-pink-active: #ffe0e7;
53
+ --mds-color-theme-text-team-purple-normal: #f294f1;
54
+ --mds-color-theme-text-team-purple-hover: #f294f1;
55
+ --mds-color-theme-text-team-purple-active: #fce1fc;
56
+ --mds-color-theme-text-team-violet-normal: #c7a5fa;
57
+ --mds-color-theme-text-team-violet-hover: #c7a5fa;
58
+ --mds-color-theme-text-team-violet-active: #f0e3fc;
59
+ --mds-color-theme-text-team-slate-normal: #b0b4d9;
60
+ --mds-color-theme-text-team-slate-hover: #b0b4d9;
61
+ --mds-color-theme-text-team-slate-active: #e3e7fa;
62
+ --mds-color-theme-inverted-text-primary-normal: #000000f2;
63
+ --mds-color-theme-inverted-text-primary-disabled: #00000066;
64
+ --mds-color-theme-inverted-text-secondary-normal: #000000b3;
65
+ --mds-color-theme-inverted-text-accent-normal: #0353a8;
66
+ --mds-color-theme-inverted-text-accent-hover: #0a274a;
67
+ --mds-color-theme-inverted-text-accent-active: #0a274a;
68
+ --mds-color-theme-inverted-background-normal: #ffffff;
69
+ --mds-color-theme-inverted-button-primary-normal: #000000f2;
70
+ --mds-color-theme-inverted-button-primary-hover: #000000cc;
71
+ --mds-color-theme-inverted-button-primary-pressed: #000000b3;
72
+ --mds-color-theme-inverted-button-primary-disabled: #00000033;
73
+ --mds-color-theme-inverted-button-secondary-normal: #00000000;
74
+ --mds-color-theme-inverted-button-secondary-hover: #00000012;
75
+ --mds-color-theme-inverted-button-secondary-pressed: #00000033;
76
+ --mds-color-theme-inverted-button-secondary-disabled: #00000000;
77
+ --mds-color-theme-inverted-outline-button-normal: #00000080;
78
+ --mds-color-theme-inverted-outline-primary-normal: #00000075;
79
+ --mds-color-theme-inverted-outline-disabled-normal: #00000033;
80
+ --mds-color-theme-inverted-outline-theme-normal: #1170cf;
81
+ --mds-color-theme-inverted-outline-input-normal: #00000080;
82
+ --mds-color-theme-inverted-control-active-normal: #1170cf;
83
+ --mds-color-theme-inverted-control-active-hover: #0353a8;
84
+ --mds-color-theme-inverted-control-active-pressed: #063a75;
85
+ --mds-color-theme-inverted-control-active-active: #063a75;
86
+ --mds-color-theme-inverted-control-active-disabled: #00000033;
87
+ --mds-color-theme-inverted-control-inactive-normal: #0000001c;
88
+ --mds-color-theme-inverted-control-inactive-hover: #0000004d;
89
+ --mds-color-theme-inverted-control-inactive-pressed: #00000066;
90
+ --mds-color-theme-inverted-control-inactive-disabled: #00000033;
91
+ --mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
92
+ --mds-color-theme-background-primary-ghost: #ffffff00;
93
+ --mds-color-theme-background-primary-hover: #ffffff12;
94
+ --mds-color-theme-background-primary-active: #ffffff1c;
95
+ --mds-color-theme-background-primary-disabled: #ffffff00;
96
+ --mds-color-theme-background-solid-primary-normal: #000000;
97
+ --mds-color-theme-background-solid-secondary-normal: #1a1a1a;
98
+ --mds-color-theme-background-solid-tertiary-normal: #262626;
99
+ --mds-color-theme-background-solid-quaternary-normal: #3b3b3b;
100
+ --mds-color-theme-background-secondary-normal: #ffffff1c;
101
+ --mds-color-theme-background-secondary-hover: #ffffff33;
102
+ --mds-color-theme-background-secondary-active: #ffffff33;
103
+ --mds-color-theme-background-secondary-disabled: #ffffff00;
104
+ --mds-color-theme-background-accent-normal: #1170cf;
105
+ --mds-color-theme-background-accent-active: #64b4fa;
106
+ --mds-color-theme-background-alert-default-normal: #3b3b3b;
107
+ --mds-color-theme-background-alert-default-hover: #3b3b3b;
108
+ --mds-color-theme-background-alert-default-active: #545454;
109
+ --mds-color-theme-background-alert-success-normal: #0e2b20;
110
+ --mds-color-theme-background-alert-success-hover: #0e2b20;
111
+ --mds-color-theme-background-alert-success-active: #134231;
112
+ --mds-color-theme-background-alert-warning-normal: #36220c;
113
+ --mds-color-theme-background-alert-warning-hover: #36220c;
114
+ --mds-color-theme-background-alert-warning-active: #57330a;
115
+ --mds-color-theme-background-alert-error-normal: #4f0e10;
116
+ --mds-color-theme-background-alert-error-hover: #4f0e10;
117
+ --mds-color-theme-background-alert-error-active: #780d13;
118
+ --mds-color-theme-background-alert-theme-normal: #0a274a;
119
+ --mds-color-theme-background-alert-theme-hover: #0a274a;
120
+ --mds-color-theme-background-alert-theme-active: #063a75;
121
+ --mds-color-theme-background-alert-purple-normal: #3b1840;
122
+ --mds-color-theme-background-alert-purple-hover: #3b1840;
123
+ --mds-color-theme-background-alert-purple-active: #601e66;
124
+ --mds-color-theme-background-alert-orange-normal: #411b04;
125
+ --mds-color-theme-background-alert-orange-hover: #411b04;
126
+ --mds-color-theme-background-alert-orange-active: #682601;
127
+ --mds-color-theme-background-label-cobalt-normal: #12283d;
128
+ --mds-color-theme-background-label-cobalt-hover: #103c63;
129
+ --mds-color-theme-background-label-cobalt-active: #08599c;
130
+ --mds-color-theme-background-label-gold-normal: #30240d;
131
+ --mds-color-theme-background-label-gold-hover: #4d370c;
132
+ --mds-color-theme-background-label-gold-active: #735107;
133
+ --mds-color-theme-background-label-lime-normal: #1e2b10;
134
+ --mds-color-theme-background-label-lime-hover: #2d4214;
135
+ --mds-color-theme-background-label-lime-active: #416116;
136
+ --mds-color-theme-background-label-mint-normal: #102b2a;
137
+ --mds-color-theme-background-label-mint-hover: #12423f;
138
+ --mds-color-theme-background-label-mint-active: #12615a;
139
+ --mds-color-theme-background-label-orange-normal: #411b04;
140
+ --mds-color-theme-background-label-orange-hover: #682601;
141
+ --mds-color-theme-background-label-orange-active: #9c3202;
142
+ --mds-color-theme-background-label-pink-normal: #3b1e21;
143
+ --mds-color-theme-background-label-pink-hover: #66262d;
144
+ --mds-color-theme-background-label-pink-active: #a12a3a;
145
+ --mds-color-theme-background-label-purple-normal: #3b1840;
146
+ --mds-color-theme-background-label-purple-hover: #601e66;
147
+ --mds-color-theme-background-label-purple-active: #932099;
148
+ --mds-color-theme-background-label-slate-normal: #26262b;
149
+ --mds-color-theme-background-label-slate-hover: #393a47;
150
+ --mds-color-theme-background-label-slate-active: #535573;
151
+ --mds-color-theme-background-label-violet-normal: #29223d;
152
+ --mds-color-theme-background-label-violet-hover: #432c78;
153
+ --mds-color-theme-background-label-violet-active: #643abd;
154
+ --mds-color-theme-background-label-default-normal: #262626;
155
+ --mds-color-theme-background-label-default-hover: #3b3b3b;
156
+ --mds-color-theme-background-label-default-active: #545454;
157
+ --mds-color-theme-background-label-error-normal: #4f0e10;
158
+ --mds-color-theme-background-label-error-hover: #780d13;
159
+ --mds-color-theme-background-label-error-active: #ab0a15;
160
+ --mds-color-theme-background-namelabel-normal: #00000099;
161
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
162
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
163
+ --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
+ --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
+ --mds-color-theme-background-glass-normal: #00000066;
166
+ --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
+ --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-button-primary-normal: #fffffff2;
169
+ --mds-color-theme-button-primary-hover: #ffffffcc;
170
+ --mds-color-theme-button-primary-pressed: #ffffffb3;
171
+ --mds-color-theme-button-primary-disabled: #ffffff33;
172
+ --mds-color-theme-button-secondary-normal: #ffffff00;
173
+ --mds-color-theme-button-secondary-hover: #ffffff12;
174
+ --mds-color-theme-button-secondary-pressed: #ffffff33;
175
+ --mds-color-theme-button-secondary-disabled: #ffffff00;
176
+ --mds-color-theme-button-secondary-active-normal: #ffffff33;
177
+ --mds-color-theme-button-secondary-active-hover: #ffffff4d;
178
+ --mds-color-theme-button-secondary-active-pressed: #ffffff66;
179
+ --mds-color-theme-button-secondary-active-disabled: #ffffff1c;
180
+ --mds-color-theme-button-join-normal: #1d805f;
181
+ --mds-color-theme-button-join-hover: #185e46;
182
+ --mds-color-theme-button-join-pressed: #134231;
183
+ --mds-color-theme-button-cancel-normal: #db1f2e;
184
+ --mds-color-theme-button-cancel-hover: #ab0a15;
185
+ --mds-color-theme-button-cancel-pressed: #780d13;
186
+ --mds-color-theme-button-accent-normal: #1170cf;
187
+ --mds-color-theme-button-accent-hover: #0353a8;
188
+ --mds-color-theme-button-accent-pressed: #063a75;
189
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
190
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
191
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
192
+ --mds-color-theme-outline-primary-normal: #ffffff66;
193
+ --mds-color-theme-outline-primary-disabled: #ffffff33;
194
+ --mds-color-theme-outline-theme-normal: #64b4fa;
195
+ --mds-color-theme-outline-secondary-normal: #ffffff33;
196
+ --mds-color-theme-outline-input-normal: #ffffff80;
197
+ --mds-color-theme-outline-input-active: #ffffffe6;
198
+ --mds-color-theme-outline-button-normal: #ffffff80;
199
+ --mds-color-theme-outline-join-normal: #3cc29a;
200
+ --mds-color-theme-outline-cancel-normal: #fc8b98;
201
+ --mds-color-theme-outline-share-selected: #27a17a;
202
+ --mds-color-theme-outline-share-active: #ec6400;
203
+ --mds-color-theme-outline-share-inactive: #8f8f8f;
204
+ --mds-color-theme-outline-overlay-normal: #adadad;
205
+ --mds-color-theme-outline-high-contrast-focus: #ffffff;
206
+ --mds-color-theme-outline-label-cobalt: #5ebff7;
207
+ --mds-color-theme-outline-label-gold: #d6b220;
208
+ --mds-color-theme-outline-label-lime: #93c437;
209
+ --mds-color-theme-outline-label-mint: #30c9b0;
210
+ --mds-color-theme-outline-label-orange: #fd884e;
211
+ --mds-color-theme-outline-label-pink: #fc97aa;
212
+ --mds-color-theme-outline-label-purple: #f294f1;
213
+ --mds-color-theme-outline-label-slate: #b0b4d9;
214
+ --mds-color-theme-outline-label-violet: #c7a5fa;
215
+ --mds-color-theme-outline-promotion-normal: #c233c4;
216
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
217
+ --mds-color-theme-outline-warning-normal: #f2990a;
218
+ --mds-color-theme-control-active-normal: #64b4fa;
219
+ --mds-color-theme-control-active-hover: #3492eb;
220
+ --mds-color-theme-control-active-pressed: #1170cf;
221
+ --mds-color-theme-control-active-active: #1170cf;
222
+ --mds-color-theme-control-active-disabled: #ffffff33;
223
+ --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;
224
+ --mds-color-theme-control-inactive-normal: #ffffff1c;
225
+ --mds-color-theme-control-inactive-hover: #ffffff33;
226
+ --mds-color-theme-control-inactive-pressed: #ffffff4d;
227
+ --mds-color-theme-control-inactive-disabled: #ffffff12;
228
+ --mds-color-theme-overlay-meetings-normal: #000000b3;
229
+ --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
230
+ --mds-color-theme-overlay-button-secondary-hover: #262626;
231
+ --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
232
+ --mds-color-theme-indicator-unstable: #ec6400;
233
+ --mds-color-theme-indicator-attention: #f55868;
234
+ --mds-color-theme-indicator-stable: #27a17a;
235
+ --mds-color-theme-indicator-locked: #8f8f8f;
236
+ --mds-color-theme-indicator-caution: #cf7900;
237
+ --mds-color-theme-indicator-secure: #3492eb;
238
+ --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
239
+ --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
240
+ --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
241
+ --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
242
+ --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
243
+ --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
244
+ --mds-color-theme-common-whiteboard-pen-red: #f55868;
245
+ --mds-color-theme-common-whiteboard-pen-purple: #c233c4;
246
+ --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
247
+ --mds-color-theme-common-whiteboard-pen-green: #3cc29a;
248
+ --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
249
+ --mds-color-theme-common-whiteboard-pen-white: #ffffff;
250
+ --mds-color-theme-common-text-primary-normal: #fffffff2;
251
+ --mds-color-theme-common-text-primary-disabled: #ffffff66;
252
+ --mds-color-theme-common-text-secondary-normal: #ffffffb3;
253
+ --mds-color-theme-common-text-success-normal: #3cc29a;
254
+ --mds-color-theme-common-text-success-hover: #9fedd8;
255
+ --mds-color-theme-common-text-error-normal: #fc8b98;
256
+ --mds-color-theme-common-text-error-hover: #ffd4da;
257
+ --mds-color-theme-common-text-warning-normal: #f2990a;
258
+ --mds-color-theme-common-text-warning-hover: #ffda94;
259
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
260
+ --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
261
+ --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
262
+ --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
263
+ --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
264
+ --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
265
+ --mds-color-theme-common-overlays-primary-normal: #000000e6;
266
+ --mds-color-theme-common-overlays-secondary-normal: #00000066;
267
+ --mds-color-theme-common-overlays-meeting-normal-0: #00000000;
268
+ --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
269
+ --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
270
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
271
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
272
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
273
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
274
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
275
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
276
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
277
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
278
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
279
+ --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
280
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
281
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
282
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
283
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
284
+ --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
285
+ --mds-color-theme-common-outline-button-normal: #ffffff4d;
286
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
287
+ --mds-color-theme-common-outline-primary-disabled: #ffffff33;
288
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
289
+ --mds-color-theme-common-outline-secondary-normal: #00000033;
290
+ --mds-color-theme-common-outline-secondary-disabled: #00000033;
291
+ --mds-color-theme-common-outline-warning-normal: #f2990a;
292
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
293
+ --mds-color-theme-common-control-share-content-active: #c94403;
294
+ --mds-color-theme-common-control-share-content-inactive: #707070;
295
+ --mds-color-theme-common-control-inactive-normal: #00000033;
296
+ --mds-color-theme-common-background-alert-share-normal: #c94403;
297
+ --mds-color-theme-common-background-solid-dark: #1a1a1a;
298
+ --mds-color-theme-common-background-solid-light: #ffffff;
299
+ --mds-color-theme-common-content-pdf: #ee0507;
300
+ --mds-color-theme-common-content-word: #0078d6;
301
+ --mds-color-theme-common-content-powerpoint: #d93e17;
302
+ --mds-color-theme-common-content-excel: #00893e;
303
+ --mds-color-theme-common-content-onenote: #b839db;
304
+ --mds-color-theme-common-content-sheets: #f4b400;
305
+ --mds-color-theme-common-content-slides: #0f9d58;
306
+ --mds-color-theme-common-content-keynote: #029cfb;
307
+ --mds-color-theme-common-content-doc: #4285f4;
308
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
309
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
310
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
311
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
312
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
313
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
314
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
315
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
316
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
317
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
318
+ --mds-color-theme-common-touchbar-background-orange-normal: #c94403;
319
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
320
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
321
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
322
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
323
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
324
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
325
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
326
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
327
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
328
+ --mds-color-theme-scrollbar-button-normal: #ffffff66;
329
+ --mds-color-theme-scrollbar-button-hover: #ffffff80;
330
+ --mds-color-theme-scrollbar-button-pressed: #ffffff99;
331
+ --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;
332
+ --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;
333
+ --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;
334
+ --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;
335
+ --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;
336
+ --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;
337
+ --mds-color-theme-illustrations-empty-primary-0: #93c437;
338
+ --mds-color-theme-illustrations-empty-primary-1: #279be8;
339
+ --mds-color-theme-illustrations-empty-secondary-0: #279be8;
340
+ --mds-color-theme-illustrations-empty-secondary-1: #875ae0;
341
+ --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
342
+ --mds-color-theme-illustrations-onboarding-primary-1: #93c437;
343
+ --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
344
+ --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
345
+ --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
346
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
347
+ --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
348
+ --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
349
+ --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
350
+ --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
351
+ --mds-color-theme-illustrations-success-0: #3cc29a;
352
+ --mds-color-theme-illustrations-success-1: #93c437;
353
+ --mds-color-theme-illustrations-error-0: #f0677e;
354
+ --mds-color-theme-illustrations-error-1: #db1f2e;
355
+ --mds-color-theme-illustrations-default: #ffffff;
356
+ --mds-color-theme-globaltint-normal: #3492eb;
357
+ --mds-color-theme-globaltint-selected: #1170cf;
358
+ --mds-color-theme-groupedbackground-primary-normal: #000000;
359
+ --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;
360
+ --mds-color-theme-groupedbackground-tertiary-normal: #262626;
361
+ --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;
362
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
363
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
364
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
365
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
366
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
367
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
368
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
369
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);
370
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);
371
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);
372
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);
373
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
374
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
375
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
376
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
377
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
378
+ --mds-color-theme-avatar-default: #545454;
379
+ --mds-color-theme-avatar-hover: #ffffff12;
380
+ --mds-color-theme-avatar-pressed: #ffffff33;
381
+ --mds-color-theme-avatar-cobalt: #08599c;
382
+ --mds-color-theme-avatar-cyan: #066070;
383
+ --mds-color-theme-avatar-gold: #735107;
384
+ --mds-color-theme-avatar-lime: #416116;
385
+ --mds-color-theme-avatar-mint: #12615a;
386
+ --mds-color-theme-avatar-orange: #9c3202;
387
+ --mds-color-theme-avatar-pink: #a12a3a;
388
+ --mds-color-theme-avatar-purple: #932099;
389
+ --mds-color-theme-avatar-slate: #535573;
390
+ --mds-color-theme-avatar-violet: #643abd;
391
+ --mds-color-theme-avatar-yellow: #7d4705;
392
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
393
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
394
+ --mds-color-theme-focus-default-0: #000000;
395
+ --mds-color-theme-focus-default-1: #64b4fa;
396
+ --mds-color-theme-focus-default-2: #64b4fa59;
397
+ }