@devexpress/design-tokens-internal 262.24.0 → 262.26.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 (9) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/wpf/size/fluent_medium.json +703 -150
  3. package/tokens/components/wpf/size/fluent_small.json +698 -145
  4. package/tokens/components/wpf/theme/fluent.json +483 -0
  5. package/tokens/semantic/colors/fluent/dark.json +11 -11
  6. package/tokens/semantic/colors/fluent/light.json +4 -4
  7. package/tokens/semantic/colors/material/dark.json +3 -3
  8. package/tokens/semantic/colors/material/light.json +3 -3
  9. package/tokens.flat.json +175 -42
package/tokens/components/wpf/size/fluent_medium.json CHANGED
@@ -600,7 +600,7 @@
600
600
  "com.figma.hiddenFromPublishing": false
601
601
  },
602
602
  "$type": "number",
603
- "$value": "{spacing.60}"
603
+ "$value": "{spacing.0}"
604
604
  }
605
605
  },
606
606
  "inner-box": {
@@ -623,7 +623,7 @@
623
623
  "com.figma.hiddenFromPublishing": false
624
624
  },
625
625
  "$type": "number",
626
- "$value": "{spacing.70}"
626
+ "$value": "{spacing.40}"
627
627
  },
628
628
  "horizontal": {
629
629
  "$extensions": {
@@ -665,7 +665,7 @@
665
665
  "com.figma.hiddenFromPublishing": false
666
666
  },
667
667
  "$type": "number",
668
- "$value": "{spacing.70}"
668
+ "$value": "{spacing.40}"
669
669
  }
670
670
  },
671
671
  "gap": {
@@ -688,7 +688,7 @@
688
688
  "com.figma.hiddenFromPublishing": false
689
689
  },
690
690
  "$type": "number",
691
- "$value": "{spacing.60}"
691
+ "$value": "{spacing.0}"
692
692
  }
693
693
  },
694
694
  "outer-box": {
@@ -717,7 +717,7 @@
717
717
  },
