@moderneinc/neo-design 2.6.0 → 2.7.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.
package/dist/colors.css CHANGED
@@ -1,80 +1,158 @@
1
- :root { --neo-digital-blue-50: #f2f3ff;
1
+ :root {/* Scopes: All Fills, Stroke Color */
2
+ --neo-digital-blue-50: #f2f3ff;
3
+ /* Scopes: All Fills, Stroke Color */
2
4
  --neo-digital-blue-100: #dce0ff;
5
+ /* Scopes: All Fills, Stroke Color */
3
6
  --neo-digital-blue-200: #b6bfff;
7
+ /* Scopes: All Fills, Stroke Color */
4
8
  --neo-digital-blue-300: #8d99ff;
9
+ /* Scopes: All Fills, Stroke Color */
5
10
  --neo-digital-blue-400: #626eff;
6
- /* primary color */
11
+ /* primary color | Scopes: All Fills, Stroke Color */
7
12
  --neo-digital-blue-500: #2f42ff;
13
+ /* Scopes: All Fills, Stroke Color */
8
14
  --neo-digital-blue-600: #2637e6;
15
+ /* Scopes: All Fills, Stroke Color */
9
16
  --neo-digital-blue-700: #1e2ec2;
17
+ /* Scopes: All Fills, Stroke Color */
10
18
  --neo-digital-blue-800: #131e7a;
19
+ /* Scopes: All Fills, Stroke Color */
11
20
  --neo-digital-blue-900: #000855;
21
+ /* Scopes: All Fills, Stroke Color */
12
22
  --neo-digital-green-50: #f3fff5;
23
+ /* Scopes: All Fills, Stroke Color */
13
24
  --neo-digital-green-100: #cfffd7;
25
+ /* Scopes: All Fills, Stroke Color */
14
26
  --neo-digital-green-200: #acffb9;
27
+ /* Scopes: All Fills, Stroke Color */
15
28
  --neo-digital-green-300: #88fe9b;
29
+ /* Scopes: All Fills, Stroke Color */
16
30
  --neo-digital-green-400: #72e184;
31
+ /* Scopes: All Fills, Stroke Color */
17
32
  --neo-digital-green-500: #5ec46f;
33
+ /* Scopes: All Fills, Stroke Color */
18
34
  --neo-digital-green-600: #4ca75a;
35
+ /* Scopes: All Fills, Stroke Color */
19
36
  --neo-digital-green-700: #3b8948;
37
+ /* Scopes: All Fills, Stroke Color */
20
38
  --neo-digital-green-800: #2c6c36;
39
+ /* Scopes: All Fills, Stroke Color */
21
40
  --neo-digital-green-900: #1e4f26;
41
+ /* Scopes: All Fills, Stroke Color */
22
42
  --neo-gold-100: #fbf1d2;
43
+ /* Scopes: All Fills, Stroke Color */
23
44
  --neo-gold-200: #f7e3a5;
45
+ /* Scopes: All Fills, Stroke Color */
24
46
  --neo-gold-300: #f4d479;
47
+ /* Scopes: All Fills, Stroke Color */
25
48
  --neo-gold-400: #f0c64c;
49
+ /* Scopes: All Fills, Stroke Color */
26
50
  --neo-gold-500: #ecb81f;
51
+ /* Scopes: All Fills, Stroke Color */
27
52
  --neo-gold-600: #bd9319;
53
+ /* Scopes: All Fills, Stroke Color */
28
54
  --neo-gold-700: #8e6e13;
55
+ /* Scopes: All Fills, Stroke Color */
29
56
  --neo-gold-800: #5e4a0c;
57
+ /* Scopes: All Fills, Stroke Color */
30
58
  --neo-gold-900: #2f2506;
59
+ /* Scopes: All Fills, Stroke Color */
31
60
  --neo-grey-50: #f9fafb;
61
+ /* Scopes: All Fills, Stroke Color */
32
62
  --neo-grey-100: #f3f4f6;
63
+ /* Scopes: All Fills, Stroke Color */
33
64
  --neo-grey-200: #e5e7eb;
65
+ /* Scopes: All Fills, Stroke Color */
34
66
  --neo-grey-300: #d1d5db;
67
+ /* Scopes: All Fills, Stroke Color */
35
68
  --neo-grey-400: #9ca3af;
69
+ /* Scopes: All Fills, Stroke Color */
36
70
  --neo-grey-500: #6b7280;
71
+ /* Scopes: All Fills, Stroke Color */
37
72
  --neo-grey-600: #4b5563;
73
+ /* Scopes: All Fills, Stroke Color */
38
74
  --neo-grey-700: #374151;
75
+ /* Scopes: All Fills, Stroke Color */
39
76
  --neo-grey-800: #1f2937;
77
+ /* Scopes: All Fills, Stroke Color */
40
78
  --neo-grey-900: #111827;
79
+ /* Scopes: All Fills, Stroke Color */
41
80
  --neo-orange-50: #fff8e5;
81
+ /* Scopes: All Fills, Stroke Color */
42
82
  --neo-orange-100: #ffebb7;
83
+ /* Scopes: All Fills, Stroke Color */
43
84
  --neo-orange-200: #ffde8a;
85
+ /* Scopes: All Fills, Stroke Color */
44
86
  --neo-orange-300: #ffd15c;
87
+ /* Scopes: All Fills, Stroke Color */
45
88
  --neo-orange-400: #ffc52e;
89
+ /* Scopes: All Fills, Stroke Color */
46
90
  --neo-orange-500: #ffb800;
91
+ /* Scopes: All Fills, Stroke Color */
47
92
  --neo-orange-600: #d69b00;
93
+ /* Scopes: All Fills, Stroke Color */
48
94
  --neo-orange-700: #856000;
95
+ /* Scopes: All Fills, Stroke Color */
49
96
  --neo-orange-800: #856000;
97
+ /* Scopes: All Fills, Stroke Color */
50
98
  --neo-orange-900: #5c4200;
99
+ /* Scopes: All Fills, Stroke Color */
51
100
  --neo-red-50: #ffedef;
101
+ /* Scopes: All Fills, Stroke Color */
52
102
  --neo-red-100: #ffc6cd;
103
+ /* Scopes: All Fills, Stroke Color */
53
104
  --neo-red-200: #ff9eaa;
105
+ /* Scopes: All Fills, Stroke Color */
54
106
  --neo-red-300: #fd7686;
107
+ /* Scopes: All Fills, Stroke Color */
55
108
  --neo-red-400: #ed4a5d;
109
+ /* Scopes: All Fills, Stroke Color */
56
110
  --neo-red-500: #cb3446;
111
+ /* Scopes: All Fills, Stroke Color */
57
112
  --neo-red-600: #a92232;
113
+ /* Scopes: All Fills, Stroke Color */
58
114
  --neo-red-700: #871421;
115
+ /* Scopes: All Fills, Stroke Color */
59
116
  --neo-red-800: #650914;
117
+ /* Scopes: All Fills, Stroke Color */
60
118
  --neo-red-900: #43020a;
119
+ /* Scopes: All Fills, Stroke Color */
61
120
  --neo-teal-green-50: #eefffa;
121
+ /* Scopes: All Fills, Stroke Color */
62
122
  --neo-teal-green-100: #c9fff1;
123
+ /* Scopes: All Fills, Stroke Color */
63
124
  --neo-teal-green-200: #a4ffe7;
125
+ /* Scopes: All Fills, Stroke Color */
64
126
  --neo-teal-green-300: #7fffde;
127
+ /* Scopes: All Fills, Stroke Color */
65
128
  --neo-teal-green-400: #54eec6;
129
+ /* Scopes: All Fills, Stroke Color */
66
130
  --neo-teal-green-500: #3bcca6;
131
+ /* Scopes: All Fills, Stroke Color */
67
132
  --neo-teal-green-600: #27aa88;
133
+ /* Scopes: All Fills, Stroke Color */
68
134
  --neo-teal-green-700: #17886b;
135
+ /* Scopes: All Fills, Stroke Color */
69
136
  --neo-teal-green-800: #0b664e;
137
+ /* Scopes: All Fills, Stroke Color */
70
138
  --neo-teal-green-900: #034433;
139
+ /* Scopes: All Fills, Stroke Color */
71
140
  --neo-violet-100: #ebd5f1;
141
+ /* Scopes: All Fills, Stroke Color */
72
142
  --neo-violet-200: #d6ace3;
143
+ /* Scopes: All Fills, Stroke Color */
73
144
  --neo-violet-300: #c282d5;
145
+ /* Scopes: All Fills, Stroke Color */
74
146
  --neo-violet-400: #ad59c7;
147
+ /* Scopes: All Fills, Stroke Color */
75
148
  --neo-violet-500: #992fb9;
149
+ /* Scopes: All Fills, Stroke Color */
76
150
  --neo-violet-600: #7a2694;
151
+ /* Scopes: All Fills, Stroke Color */
77
152
  --neo-violet-700: #5c1c6f;
153
+ /* Scopes: All Fills, Stroke Color */
78
154
  --neo-violet-800: #3d134a;
155
+ /* Scopes: All Fills, Stroke Color */
79
156
  --neo-violet-900: #1f0925;
157
+ /* Scopes: All Fills, Stroke Color */
80
158
  --neo-white: #ffffff;}
package/dist/colors.d.ts CHANGED
@@ -5,126 +5,361 @@
5
5
  */
6
6
 
7
7
  export type DigitalBlue = {
8
+ /**
9
+ * @scopes All Fills, Stroke Color
10
+ */
8
11
  '50': '#f2f3ff';
12
+ /**
13
+ * @scopes All Fills, Stroke Color
14
+ */
9
15
  '100': '#dce0ff';
16
+ /**
17
+ * @scopes All Fills, Stroke Color
18
+ */
10
19
  '200': '#b6bfff';
20
+ /**
21
+ * @scopes All Fills, Stroke Color
22
+ */
11
23
  '300': '#8d99ff';
24
+ /**
25
+ * @scopes All Fills, Stroke Color
26
+ */
12
27
  '400': '#626eff';
13
28
  /**
14
29
  * primary color
30
+ * @scopes All Fills, Stroke Color
15
31
  */
16
32
  '500': '#2f42ff';
33
+ /**
34
+ * @scopes All Fills, Stroke Color
35
+ */
17
36
  '600': '#2637e6';
37
+ /**
38
+ * @scopes All Fills, Stroke Color
39
+ */
18
40
  '700': '#1e2ec2';
41
+ /**
42
+ * @scopes All Fills, Stroke Color
43
+ */
19
44
  '800': '#131e7a';
45
+ /**
46
+ * @scopes All Fills, Stroke Color
47
+ */
20
48
  '900': '#000855';
21
49
  };
22
50
 
23
51
  export declare const digitalBlue: DigitalBlue;
24
52
 
25
53
  export type DigitalGreen = {
54
+ /**
55
+ * @scopes All Fills, Stroke Color
56
+ */
26
57
  '50': '#f3fff5';
58
+ /**
59
+ * @scopes All Fills, Stroke Color
60
+ */
27
61
  '100': '#cfffd7';
62
+ /**
63
+ * @scopes All Fills, Stroke Color
64
+ */
28
65
  '200': '#acffb9';
66
+ /**
67
+ * @scopes All Fills, Stroke Color
68
+ */
29
69
  '300': '#88fe9b';
70
+ /**
71
+ * @scopes All Fills, Stroke Color
72
+ */
30
73
  '400': '#72e184';
74
+ /**
75
+ * @scopes All Fills, Stroke Color
76
+ */
31
77
  '500': '#5ec46f';
78
+ /**
79
+ * @scopes All Fills, Stroke Color
80
+ */
32
81
  '600': '#4ca75a';
82
+ /**
83
+ * @scopes All Fills, Stroke Color
84
+ */
33
85
  '700': '#3b8948';
86
+ /**
87
+ * @scopes All Fills, Stroke Color
88
+ */
34
89
  '800': '#2c6c36';
90
+ /**
91
+ * @scopes All Fills, Stroke Color
92
+ */
35
93
  '900': '#1e4f26';
36
94
  };
37
95
 
38
96
  export declare const digitalGreen: DigitalGreen;
39
97
 
40
98
  export type Gold = {
99
+ /**
100
+ * @scopes All Fills, Stroke Color
101
+ */
41
102
  '100': '#fbf1d2';
103
+ /**
104
+ * @scopes All Fills, Stroke Color
105
+ */
42
106
  '200': '#f7e3a5';
107
+ /**
108
+ * @scopes All Fills, Stroke Color
109
+ */
43
110
  '300': '#f4d479';
111
+ /**
112
+ * @scopes All Fills, Stroke Color
113
+ */
44
114
  '400': '#f0c64c';
115
+ /**
116
+ * @scopes All Fills, Stroke Color
117
+ */
45
118
  '500': '#ecb81f';
119
+ /**
120
+ * @scopes All Fills, Stroke Color
121
+ */
46
122
  '600': '#bd9319';
123
+ /**
124
+ * @scopes All Fills, Stroke Color
125
+ */
47
126
  '700': '#8e6e13';
127
+ /**
128
+ * @scopes All Fills, Stroke Color
129
+ */
48
130
  '800': '#5e4a0c';
131
+ /**
132
+ * @scopes All Fills, Stroke Color
133
+ */
49
134
  '900': '#2f2506';
50
135
  };
51
136
 
52
137
  export declare const gold: Gold;
53
138
 
54
139
  export type Grey = {
140
+ /**
141
+ * @scopes All Fills, Stroke Color
142
+ */
55
143
  '50': '#f9fafb';
144
+ /**
145
+ * @scopes All Fills, Stroke Color
146
+ */
56
147
  '100': '#f3f4f6';
148
+ /**
149
+ * @scopes All Fills, Stroke Color
150
+ */
57
151
  '200': '#e5e7eb';
152
+ /**
153
+ * @scopes All Fills, Stroke Color
154
+ */
58
155
  '300': '#d1d5db';
156
+ /**
157
+ * @scopes All Fills, Stroke Color
158
+ */
59
159
  '400': '#9ca3af';
160
+ /**
161
+ * @scopes All Fills, Stroke Color
162
+ */
60
163
  '500': '#6b7280';
164
+ /**
165
+ * @scopes All Fills, Stroke Color
166
+ */
61
167
  '600': '#4b5563';
168
+ /**
169
+ * @scopes All Fills, Stroke Color
170
+ */
62
171
  '700': '#374151';
172
+ /**
173
+ * @scopes All Fills, Stroke Color
174
+ */
63
175
  '800': '#1f2937';
176
+ /**
177
+ * @scopes All Fills, Stroke Color
178
+ */
64
179
  '900': '#111827';
65
180
  };
66
181
 
67
182
  export declare const grey: Grey;
68
183
 
69
184
  export type Orange = {
185
+ /**
186
+ * @scopes All Fills, Stroke Color
187
+ */
70
188
  '50': '#fff8e5';
189
+ /**
190
+ * @scopes All Fills, Stroke Color
191
+ */
71
192
  '100': '#ffebb7';
193
+ /**
194
+ * @scopes All Fills, Stroke Color
195
+ */
72
196
  '200': '#ffde8a';
197
+ /**
198
+ * @scopes All Fills, Stroke Color
199
+ */
73
200
  '300': '#ffd15c';
201
+ /**
202
+ * @scopes All Fills, Stroke Color
203
+ */
74
204
  '400': '#ffc52e';
205
+ /**
206
+ * @scopes All Fills, Stroke Color
207
+ */
75
208
  '500': '#ffb800';
209
+ /**
210
+ * @scopes All Fills, Stroke Color
211
+ */
76
212
  '600': '#d69b00';
213
+ /**
214
+ * @scopes All Fills, Stroke Color
215
+ */
77
216
  '700': '#856000';
217
+ /**
218
+ * @scopes All Fills, Stroke Color
219
+ */
78
220
  '800': '#856000';
221
+ /**
222
+ * @scopes All Fills, Stroke Color
223
+ */
79
224
  '900': '#5c4200';
80
225
  };
81
226
 
82
227
  export declare const orange: Orange;
83
228
 
84
229
  export type Red = {
230
+ /**
231
+ * @scopes All Fills, Stroke Color
232
+ */
85
233
  '50': '#ffedef';
234
+ /**
235
+ * @scopes All Fills, Stroke Color
236
+ */
86
237
  '100': '#ffc6cd';
238
+ /**
239
+ * @scopes All Fills, Stroke Color
240
+ */
87
241
  '200': '#ff9eaa';
242
+ /**
243
+ * @scopes All Fills, Stroke Color
244
+ */
88
245
  '300': '#fd7686';
246
+ /**
247
+ * @scopes All Fills, Stroke Color
248
+ */
89
249
  '400': '#ed4a5d';
250
+ /**
251
+ * @scopes All Fills, Stroke Color
252
+ */
90
253
  '500': '#cb3446';
254
+ /**
255
+ * @scopes All Fills, Stroke Color
256
+ */
91
257
  '600': '#a92232';
258
+ /**
259
+ * @scopes All Fills, Stroke Color
260
+ */
92
261
  '700': '#871421';
262
+ /**
263
+ * @scopes All Fills, Stroke Color
264
+ */
93
265
  '800': '#650914';
266
+ /**
267
+ * @scopes All Fills, Stroke Color
268
+ */
94
269
  '900': '#43020a';
95
270
  };
96
271
 
97
272
  export declare const red: Red;
98
273
 
99
274
  export type TealGreen = {
275
+ /**
276
+ * @scopes All Fills, Stroke Color
277
+ */
100
278
  '50': '#eefffa';
279
+ /**
280
+ * @scopes All Fills, Stroke Color
281
+ */
101
282
  '100': '#c9fff1';
283
+ /**
284
+ * @scopes All Fills, Stroke Color
285
+ */
102
286
  '200': '#a4ffe7';
287
+ /**
288
+ * @scopes All Fills, Stroke Color
289
+ */
103
290
  '300': '#7fffde';
291
+ /**
292
+ * @scopes All Fills, Stroke Color
293
+ */
104
294
  '400': '#54eec6';
295
+ /**
296
+ * @scopes All Fills, Stroke Color
297
+ */
105
298
  '500': '#3bcca6';
299
+ /**
300
+ * @scopes All Fills, Stroke Color
301
+ */
106
302
  '600': '#27aa88';
303
+ /**
304
+ * @scopes All Fills, Stroke Color
305
+ */
107
306
  '700': '#17886b';
307
+ /**
308
+ * @scopes All Fills, Stroke Color
309
+ */
108
310
  '800': '#0b664e';
311
+ /**
312
+ * @scopes All Fills, Stroke Color
313
+ */
109
314
  '900': '#034433';
110
315
  };
111
316
 
112
317
  export declare const tealGreen: TealGreen;
113
318
 
114
319
  export type Violet = {
320
+ /**
321
+ * @scopes All Fills, Stroke Color
322
+ */
115
323
  '100': '#ebd5f1';
324
+ /**
325
+ * @scopes All Fills, Stroke Color
326
+ */
116
327
  '200': '#d6ace3';
328
+ /**
329
+ * @scopes All Fills, Stroke Color
330
+ */
117
331
  '300': '#c282d5';
332
+ /**
333
+ * @scopes All Fills, Stroke Color
334
+ */
118
335
  '400': '#ad59c7';
336
+ /**
337
+ * @scopes All Fills, Stroke Color
338
+ */
119
339
  '500': '#992fb9';
340
+ /**
341
+ * @scopes All Fills, Stroke Color
342
+ */
120
343
  '600': '#7a2694';
344
+ /**
345
+ * @scopes All Fills, Stroke Color
346
+ */
121
347
  '700': '#5c1c6f';
348
+ /**
349
+ * @scopes All Fills, Stroke Color
350
+ */
122
351
  '800': '#3d134a';
352
+ /**
353
+ * @scopes All Fills, Stroke Color
354
+ */
123
355
  '900': '#1f0925';
124
356
  };
125
357
 
126
358
  export declare const violet: Violet;
127
359
 
360
+ /**
361
+ * @scopes All Fills, Stroke Color
362
+ */
128
363
  export declare const white: '#ffffff';
129
364
 
130
365
  declare const _default: {