@thatch-health/slab-tokens 0.0.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 (24) hide show
  1. package/README.md +91 -0
  2. package/dist/app-tokens-raw/color/danger.tokens.json +1780 -0
  3. package/dist/app-tokens-raw/color/info.tokens.json +1780 -0
  4. package/dist/app-tokens-raw/color/neutral-inverted.tokens.json +1780 -0
  5. package/dist/app-tokens-raw/color/neutral.tokens.json +1780 -0
  6. package/dist/app-tokens-raw/color/success.tokens.json +1780 -0
  7. package/dist/app-tokens-raw/color/warning.tokens.json +1780 -0
  8. package/dist/app-tokens-raw/color-primitives.tokens.json +1551 -0
  9. package/dist/app-tokens-raw/resolver.json +130 -0
  10. package/dist/app-tokens-raw/spacing-primitives.tokens.json +210 -0
  11. package/dist/app-tokens-raw/spacing.tokens.json +952 -0
  12. package/dist/app-tokens-raw/type-primitives/default.tokens.json +676 -0
  13. package/dist/app-tokens-raw/type-primitives/selecta-inter.tokens.json +676 -0
  14. package/dist/app-tokens-raw/type-primitives/selecta.tokens.json +676 -0
  15. package/dist/app-tokens-raw/type.tokens.json +1763 -0
  16. package/dist/index.css +1025 -0
  17. package/dist/index.css.d.ts +1 -0
  18. package/dist/index.d.mts +5 -0
  19. package/dist/index.d.mts.map +1 -0
  20. package/dist/index.mjs +8 -0
  21. package/dist/index.mjs.map +1 -0
  22. package/dist/tailwind-plugin.cjs +424 -0
  23. package/dist/tailwind-plugin.d.ts +6 -0
  24. package/package.json +61 -0
