@momentum-design/tokens 0.0.1

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 (5) hide show
  1. package/README.md +14 -0
  2. package/dist/webex/css/core.css +254 -0
  3. package/dist/webex/json/core.json +6385 -0
  4. package/dist/webex/scss/core.scss +251 -0
  5. package/package.json +28 -0
package/README.md ADDED
@@ -0,0 +1,14 @@
1
+ # @momentum-design/tokens
2
+
3
+ [![license: mit](https://img.shields.io/badge/License-MIT-blueviolet?style=flat-square)](https://github.com/momentum-design/momentum-design/blob/design-token-updates/LICENSE)
4
+ ![State](https://img.shields.io/badge/State-Alpha-blue?style=flat-square)
5
+
6
+ Cisco's **momentum-design** tokens package.
7
+
8
+ ## Usage
9
+
10
+ **TODO** 1
11
+
12
+ ## Contribution
13
+
14
+ **TODO** - [Contribution Guide](./CONTRIBUTING.md)
package/dist/webex/css/core.css ADDED
@@ -0,0 +1,254 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 14 Nov 2022 18:34:23 GMT
4
+ */
5
+
6
+ :root {
7
+ --md-color-core-white-alpha-11: rgba(255, 255, 255, 0.11);
8
+ --md-color-core-white-alpha-20: rgba(255, 255, 255, 0.2);
9
+ --md-color-core-white-alpha-30: rgba(255, 255, 255, 0.3);
10
+ --md-color-core-white-alpha-40: rgba(255, 255, 255, 0.4);
11
+ --md-color-core-white-alpha-50: rgba(255, 255, 255, 0.5);
12
+ --md-color-core-white-alpha-60: rgba(255, 255, 255, 0.6);
13
+ --md-color-core-white-alpha-70: rgba(255, 255, 255, 0.7);
14
+ --md-color-core-white-alpha-80: rgba(255, 255, 255, 0.8);
15
+ --md-color-core-white-alpha-90: rgba(255, 255, 255, 0.9);
16
+ --md-color-core-white-alpha-95: rgba(255, 255, 255, 0.95);
17
+ --md-color-core-white-alpha-100: #ffffff;
18
+ --md-color-core-white-alpha-00: rgba(255, 255, 255, 0);
19
+ --md-color-core-white-alpha-05: rgba(255, 255, 255, 0.05);
20
+ --md-color-core-white-alpha-07: rgba(255, 255, 255, 0.07);
21
+ --md-color-core-black-alpha-11: rgba(0, 0, 0, 0.11);
22
+ --md-color-core-black-alpha-20: rgba(0, 0, 0, 0.2);
23
+ --md-color-core-black-alpha-30: rgba(0, 0, 0, 0.3);
24
+ --md-color-core-black-alpha-40: rgba(0, 0, 0, 0.4);
25
+ --md-color-core-black-alpha-50: rgba(0, 0, 0, 0.5);
26
+ --md-color-core-black-alpha-60: rgba(0, 0, 0, 0.6);
27
+ --md-color-core-black-alpha-70: rgba(0, 0, 0, 0.7);
28
+ --md-color-core-black-alpha-80: rgba(0, 0, 0, 0.8);
29
+ --md-color-core-black-alpha-90: rgba(0, 0, 0, 0.9);
30
+ --md-color-core-black-alpha-95: rgba(0, 0, 0, 0.95);
31
+ --md-color-core-black-alpha-100: #000000;
32
+ --md-color-core-black-alpha-00: rgba(0, 0, 0, 0);
33
+ --md-color-core-black-alpha-04: rgba(0, 0, 0, 0.04);
34
+ --md-color-core-black-alpha-07: rgba(0, 0, 0, 0.07);
35
+ --md-color-core-gray-10: #ededed;
36
+ --md-color-core-gray-20: #dedede;
37
+ --md-color-core-gray-30: #c9c9c9;
38
+ --md-color-core-gray-40: #adadad;
39
+ --md-color-core-gray-50: #8f8f8f;
40
+ --md-color-core-gray-60: #707070;
41
+ --md-color-core-gray-70: #545454;
42
+ --md-color-core-gray-80: #3b3b3b;
43
+ --md-color-core-gray-90: #262626;
44
+ --md-color-core-gray-95: #1a1a1a;
45
+ --md-color-core-gray-100: #0f0f0f;
46
+ --md-color-core-gray-05: #f7f7f7;
47
+ --md-color-core-blue-10: #dbf0ff;
48
+ --md-color-core-blue-20: #bfe3ff;
49
+ --md-color-core-blue-30: #96d0ff;
50
+ --md-color-core-blue-40: #64b4fa;
51
+ --md-color-core-blue-50: #3492eb;
52
+ --md-color-core-blue-60: #1170cf;
53
+ --md-color-core-blue-70: #0353a8;
54
+ --md-color-core-blue-80: #063a75;
55
+ --md-color-core-blue-90: #0a274a;
56
+ --md-color-core-blue-95: #091a30;
57
+ --md-color-core-blue-100: #07101c;
58
+ --md-color-core-blue-05: #edf8ff;
59
+ --md-color-core-green-10: #cef5eb;
60
+ --md-color-core-green-20: #9fedd8;
61
+ --md-color-core-green-30: #68debd;
62
+ --md-color-core-green-40: #3cc29a;
63
+ --md-color-core-green-50: #27a17a;
64
+ --md-color-core-green-60: #1d805f;
65
+ --md-color-core-green-70: #185e46;
66
+ --md-color-core-green-80: #134231;
67
+ --md-color-core-green-90: #0e2b20;
68
+ --md-color-core-green-95: #0a1c15;
69
+ --md-color-core-green-100: #07120d;
70
+ --md-color-core-green-105: #4e6961;
71
+ --md-color-core-green-05: #edf7f5;
72
+ --md-color-core-red-10: #ffe8ea;
73
+ --md-color-core-red-20: #ffd4da;
74
+ --md-color-core-red-30: #ffb8c1;
75
+ --md-color-core-red-40: #fc8b98;
76
+ --md-color-core-red-50: #f55868;
77
+ --md-color-core-red-60: #db1f2e;
78
+ --md-color-core-red-70: #ab0a15;
79
+ --md-color-core-red-80: #780d13;
80
+ --md-color-core-red-90: #4f0e10;
81
+ --md-color-core-red-95: #330d0e;
82
+ --md-color-core-red-100: #1f0a0a;
83
+ --md-color-core-red-05: #fff5f6;
84
+ --md-color-core-yellow-10: #ffebc2;
85
+ --md-color-core-yellow-20: #ffda94;
86
+ --md-color-core-yellow-30: #ffbe4f;
87
+ --md-color-core-yellow-40: #f2990a;
88
+ --md-color-core-yellow-50: #cf7900;
89
+ --md-color-core-yellow-60: #a65e00;
90
+ --md-color-core-yellow-70: #7d4705;
91
+ --md-color-core-yellow-80: #57330a;
92
+ --md-color-core-yellow-90: #36220c;
93
+ --md-color-core-yellow-95: #24180b;
94
+ --md-color-core-yellow-100: #140e08;
95
+ --md-color-core-yellow-05: #fff6e3;
96
+ --md-color-decorative-orange-10: #faf4eb;
97
+ --md-color-decorative-orange-20: #fce4c7;
98
+ --md-color-decorative-orange-30: #ffca99;
99
+ --md-color-decorative-orange-40: #ff9d52;
100
+ --md-color-decorative-orange-50: #f26b1d;
101
+ --md-color-decorative-orange-60: #c74f0e;
102
+ --md-color-decorative-orange-70: #914017;
103
+ --md-color-decorative-orange-80: #59311e;
104
+ --md-color-decorative-orange-90: #33221b;
105
+ --md-color-decorative-orange-100: #211916;
106
+ --md-color-decorative-gold-10: #f7f6dc;
107
+ --md-color-decorative-gold-20: #f5eaa2;
108
+ --md-color-decorative-gold-30: #ebd460;
109
+ --md-color-decorative-gold-40: #d6b220;
110
+ --md-color-decorative-gold-50: #ba8c00;
111
+ --md-color-decorative-gold-60: #996e00;
112
+ --md-color-decorative-gold-70: #735107;
113
+ --md-color-decorative-gold-80: #4d370c;
114
+ --md-color-decorative-gold-90: #30240d;
115
+ --md-color-decorative-gold-100: #21190b;
116
+ --md-color-decorative-olive-10: #f3f5e4;
117
+ --md-color-decorative-olive-20: #e7edb7;
118
+ --md-color-decorative-olive-30: #d3db7b;
119
+ --md-color-decorative-olive-40: #b4ba43;
120
+ --md-color-decorative-olive-50: #999923;
121
+ --md-color-decorative-olive-60: #7d7a18;
122
+ --md-color-decorative-olive-70: #5c5813;
123
+ --md-color-decorative-olive-80: #403d11;
124
+ --md-color-decorative-olive-90: #29260d;
125
+ --md-color-decorative-olive-100: #1c1a0a;
126
+ --md-color-decorative-lime-10: #f3f7e9;
127
+ --md-color-decorative-lime-20: #ddf2ae;
128
+ --md-color-decorative-lime-30: #bce36f;
129
+ --md-color-decorative-lime-40: #93c437;
130
+ --md-color-decorative-lime-50: #73a321;
131
+ --md-color-decorative-lime-60: #588219;
132
+ --md-color-decorative-lime-70: #416116;
133
+ --md-color-decorative-lime-80: #2d4214;
134
+ --md-color-decorative-lime-90: #1e2b10;
135
+ --md-color-decorative-lime-100: #141c0c;
136
+ --md-color-decorative-mint-10: #e9f7f3;
137
+ --md-color-decorative-mint-20: #baf5e7;
138
+ --md-color-decorative-mint-30: #74e8d1;
139
+ --md-color-decorative-mint-40: #30c9b0;
140
+ --md-color-decorative-mint-50: #16a693;
141
+ --md-color-decorative-mint-60: #148579;
142
+ --md-color-decorative-mint-70: #12615a;
143
+ --md-color-decorative-mint-80: #12423f;
144
+ --md-color-decorative-mint-90: #102b2a;
145
+ --md-color-decorative-mint-100: #0c1c1b;
146
+ --md-color-decorative-cyan-10: #e6f9fa;
147
+ --md-color-decorative-cyan-20: #b2f4f7;
148
+ --md-color-decorative-cyan-30: #67e7f0;
149
+ --md-color-decorative-cyan-40: #22c7d6;
150
+ --md-color-decorative-cyan-50: #00a3b5;
151
+ --md-color-decorative-cyan-60: #008094;
152
+ --md-color-decorative-cyan-70: #066070;
153
+ --md-color-decorative-cyan-80: #0a414d;
154
+ --md-color-decorative-cyan-90: #0b2a30;
155
+ --md-color-decorative-cyan-100: #091c21;
156
+ --md-color-decorative-cobalt-10: #e5f8ff;
157
+ --md-color-decorative-cobalt-20: #c7eeff;
158
+ --md-color-decorative-cobalt-30: #99ddff;
159
+ --md-color-decorative-cobalt-40: #5ebff7;
160
+ --md-color-decorative-cobalt-50: #279be8;
161
+ --md-color-decorative-cobalt-60: #0a78cc;
162
+ --md-color-decorative-cobalt-70: #08599c;
163
+ --md-color-decorative-cobalt-80: #103c63;
164
+ --md-color-decorative-cobalt-90: #12283d;
165
+ --md-color-decorative-cobalt-100: #0f1a26;
166
+ --md-color-decorative-slate-10: #f2f4ff;
167
+ --md-color-decorative-slate-20: #e3e7fa;
168
+ --md-color-decorative-slate-30: #ced2ed;
169
+ --md-color-decorative-slate-40: #b0b4d9;
170
+ --md-color-decorative-slate-50: #8c91bd;
171
+ --md-color-decorative-slate-60: #6f739e;
172
+ --md-color-decorative-slate-70: #535573;
173
+ --md-color-decorative-slate-80: #393a47;
174
+ --md-color-decorative-slate-90: #26262b;
175
+ --md-color-decorative-slate-100: #1a1a1c;
176
+ --md-color-decorative-violet-10: #f8f2fc;
177
+ --md-color-decorative-violet-20: #f0e3fc;
178
+ --md-color-decorative-violet-30: #e2cafc;
179
+ --md-color-decorative-violet-40: #c7a5fa;
180
+ --md-color-decorative-violet-50: #a87ff0;
181
+ --md-color-decorative-violet-60: #875ae0;
182
+ --md-color-decorative-violet-70: #643abd;
183
+ --md-color-decorative-violet-80: #432c78;
184
+ --md-color-decorative-violet-90: #29223d;
185
+ --md-color-decorative-violet-100: #1b1824;
186
+ --md-color-decorative-purple-10: #fcf2fc;
187
+ --md-color-decorative-purple-20: #fce1fc;
188
+ --md-color-decorative-purple-30: #fac3f8;
189
+ --md-color-decorative-purple-40: #f294f1;
190
+ --md-color-decorative-purple-50: #e060de;
191
+ --md-color-decorative-purple-60: #c233c4;
192
+ --md-color-decorative-purple-70: #932099;
193
+ --md-color-decorative-purple-80: #601e66;
194
+ --md-color-decorative-purple-90: #3b1840;
195
+ --md-color-decorative-purple-100: #251329;
196
+ --md-color-decorative-pink-10: #fff2f5;
197
+ --md-color-decorative-pink-20: #ffe0e7;
198
+ --md-color-decorative-pink-30: #ffc7d2;
199
+ --md-color-decorative-pink-40: #fc97aa;
200
+ --md-color-decorative-pink-50: #f0677e;
201
+ --md-color-decorative-pink-60: #d43b52;
202
+ --md-color-decorative-pink-70: #a12a3a;
203
+ --md-color-decorative-pink-80: #66262d;
204
+ --md-color-decorative-pink-90: #3b1e21;
205
+ --md-color-decorative-pink-100: #241617;
206
+ --md-color-gradient-default-light-secondary: #000000;
207
+ --md-color-gradient-default-light-primary: #000000;
208
+ --md-color-gradient-default-dark-primary: #000000;
209
+ --md-color-gradient-default-dark-secondary: #000000;
210
+ --md-color-gradient-indigo-light-primary: #000000;
211
+ --md-color-gradient-indigo-light-secondary: #000000;
212
+ --md-color-gradient-indigo-dark-primary: #000000;
213
+ --md-color-gradient-indigo-dark-secondary: #000000;
214
+ --md-color-gradient-jade-light-primary: #000000;
215
+ --md-color-gradient-jade-light-secondary: #000000;
216
+ --md-color-gradient-jade-dark-primary: #000000;
217
+ --md-color-gradient-jade-dark-secondary: #000000;
218
+ --md-color-gradient-bronze-light-primary: #000000;
219
+ --md-color-gradient-bronze-light-secondary: #000000;
220
+ --md-color-gradient-bronze-dark-primary: #000000;
221
+ --md-color-gradient-bronze-dark-secondary: #000000;
222
+ --md-color-gradient-rose-light-primary: #000000;
223
+ --md-color-gradient-rose-light-secondary: #000000;
224
+ --md-color-gradient-rose-dark-primary: #000000;
225
+ --md-color-gradient-rose-dark-secondary: #000000;
226
+ --md-color-gradient-lavender-light-primary: #000000;
227
+ --md-color-gradient-lavender-light-secondary: #000000;
228
+ --md-color-gradient-lavender-dark-primary: #000000;
229
+ --md-color-gradient-lavender-dark-secondary: #000000;
230
+ --md-color-mobile-default-light-primary: #f7f7f7;
231
+ --md-color-mobile-default-light-secondary: #ffffff;
232
+ --md-color-mobile-default-dark-primary: #000000;
233
+ --md-color-mobile-default-dark-secondary: #1a1a1a;
234
+ --md-color-mobile-indigo-light-primary: #ebeffc;
235
+ --md-color-mobile-indigo-light-secondary: #f7f9ff;
236
+ --md-color-mobile-indigo-dark-primary: #0e111a;
237
+ --md-color-mobile-indigo-dark-secondary: #13182b;
238
+ --md-color-mobile-jade-light-primary: #e6f2f1;
239
+ --md-color-mobile-jade-light-secondary: #f7fcfc;
240
+ --md-color-mobile-jade-dark-primary: #021412;
241
+ --md-color-mobile-jade-dark-secondary: #05201c;
242
+ --md-color-mobile-bronze-light-primary: #f5efe4;
243
+ --md-color-mobile-bronze-light-secondary: #fcfaf4;
244
+ --md-color-mobile-bronze-dark-primary: #171002;
245
+ --md-color-mobile-bronze-dark-secondary: #231807;
246
+ --md-color-mobile-rose-light-primary: #fcebf5;
247
+ --md-color-mobile-rose-light-secondary: #fff9fd;
248
+ --md-color-mobile-rose-dark-primary: #1f0615;
249
+ --md-color-mobile-rose-dark-secondary: #30041e;
250
+ --md-color-mobile-lavender-light-primary: #f4ebff;
251
+ --md-color-mobile-lavender-light-secondary: #fbf7ff;
252
+ --md-color-mobile-lavender-dark-primary: #18082b;
253
+ --md-color-mobile-lavender-dark-secondary: #27163b;
254
+ }