718
718
  "popup": {
719
719
  "layout": {
720
- "item-box": {
720
+ "item": {
721
721
  "vertical-end": {
722
722
  "$extensions": {
723
723
  "com.figma.scopes": [
@@ -726,9 +726,11 @@
726
726
  "com.figma.hiddenFromPublishing": false
727
727
  },
728
728
  "$type": "number",
729
- "$value": "{spacing.0}"
730
- },
731
- "vertical-start": {
729
+ "$value": "{spacing.20}"
730
+ }
731
+ },
732
+ "content-box": {
733
+ "horizontal": {
732
734
  "$extensions": {
733
735
  "com.figma.scopes": [
734
736
  "GAP"
@@ -736,9 +738,9 @@
736
738
  "com.figma.hiddenFromPublishing": false
737
739
  },
738
740
  "$type": "number",
739
- "$value": "{spacing.30}"
741
+ "$value": "{spacing.60}"
740
742
  },
741
- "gap": {
743
+ "vertical": {
742
744
  "$extensions": {
743
745
  "com.figma.scopes": [
744
746
  "GAP"
@@ -746,9 +748,9 @@
746
748
  "com.figma.hiddenFromPublishing": false
747
749
  },
748
750
  "$type": "number",
749
- "$value": "{spacing.20}"
751
+ "$value": "{spacing.30}"
750
752
  },
751
- "horizontal": {
753
+ "gap": {
752
754
  "$extensions": {
753
755
  "com.figma.scopes": [
754
756
  "GAP"
@@ -756,10 +758,10 @@
756
758
  "com.figma.hiddenFromPublishing": false
757
759
  },
758
760
  "$type": "number",
759
- "$value": "{spacing.30}"
761
+ "$value": "{spacing.0}"
760
762
  }
761
763
  },
762
- "item": {
764
+ "separator-box": {
763
765
  "vertical-end": {
764
766
  "$extensions": {
765
767
  "com.figma.scopes": [
@@ -771,17 +773,7 @@
771
773
  "$value": "{spacing.20}"
772
774
  }
773
775
  },
774
- "content-box": {
775
- "horizontal": {
776
- "$extensions": {
777
- "com.figma.scopes": [
778
- "GAP"
779
- ],
780
- "com.figma.hiddenFromPublishing": false
781
- },
782
- "$type": "number",
783
- "$value": "{spacing.10}"
784
- },
776
+ "item-box": {
785
777
  "vertical": {
786
778
  "$extensions": {
787
779
  "com.figma.scopes": [
@@ -791,7 +783,9 @@
791
783
  },
792
784
  "$type": "number",
793
785
  "$value": "{spacing.10}"
794
- },
786
+ }
787
+ },
788
+ "outer-box": {
795
789
  "gap": {
796
790
  "$extensions": {
797
791
  "com.figma.scopes": [
@@ -801,10 +795,8 @@
801
795
  },
802
796
  "$type": "number",
803
797
  "$value": "{spacing.0}"
804
- }
805
- },
806
- "separator-box": {
807
- "vertical-end": {
798
+ },
799
+ "horizontal": {
808
800
  "$extensions": {
809
801
  "com.figma.scopes": [
810
802
  "GAP"
@@ -812,11 +804,9 @@
812
804
  "com.figma.hiddenFromPublishing": false
813
805
  },
814
806
  "$type": "number",
815
- "$value": "{spacing.20}"
816
- }
817
- },
818
- "outer-box": {
819
- "gap": {
807
+ "$value": "{spacing.30}"
808
+ },
809
+ "vertical": {
820
810
  "$extensions": {
821
811
  "com.figma.scopes": [
822
812
  "GAP"
@@ -824,7 +814,7 @@
824
814
  "com.figma.hiddenFromPublishing": false
825
815
  },
826
816
  "$type": "number",
827
- "$value": "{spacing.0}"
817
+ "$value": "{spacing.10}"
828
818
  }
829
819
  }
830
820
  }
@@ -1232,6 +1222,54 @@
1232
1222
  }
1233
1223
  }
1234
1224
  }
1225
+ },
1226
+ "item-box": {
1227
+ "layout": {
1228
+ "horizontal-orientation": {
1229
+ "horizontal": {
1230
+ "$extensions": {
1231
+ "com.figma.scopes": [
1232
+ "GAP"
1233
+ ],
1234
+ "com.figma.hiddenFromPublishing": false
1235
+ },
1236
+ "$type": "number",
1237
+ "$value": "{spacing.30}"
1238
+ },
1239
+ "vertical": {
1240
+ "$extensions": {
1241
+ "com.figma.scopes": [
1242
+ "GAP"
1243
+ ],
1244
+ "com.figma.hiddenFromPublishing": false
1245
+ },
1246
+ "$type": "number",
1247
+ "$value": "{spacing.0}"
1248
+ }
1249
+ },
1250
+ "vertical-orientation": {
1251
+ "horizontal": {
1252
+ "$extensions": {
1253
+ "com.figma.scopes": [
1254
+ "GAP"
1255
+ ],
1256
+ "com.figma.hiddenFromPublishing": false
1257
+ },
1258
+ "$type": "number",
1259
+ "$value": "{spacing.0}"
1260
+ },
1261
+ "vertical": {
1262
+ "$extensions": {
1263
+ "com.figma.scopes": [
1264
+ "GAP"
1265
+ ],
1266
+ "com.figma.hiddenFromPublishing": false
1267
+ },
1268
+ "$type": "number",
1269
+ "$value": "{spacing.30}"
1270
+ }
1271
+ }
1272
+ }
1235
1273
  }
1236
1274
  },
1237
1275
  "focus-rect": {
@@ -1380,44 +1418,22 @@
1380
1418
  }
1381
1419
  }
1382
1420
  },
1383
- "mode-button": {
1384
- "layout": {
1385
- "simplified": {
1386
- "outer-box": {
1387
- "horizontal": {
1388
- "$extensions": {
1389
- "com.figma.scopes": [
1390
- "GAP"
1391
- ],
1392
- "com.figma.hiddenFromPublishing": false
1393
- },
1394
- "$type": "number",
1395
- "$value": "{spacing.90}"
1396
- },
1397
- "vertical": {
1421
+ "classic-separator": {
1422
+ "subgroup": {
1423
+ "layout": {
1424
+ "invisible": {
1425
+ "width": {
1398
1426
  "$extensions": {
1399
1427
  "com.figma.scopes": [
1400
- "GAP"
1428
+ "WIDTH_HEIGHT"
1401
1429
  ],
1402
1430
  "com.figma.hiddenFromPublishing": false
1403
1431
  },
1404
1432
  "$type": "number",
1405
- "$value": "{spacing.90}"
1433
+ "$value": "{spacing.20}"
1406
1434
  }
1407
- }
1408
- },
1409
- "classic": {
1410
- "outer-box": {
1411
- "vertical": {
1412
- "$extensions": {
1413
- "com.figma.scopes": [
1414
- "GAP"
1415
- ],
1416
- "com.figma.hiddenFromPublishing": false
1417
- },
1418
- "$type": "number",
1419
- "$value": "{spacing.50}"
1420
- },
1435
+ },
1436
+ "visible": {
1421
1437
  "horizontal": {
1422
1438
  "$extensions": {
1423
1439
  "com.figma.scopes": [
@@ -1426,15 +1442,56 @@
1426
1442
  "com.figma.hiddenFromPublishing": false
1427
1443
  },
1428
1444
  "$type": "number",
1429
- "$value": "{spacing.50}"
1445
+ "$value": "{spacing.30}"
1430
1446
  }
1431
1447
  }
1432
1448
  }
1433
1449
  },
1450
+ "group": {
1451
+ "layout": {
1452
+ "horizontal": {
1453
+ "$extensions": {
1454
+ "com.figma.scopes": [
1455
+ "GAP"
1456
+ ],
1457
+ "com.figma.hiddenFromPublishing": false
1458
+ },
1459
+ "$type": "number",
1460
+ "$value": "{spacing.50}"
1461
+ }
1462
+ }
1463
+ }
1464
+ },
1465
+ "mode-button": {
1466
+ "layout": {
1467
+ "outer-box": {
1468
+ "vertical": {
1469
+ "$extensions": {
1470
+ "com.figma.scopes": [
1471
+ "GAP"
1472
+ ],
1473
+ "com.figma.hiddenFromPublishing": false
1474
+ },
1475
+ "$type": "number",
1476
+ "$value": "{spacing.10}"
1477
+ },
1478
+ "horizontal": {
1479
+ "$extensions": {
1480
+ "com.figma.scopes": [
1481
+ "GAP"
1482
+ ],
1483
+ "com.figma.hiddenFromPublishing": false
1484
+ },
1485
+ "$type": "number",
1486
+ "$value": "{spacing.10}"
1487
+ }
1488
+ }
1489
+ },
1434
1490
  "borders": {
1435
1491
  "border-width": {
1436
1492
  "$extensions": {
1437
1493
  "com.figma.scopes": [
1494
+ "WIDTH_HEIGHT",
1438
1495
  "STROKE_FLOAT"
1439
1496
  ],
1440
1497
  "com.figma.hiddenFromPublishing": false
@@ -1452,62 +1509,6 @@
1452
1509
  "$type": "number",
1453
1510
  "$value": "{border-radius.40}"
1454
1511
  }
1455
- },
1456
- "icon": {
1457
- "size": {
1458
- "$extensions": {
1459
- "com.figma.scopes": [
1460
- "ALL_SCOPES"
1461
- ],
1462
- "com.figma.hiddenFromPublishing": false
1463
- },
1464
- "$type": "number",
1465
- "$value": "{spacing.120}"
1466
- }
1467
- }
1468
- },
1469
- "classic-separator": {
1470
- "subgroup": {
1471
- "layout": {
1472
- "invisible": {
1473
- "width": {
1474
- "$extensions": {
1475
- "com.figma.scopes": [
1476
- "WIDTH_HEIGHT"
1477
- ],
1478
- "com.figma.hiddenFromPublishing": false
1479
- },
1480
- "$type": "number",
1481
- "$value": "{spacing.40}"
1482
- }
1483
- },
1484
- "visible": {
1485
- "horizontal": {
1486
- "$extensions": {
1487
- "com.figma.scopes": [
1488
- "GAP"
1489
- ],
1490
- "com.figma.hiddenFromPublishing": false
1491
- },
1492
- "$type": "number",
1493
- "$value": "{spacing.40}"
1494
- }
1495
- }
1496
- }
1497
- },
1498
- "group": {
1499
- "layout": {
1500
- "horizontal": {
1501
- "$extensions": {
1502
- "com.figma.scopes": [
1503
- "GAP"
1504
- ],
1505
- "com.figma.hiddenFromPublishing": false
1506
- },
1507
- "$type": "number",
1508
- "$value": "{spacing.80}"
1509
- }
1510
- }
1511
1512
  }
1512
1513
  },
1513
1514
  "selected-page": {
@@ -1575,7 +1576,7 @@
1575
1576
  "com.figma.hiddenFromPublishing": false
1576
1577
  },
1577
1578
  "$type": "number",
1578
- "$value": "{spacing.1000}"
1579
+ "$value": 104
1579
1580
  }
1580
1581
  }
1581
1582
  },
@@ -1593,6 +1594,7 @@
1593
1594
  "border-width": {
1594
1595
  "$extensions": {
1595
1596
  "com.figma.scopes": [
1597
+ "WIDTH_HEIGHT",
1596
1598
  "STROKE_FLOAT"
1597
1599
  ],
1598
1600
  "com.figma.hiddenFromPublishing": false
@@ -1613,7 +1615,7 @@
1613
1615
  "com.figma.hiddenFromPublishing": false
1614
1616
  },
1615
1617
  "$type": "number",
1616
- "$value": "{spacing.20}"
1618
+ "$value": "{spacing.40}"
1617
1619
  }
1618
1620
  }
1619
1621
  }
@@ -1740,7 +1742,7 @@
1740
1742
  "com.figma.hiddenFromPublishing": false
1741
1743
  },
1742
1744
  "$type": "number",
1743
- "$value": "{spacing.10}"
1745
+ "$value": "{spacing.20}"
1744
1746
  },
1745
1747
  "vertical": {
1746
1748
  "$extensions": {
@@ -1750,13 +1752,15 @@
1750
1752
  "com.figma.hiddenFromPublishing": false
1751
1753
  },
1752
1754
  "$type": "number",
1753
- "$value": "{spacing.10}"
1754
- },
1755
- "gap": {
1756
- "$extensions": {
1757
- "com.figma.scopes": [
1758
- "GAP"
1759
- ],
1755
+ "$value": "{spacing.20}"
1756
+ }
1757
+ },
1758
+ "item-box": {
1759
+ "vertical": {
1760
+ "$extensions": {
1761
+ "com.figma.scopes": [
1762
+ "GAP"
1763
+ ],
1760
1764
  "com.figma.hiddenFromPublishing": false
1761
1765
  },
1762
1766
  "$type": "number",
@@ -1794,6 +1798,7 @@
1794
1798
  "border-width": {
1795
1799
  "$extensions": {
1796
1800
  "com.figma.scopes": [
1801
+ "WIDTH_HEIGHT",
1797
1802
  "STROKE_FLOAT"
1798
1803
  ],
1799
1804
  "com.figma.hiddenFromPublishing": false
@@ -1822,6 +1827,7 @@
1822
1827
  "border-width": {
1823
1828
  "$extensions": {
1824
1829
  "com.figma.scopes": [
1830
+ "WIDTH_HEIGHT",
1825
1831
  "STROKE_FLOAT"
1826
1832
  ],
1827
1833
  "com.figma.hiddenFromPublishing": false
@@ -1896,7 +1902,7 @@
1896
1902
  "com.figma.hiddenFromPublishing": false
1897
1903
  },
1898
1904
  "$type": "number",
1899
- "$value": "{spacing.80}"
1905
+ "$value": "{spacing.60}"
1900
1906
  },
1901
1907
  "vertical": {
1902
1908
  "$extensions": {
@@ -1906,7 +1912,7 @@
1906
1912
  "com.figma.hiddenFromPublishing": false
1907
1913
  },
1908
1914
  "$type": "number",
1909
- "$value": "{spacing.80}"
1915
+ "$value": "{spacing.60}"
1910
1916
  }
1911
1917
  }
1912
1918
  },
@@ -1915,6 +1921,7 @@
1915
1921
  "border-width": {
1916
1922
  "$extensions": {
1917
1923
  "com.figma.scopes": [
1924
+ "WIDTH_HEIGHT",
1918
1925
  "STROKE_FLOAT"
1919
1926
  ],
1920
1927
  "com.figma.hiddenFromPublishing": false
@@ -1933,6 +1940,40 @@
1933
1940
  "$value": "{border-radius.full}"
1934
1941
  }
1935
1942
  }
1943
+ },
1944
+ "typography": {
1945
+ "line-height": {
1946
+ "$extensions": {
1947
+ "com.figma.scopes": [
1948
+ "LINE_HEIGHT"
1949
+ ],
1950
+ "com.figma.hiddenFromPublishing": false
1951
+ },
1952
+ "$type": "number",
1953
+ "$value": "{line-height.base-sm}"
1954
+ },
1955
+ "font-size": {
1956
+ "$extensions": {
1957
+ "com.figma.scopes": [
1958
+ "FONT_SIZE"
1959
+ ],
1960
+ "com.figma.hiddenFromPublishing": false
1961
+ },
1962
+ "$type": "number",
1963
+ "$value": "{font-size.base-sm}"
1964
+ }
1965
+ },
1966
+ "icon": {
1967
+ "size": {
1968
+ "$extensions": {
1969
+ "com.figma.scopes": [
1970
+ "ALL_SCOPES"
1971
+ ],
1972
+ "com.figma.hiddenFromPublishing": false
1973
+ },
1974
+ "$type": "number",
1975
+ "$value": "{spacing.320}"
1976
+ }
1936
1977
  }
1937
1978
  },
1938
1979
  "left-pane": {
@@ -2103,11 +2144,7 @@
2103
2144
  "$type": "number",
2104
2145
  "$value": "{spacing.0}"
2105
2146
  }
2106
- }
2107
- }
2108
- },
2109
- "classic-item-group": {
2110
- "layout": {
2147
+ },
2111
2148
  "gap": {
2112
2149
  "$extensions": {
2113
2150
  "com.figma.scopes": [
@@ -2116,7 +2153,7 @@
2116
2153
  "com.figma.hiddenFromPublishing": false
2117
2154
  },
2118
2155
  "$type": "number",
2119
- "$value": "{spacing.10}"
2156
+ "$value": "{spacing.40}"
2120
2157
  }
2121
2158
  }
2122
2159
  },
@@ -2163,7 +2200,7 @@
2163
2200
  "com.figma.hiddenFromPublishing": false
2164
2201
  },
2165
2202
  "$type": "number",
2166
- "$value": "{spacing.40}"
2203
+ "$value": "{spacing.80}"
2167
2204
  }
2168
2205
  }
2169
2206
  }
@@ -2182,14 +2219,196 @@
2182
2219
  "$type": "number",
2183
2220
  "$value": "{border-radius.10}"
2184
2221
  }
