@muraldevkit/ds-foundation 2.17.0 → 2.19.0-dev-rMoq.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 (40) hide show
  1. package/README.md +10 -5
  2. package/dist/fonts.css +0 -1
  3. package/dist/fonts.min.css +2 -1
  4. package/dist/foundation.css +681 -514
  5. package/dist/foundation.css.map +1 -1
  6. package/dist/foundation.min.css +2 -1
  7. package/dist/foundation.min.css.map +1 -1
  8. package/dist/tokens/contextual-variables/border.json +134 -0
  9. package/dist/tokens/contextual-variables/color.json +352 -0
  10. package/dist/tokens/contextual-variables/shadows.json +30 -0
  11. package/dist/tokens/contextual-variables/spacing.json +120 -0
  12. package/dist/tokens/contextual-variables/typography.json +232 -0
  13. package/dist/tokens/global-variables/border.json +61 -0
  14. package/dist/tokens/global-variables/color.json +636 -0
  15. package/dist/tokens/global-variables/motion.json +63 -0
  16. package/dist/tokens/global-variables/shadows.json +86 -0
  17. package/dist/tokens/global-variables/spacing.json +60 -0
  18. package/dist/tokens/global-variables/typography.json +208 -0
  19. package/package.json +5 -15
  20. package/src/styles/_tokens.scss +781 -0
  21. package/src/styles/contextual-variables/index.scss +0 -3
  22. package/src/styles/contextual-variables/spacing.scss +8 -169
  23. package/src/styles/contextual-variables/typography.scss +9 -374
  24. package/src/styles/index.scss +10 -10
  25. package/dist/tokens/border.json +0 -39
  26. package/dist/tokens/color.json +0 -419
  27. package/dist/tokens/motion.json +0 -41
  28. package/dist/tokens/shadows.json +0 -21
  29. package/dist/tokens/spacing.json +0 -46
  30. package/dist/tokens/typography.json +0 -152
  31. package/src/styles/contextual-variables/border.scss +0 -200
  32. package/src/styles/contextual-variables/color.scss +0 -519
  33. package/src/styles/contextual-variables/shadows.scss +0 -44
  34. package/src/styles/global-variables/border.scss +0 -65
  35. package/src/styles/global-variables/color.scss +0 -784
  36. package/src/styles/global-variables/index.scss +0 -7
  37. package/src/styles/global-variables/motion.scss +0 -65
  38. package/src/styles/global-variables/shadows.scss +0 -39
  39. package/src/styles/global-variables/spacing.scss +0 -79
  40. package/src/styles/global-variables/typography.scss +0 -203
