studiokit-scaffolding-js 7.0.12-next.1.7 → 7.0.12-next.1.9

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.
@@ -1,317 +1,317 @@
1
- /* Constant Colors */
2
-
3
- .color-black {
4
- color: var(--color-black);
5
- }
6
-
7
- .color-white {
8
- color: var(--color-white);
9
- }
10
-
11
- .color-off-white {
12
- color: var(--color-off-white);
13
- }
14
-
15
- .color-light-grey {
16
- color: var(--color-light-grey);
17
- }
18
-
19
- .color-blue {
20
- color: var(--color-blue);
21
- }
22
-
23
- .color-light-red {
24
- color: var(--color-light-red);
25
- }
26
-
27
- .color-dark-gold {
28
- color: var(--color-dark-gold);
29
- }
30
-
31
- .color-light-green {
32
- color: var(--color-light-green);
33
- }
34
-
35
- .color-orange {
36
- color: var(--color-orange);
37
- }
38
-
39
- .color-light-orange {
40
- color: var(--color-light-orange);
41
- }
42
-
43
- .color-dark-yellow {
44
- color: var(--color-dark-yellow);
45
- }
46
-
47
- .color-dark-grey {
48
- color: var(--color-dark-grey);
49
- }
50
-
51
- /* Custom Colors */
52
-
53
- .color-accent-blue {
54
- color: var(--color-accent-blue);
55
- }
56
-
57
- .color-grey {
58
- color: var(--color-grey);
59
- }
60
-
61
- .color-medium-grey {
62
- color: var(--color-medium-grey);
63
- }
64
-
65
- .color-lightest-grey {
66
- color: var(--color-lightest-grey);
67
- }
68
-
69
- .color-blue-grey {
70
- color: var(--color-blue-grey);
71
- }
72
-
73
- .color-light-blue {
74
- color: var(--color-light-blue);
75
- }
76
-
77
- .color-purple {
78
- color: var(--color-purple);
79
- }
80
-
81
- .color-pink {
82
- color: var(--color-pink);
83
- }
84
-
85
- .color-red {
86
- color: var(--color-red);
87
- }
88
-
89
- .color-green {
90
- color: var(--color-green);
91
- }
92
-
93
- /* Theme Colors */
94
-
95
- .color-disabled {
96
- color: var(--color-disabled);
97
- }
98
-
99
- .color-primary {
100
- color: var(--color-primary);
101
- }
102
-
103
- .color-error {
104
- color: var(--color-error);
105
- }
106
-
107
- .color-success {
108
- color: var(--color-success);
109
- }
110
-
111
- /* Background Colors */
112
-
113
- .bg-color-black {
114
- background-color: var(--color-black);
115
- }
116
-
117
- .bg-color-white {
118
- background-color: var(--color-white);
119
- }
120
-
121
- .bg-color-off-white {
122
- background-color: var(--color-off-white);
123
- }
124
-
125
- .bg-color-light-grey {
126
- background-color: var(--color-light-grey);
127
- }
128
-
129
- .bg-color-blue {
130
- background-color: var(--color-blue);
131
- }
132
-
133
- .bg-color-light-red {
134
- background-color: var(--color-light-red);
135
- }
136
-
137
- .bg-color-dark-gold {
138
- background-color: var(--color-dark-gold);
139
- }
140
-
141
- .bg-color-light-green {
142
- background-color: var(--color-light-green);
143
- }
144
-
145
- .bg-color-orange {
146
- background-color: var(--color-orange);
147
- }
148
-
149
- .bg-color-light-orange {
150
- background-color: var(--color-light-orange);
151
- }
152
-
153
- .bg-color-dark-yellow {
154
- background-color: var(--color-dark-yellow);
155
- }
156
-
157
- .bg-color-dark-grey {
158
- background-color: var(--color-dark-grey);
159
- }
160
-
161
- .bg-color-lightest-yellow {
162
- background-color: var(--color-lightest-yellow);
163
- }
164
-
165
- .bg-color-accent-blue {
166
- background-color: var(--color-accent-blue);
167
- }
168
-
169
- .bg-color-grey {
170
- background-color: var(--color-grey);
171
- }
172
-
173
- .bg-color-medium-grey {
174
- background-color: var(--color-medium-grey);
175
- }
176
-
177
- .bg-color-lightest-grey {
178
- background-color: var(--color-lightest-grey);
179
- }
180
-
181
- .bg-color-blue-grey {
182
- background-color: var(--color-blue-grey);
183
- }
184
-
185
- .bg-color-light-blue {
186
- background-color: var(--color-light-blue);
187
- }
188
-
189
- .bg-color-purple {
190
- background-color: var(--color-purple);
191
- }
192
-
193
- .bg-color-pink {
194
- background-color: var(--color-pink);
195
- }
196
-
197
- .bg-color-red {
198
- background-color: var(--color-red);
199
- }
200
-
201
- .bg-color-green {
202
- background-color: var(--color-green);
203
- }
204
-
205
- .bg-color-primary {
206
- background-color: var(--color-primary);
207
- }
208
-
209
- .bg-color-error {
210
- background-color: var(--color-error);
211
- }
212
-
213
- .bg-color-success {
214
- background-color: var(--color-success);
215
- }
216
-
217
- /* Custom Fill Colors */
218
-
219
- .fill-black {
220
- fill: var(--color-black);
221
- }
222
-
223
- .fill-white {
224
- fill: var(--color-white);
225
- }
226
-
227
- .fill-off-white {
228
- fill: var(--color-off-white);
229
- }
230
-
231
- .fill-light-grey {
232
- fill: var(--color-light-grey);
233
- }
234
-
235
- .fill-blue {
236
- fill: var(--color-blue);
237
- }
238
-
239
- .fill-light-red {
240
- fill: var(--color-light-red);
241
- }
242
-
243
- .fill-dark-gold {
244
- fill: var(--color-dark-gold);
245
- }
246
-
247
- .fill-light-green {
248
- fill: var(--color-light-green);
249
- }
250
-
251
- .fill-orange {
252
- fill: var(--color-orange);
253
- }
254
-
255
- .fill-light-orange {
256
- fill: var(--color-light-orange);
257
- }
258
-
259
- .fill-dark-yellow {
260
- fill: var(--color-dark-yellow);
261
- }
262
-
263
- .fill-dark-grey {
264
- fill: var(--color-dark-grey);
265
- }
266
-
267
- .fill-accent-blue {
268
- fill: var(--color-accent-blue);
269
- }
270
-
271
- .fill-grey {
272
- fill: var(--color-grey);
273
- }
274
-
275
- .fill-medium-grey {
276
- fill: var(--color-medium-grey);
277
- }
278
-
279
- .fill-lightest-grey {
280
- fill: var(--color-lightest-grey);
281
- }
282
-
283
- .fill-blue-grey {
284
- fill: var(--color-blue-grey);
285
- }
286
-
287
- .fill-light-blue {
288
- fill: var(--color-light-blue);
289
- }
290
-
291
- .fill-purple {
292
- fill: var(--color-purple);
293
- }
294
-
295
- .fill-pink {
296
- fill: var(--color-pink);
297
- }
298
-
299
- .fill-red {
300
- fill: var(--color-red);
301
- }
302
-
303
- .fill-green {
304
- fill: var(--color-green);
305
- }
306
-
307
- .fill-primary {
308
- fill: var(--color-primary);
309
- }
310
-
311
- .fill-error {
312
- fill: var(--color-error);
313
- }
314
-
315
- .fill-success {
316
- fill: var(--color-success);
317
- }
1
+ /* Constant Colors */
2
+
3
+ .color-black {
4
+ color: var(--color-black);
5
+ }
6
+
7
+ .color-white {
8
+ color: var(--color-white);
9
+ }
10
+
11
+ .color-off-white {
12
+ color: var(--color-off-white);
13
+ }
14
+
15
+ .color-light-grey {
16
+ color: var(--color-light-grey);
17
+ }
18
+
19
+ .color-blue {
20
+ color: var(--color-blue);
21
+ }
22
+
23
+ .color-light-red {
24
+ color: var(--color-light-red);
25
+ }
26
+
27
+ .color-dark-gold {
28
+ color: var(--color-dark-gold);
29
+ }
30
+
31
+ .color-light-green {
32
+ color: var(--color-light-green);
33
+ }
34
+
35
+ .color-orange {
36
+ color: var(--color-orange);
37
+ }
38
+
39
+ .color-light-orange {
40
+ color: var(--color-light-orange);
41
+ }
42
+
43
+ .color-dark-yellow {
44
+ color: var(--color-dark-yellow);
45
+ }
46
+
47
+ .color-dark-grey {
48
+ color: var(--color-dark-grey);
49
+ }
50
+
51
+ /* Custom Colors */
52
+
53
+ .color-accent-blue {
54
+ color: var(--color-accent-blue);
55
+ }
56
+
57
+ .color-grey {
58
+ color: var(--color-grey);
59
+ }
60
+
61
+ .color-medium-grey {
62
+ color: var(--color-medium-grey);
63
+ }
64
+
65
+ .color-lightest-grey {
66
+ color: var(--color-lightest-grey);
67
+ }
68
+
69
+ .color-blue-grey {
70
+ color: var(--color-blue-grey);
71
+ }
72
+
73
+ .color-light-blue {
74
+ color: var(--color-light-blue);
75
+ }
76
+
77
+ .color-purple {
78
+ color: var(--color-purple);
79
+ }
80
+
81
+ .color-pink {
82
+ color: var(--color-pink);
83
+ }
84
+
85
+ .color-red {
86
+ color: var(--color-red);
87
+ }
88
+
89
+ .color-green {
90
+ color: var(--color-green);
91
+ }
92
+
93
+ /* Theme Colors */
94
+
95
+ .color-disabled {
96
+ color: var(--color-disabled);
97
+ }
98
+
99
+ .color-primary {
100
+ color: var(--color-primary);
101
+ }
102
+
103
+ .color-error {
104
+ color: var(--color-error);
105
+ }
106
+
107
+ .color-success {
108
+ color: var(--color-success);
109
+ }
110
+
111
+ /* Background Colors */
112
+
113
+ .bg-color-black {
114
+ background-color: var(--color-black);
115
+ }
116
+
117
+ .bg-color-white {
118
+ background-color: var(--color-white);
119
+ }
120
+
121
+ .bg-color-off-white {
122
+ background-color: var(--color-off-white);
123
+ }
124
+
125
+ .bg-color-light-grey {
126
+ background-color: var(--color-light-grey);
127
+ }
128
+
129
+ .bg-color-blue {
130
+ background-color: var(--color-blue);
131
+ }
132
+
133
+ .bg-color-light-red {
134
+ background-color: var(--color-light-red);
135
+ }
136
+
137
+ .bg-color-dark-gold {
138
+ background-color: var(--color-dark-gold);
139
+ }
140
+
141
+ .bg-color-light-green {
142
+ background-color: var(--color-light-green);
143
+ }
144
+
145
+ .bg-color-orange {
146
+ background-color: var(--color-orange);
147
+ }
148
+
149
+ .bg-color-light-orange {
150
+ background-color: var(--color-light-orange);
151
+ }
152
+
153
+ .bg-color-dark-yellow {
154
+ background-color: var(--color-dark-yellow);
155
+ }
156
+
157
+ .bg-color-dark-grey {
158
+ background-color: var(--color-dark-grey);
159
+ }
160
+
161
+ .bg-color-lightest-yellow {
162
+ background-color: var(--color-lightest-yellow);
163
+ }
164
+
165
+ .bg-color-accent-blue {
166
+ background-color: var(--color-accent-blue);
167
+ }
168
+
169
+ .bg-color-grey {
170
+ background-color: var(--color-grey);
171
+ }
172
+
173
+ .bg-color-medium-grey {
174
+ background-color: var(--color-medium-grey);
175
+ }
176
+
177
+ .bg-color-lightest-grey {
178
+ background-color: var(--color-lightest-grey);
179
+ }
180
+
181
+ .bg-color-blue-grey {
182
+ background-color: var(--color-blue-grey);
183
+ }
184
+
185
+ .bg-color-light-blue {
186
+ background-color: var(--color-light-blue);
187
+ }
188
+
189
+ .bg-color-purple {
190
+ background-color: var(--color-purple);
191
+ }
192
+
193
+ .bg-color-pink {
194
+ background-color: var(--color-pink);
195
+ }
196
+
197
+ .bg-color-red {
198
+ background-color: var(--color-red);
199
+ }
200
+
201
+ .bg-color-green {
202
+ background-color: var(--color-green);
203
+ }
204
+
205
+ .bg-color-primary {
206
+ background-color: var(--color-primary);
207
+ }
208
+
209
+ .bg-color-error {
210
+ background-color: var(--color-error);
211
+ }
212
+
213
+ .bg-color-success {
214
+ background-color: var(--color-success);
215
+ }
216
+
217
+ /* Custom Fill Colors */
218
+
219
+ .fill-black {
220
+ fill: var(--color-black);
221
+ }
222
+
223
+ .fill-white {
224
+ fill: var(--color-white);
225
+ }
226
+
227
+ .fill-off-white {
228
+ fill: var(--color-off-white);
229
+ }
230
+
231
+ .fill-light-grey {
232
+ fill: var(--color-light-grey);
233
+ }
234
+
235
+ .fill-blue {
236
+ fill: var(--color-blue);
237
+ }
238
+
239
+ .fill-light-red {
240
+ fill: var(--color-light-red);
241
+ }
242
+
243
+ .fill-dark-gold {
244
+ fill: var(--color-dark-gold);
245
+ }
246
+
247
+ .fill-light-green {
248
+ fill: var(--color-light-green);
249
+ }
250
+
251
+ .fill-orange {
252
+ fill: var(--color-orange);
253
+ }
254
+
255
+ .fill-light-orange {
256
+ fill: var(--color-light-orange);
257
+ }
258
+
259
+ .fill-dark-yellow {
260
+ fill: var(--color-dark-yellow);
261
+ }
262
+
263
+ .fill-dark-grey {
264
+ fill: var(--color-dark-grey);
265
+ }
266
+
267
+ .fill-accent-blue {
268
+ fill: var(--color-accent-blue);
269
+ }
270
+
271
+ .fill-grey {
272
+ fill: var(--color-grey);
273
+ }
274
+
275
+ .fill-medium-grey {
276
+ fill: var(--color-medium-grey);
277
+ }
278
+
279
+ .fill-lightest-grey {
280
+ fill: var(--color-lightest-grey);
281
+ }
282
+
283
+ .fill-blue-grey {
284
+ fill: var(--color-blue-grey);
285
+ }
286
+
287
+ .fill-light-blue {
288
+ fill: var(--color-light-blue);
289
+ }
290
+
291
+ .fill-purple {
292
+ fill: var(--color-purple);
293
+ }
294
+
295
+ .fill-pink {
296
+ fill: var(--color-pink);
297
+ }
298
+
299
+ .fill-red {
300
+ fill: var(--color-red);
301
+ }
302
+
303
+ .fill-green {
304
+ fill: var(--color-green);
305
+ }
306
+
307
+ .fill-primary {
308
+ fill: var(--color-primary);
309
+ }
310
+
311
+ .fill-error {
312
+ fill: var(--color-error);
313
+ }
314
+
315
+ .fill-success {
316
+ fill: var(--color-success);
317
+ }