2222
+ },
2223
+ "layout": {
2224
+ "horizontal": {
2225
+ "$extensions": {
2226
+ "com.figma.scopes": [
2227
+ "GAP"
2228
+ ],
2229
+ "com.figma.hiddenFromPublishing": false
2230
+ },
2231
+ "$type": "number",
2232
+ "$value": "{spacing.100}"
2233
+ },
2234
+ "height": {
2235
+ "$extensions": {
2236
+ "com.figma.scopes": [
2237
+ "WIDTH_HEIGHT"
2238
+ ],
2239
+ "com.figma.hiddenFromPublishing": false
2240
+ },
2241
+ "$type": "number",
2242
+ "$value": "{spacing.20}"
2243
+ },
2244
+ "horizontal-selected-hovered": {
2245
+ "$extensions": {
2246
+ "com.figma.scopes": [
2247
+ "GAP"
2248
+ ],
2249
+ "com.figma.hiddenFromPublishing": false
2250
+ },
2251
+ "$type": "number",
2252
+ "$value": "{spacing.0}"
2253
+ }
2254
+ }
2255
+ },
2256
+ "layout": {
2257
+ "inner-box": {
2258
+ "gap": {
2259
+ "$extensions": {
2260
+ "com.figma.scopes": [
2261
+ "GAP"
2262
+ ],
2263
+ "com.figma.hiddenFromPublishing": false
2264
+ },
2265
+ "$type": "number",
2266
+ "$value": "{spacing.20}"
2267
+ },
2268
+ "horizontal": {
2269
+ "$extensions": {
2270
+ "com.figma.scopes": [
2271
+ "GAP"
2272
+ ],
2273
+ "com.figma.hiddenFromPublishing": false
2274
+ },
2275
+ "$type": "number",
2276
+ "$value": "{spacing.70}"
2277
+ },
2278
+ "vertical": {
2279
+ "$extensions": {
2280
+ "com.figma.scopes": [
2281
+ "GAP"
2282
+ ],
2283
+ "com.figma.hiddenFromPublishing": false
2284
+ },
2285
+ "$type": "number",
2286
+ "$value": "{spacing.50}"
2287
+ }
2288
+ },
2289
+ "text-box": {
2290
+ "horizontal": {
2291
+ "$extensions": {
2292
+ "com.figma.scopes": [
2293
+ "GAP"
2294
+ ],
2295
+ "com.figma.hiddenFromPublishing": false
2296
+ },
2297
+ "$type": "number",
2298
+ "$value": "{spacing.20}"
2299
+ }
2300
+ }
2301
+ },
2302
+ "borders": {
2303
+ "border-radius": {
2304
+ "$extensions": {
2305
+ "com.figma.scopes": [
2306
+ "CORNER_RADIUS"
2307
+ ],
2308
+ "com.figma.hiddenFromPublishing": false
2309
+ },
2310
+ "$type": "number",
2311
+ "$value": "{border-radius.40}"
2312
+ },
2313
+ "border-width": {
2314
+ "$extensions": {
2315
+ "com.figma.scopes": [
2316
+ "WIDTH_HEIGHT",
2317
+ "STROKE_FLOAT"
2318
+ ],
2319
+ "com.figma.hiddenFromPublishing": false
2320
+ },
2321
+ "$type": "number",
2322
+ "$value": "{border-width.10}"
2323
+ }
2324
+ },
2325
+ "typography": {
2326
+ "selected-context": {
2327
+ "$extensions": {
2328
+ "com.figma.scopes": [
2329
+ "FONT_WEIGHT"
2330
+ ],
2331
+ "com.figma.hiddenFromPublishing": false
2332
+ },
2333
+ "$type": "number",
2334
+ "$value": "{font-weight.base-strong}"
2185
2335
  }
2186
2336
  }