package/dist/tokens/color.json DELETED
@@ -1,419 +0,0 @@
1
- {
2
- "gray": {
3
- "10": {
4
- "value": "#f9fafa"
5
- },
6
- "20": {
7
- "value": "#ecf0f4"
8
- },
9
- "30": {
10
- "value": "#dce1e5"
11
- },
12
- "40": {
13
- "value": "#b8c1cc"
14
- },
15
- "50": {
16
- "value": "#9ba8b6"
17
- },
18
- "60": {
19
- "value": "#818f9c"
20
- },
21
- "70": {
22
- "value": "#63707e"
23
- },
24
- "80": {
25
- "value": "#48525b"
26
- },
27
- "90": {
28
- "value": "#282e34"
29
- },
30
- "100": {
31
- "value": "#1b1f22"
32
- }
33
- },
34
- "blue": {
35
- "10": {
36
- "value": "#f5faff"
37
- },
38
- "20": {
39
- "value": "#e6f4fe"
40
- },
41
- "30": {
42
- "value": "#cde6fe"
43
- },
44
- "40": {
45
- "value": "#b4d9fd"
46
- },
47
- "50": {
48
- "value": "#83bffc"
49
- },
50
- "60": {
51
- "value": "#518ffb"
52
- },
53
- "70": {
54
- "value": "#306AE3"
55
- },
56
- "80": {
57
- "value": "#3163c9"
58
- },
59
- "90": {
60
- "value": "#2a56b0"
61
- },
62
- "100": {
63
- "value": "#1e3d7d"
64
- }
65
- },
66
- "coral": {
67
- "10": {
68
- "value": "#ffe6ef"
69
- },
70
- "20": {
71
- "value": "#feccdf"
72
- },
73
- "30": {
74
- "value": "#fe9abf"
75
- },
76
- "40": {
77
- "value": "#fd67a0"
78
- },
79
- "50": {
80
- "value": "#fd3581"
81
- },
82
- "60": {
83
- "value": "#ff0066"
84
- },
85
- "70": {
86
- "value": "#e8005a"
87
- },
88
- "80": {
89
- "value": "#d60057"
90
- },
91
- "90": {
92
- "value": "#c0034d"
93
- },
94
- "100": {
95
- "value": "#a3003f"
96
- }
97
- },
98
- "tomato": {
99
- "10": {
100
- "value": "#fbe0df"
101
- },
102
- "20": {
103
- "value": "#fdd8d8"
104
- },
105
- "30": {
106
- "value": "#f6c1c2"
107
- },
108
- "40": {
109
- "value": "#f09497"
110
- },
111
- "50": {
112
- "value": "#e36367"
113
- },
114
- "60": {
115
- "value": "#e0484d"
116
- },
117
- "70": {
118
- "value": "#d43a40"
119
- },
120
- "80": {
121
- "value": "#cd2d33"
122
- },
123
- "90": {
124
- "value": "#be2730"
125
- },
126
- "100": {
127
- "value": "#9d2028"
128
- },
129
- "desaturated": {
130
- "value": "#e5b3b6"
131
- }
132
- },
133
- "orange": {
134
- "10": {
135
- "value": "#ffe7cc"
136
- },
137
- "20": {
138
- "value": "#fee2c2"
139
- },
140
- "30": {
141
- "value": "#fce0c0"
142
- },
143
- "40": {
144
- "value": "#f5c792"
145
- },
146
- "50": {
147
- "value": "#f49e48"
148
- },
149
- "60": {
150
- "value": "#e5791a"
151
- },
152
- "70": {
153
- "value": "#c94f13"
154
- },
155
- "80": {
156
- "value": "#bf4c12"
157
- },
158
- "90": {
159
- "value": "#b24401"
160
- },
161
- "100": {
162
- "value": "#933901"
163
- },
164
- "desaturated": {
165
- "value": "#ebba8e"
166
- }
167
- },
168
- "lemon": {
169
- "10": {
170
- "value": "#faf1c1"
171
- },
172
- "20": {
173
- "value": "#f9f0be"
174
- },
175
- "30": {
176
- "value": "#f9edae"
177
- },
178
- "40": {
179
- "value": "#f5e27f"
180
- },
181
- "50": {
182
- "value": "#e4cb49"
183
- },
184
- "60": {
185
- "value": "#b69e23"
186
- },
187
- "70": {
188
- "value": "#8e7417"
189
- },
190
- "80": {
191
- "value": "#846c15"
192
- },
193
- "90": {
194
- "value": "#7a6310"
195
- },
196
- "100": {
197
- "value": "#68540d"
198
- },
199
- "desaturated": {
200
- "value": "#e4d795"
201
- }
202
- },
203
- "melon": {
204
- "10": {
205
- "value": "#e3f8d8"
206
- },
207
- "20": {
208
- "value": "#d6edca"
209
- },
210
- "30": {
211
- "value": "#bee2ab"
212
- },
213
- "40": {
214
- "value": "#a1d687"
215
- },
216
- "50": {
217
- "value": "#7ab95b"
218
- },
219
- "60": {
220
- "value": "#5da03b"
221
- },
222
- "70": {
223
- "value": "#4b842e"
224
- },
225
- "80": {
226
- "value": "#45792a"
227
- },
228
- "90": {
229
- "value": "#477231"
230
- },
231
- "100": {
232
- "value": "#3c6029"
233
- },
234
- "desaturated": {
235
- "value": "#a9d0b2"
236
- }
237
- },
238
- "mint": {
239
- "10": {
240
- "value": "#dcf2f9"
241
- },
242
- "20": {
243
- "value": "#cfeaf2"
244
- },
245
- "30": {
246
- "value": "#b1d9e7"
247
- },
248
- "40": {
249
- "value": "#8ac7db"
250
- },
251
- "50": {
252
- "value": "#59b5d4"
253
- },
254
- "60": {
255
- "value": "#2496bc"
256
- },
257
- "70": {
258
- "value": "#097ea5"
259
- },
260
- "80": {
261
- "value": "#08769b"
262
- },
263
- "90": {
264
- "value": "#017298"
265
- },
266
- "100": {
267
- "value": "#016384"
268
- },
269
- "desaturated": {
270
- "value": "#a2cbd8"
271
- }
272
- },
273
- "blueberry": {
274
- "10": {
275
- "value": "#d7e4ff"
276
- },
277
- "20": {
278
- "value": "#cadbfc"
279
- },
280
- "30": {
281
- "value": "#bbd1fb"
282
- },
283
- "40": {
284
- "value": "#8baff9"
285
- },
286
- "50": {
287
- "value": "#6992e2"
288
- },
289
- "60": {
290
- "value": "#5b83d2"
291
- },
292
- "70": {
293
- "value": "#406ecb"
294
- },
295
- "80": {
296
- "value": "#2059ca"
297
- },
298
- "90": {
299
- "value": "#1c4daf"
300
- },
301
- "100": {
302
- "value": "#184295"
303
- },
304
- "desaturated": {
305
- "value": "#adc7e0"
306
- }
307
- },
308
- "grape": {
309
- "10": {
310
- "value": "#dedcf9"
311
- },
312
- "20": {
313
- "value": "#d8d8f9"
314
- },
315
- "30": {
316
- "value": "#cfcff7"
317
- },
318
- "40": {
319
- "value": "#a2a3f0"
320
- },
321
- "50": {
322
- "value": "#8e81e4"
323
- },
324
- "60": {
325
- "value": "#846ce0"
326
- },
327
- "70": {
328
- "value": "#7256db"
329
- },
330
- "80": {
331
- "value": "#5e3ed6"
332
- },
333
- "90": {
334
- "value": "#4a3ab6"
335
- },
336
- "100": {
337
- "value": "#3f319b"
338
- },
339
- "desaturated": {
340
- "value": "#bdbbdd"
341
- }
342
- },
343
- "dragonfruit": {
344
- "10": {
345
- "value": "#ffe1f3"
346
- },
347
- "20": {
348
- "value": "#f6d5f3"
349
- },
350
- "30": {
351
- "value": "#e6bce2"
352
- },
353
- "40": {
354
- "value": "#d897d1"
355
- },
356
- "50": {
357
- "value": "#ca72c1"
358
- },
359
- "60": {
360
- "value": "#c464ba"
361
- },
362
- "70": {
363
- "value": "#ba4aab"
364
- },
365
- "80": {
366
- "value": "#af4ba8"
367
- },
368
- "90": {
369
- "value": "#a3439d"
370
- },
371
- "100": {
372
- "value": "#8d3a88"
373
- },
374
- "desaturated": {
375
- "value": "#e8c9dd"
376
- }
377
- },
378
- "truffle": {
379
- "10": {
380
- "value": "#ecefee"
381
- },
382
- "20": {
383
- "value": "#dbe1df"
384
- },
385
- "30": {
386
- "value": "#c5cecb"
387
- },
388
- "40": {
389
- "value": "#aab6b2"
390
- },
391
- "50": {
392
- "value": "#839590"
393
- },
394
- "60": {
395
- "value": "#6c7f79"
396
- },
397
- "70": {
398
- "value": "#60716c"
399
- },
400
- "80": {
401
- "value": "#50625d"
402
- },
403
- "90": {
404
- "value": "#46534f"
405
- },
406
- "100": {
407
- "value": "#38423f"
408
- },
409
- "desaturated": {
410
- "value": "#c4cac8"
411
- }
412
- },
413
- "white": {
414
- "value": "#ffffff"
415
- },
416
- "black": {
417
- "value": "#000000"
418
- }
419
- }
package/dist/tokens/motion.json DELETED
@@ -1,41 +0,0 @@
1
- {
2
- "timing": {
3
- "m1": {
4
- "value": "0.17, 0.00, 0.00, 1.00"
5
- },
6
- "m1r": {
7
- "value": "1.00, 0.00, 0.83, 1.00"
8
- },
9
- "m2": {
10
- "value": "0, 0.5, 0, 1"
11
- },
12
- "m3": {
13
- "value": "0.33, 0.00, 0.67, 1.00"
14
- },
15
- "m4": {
16
- "value": "0.00, 0.00, 0.00, 1.00"
17
- }
18
- },
19
- "duration": {
20
- "01": {
21
- "value": "17"
22
- },
23
- "02": {
24
- "value": "167"
25
- },
26
- "03": {
27
- "value": "333"
28
- },
29
- "04": {
30
- "value": "667"
31
- }
32
- },
33
- "distance": {
34
- "01": {
35
- "value": "4"
36
- },
37
- "02": {
38
- "value": "8"
39
- }
40
- }
41
- }
package/dist/tokens/shadows.json DELETED
@@ -1,21 +0,0 @@
1
- {
2
- "shadow": {
3
- "01": {
4
- "value": "0 3px 4px rgba(0, 0, 0, 0.8)"
5
- },
6
- "02": {
7
- "value": "0 5px 8px rgba(0, 0, 0, 0.8)"
8
- },
9
- "03": {
10
- "value": "0 25px 20px rgba(0, 0, 0, 0.12)"
11
- },
12
- "interactive": {
13
- "01": {
14
- "value": "0 4px 5px rgba(0, 0, 0, 0.8)"
15
- },
16
- "02": {
17
- "value": "0 20px 12px rgba(0, 0, 0, 0.20)"
18
- }
19
- }
20
- }
21
- }
package/dist/tokens/spacing.json DELETED
@@ -1,46 +0,0 @@
1
- {
2
- "spacing": {
3
- "01": {
4
- "value": "2"
5
- },
6
- "02": {
7
- "value": "4"
8
- },
9
- "03": {
10
- "value": "8"
11
- },
12
- "04": {
13
- "value": "12"
14
- },
15
- "05": {
16
- "value": "16"
17
- },
18
- "06": {
19
- "value": "20"
20
- },
21
- "07": {
22
- "value": "24"
23
- },
24
- "08": {
25
- "value": "32"
26
- },
27
- "09": {
28
- "value": "40"
29
- },
30
- "10": {
31
- "value": "48"
32
- },
33
- "11": {
34
- "value": "64"
35
- },
36
- "12": {
37
- "value": "80"
38
- },
39
- "13": {
40
- "value": "96"
41
- },
42
- "14": {
43
- "value": "160"
44
- }
45
- }
46
- }
package/dist/tokens/typography.json DELETED
@@ -1,152 +0,0 @@
1
- {
2
- "$font-family": {
3
- "01": {
4
- "value": "'abcsocial'",
5
- "comment": "Brand font family used everywhere"
6
- },
7
- "02": {
8
- "value": "'stkburea'",
9
- "comment": "Brand font family used for certain headers"
10
- }
11
- },
12
- "font-size": {
13
- "01": {
14
- "value": "11",
15
- "comment": "11px text"
16
- },
17
- "02": {
18
- "value": "12",
19
- "comment": "12px text"
20
- },
21
- "03": {
22
- "value": "14",
23
- "comment": "14px text"
24
- },
25
- "04": {
26
- "value": "16",
27
- "comment": "16px text"
28
- },
29
- "05": {
30
- "value": "18",
31
- "comment": "18px text"
32
- },
33
- "06": {
34
- "value": "20",
35
- "comment": "20px text"
36
- },
37
- "07": {
38
- "value": "24",
39
- "comment": "24px text"
40
- },
41
- "08": {
42
- "value": "32",
43
- "comment": "32px text"
44
- },
45
- "09": {
46
- "value": "40",
47
- "comment": "40px text"
48
- },
49
- "10": {
50
- "value": "48",
51
- "comment": "48px text"
52
- },
53
- "11": {
54
- "value": "64",
55
- "comment": "64px text"
56
- },
57
- "12": {
58
- "value": "80",
59
- "comment": "80px text"
60
- },
61
- "13": {
62
- "value": "96",
63
- "comment": "96px text"
64
- },
65
- "14": {
66
- "value": "120",
67
- "comment": "120px text"
68
- }
69
- },
70
- "line-height": {
71
- "01": {
72
- "value": "0.875"
73
- },
74
- "02": {
75
- "value": "1"
76
- },
77
- "03": {
78
- "value": "1.125"
79
- },
80
- "04": {
81
- "value": "1.167"
82
- },
83
- "05": {
84
- "value": "1.2"
85
- },
86
- "06": {
87
- "value": "1.33"
88
- },
89
- "07": {
90
- "value": "1.4"
91
- },
92
- "08": {
93
- "value": "1.45"
94
- },
95
- "09": {
96
- "value": "1.5"
97
- },
98
- "10": {
99
- "value": "1.56"
100
- },
101
- "11": {
102
- "value": "1.75"
103
- },
104
- "12": {
105
- "value": "2"
106
- }
107
- },
108
- "letter-spacing": {
109
- "01": {
110
- "value": "-2%",
111
- "comment": "Condensed spacing"
112
- },
113
- "02": {
114
- "value": "-1%",
115
- "comment": "Semi-condensed spacing"
116
- },
117
- "03": {
118
- "value": "0%",
119
- "comment": "No spacing"
120
- },
121
- "04": {
122
- "value": "1%",
123
- "comment": "Semi-extended spacing"
124
- },
125
- "05": {
126
- "value": "2%",
127
- "comment": "Extended spacing"
128
- }
129
- },
130
- "font-weight": {
131
- "01": {
132
- "value": "400",
133
- "comment": "Regular"
134
- },
135
- "02": {
136
- "value": "500",
137
- "comment": "Medium"
138
- },
139
- "03": {
140
- "value": "600",
141
- "comment": "Semibold"
142
- },
143
- "04": {
144
- "value": "700",
145
- "comment": "Bold"
146
- },
147
- "05": {
148
- "value": "800",
149
- "comment": "Extra bold"
150
- }
151
- }
152
- }