package/dist/app-tokens-raw/spacing.tokens.json ADDED
@@ -0,0 +1,952 @@
1
+ {
2
+ "radius": {
3
+ "control": {
4
+ "$type": "dimension",
5
+ "$value": {
6
+ "value": 4,
7
+ "unit": "px"
8
+ },
9
+ "$extensions": {
10
+ "com.figma.variableId": "VariableID:129:243",
11
+ "com.figma.scopes": [
12
+ "CORNER_RADIUS"
13
+ ],
14
+ "com.figma.codeSyntax": {
15
+ "WEB": "var(--slab-radius-control)"
16
+ },
17
+ "com.figma.isOverride": true
18
+ }
19
+ },
20
+ "sm": {
21
+ "$type": "dimension",
22
+ "$value": {
23
+ "value": 8,
24
+ "unit": "px"
25
+ },
26
+ "$extensions": {
27
+ "com.figma.variableId": "VariableID:129:244",
28
+ "com.figma.scopes": [
29
+ "CORNER_RADIUS"
30
+ ],
31
+ "com.figma.codeSyntax": {
32
+ "WEB": "var(--slab-radius-sm)"
33
+ },
34
+ "com.figma.isOverride": true
35
+ }
36
+ },
37
+ "md": {
38
+ "$type": "dimension",
39
+ "$value": {
40
+ "value": 12,
41
+ "unit": "px"
42
+ },
43
+ "$extensions": {
44
+ "com.figma.variableId": "VariableID:129:245",
45
+ "com.figma.scopes": [
46
+ "CORNER_RADIUS"
47
+ ],
48
+ "com.figma.codeSyntax": {
49
+ "WEB": "var(--slab-radius-md)"
50
+ },
51
+ "com.figma.isOverride": true
52
+ }
53
+ },
54
+ "lg": {
55
+ "$type": "dimension",
56
+ "$value": {
57
+ "value": 20,
58
+ "unit": "px"
59
+ },
60
+ "$extensions": {
61
+ "com.figma.variableId": "VariableID:129:246",
62
+ "com.figma.scopes": [
63
+ "CORNER_RADIUS"
64
+ ],
65
+ "com.figma.codeSyntax": {
66
+ "WEB": "var(--slab-radius-lg)"
67
+ },
68
+ "com.figma.isOverride": true
69
+ }
70
+ },
71
+ "xl": {
72
+ "$type": "dimension",
73
+ "$value": {
74
+ "value": 28,
75
+ "unit": "px"
76
+ },
77
+ "$extensions": {
78
+ "com.figma.variableId": "VariableID:130:247",
79
+ "com.figma.scopes": [
80
+ "CORNER_RADIUS"
81
+ ],
82
+ "com.figma.codeSyntax": {
83
+ "WEB": "var(--slab-radius-xl)"
84
+ },
85
+ "com.figma.isOverride": true
86
+ }
87
+ },
88
+ "full": {
89
+ "$type": "dimension",
90
+ "$value": {
91
+ "value": 99999,
92
+ "unit": "px"
93
+ },
94
+ "$extensions": {
95
+ "com.figma.variableId": "VariableID:199:818",
96
+ "com.figma.scopes": [
97
+ "CORNER_RADIUS"
98
+ ],
99
+ "com.figma.codeSyntax": {
100
+ "WEB": "var(--slab-radius-full)"
101
+ },
102
+ "com.figma.isOverride": true
103
+ }
104
+ }
105
+ },
106
+ "inset": {
107
+ "square": {
108
+ "sm": {
109
+ "$type": "dimension",
110
+ "$value": {
111
+ "value": 4,
112
+ "unit": "px"
113
+ },
114
+ "$description": "adfsdf",
115
+ "$extensions": {
116
+ "com.figma.variableId": "VariableID:72:196",
117
+ "com.figma.scopes": [
118
+ "GAP"
119
+ ],
120
+ "com.figma.codeSyntax": {
121
+ "WEB": "var(--slab-inset-square-sm)"
122
+ },
123
+ "com.figma.aliasData": {
124
+ "targetVariableId": "VariableID:029c0b1aa095502d7f8a6f7a8d902ba8d4ab1196/-1:-1",
125
+ "targetVariableName": "size-4px",
126
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
127
+ "targetVariableSetName": "Spacing - Primitives"
128
+ },
129
+ "com.figma.isOverride": true
130
+ }
131
+ },
132
+ "md": {
133
+ "$type": "dimension",
134
+ "$value": {
135
+ "value": 8,
136
+ "unit": "px"
137
+ },
138
+ "$extensions": {
139
+ "com.figma.variableId": "VariableID:97:1065",
140
+ "com.figma.scopes": [
141
+ "GAP"
142
+ ],
143
+ "com.figma.codeSyntax": {
144
+ "WEB": "var(--slab-inset-square-md)"
145
+ },
146
+ "com.figma.aliasData": {
147
+ "targetVariableId": "VariableID:b9aaa2a36ea47cb67da7c82c9ee9e029510e5cba/-1:-1",
148
+ "targetVariableName": "size-8px",
149
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
150
+ "targetVariableSetName": "Spacing - Primitives"
151
+ },
152
+ "com.figma.isOverride": true
153
+ }
154
+ },
155
+ "lg": {
156
+ "$type": "dimension",
157
+ "$value": {
158
+ "value": 16,
159
+ "unit": "px"
160
+ },
161
+ "$extensions": {
162
+ "com.figma.variableId": "VariableID:97:1066",
163
+ "com.figma.scopes": [
164
+ "GAP"
165
+ ],
166
+ "com.figma.codeSyntax": {
167
+ "WEB": "var(--slab-inset-square-lg)"
168
+ },
169
+ "com.figma.aliasData": {
170
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
171
+ "targetVariableName": "size-16px",
172
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
173
+ "targetVariableSetName": "Spacing - Primitives"
174
+ },
175
+ "com.figma.isOverride": true
176
+ }
177
+ },
178
+ "xl": {
179
+ "$type": "dimension",
180
+ "$value": {
181
+ "value": 24,
182
+ "unit": "px"
183
+ },
184
+ "$extensions": {
185
+ "com.figma.variableId": "VariableID:97:1067",
186
+ "com.figma.scopes": [
187
+ "GAP"
188
+ ],
189
+ "com.figma.codeSyntax": {
190
+ "WEB": "var(--slab-inset-square-xl)"
191
+ },
192
+ "com.figma.aliasData": {
193
+ "targetVariableId": "VariableID:8a87c848313118f2cf075091a43dffd15dc5c3a9/-1:-1",
194
+ "targetVariableName": "size-24px",
195
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
196
+ "targetVariableSetName": "Spacing - Primitives"
197
+ },
198
+ "com.figma.isOverride": true
199
+ }
200
+ }
201
+ },
202
+ "squish": {
203
+ "xs": {
204
+ "$type": "dimension",
205
+ "$value": {
206
+ "value": 4,
207
+ "unit": "px"
208
+ },
209
+ "$extensions": {
210
+ "com.figma.variableId": "VariableID:97:1068",
211
+ "com.figma.scopes": [
212
+ "GAP"
213
+ ],
214
+ "com.figma.codeSyntax": {
215
+ "WEB": "var(--slab-inset-squish-xs)"
216
+ },
217
+ "com.figma.aliasData": {
218
+ "targetVariableId": "VariableID:029c0b1aa095502d7f8a6f7a8d902ba8d4ab1196/-1:-1",
219
+ "targetVariableName": "size-4px",
220
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
221
+ "targetVariableSetName": "Spacing - Primitives"
222
+ },
223
+ "com.figma.isOverride": true
224
+ }
225
+ },
226
+ "sm": {
227
+ "$type": "dimension",
228
+ "$value": {
229
+ "value": 8,
230
+ "unit": "px"
231
+ },
232
+ "$extensions": {
233
+ "com.figma.variableId": "VariableID:97:1069",
234
+ "com.figma.scopes": [
235
+ "GAP"
236
+ ],
237
+ "com.figma.codeSyntax": {
238
+ "WEB": "var(--slab-inset-squish-sm)"
239
+ },
240
+ "com.figma.aliasData": {
241
+ "targetVariableId": "VariableID:b9aaa2a36ea47cb67da7c82c9ee9e029510e5cba/-1:-1",
242
+ "targetVariableName": "size-8px",
243
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
244
+ "targetVariableSetName": "Spacing - Primitives"
245
+ },
246
+ "com.figma.isOverride": true
247
+ }
248
+ },
249
+ "md": {
250
+ "$type": "dimension",
251
+ "$value": {
252
+ "value": 16,
253
+ "unit": "px"
254
+ },
255
+ "$extensions": {
256
+ "com.figma.variableId": "VariableID:97:1070",
257
+ "com.figma.scopes": [
258
+ "GAP"
259
+ ],
260
+ "com.figma.codeSyntax": {
261
+ "WEB": "var(--slab-inset-squish-md)"
262
+ },
263
+ "com.figma.aliasData": {
264
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
265
+ "targetVariableName": "size-16px",
266
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
267
+ "targetVariableSetName": "Spacing - Primitives"
268
+ },
269
+ "com.figma.isOverride": true
270
+ }
271
+ },
272
+ "lg": {
273
+ "$type": "dimension",
274
+ "$value": {
275
+ "value": 16,
276
+ "unit": "px"
277
+ },
278
+ "$extensions": {
279
+ "com.figma.variableId": "VariableID:123:235",
280
+ "com.figma.scopes": [
281
+ "GAP"
282
+ ],
283
+ "com.figma.codeSyntax": {
284
+ "WEB": "var(--slab-inset-squish-lg)"
285
+ },
286
+ "com.figma.aliasData": {
287
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
288
+ "targetVariableName": "size-16px",
289
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
290
+ "targetVariableSetName": "Spacing - Primitives"
291
+ },
292
+ "com.figma.isOverride": true
293
+ }
294
+ },
295
+ "offset": {
296
+ "xs": {
297
+ "$type": "dimension",
298
+ "$value": {
299
+ "value": 0,
300
+ "unit": "px"
301
+ },
302
+ "$extensions": {
303
+ "com.figma.variableId": "VariableID:123:236",
304
+ "com.figma.scopes": [
305
+ "GAP"
306
+ ],
307
+ "com.figma.codeSyntax": {
308
+ "WEB": "var(--slab-inset-squish-offset-xs)"
309
+ },
310
+ "com.figma.aliasData": {
311
+ "targetVariableId": "VariableID:39b75deb998889d3e4567652cd036ded23e3b996/-1:-1",
312
+ "targetVariableName": "size-0px",
313
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
314
+ "targetVariableSetName": "Spacing - Primitives"
315
+ },
316
+ "com.figma.isOverride": true
317
+ }
318
+ },
319
+ "sm": {
320
+ "$type": "dimension",
321
+ "$value": {
322
+ "value": 0,
323
+ "unit": "px"
324
+ },
325
+ "$extensions": {
326
+ "com.figma.variableId": "VariableID:123:237",
327
+ "com.figma.scopes": [
328
+ "GAP"
329
+ ],
330
+ "com.figma.codeSyntax": {
331
+ "WEB": "var(--slab-inset-squish-offset-sm)"
332
+ },
333
+ "com.figma.aliasData": {
334
+ "targetVariableId": "VariableID:39b75deb998889d3e4567652cd036ded23e3b996/-1:-1",
335
+ "targetVariableName": "size-0px",
336
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
337
+ "targetVariableSetName": "Spacing - Primitives"
338
+ },
339
+ "com.figma.isOverride": true
340
+ }
341
+ },
342
+ "md": {
343
+ "$type": "dimension",
344
+ "$value": {
345
+ "value": 0,
346
+ "unit": "px"
347
+ },
348
+ "$extensions": {
349
+ "com.figma.variableId": "VariableID:123:238",
350
+ "com.figma.scopes": [
351
+ "GAP"
352
+ ],
353
+ "com.figma.codeSyntax": {
354
+ "WEB": "var(--slab-inset-squish-offset-md)"
355
+ },
356
+ "com.figma.aliasData": {
357
+ "targetVariableId": "VariableID:39b75deb998889d3e4567652cd036ded23e3b996/-1:-1",
358
+ "targetVariableName": "size-0px",
359
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
360
+ "targetVariableSetName": "Spacing - Primitives"
361
+ },
362
+ "com.figma.isOverride": true
363
+ }
364
+ },
365
+ "lg": {
366
+ "$type": "dimension",
367
+ "$value": {
368
+ "value": 0,
369
+ "unit": "px"
370
+ },
371
+ "$extensions": {
372
+ "com.figma.variableId": "VariableID:129:239",
373
+ "com.figma.scopes": [
374
+ "GAP"
375
+ ],
376
+ "com.figma.codeSyntax": {
377
+ "WEB": "var(--slab-inset-squish-offset-lg)"
378
+ },
379
+ "com.figma.aliasData": {
380
+ "targetVariableId": "VariableID:39b75deb998889d3e4567652cd036ded23e3b996/-1:-1",
381
+ "targetVariableName": "size-0px",
382
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
383
+ "targetVariableSetName": "Spacing - Primitives"
384
+ },
385
+ "com.figma.isOverride": true
386
+ }
387
+ }
388
+ }
389
+ }
390
+ },
391
+ "size": {
392
+ "xs": {
393
+ "$type": "dimension",
394
+ "$value": {
395
+ "value": 1,
396
+ "unit": "rem"
397
+ },
398
+ "$extensions": {
399
+ "com.figma.variableId": "VariableID:88:91",
400
+ "com.figma.scopes": [
401
+ "WIDTH_HEIGHT"
402
+ ],
403
+ "com.figma.codeSyntax": {
404
+ "WEB": "var(--slab-size-xs)"
405
+ },
406
+ "com.figma.aliasData": {
407
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
408
+ "targetVariableName": "size-16px",
409
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
410
+ "targetVariableSetName": "Spacing - Primitives"
411
+ },
412
+ "com.figma.isOverride": true
413
+ }
414
+ },
415
+ "sm": {
416
+ "$type": "dimension",
417
+ "$value": {
418
+ "value": 1.5,
419
+ "unit": "rem"
420
+ },
421
+ "$extensions": {
422
+ "com.figma.variableId": "VariableID:88:92",
423
+ "com.figma.scopes": [
424
+ "WIDTH_HEIGHT"
425
+ ],
426
+ "com.figma.codeSyntax": {
427
+ "WEB": "var(--slab-size-sm)"
428
+ },
429
+ "com.figma.aliasData": {
430
+ "targetVariableId": "VariableID:8a87c848313118f2cf075091a43dffd15dc5c3a9/-1:-1",
431
+ "targetVariableName": "size-24px",
432
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
433
+ "targetVariableSetName": "Spacing - Primitives"
434
+ },
435
+ "com.figma.isOverride": true
436
+ }
437
+ },
438
+ "md": {
439
+ "$type": "dimension",
440
+ "$value": {
441
+ "value": 2,
442
+ "unit": "rem"
443
+ },
444
+ "$extensions": {
445
+ "com.figma.variableId": "VariableID:88:93",
446
+ "com.figma.scopes": [
447
+ "WIDTH_HEIGHT"
448
+ ],
449
+ "com.figma.codeSyntax": {
450
+ "WEB": "var(--slab-size-md)"
451
+ },
452
+ "com.figma.aliasData": {
453
+ "targetVariableId": "VariableID:cd7f3c8b67ef4ab6e25b50fb8530d14a7fbb417a/-1:-1",
454
+ "targetVariableName": "size-32px",
455
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
456
+ "targetVariableSetName": "Spacing - Primitives"
457
+ },
458
+ "com.figma.isOverride": true
459
+ }
460
+ },
461
+ "lg": {
462
+ "$type": "dimension",
463
+ "$value": {
464
+ "value": 2.5,
465
+ "unit": "rem"
466
+ },
467
+ "$extensions": {
468
+ "com.figma.variableId": "VariableID:88:94",
469
+ "com.figma.scopes": [
470
+ "WIDTH_HEIGHT"
471
+ ],
472
+ "com.figma.codeSyntax": {
473
+ "WEB": "var(--slab-size-lg)"
474
+ },
475
+ "com.figma.aliasData": {
476
+ "targetVariableId": "VariableID:748f5698da7623fa94e6e4fba9d2997c510feb6d/-1:-1",
477
+ "targetVariableName": "size-40px",
478
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
479
+ "targetVariableSetName": "Spacing - Primitives"
480
+ },
481
+ "com.figma.isOverride": true
482
+ }
483
+ },
484
+ "icon": {
485
+ "outer": {
486
+ "sm": {
487
+ "$type": "dimension",
488
+ "$value": {
489
+ "value": 1.5,
490
+ "unit": "rem"
491
+ },
492
+ "$extensions": {
493
+ "com.figma.variableId": "VariableID:205:853",
494
+ "com.figma.scopes": [
495
+ "WIDTH_HEIGHT"
496
+ ],
497
+ "com.figma.codeSyntax": {
498
+ "WEB": "var(--slab-size-icon-outer-sm)"
499
+ },
500
+ "com.figma.aliasData": {
501
+ "targetVariableId": "VariableID:8a87c848313118f2cf075091a43dffd15dc5c3a9/-1:-1",
502
+ "targetVariableName": "size-24px",
503
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
504
+ "targetVariableSetName": "Spacing - Primitives"
505
+ },
506
+ "com.figma.isOverride": true
507
+ }
508
+ },
509
+ "md": {
510
+ "$type": "dimension",
511
+ "$value": {
512
+ "value": 2,
513
+ "unit": "rem"
514
+ },
515
+ "$extensions": {
516
+ "com.figma.variableId": "VariableID:205:857",
517
+ "com.figma.scopes": [
518
+ "WIDTH_HEIGHT"
519
+ ],
520
+ "com.figma.codeSyntax": {
521
+ "WEB": "var(--slab-size-icon-outer-md)"
522
+ },
523
+ "com.figma.aliasData": {
524
+ "targetVariableId": "VariableID:cd7f3c8b67ef4ab6e25b50fb8530d14a7fbb417a/-1:-1",
525
+ "targetVariableName": "size-32px",
526
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
527
+ "targetVariableSetName": "Spacing - Primitives"
528
+ },
529
+ "com.figma.isOverride": true
530
+ }
531
+ },
532
+ "lg": {
533
+ "$type": "dimension",
534
+ "$value": {
535
+ "value": 2.5,
536
+ "unit": "rem"
537
+ },
538
+ "$extensions": {
539
+ "com.figma.variableId": "VariableID:205:861",
540
+ "com.figma.scopes": [
541
+ "WIDTH_HEIGHT"
542
+ ],
543
+ "com.figma.codeSyntax": {
544
+ "WEB": "var(--slab-size-icon-outer-lg)"
545
+ },
546
+ "com.figma.aliasData": {
547
+ "targetVariableId": "VariableID:748f5698da7623fa94e6e4fba9d2997c510feb6d/-1:-1",
548
+ "targetVariableName": "size-40px",
549
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
550
+ "targetVariableSetName": "Spacing - Primitives"
551
+ },
552
+ "com.figma.isOverride": true
553
+ }
554
+ }
555
+ },
556
+ "inner": {
557
+ "sm": {
558
+ "$type": "dimension",
559
+ "$value": {
560
+ "value": 0.75,
561
+ "unit": "rem"
562
+ },
563
+ "$extensions": {
564
+ "com.figma.variableId": "VariableID:132:381",
565
+ "com.figma.scopes": [
566
+ "WIDTH_HEIGHT"
567
+ ],
568
+ "com.figma.codeSyntax": {
569
+ "WEB": "var(--slab-size-icon-inner-sm)"
570
+ },
571
+ "com.figma.isOverride": true
572
+ }
573
+ },
574
+ "md": {
575
+ "$type": "dimension",
576
+ "$value": {
577
+ "value": 1,
578
+ "unit": "rem"
579
+ },
580
+ "$extensions": {
581
+ "com.figma.variableId": "VariableID:132:378",
582
+ "com.figma.scopes": [
583
+ "WIDTH_HEIGHT"
584
+ ],
585
+ "com.figma.codeSyntax": {
586
+ "WEB": "var(--slab-size-icon-inner-md)"
587
+ },
588
+ "com.figma.isOverride": true
589
+ }
590
+ },
591
+ "lg": {
592
+ "$type": "dimension",
593
+ "$value": {
594
+ "value": 1.25,
595
+ "unit": "rem"
596
+ },
597
+ "$extensions": {
598
+ "com.figma.variableId": "VariableID:132:380",
599
+ "com.figma.scopes": [
600
+ "WIDTH_HEIGHT"
601
+ ],
602
+ "com.figma.codeSyntax": {
603
+ "WEB": "var(--slab-size-icon-inner-lg)"
604
+ },
605
+ "com.figma.isOverride": true
606
+ }
607
+ }
608
+ }
609
+ }
610
+ },
611
+ "gap": {
612
+ "inline": {
613
+ "xs": {
614
+ "$type": "dimension",
615
+ "$value": {
616
+ "value": 4,
617
+ "unit": "px"
618
+ },
619
+ "$extensions": {
620
+ "com.figma.variableId": "VariableID:283:80",
621
+ "com.figma.scopes": [
622
+ "GAP"
623
+ ],
624
+ "com.figma.codeSyntax": {
625
+ "WEB": "var(--slab-gap-inline-xs)"
626
+ },
627
+ "com.figma.aliasData": {
628
+ "targetVariableId": "VariableID:029c0b1aa095502d7f8a6f7a8d902ba8d4ab1196/-1:-1",
629
+ "targetVariableName": "size-4px",
630
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
631
+ "targetVariableSetName": "Spacing - Primitives"
632
+ },
633
+ "com.figma.isOverride": true
634
+ }
635
+ },
636
+ "sm": {
637
+ "$type": "dimension",
638
+ "$value": {
639
+ "value": 8,
640
+ "unit": "px"
641
+ },
642
+ "$extensions": {
643
+ "com.figma.variableId": "VariableID:283:81",
644
+ "com.figma.scopes": [
645
+ "GAP"
646
+ ],
647
+ "com.figma.codeSyntax": {
648
+ "WEB": "var(--slab-gap-inline-sm)"
649
+ },
650
+ "com.figma.aliasData": {
651
+ "targetVariableId": "VariableID:b9aaa2a36ea47cb67da7c82c9ee9e029510e5cba/-1:-1",
652
+ "targetVariableName": "size-8px",
653
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
654
+ "targetVariableSetName": "Spacing - Primitives"
655
+ },
656
+ "com.figma.isOverride": true
657
+ }
658
+ },
659
+ "md": {
660
+ "$type": "dimension",
661
+ "$value": {
662
+ "value": 12,
663
+ "unit": "px"
664
+ },
665
+ "$extensions": {
666
+ "com.figma.variableId": "VariableID:283:82",
667
+ "com.figma.scopes": [
668
+ "GAP"
669
+ ],
670
+ "com.figma.codeSyntax": {
671
+ "WEB": "var(--slab-gap-inline-md)"
672
+ },
673
+ "com.figma.aliasData": {
674
+ "targetVariableId": "VariableID:a62a25e666cb7cef479d84e3776fa32e32345e17/-1:-1",
675
+ "targetVariableName": "size-12px",
676
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
677
+ "targetVariableSetName": "Spacing - Primitives"
678
+ },
679
+ "com.figma.isOverride": true
680
+ }
681
+ },
682
+ "lg": {
683
+ "$type": "dimension",
684
+ "$value": {
685
+ "value": 16,
686
+ "unit": "px"
687
+ },
688
+ "$extensions": {
689
+ "com.figma.variableId": "VariableID:283:83",
690
+ "com.figma.scopes": [
691
+ "GAP"
692
+ ],
693
+ "com.figma.codeSyntax": {
694
+ "WEB": "var(--slab-gap-inline-lg)"
695
+ },
696
+ "com.figma.aliasData": {
697
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
698
+ "targetVariableName": "size-16px",
699
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
700
+ "targetVariableSetName": "Spacing - Primitives"
701
+ },
702
+ "com.figma.isOverride": true
703
+ }
704
+ },
705
+ "xl": {
706
+ "$type": "dimension",
707
+ "$value": {
708
+ "value": 24,
709
+ "unit": "px"
710
+ },
711
+ "$extensions": {
712
+ "com.figma.variableId": "VariableID:283:84",
713
+ "com.figma.scopes": [
714
+ "GAP"
715
+ ],
716
+ "com.figma.codeSyntax": {
717
+ "WEB": "var(--slab-gap-inline-xl)"
718
+ },
719
+ "com.figma.aliasData": {
720
+ "targetVariableId": "VariableID:8a87c848313118f2cf075091a43dffd15dc5c3a9/-1:-1",
721
+ "targetVariableName": "size-24px",
722
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
723
+ "targetVariableSetName": "Spacing - Primitives"
724
+ },
725
+ "com.figma.isOverride": true
726
+ }
727
+ }
728
+ },
729
+ "stack": {
730
+ "xs": {
731
+ "$type": "dimension",
732
+ "$value": {
733
+ "value": 4,
734
+ "unit": "px"
735
+ },
736
+ "$extensions": {
737
+ "com.figma.variableId": "VariableID:283:85",
738
+ "com.figma.scopes": [
739
+ "GAP"
740
+ ],
741
+ "com.figma.codeSyntax": {
742
+ "WEB": "var(--slab-gap-stack-xs)"
743
+ },
744
+ "com.figma.aliasData": {
745
+ "targetVariableId": "VariableID:029c0b1aa095502d7f8a6f7a8d902ba8d4ab1196/-1:-1",
746
+ "targetVariableName": "size-4px",
747
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
748
+ "targetVariableSetName": "Spacing - Primitives"
749
+ },
750
+ "com.figma.isOverride": true
751
+ }
752
+ },
753
+ "sm": {
754
+ "$type": "dimension",
755
+ "$value": {
756
+ "value": 8,
757
+ "unit": "px"
758
+ },
759
+ "$extensions": {
760
+ "com.figma.variableId": "VariableID:283:86",
761
+ "com.figma.scopes": [
762
+ "GAP"
763
+ ],
764
+ "com.figma.codeSyntax": {
765
+ "WEB": "var(--slab-gap-stack-sm)"
766
+ },
767
+ "com.figma.aliasData": {
768
+ "targetVariableId": "VariableID:b9aaa2a36ea47cb67da7c82c9ee9e029510e5cba/-1:-1",
769
+ "targetVariableName": "size-8px",
770
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
771
+ "targetVariableSetName": "Spacing - Primitives"
772
+ },
773
+ "com.figma.isOverride": true
774
+ }
775
+ },
776
+ "md": {
777
+ "$type": "dimension",
778
+ "$value": {
779
+ "value": 12,
780
+ "unit": "px"
781
+ },
782
+ "$extensions": {
783
+ "com.figma.variableId": "VariableID:283:87",
784
+ "com.figma.scopes": [
785
+ "GAP"
786
+ ],
787
+ "com.figma.codeSyntax": {
788
+ "WEB": "var(--slab-gap-stack-md)"
789
+ },
790
+ "com.figma.aliasData": {
791
+ "targetVariableId": "VariableID:a62a25e666cb7cef479d84e3776fa32e32345e17/-1:-1",
792
+ "targetVariableName": "size-12px",
793
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
794
+ "targetVariableSetName": "Spacing - Primitives"
795
+ },
796
+ "com.figma.isOverride": true
797
+ }
798
+ },
799
+ "lg": {
800
+ "$type": "dimension",
801
+ "$value": {
802
+ "value": 16,
803
+ "unit": "px"
804
+ },
805
+ "$extensions": {
806
+ "com.figma.variableId": "VariableID:283:88",
807
+ "com.figma.scopes": [
808
+ "GAP"
809
+ ],
810
+ "com.figma.codeSyntax": {
811
+ "WEB": "var(--slab-gap-stack-lg)"
812
+ },
813
+ "com.figma.aliasData": {
814
+ "targetVariableId": "VariableID:e1dee6edd44c539c07ee02c36ee2d12c3ba43620/-1:-1",
815
+ "targetVariableName": "size-16px",
816
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
817
+ "targetVariableSetName": "Spacing - Primitives"
818
+ },
819
+ "com.figma.isOverride": true
820
+ }
821
+ },
822
+ "xl": {
823
+ "$type": "dimension",
824
+ "$value": {
825
+ "value": 24,
826
+ "unit": "px"
827
+ },
828
+ "$extensions": {
829
+ "com.figma.variableId": "VariableID:283:89",
830
+ "com.figma.scopes": [
831
+ "GAP"
832
+ ],
833
+ "com.figma.codeSyntax": {
834
+ "WEB": "var(--slab-gap-stack-xl)"
835
+ },
836
+ "com.figma.aliasData": {
837
+ "targetVariableId": "VariableID:8a87c848313118f2cf075091a43dffd15dc5c3a9/-1:-1",
838
+ "targetVariableName": "size-24px",
839
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
840
+ "targetVariableSetName": "Spacing - Primitives"
841
+ },
842
+ "com.figma.isOverride": true
843
+ }
844
+ },
845
+ "2xl": {
846
+ "$type": "dimension",
847
+ "$value": {
848
+ "value": 32,
849
+ "unit": "px"
850
+ },
851
+ "$extensions": {
852
+ "com.figma.variableId": "VariableID:283:90",
853
+ "com.figma.scopes": [
854
+ "GAP"
855
+ ],
856
+ "com.figma.codeSyntax": {
857
+ "WEB": "var(--slab-gap-stack-2xl)"
858
+ },
859
+ "com.figma.aliasData": {
860
+ "targetVariableId": "VariableID:cd7f3c8b67ef4ab6e25b50fb8530d14a7fbb417a/-1:-1",
861
+ "targetVariableName": "size-32px",
862
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
863
+ "targetVariableSetName": "Spacing - Primitives"
864
+ },
865
+ "com.figma.isOverride": true
866
+ }
867
+ },
868
+ "3xl": {
869
+ "$type": "dimension",
870
+ "$value": {
871
+ "value": 40,
872
+ "unit": "px"
873
+ },
874
+ "$extensions": {
875
+ "com.figma.variableId": "VariableID:283:91",
876
+ "com.figma.scopes": [
877
+ "GAP"
878
+ ],
879
+ "com.figma.codeSyntax": {
880
+ "WEB": "var(--slab-gap-stack-3xl)"
881
+ },
882
+ "com.figma.aliasData": {
883
+ "targetVariableId": "VariableID:748f5698da7623fa94e6e4fba9d2997c510feb6d/-1:-1",
884
+ "targetVariableName": "size-40px",
885
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
886
+ "targetVariableSetName": "Spacing - Primitives"
887
+ },
888
+ "com.figma.isOverride": true
889
+ }
890
+ },
891
+ "4xl": {
892
+ "$type": "dimension",
893
+ "$value": {
894
+ "value": 64,
895
+ "unit": "px"
896
+ },
897
+ "$extensions": {
898
+ "com.figma.variableId": "VariableID:283:92",
899
+ "com.figma.scopes": [
900
+ "GAP"
901
+ ],
902
+ "com.figma.codeSyntax": {
903
+ "WEB": "var(--slab-gap-stack-4xl)"
904
+ },
905
+ "com.figma.aliasData": {
906
+ "targetVariableId": "VariableID:4bff3e400063ac0bca70c9de7a48cf997aa5d2b5/-1:-1",
907
+ "targetVariableName": "size-64px",
908
+ "targetVariableSetId": "VariableCollectionId:aac6e9b6d67f478ebd6e3fb691efc28280e7144e/-1:-1",
909
+ "targetVariableSetName": "Spacing - Primitives"
910
+ },
911
+ "com.figma.isOverride": true
912
+ }
913
+ }
914
+ }
915
+ },
916
+ "stroke": {
917
+ "border": {
918
+ "$type": "dimension",
919
+ "$value": {
920
+ "value": 1,
921
+ "unit": "px"
922
+ },
923
+ "$extensions": {
924
+ "com.figma.variableId": "VariableID:2025:3234",
925
+ "com.figma.scopes": [
926
+ "STROKE_FLOAT"
927
+ ],
928
+ "com.figma.codeSyntax": {
929
+ "WEB": "var(--slab-stroke-border)"
930
+ },
931
+ "com.figma.isOverride": true
932
+ }
933
+ },
934
+ "focus": {
935
+ "$type": "dimension",
936
+ "$value": {
937
+ "value": 1,
938
+ "unit": "px"
939
+ },
940
+ "$extensions": {
941
+ "com.figma.variableId": "VariableID:2025:3235",
942
+ "com.figma.scopes": [
943
+ "STROKE_FLOAT"
944
+ ],
945
+ "com.figma.codeSyntax": {
946
+ "WEB": "var(--slab-stroke-focus)"
947
+ },
948
+ "com.figma.isOverride": true
949
+ }
950
+ }
951
+ }
952
+ }