2187
- }
2188
- },
2189
- "toolbar": {
2190
- "inner-box": {
2191
- "vertical": {
2192
- "vertical": {
2337
+ },
2338
+ "app-button": {
2339
+ "layout": {
2340
+ "outer-box": {
2341
+ "gap": {
2342
+ "$extensions": {
2343
+ "com.figma.scopes": [
2344
+ "GAP"
2345
+ ],
2346
+ "com.figma.hiddenFromPublishing": false
2347
+ },
2348
+ "$type": "number",
2349
+ "$value": "{spacing.20}"
2350
+ },
2351
+ "horizontal": {
2352
+ "$extensions": {
2353
+ "com.figma.scopes": [
2354
+ "GAP"
2355
+ ],
2356
+ "com.figma.hiddenFromPublishing": false
2357
+ },
2358
+ "$type": "number",
2359
+ "$value": "{spacing.50}"
2360
+ },
2361
+ "vertical": {
2362
+ "$extensions": {
2363
+ "com.figma.scopes": [
2364
+ "GAP"
2365
+ ],
2366
+ "com.figma.hiddenFromPublishing": false
2367
+ },
2368
+ "$type": "number",
2369
+ "$value": "{spacing.50}"
2370
+ }
2371
+ },
2372
+ "text-box": {
2373
+ "horizontal": {
2374
+ "$extensions": {
2375
+ "com.figma.scopes": [
2376
+ "GAP"
2377
+ ],
2378
+ "com.figma.hiddenFromPublishing": false
2379
+ },
2380
+ "$type": "number",
2381
+ "$value": "{spacing.20}"
2382
+ }
2383
+ }
2384
+ },
2385
+ "borders": {
2386
+ "border-radius": {
2387
+ "$extensions": {
2388
+ "com.figma.scopes": [
2389
+ "CORNER_RADIUS"
2390
+ ],
2391
+ "com.figma.hiddenFromPublishing": false
2392
+ },
2393
+ "$type": "number",
2394
+ "$value": "{border-radius.40}"
2395
+ },
2396
+ "border-width": {
2397
+ "$extensions": {
2398
+ "com.figma.scopes": [
2399
+ "WIDTH_HEIGHT",
2400
+ "STROKE_FLOAT"
2401
+ ],
2402
+ "com.figma.hiddenFromPublishing": false
2403
+ },
2404
+ "$type": "number",
2405
+ "$value": "{border-width.10}"
2406
+ }
2407
+ }
2408
+ },
2409
+ "root": {
2410
+ "layout": {
2411
+ "gap": {
2193
2412
  "$extensions": {
2194
2413
  "com.figma.scopes": [
2195
2414
  "GAP"
@@ -2197,7 +2416,341 @@
2197
2416
  "com.figma.hiddenFromPublishing": false
2198
2417
  },
2199
2418
  "$type": "number",
2200
- "$value": "{spacing.30}"
2419
+ "$value": "{spacing.10}"
2420
+ },
2421
+ "horizontal": {
2422
+ "$extensions": {
2423
+ "com.figma.scopes": [
2424
+ "GAP"
2425
+ ],
2426
+ "com.figma.hiddenFromPublishing": false
2427
+ },
2428
+ "$type": "number",
2429
+ "$value": "{spacing.20}"
2430
+ },
2431
+ "vertical": {
2432
+ "$extensions": {
2433
+ "com.figma.scopes": [
2434
+ "GAP"
2435
+ ],
2436
+ "com.figma.hiddenFromPublishing": false
2437
+ },
2438
+ "$type": "number",
2439
+ "$value": "{spacing.20}"
2440
+ }
2441
+ }
2442
+ }
2443
+ },
2444
+ "items": {
2445
+ "item-base": {
2446
+ "layout": {
2447
+ "inline": {
2448
+ "outer-box": {
2449
+ "gap": {
2450
+ "$extensions": {
2451
+ "com.figma.scopes": [
2452
+ "GAP"
2453
+ ],
2454
+ "com.figma.hiddenFromPublishing": false
2455
+ },
2456
+ "$type": "number",
2457
+ "$value": "{spacing.20}"
2458
+ },
2459
+ "horizontal": {
2460
+ "$extensions": {
2461
+ "com.figma.scopes": [
2462
+ "GAP"
2463
+ ],
2464
+ "com.figma.hiddenFromPublishing": false
2465
+ },
2466
+ "$type": "number",
2467
+ "$value": "{spacing.30}"
2468
+ },
2469
+ "vertical": {
2470
+ "$extensions": {
2471
+ "com.figma.scopes": [
2472
+ "GAP"
2473
+ ],
2474
+ "com.figma.hiddenFromPublishing": false
2475
+ },
2476
+ "$type": "number",
2477
+ "$value": "{spacing.30}"
2478
+ }
2479
+ },
2480
+ "icon-box": {
2481
+ "horizontal": {
2482
+ "$extensions": {
2483
+ "com.figma.scopes": [
2484
+ "GAP"
2485
+ ],
2486
+ "com.figma.hiddenFromPublishing": false
2487
+ },
2488
+ "$type": "number",
2489
+ "$value": "{spacing.20}"
2490
+ }
2491
+ }
2492
+ },
2493
+ "stacked": {
2494
+ "outer-box": {
2495
+ "gap": {
2496
+ "$extensions": {
2497
+ "com.figma.scopes": [
2498
+ "GAP"
2499
+ ],
2500
+ "com.figma.hiddenFromPublishing": false
2501
+ },
2502
+ "$type": "number",
2503
+ "$value": "{spacing.0}"
2504
+ },
2505
+ "horizontal": {
2506
+ "$extensions": {
2507
+ "com.figma.scopes": [
2508
+ "GAP"
2509
+ ],
2510
+ "com.figma.hiddenFromPublishing": false
2511
+ },
2512
+ "$type": "number",
2513
+ "$value": "{spacing.30}"
2514
+ },
2515
+ "vertical-start": {
2516
+ "$extensions": {
2517
+ "com.figma.scopes": [
2518
+ "GAP"
2519
+ ],
2520
+ "com.figma.hiddenFromPublishing": false
2521
+ },
2522
+ "$type": "number",
2523
+ "$value": "{spacing.10}"
2524
+ },
2525
+ "vertical-end": {
2526
+ "$extensions": {
2527
+ "com.figma.scopes": [
2528
+ "GAP"
2529
+ ],
2530
+ "com.figma.hiddenFromPublishing": false
2531
+ },
2532
+ "$type": "number",
2533
+ "$value": "{spacing.30}"
2534
+ }
2535
+ },
2536
+ "icon-box": {
2537
+ "vertical-start": {
2538
+ "$extensions": {
2539
+ "com.figma.scopes": [
2540
+ "GAP"
2541
+ ],
2542
+ "com.figma.hiddenFromPublishing": false
2543
+ },
2544
+ "$type": "number",
2545
+ "$value": "{spacing.40}"
2546
+ },
2547
+ "vertical-end": {
2548
+ "$extensions": {
2549
+ "com.figma.scopes": [
2550
+ "GAP"
2551
+ ],
2552
+ "com.figma.hiddenFromPublishing": false
2553
+ },
2554
+ "$type": "number",
2555
+ "$value": "{spacing.60}"
2556
+ }
2557
+ },
2558
+ "dropdown-icon-box": {
2559
+ "vertical": {
2560
+ "$extensions": {
2561
+ "com.figma.scopes": [
2562
+ "GAP"
2563
+ ],
2564
+ "com.figma.hiddenFromPublishing": false
2565
+ },
2566
+ "$type": "number",
2567
+ "$value": "{spacing.20}"
2568
+ }
2569
+ }
2570
+ }
2571
+ },
2572
+ "borders": {
2573
+ "border-radius": {
2574
+ "$extensions": {
2575
+ "com.figma.scopes": [
2576
+ "CORNER_RADIUS"
2577
+ ],
2578
+ "com.figma.hiddenFromPublishing": false
2579
+ },
2580
+ "$type": "number",
2581
+ "$value": "{border-radius.40}"
2582
+ },
2583
+ "border-width": {
2584
+ "$extensions": {
2585
+ "com.figma.scopes": [
2586
+ "WIDTH_HEIGHT",
2587
+ "STROKE_FLOAT"
2588
+ ],
2589
+ "com.figma.hiddenFromPublishing": false
2590
+ },
2591
+ "$type": "number",
2592
+ "$value": "{border-width.10}"
2593
+ }
2594
+ },
2595
+ "icon": {
2596
+ "size": {
2597
+ "inline": {
2598
+ "$extensions": {
2599
+ "com.figma.scopes": [
2600
+ "ALL_SCOPES"
2601
+ ],
2602
+ "com.figma.hiddenFromPublishing": false
2603
+ },
2604
+ "$type": "number",
2605
+ "$value": "{spacing.160}"
2606
+ },
2607
+ "stacked": {
2608
+ "$extensions": {
2609
+ "com.figma.scopes": [
2610
+ "ALL_SCOPES"
2611
+ ],
2612
+ "com.figma.hiddenFromPublishing": false
2613
+ },
2614
+ "$type": "number",
2615
+ "$value": "{spacing.320}"
2616
+ }
2617
+ }
2618
+ },
2619
+ "chevron": {
2620
+ "size": {
2621
+ "$extensions": {
2622
+ "com.figma.scopes": [
2623
+ "ALL_SCOPES"
2624
+ ],
2625
+ "com.figma.hiddenFromPublishing": false
2626
+ },
2627
+ "$type": "number",
2628
+ "$value": "{spacing.120}"
2629
+ }
2630
+ },
2631
+ "typography": {
2632
+ "font-size": {
2633
+ "$extensions": {
2634
+ "com.figma.scopes": [
2635
+ "FONT_SIZE"
2636
+ ],
2637
+ "com.figma.hiddenFromPublishing": false
2638
+ },
2639
+ "$type": "number",
2640
+ "$value": "{font-size.base-sm}"
2641
+ },
2642
+ "line-height": {
2643
+ "$extensions": {
2644
+ "com.figma.scopes": [
2645
+ "LINE_HEIGHT"
2646
+ ],
2647
+ "com.figma.hiddenFromPublishing": false
2648
+ },
2649
+ "$type": "number",
2650
+ "$value": "{line-height.base-sm}"
2651
+ },
2652
+ "letter-spacing": {
2653
+ "$extensions": {
2654
+ "com.figma.scopes": [
2655
+ "LETTER_SPACING"
2656
+ ],
2657
+ "com.figma.hiddenFromPublishing": false
2658
+ },
2659
+ "$type": "number",
2660
+ "$value": "{letter-spacing.base-sm}"
2661
+ }
2662
+ }
2663
+ },
2664
+ "item": {
2665
+ "borders": {
2666
+ "split": {
2667
+ "border-radius": {
2668
+ "inner-corner": {
2669
+ "$extensions": {
2670
+ "com.figma.scopes": [
2671
+ "CORNER_RADIUS"
2672
+ ],
2673
+ "com.figma.hiddenFromPublishing": false
2674
+ },
2675
+ "$type": "number",
2676
+ "$value": "{border-radius.0}"
2677
+ }
2678
+ },
2679
+ "border-width": {
2680
+ "inner-width": {
2681
+ "$extensions": {
2682
+ "com.figma.scopes": [
2683
+ "WIDTH_HEIGHT",
2684
+ "STROKE_FLOAT"
2685
+ ],
2686
+ "com.figma.hiddenFromPublishing": false
2687
+ },
2688
+ "$type": "number",
2689
+ "$value": "{spacing.0}"
2690
+ }
2691
+ }
2692
+ }
2693
+ },
2694
+ "layout": {
2695
+ "stacked": {
2696
+ "min-width": {
2697
+ "$extensions": {
2698
+ "com.figma.scopes": [
2699
+ "WIDTH_HEIGHT"
2700
+ ],
2701
+ "com.figma.hiddenFromPublishing": false
2702
+ },
2703
+ "$type": "number",
2704
+ "$value": "{spacing.400}"
2705
+ },
2706
+ "min-height": {
2707
+ "$extensions": {
2708
+ "com.figma.scopes": [
2709
+ "WIDTH_HEIGHT"
2710
+ ],
2711
+ "com.figma.hiddenFromPublishing": false
2712
+ },
2713
+ "$type": "number",
2714
+ "$value": "{spacing.720}"
2715
+ },
2716
+ "split": {
2717
+ "vertical-inner": {
2718
+ "$extensions": {
2719
+ "com.figma.scopes": [
2720
+ "GAP"
2721
+ ],
2722
+ "com.figma.hiddenFromPublishing": false
2723
+ },
2724
+ "$type": "number",
2725
+ "$value": "{spacing.0}"
2726
+ }
2727
+ }
2728
+ }
2729
+ }
2730
+ },
2731
+ "item-box": {
2732
+ "horizontal": {
2733
+ "$extensions": {
2734
+ "com.figma.scopes": [
2735
+ "GAP"
2736
+ ],
2737
+ "com.figma.hiddenFromPublishing": false
2738
+ },
2739
+ "$type": "number",
2740
+ "$value": "{spacing.10}"
2741
+ }
2742
+ },
2743
+ "text-edit": {
2744
+ "layout": {
2745
+ "horizontal-start": {
2746
+ "$extensions": {
2747
+ "com.figma.scopes": [
2748
+ "GAP"
2749
+ ],
2750
+ "com.figma.hiddenFromPublishing": false
2751
+ },
2752
+ "$type": "number",
2753
+ "$value": "{spacing.0}"
2201
2754
  }
2202
2755
  }
2203
2756
  }