@flood-md/tokens 0.2.2 → 0.2.4
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/README.md +23 -3
- package/dist/foundations.css +35 -1
- package/dist/foundations.d.ts +21 -0
- package/dist/foundations.js +21 -0
- package/dist/foundations.manifest.json +593 -8
- package/dist/neutral.dark.tokens.json +870 -18
- package/package.json +1 -1
|
@@ -1462,6 +1462,142 @@
|
|
|
1462
1462
|
}
|
|
1463
1463
|
}
|
|
1464
1464
|
},
|
|
1465
|
+
"indicator": {
|
|
1466
|
+
"lg": {
|
|
1467
|
+
"$type": "dimension",
|
|
1468
|
+
"$value": {
|
|
1469
|
+
"value": 0.5,
|
|
1470
|
+
"unit": "rem"
|
|
1471
|
+
},
|
|
1472
|
+
"$description": "Indicator lg thickness",
|
|
1473
|
+
"$extensions": {
|
|
1474
|
+
"md.flood": {
|
|
1475
|
+
"status": "experimental",
|
|
1476
|
+
"visibility": "internal",
|
|
1477
|
+
"owner": "foundations",
|
|
1478
|
+
"since": "0.2.4",
|
|
1479
|
+
"usage": {
|
|
1480
|
+
"allowed": [
|
|
1481
|
+
"Indicator lg thickness"
|
|
1482
|
+
],
|
|
1483
|
+
"avoid": []
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1486
|
+
}
|
|
1487
|
+
},
|
|
1488
|
+
"md": {
|
|
1489
|
+
"$type": "dimension",
|
|
1490
|
+
"$value": {
|
|
1491
|
+
"value": 0.375,
|
|
1492
|
+
"unit": "rem"
|
|
1493
|
+
},
|
|
1494
|
+
"$description": "Indicator md thickness",
|
|
1495
|
+
"$extensions": {
|
|
1496
|
+
"md.flood": {
|
|
1497
|
+
"status": "experimental",
|
|
1498
|
+
"visibility": "internal",
|
|
1499
|
+
"owner": "foundations",
|
|
1500
|
+
"since": "0.2.4",
|
|
1501
|
+
"usage": {
|
|
1502
|
+
"allowed": [
|
|
1503
|
+
"Indicator md thickness"
|
|
1504
|
+
],
|
|
1505
|
+
"avoid": []
|
|
1506
|
+
}
|
|
1507
|
+
}
|
|
1508
|
+
}
|
|
1509
|
+
},
|
|
1510
|
+
"sm": {
|
|
1511
|
+
"$type": "dimension",
|
|
1512
|
+
"$value": {
|
|
1513
|
+
"value": 0.25,
|
|
1514
|
+
"unit": "rem"
|
|
1515
|
+
},
|
|
1516
|
+
"$description": "Indicator sm thickness",
|
|
1517
|
+
"$extensions": {
|
|
1518
|
+
"md.flood": {
|
|
1519
|
+
"status": "experimental",
|
|
1520
|
+
"visibility": "internal",
|
|
1521
|
+
"owner": "foundations",
|
|
1522
|
+
"since": "0.2.4",
|
|
1523
|
+
"usage": {
|
|
1524
|
+
"allowed": [
|
|
1525
|
+
"Indicator sm thickness"
|
|
1526
|
+
],
|
|
1527
|
+
"avoid": []
|
|
1528
|
+
}
|
|
1529
|
+
}
|
|
1530
|
+
}
|
|
1531
|
+
}
|
|
1532
|
+
},
|
|
1533
|
+
"keycap": {
|
|
1534
|
+
"lg": {
|
|
1535
|
+
"$type": "dimension",
|
|
1536
|
+
"$value": {
|
|
1537
|
+
"value": 1.75,
|
|
1538
|
+
"unit": "rem"
|
|
1539
|
+
},
|
|
1540
|
+
"$description": "lg keycap height",
|
|
1541
|
+
"$extensions": {
|
|
1542
|
+
"md.flood": {
|
|
1543
|
+
"status": "experimental",
|
|
1544
|
+
"visibility": "internal",
|
|
1545
|
+
"owner": "foundations",
|
|
1546
|
+
"since": "0.2.4",
|
|
1547
|
+
"usage": {
|
|
1548
|
+
"allowed": [
|
|
1549
|
+
"lg keycap height"
|
|
1550
|
+
],
|
|
1551
|
+
"avoid": []
|
|
1552
|
+
}
|
|
1553
|
+
}
|
|
1554
|
+
}
|
|
1555
|
+
},
|
|
1556
|
+
"md": {
|
|
1557
|
+
"$type": "dimension",
|
|
1558
|
+
"$value": {
|
|
1559
|
+
"value": 1.5,
|
|
1560
|
+
"unit": "rem"
|
|
1561
|
+
},
|
|
1562
|
+
"$description": "md keycap height",
|
|
1563
|
+
"$extensions": {
|
|
1564
|
+
"md.flood": {
|
|
1565
|
+
"status": "experimental",
|
|
1566
|
+
"visibility": "internal",
|
|
1567
|
+
"owner": "foundations",
|
|
1568
|
+
"since": "0.2.4",
|
|
1569
|
+
"usage": {
|
|
1570
|
+
"allowed": [
|
|
1571
|
+
"md keycap height"
|
|
1572
|
+
],
|
|
1573
|
+
"avoid": []
|
|
1574
|
+
}
|
|
1575
|
+
}
|
|
1576
|
+
}
|
|
1577
|
+
},
|
|
1578
|
+
"sm": {
|
|
1579
|
+
"$type": "dimension",
|
|
1580
|
+
"$value": {
|
|
1581
|
+
"value": 1.25,
|
|
1582
|
+
"unit": "rem"
|
|
1583
|
+
},
|
|
1584
|
+
"$description": "sm keycap height",
|
|
1585
|
+
"$extensions": {
|
|
1586
|
+
"md.flood": {
|
|
1587
|
+
"status": "experimental",
|
|
1588
|
+
"visibility": "internal",
|
|
1589
|
+
"owner": "foundations",
|
|
1590
|
+
"since": "0.2.4",
|
|
1591
|
+
"usage": {
|
|
1592
|
+
"allowed": [
|
|
1593
|
+
"sm keycap height"
|
|
1594
|
+
],
|
|
1595
|
+
"avoid": []
|
|
1596
|
+
}
|
|
1597
|
+
}
|
|
1598
|
+
}
|
|
1599
|
+
}
|
|
1600
|
+
},
|
|
1465
1601
|
"layer": {
|
|
1466
1602
|
"base": {
|
|
1467
1603
|
"$type": "number",
|
|
@@ -1559,6 +1695,112 @@
|
|
|
1559
1695
|
}
|
|
1560
1696
|
}
|
|
1561
1697
|
},
|
|
1698
|
+
"layout": {
|
|
1699
|
+
"container": {
|
|
1700
|
+
"lg": {
|
|
1701
|
+
"$type": "dimension",
|
|
1702
|
+
"$value": {
|
|
1703
|
+
"value": 80,
|
|
1704
|
+
"unit": "rem"
|
|
1705
|
+
},
|
|
1706
|
+
"$description": "Large constrained content width",
|
|
1707
|
+
"$extensions": {
|
|
1708
|
+
"md.flood": {
|
|
1709
|
+
"status": "experimental",
|
|
1710
|
+
"visibility": "internal",
|
|
1711
|
+
"owner": "foundations",
|
|
1712
|
+
"since": "0.2.4",
|
|
1713
|
+
"usage": {
|
|
1714
|
+
"allowed": [
|
|
1715
|
+
"Large constrained content width"
|
|
1716
|
+
],
|
|
1717
|
+
"avoid": [
|
|
1718
|
+
"Fixed viewport breakpoints",
|
|
1719
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1720
|
+
]
|
|
1721
|
+
}
|
|
1722
|
+
}
|
|
1723
|
+
}
|
|
1724
|
+
},
|
|
1725
|
+
"md": {
|
|
1726
|
+
"$type": "dimension",
|
|
1727
|
+
"$value": {
|
|
1728
|
+
"value": 64,
|
|
1729
|
+
"unit": "rem"
|
|
1730
|
+
},
|
|
1731
|
+
"$description": "Medium constrained content width",
|
|
1732
|
+
"$extensions": {
|
|
1733
|
+
"md.flood": {
|
|
1734
|
+
"status": "experimental",
|
|
1735
|
+
"visibility": "internal",
|
|
1736
|
+
"owner": "foundations",
|
|
1737
|
+
"since": "0.2.4",
|
|
1738
|
+
"usage": {
|
|
1739
|
+
"allowed": [
|
|
1740
|
+
"Medium constrained content width"
|
|
1741
|
+
],
|
|
1742
|
+
"avoid": [
|
|
1743
|
+
"Fixed viewport breakpoints",
|
|
1744
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1745
|
+
]
|
|
1746
|
+
}
|
|
1747
|
+
}
|
|
1748
|
+
}
|
|
1749
|
+
},
|
|
1750
|
+
"sm": {
|
|
1751
|
+
"$type": "dimension",
|
|
1752
|
+
"$value": {
|
|
1753
|
+
"value": 40,
|
|
1754
|
+
"unit": "rem"
|
|
1755
|
+
},
|
|
1756
|
+
"$description": "Small constrained content width",
|
|
1757
|
+
"$extensions": {
|
|
1758
|
+
"md.flood": {
|
|
1759
|
+
"status": "experimental",
|
|
1760
|
+
"visibility": "internal",
|
|
1761
|
+
"owner": "foundations",
|
|
1762
|
+
"since": "0.2.4",
|
|
1763
|
+
"usage": {
|
|
1764
|
+
"allowed": [
|
|
1765
|
+
"Small constrained content width"
|
|
1766
|
+
],
|
|
1767
|
+
"avoid": [
|
|
1768
|
+
"Fixed viewport breakpoints",
|
|
1769
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1770
|
+
]
|
|
1771
|
+
}
|
|
1772
|
+
}
|
|
1773
|
+
}
|
|
1774
|
+
}
|
|
1775
|
+
},
|
|
1776
|
+
"grid": {
|
|
1777
|
+
"min-item": {
|
|
1778
|
+
"$type": "dimension",
|
|
1779
|
+
"$value": {
|
|
1780
|
+
"value": 16,
|
|
1781
|
+
"unit": "rem"
|
|
1782
|
+
},
|
|
1783
|
+
"$description": "Minimum automatic grid item width",
|
|
1784
|
+
"$extensions": {
|
|
1785
|
+
"md.flood": {
|
|
1786
|
+
"status": "experimental",
|
|
1787
|
+
"visibility": "internal",
|
|
1788
|
+
"owner": "foundations",
|
|
1789
|
+
"since": "0.2.4",
|
|
1790
|
+
"usage": {
|
|
1791
|
+
"allowed": [
|
|
1792
|
+
"Minimum automatic grid item width"
|
|
1793
|
+
],
|
|
1794
|
+
"avoid": [
|
|
1795
|
+
"Fixed viewport breakpoints",
|
|
1796
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1797
|
+
]
|
|
1798
|
+
}
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1801
|
+
}
|
|
1802
|
+
}
|
|
1803
|
+
},
|
|
1562
1804
|
"motion": {
|
|
1563
1805
|
"duration-fast": {
|
|
1564
1806
|
"$type": "duration",
|
|
@@ -1763,6 +2005,74 @@
|
|
|
1763
2005
|
}
|
|
1764
2006
|
}
|
|
1765
2007
|
},
|
|
2008
|
+
"scrollbar": {
|
|
2009
|
+
"inset": {
|
|
2010
|
+
"$type": "dimension",
|
|
2011
|
+
"$value": {
|
|
2012
|
+
"value": 0.25,
|
|
2013
|
+
"unit": "rem"
|
|
2014
|
+
},
|
|
2015
|
+
"$description": "Overlay scrollbar inset",
|
|
2016
|
+
"$extensions": {
|
|
2017
|
+
"md.flood": {
|
|
2018
|
+
"status": "experimental",
|
|
2019
|
+
"visibility": "internal",
|
|
2020
|
+
"owner": "foundations",
|
|
2021
|
+
"since": "0.2.3",
|
|
2022
|
+
"usage": {
|
|
2023
|
+
"allowed": [
|
|
2024
|
+
"Overlay scrollbar inset"
|
|
2025
|
+
],
|
|
2026
|
+
"avoid": []
|
|
2027
|
+
}
|
|
2028
|
+
}
|
|
2029
|
+
}
|
|
2030
|
+
},
|
|
2031
|
+
"min-thumb": {
|
|
2032
|
+
"$type": "dimension",
|
|
2033
|
+
"$value": {
|
|
2034
|
+
"value": 1.5,
|
|
2035
|
+
"unit": "rem"
|
|
2036
|
+
},
|
|
2037
|
+
"$description": "Overlay scrollbar min-thumb",
|
|
2038
|
+
"$extensions": {
|
|
2039
|
+
"md.flood": {
|
|
2040
|
+
"status": "experimental",
|
|
2041
|
+
"visibility": "internal",
|
|
2042
|
+
"owner": "foundations",
|
|
2043
|
+
"since": "0.2.3",
|
|
2044
|
+
"usage": {
|
|
2045
|
+
"allowed": [
|
|
2046
|
+
"Overlay scrollbar min-thumb"
|
|
2047
|
+
],
|
|
2048
|
+
"avoid": []
|
|
2049
|
+
}
|
|
2050
|
+
}
|
|
2051
|
+
}
|
|
2052
|
+
},
|
|
2053
|
+
"size": {
|
|
2054
|
+
"$type": "dimension",
|
|
2055
|
+
"$value": {
|
|
2056
|
+
"value": 0.375,
|
|
2057
|
+
"unit": "rem"
|
|
2058
|
+
},
|
|
2059
|
+
"$description": "Overlay scrollbar size",
|
|
2060
|
+
"$extensions": {
|
|
2061
|
+
"md.flood": {
|
|
2062
|
+
"status": "experimental",
|
|
2063
|
+
"visibility": "internal",
|
|
2064
|
+
"owner": "foundations",
|
|
2065
|
+
"since": "0.2.3",
|
|
2066
|
+
"usage": {
|
|
2067
|
+
"allowed": [
|
|
2068
|
+
"Overlay scrollbar size"
|
|
2069
|
+
],
|
|
2070
|
+
"avoid": []
|
|
2071
|
+
}
|
|
2072
|
+
}
|
|
2073
|
+
}
|
|
2074
|
+
}
|
|
2075
|
+
},
|
|
1766
2076
|
"size": {
|
|
1767
2077
|
"choice": {
|
|
1768
2078
|
"$type": "dimension",
|
|
@@ -2946,7 +3256,70 @@
|
|
|
2946
3256
|
},
|
|
2947
3257
|
"sys": {
|
|
2948
3258
|
"color": {
|
|
3259
|
+
"accent": {
|
|
3260
|
+
"content": {
|
|
3261
|
+
"$type": "color",
|
|
3262
|
+
"$value": {
|
|
3263
|
+
"colorSpace": "srgb",
|
|
3264
|
+
"components": [
|
|
3265
|
+
1,
|
|
3266
|
+
0.3607843137254902,
|
|
3267
|
+
0.6588235294117647
|
|
3268
|
+
],
|
|
3269
|
+
"alpha": 1
|
|
3270
|
+
},
|
|
3271
|
+
"$description": "Accent text and metadata on neutral dark surfaces",
|
|
3272
|
+
"$extensions": {
|
|
3273
|
+
"md.flood": {
|
|
3274
|
+
"status": "experimental",
|
|
3275
|
+
"visibility": "public",
|
|
3276
|
+
"owner": "foundations",
|
|
3277
|
+
"since": "0.2.4",
|
|
3278
|
+
"usage": {
|
|
3279
|
+
"allowed": [
|
|
3280
|
+
"Accent text and metadata on neutral dark surfaces"
|
|
3281
|
+
],
|
|
3282
|
+
"avoid": [
|
|
3283
|
+
"Keyboard focus indicators"
|
|
3284
|
+
]
|
|
3285
|
+
}
|
|
3286
|
+
}
|
|
3287
|
+
}
|
|
3288
|
+
}
|
|
3289
|
+
},
|
|
2949
3290
|
"action": {
|
|
3291
|
+
"danger": {
|
|
3292
|
+
"content": {
|
|
3293
|
+
"$type": "color",
|
|
3294
|
+
"$value": {
|
|
3295
|
+
"colorSpace": "srgb",
|
|
3296
|
+
"components": [
|
|
3297
|
+
1,
|
|
3298
|
+
0.5411764705882353,
|
|
3299
|
+
0.5411764705882353
|
|
3300
|
+
],
|
|
3301
|
+
"alpha": 1
|
|
3302
|
+
},
|
|
3303
|
+
"$description": "Destructive action text and icons",
|
|
3304
|
+
"$extensions": {
|
|
3305
|
+
"md.flood": {
|
|
3306
|
+
"status": "experimental",
|
|
3307
|
+
"visibility": "public",
|
|
3308
|
+
"owner": "foundations",
|
|
3309
|
+
"since": "0.2.4",
|
|
3310
|
+
"usage": {
|
|
3311
|
+
"allowed": [
|
|
3312
|
+
"Destructive action text and icons"
|
|
3313
|
+
],
|
|
3314
|
+
"avoid": [
|
|
3315
|
+
"Validation messages",
|
|
3316
|
+
"Keyboard focus"
|
|
3317
|
+
]
|
|
3318
|
+
}
|
|
3319
|
+
}
|
|
3320
|
+
}
|
|
3321
|
+
}
|
|
3322
|
+
},
|
|
2950
3323
|
"ghost": {
|
|
2951
3324
|
"content": {
|
|
2952
3325
|
"$type": "color",
|
|
@@ -3965,13 +4338,13 @@
|
|
|
3965
4338
|
"$value": {
|
|
3966
4339
|
"colorSpace": "srgb",
|
|
3967
4340
|
"components": [
|
|
3968
|
-
0.
|
|
3969
|
-
0.
|
|
3970
|
-
0.
|
|
4341
|
+
0.2196078431372549,
|
|
4342
|
+
0.2196078431372549,
|
|
4343
|
+
0.2196078431372549
|
|
3971
4344
|
],
|
|
3972
4345
|
"alpha": 1
|
|
3973
4346
|
},
|
|
3974
|
-
"$description": "Quiet
|
|
4347
|
+
"$description": "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required",
|
|
3975
4348
|
"$extensions": {
|
|
3976
4349
|
"md.flood": {
|
|
3977
4350
|
"status": "experimental",
|
|
@@ -3980,7 +4353,7 @@
|
|
|
3980
4353
|
"since": "0.2.0",
|
|
3981
4354
|
"usage": {
|
|
3982
4355
|
"allowed": [
|
|
3983
|
-
"Quiet
|
|
4356
|
+
"Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required"
|
|
3984
4357
|
],
|
|
3985
4358
|
"avoid": []
|
|
3986
4359
|
}
|
|
@@ -4106,45 +4479,216 @@
|
|
|
4106
4479
|
],
|
|
4107
4480
|
"alpha": 1
|
|
4108
4481
|
},
|
|
4109
|
-
"$description": "Field placeholder",
|
|
4482
|
+
"$description": "Field placeholder",
|
|
4483
|
+
"$extensions": {
|
|
4484
|
+
"md.flood": {
|
|
4485
|
+
"status": "experimental",
|
|
4486
|
+
"visibility": "public",
|
|
4487
|
+
"owner": "foundations",
|
|
4488
|
+
"since": "0.2.0",
|
|
4489
|
+
"usage": {
|
|
4490
|
+
"allowed": [
|
|
4491
|
+
"Field placeholder"
|
|
4492
|
+
],
|
|
4493
|
+
"avoid": []
|
|
4494
|
+
}
|
|
4495
|
+
}
|
|
4496
|
+
}
|
|
4497
|
+
}
|
|
4498
|
+
},
|
|
4499
|
+
"focus": {
|
|
4500
|
+
"ring": {
|
|
4501
|
+
"$type": "color",
|
|
4502
|
+
"$value": {
|
|
4503
|
+
"colorSpace": "srgb",
|
|
4504
|
+
"components": [
|
|
4505
|
+
1,
|
|
4506
|
+
0.3607843137254902,
|
|
4507
|
+
0.6588235294117647
|
|
4508
|
+
],
|
|
4509
|
+
"alpha": 1
|
|
4510
|
+
},
|
|
4511
|
+
"$description": "Configurable provisional pink focus indicator; distinct from errors",
|
|
4512
|
+
"$extensions": {
|
|
4513
|
+
"md.flood": {
|
|
4514
|
+
"status": "experimental",
|
|
4515
|
+
"visibility": "public",
|
|
4516
|
+
"owner": "foundations",
|
|
4517
|
+
"since": "0.2.0",
|
|
4518
|
+
"usage": {
|
|
4519
|
+
"allowed": [
|
|
4520
|
+
"Configurable provisional pink focus indicator; distinct from errors"
|
|
4521
|
+
],
|
|
4522
|
+
"avoid": []
|
|
4523
|
+
}
|
|
4524
|
+
}
|
|
4525
|
+
}
|
|
4526
|
+
}
|
|
4527
|
+
},
|
|
4528
|
+
"indicator": {
|
|
4529
|
+
"accent": {
|
|
4530
|
+
"$type": "color",
|
|
4531
|
+
"$value": {
|
|
4532
|
+
"colorSpace": "srgb",
|
|
4533
|
+
"components": [
|
|
4534
|
+
1,
|
|
4535
|
+
0.3607843137254902,
|
|
4536
|
+
0.6588235294117647
|
|
4537
|
+
],
|
|
4538
|
+
"alpha": 1
|
|
4539
|
+
},
|
|
4540
|
+
"$description": "Accent fill for task progress and bounded indicators",
|
|
4541
|
+
"$extensions": {
|
|
4542
|
+
"md.flood": {
|
|
4543
|
+
"status": "experimental",
|
|
4544
|
+
"visibility": "public",
|
|
4545
|
+
"owner": "foundations",
|
|
4546
|
+
"since": "0.2.4",
|
|
4547
|
+
"usage": {
|
|
4548
|
+
"allowed": [
|
|
4549
|
+
"Accent fill for task progress and bounded indicators"
|
|
4550
|
+
],
|
|
4551
|
+
"avoid": []
|
|
4552
|
+
}
|
|
4553
|
+
}
|
|
4554
|
+
}
|
|
4555
|
+
},
|
|
4556
|
+
"fill": {
|
|
4557
|
+
"$type": "color",
|
|
4558
|
+
"$value": {
|
|
4559
|
+
"colorSpace": "srgb",
|
|
4560
|
+
"components": [
|
|
4561
|
+
0.9294117647058824,
|
|
4562
|
+
0.9294117647058824,
|
|
4563
|
+
0.9294117647058824
|
|
4564
|
+
],
|
|
4565
|
+
"alpha": 1
|
|
4566
|
+
},
|
|
4567
|
+
"$description": "Neutral fill for bounded value indicators",
|
|
4568
|
+
"$extensions": {
|
|
4569
|
+
"md.flood": {
|
|
4570
|
+
"status": "experimental",
|
|
4571
|
+
"visibility": "public",
|
|
4572
|
+
"owner": "foundations",
|
|
4573
|
+
"since": "0.2.4",
|
|
4574
|
+
"usage": {
|
|
4575
|
+
"allowed": [
|
|
4576
|
+
"Neutral fill for bounded value indicators"
|
|
4577
|
+
],
|
|
4578
|
+
"avoid": []
|
|
4579
|
+
}
|
|
4580
|
+
}
|
|
4581
|
+
}
|
|
4582
|
+
},
|
|
4583
|
+
"track": {
|
|
4584
|
+
"$type": "color",
|
|
4585
|
+
"$value": {
|
|
4586
|
+
"colorSpace": "srgb",
|
|
4587
|
+
"components": [
|
|
4588
|
+
0.2196078431372549,
|
|
4589
|
+
0.2196078431372549,
|
|
4590
|
+
0.2196078431372549
|
|
4591
|
+
],
|
|
4592
|
+
"alpha": 1
|
|
4593
|
+
},
|
|
4594
|
+
"$description": "Track for progress and bounded value indicators",
|
|
4595
|
+
"$extensions": {
|
|
4596
|
+
"md.flood": {
|
|
4597
|
+
"status": "experimental",
|
|
4598
|
+
"visibility": "public",
|
|
4599
|
+
"owner": "foundations",
|
|
4600
|
+
"since": "0.2.4",
|
|
4601
|
+
"usage": {
|
|
4602
|
+
"allowed": [
|
|
4603
|
+
"Track for progress and bounded value indicators"
|
|
4604
|
+
],
|
|
4605
|
+
"avoid": []
|
|
4606
|
+
}
|
|
4607
|
+
}
|
|
4608
|
+
}
|
|
4609
|
+
}
|
|
4610
|
+
},
|
|
4611
|
+
"loading": {
|
|
4612
|
+
"placeholder": {
|
|
4613
|
+
"$type": "color",
|
|
4614
|
+
"$value": {
|
|
4615
|
+
"colorSpace": "srgb",
|
|
4616
|
+
"components": [
|
|
4617
|
+
0.18823529411764706,
|
|
4618
|
+
0.18823529411764706,
|
|
4619
|
+
0.18823529411764706
|
|
4620
|
+
],
|
|
4621
|
+
"alpha": 1
|
|
4622
|
+
},
|
|
4623
|
+
"$description": "Decorative loading placeholder fill",
|
|
4624
|
+
"$extensions": {
|
|
4625
|
+
"md.flood": {
|
|
4626
|
+
"status": "experimental",
|
|
4627
|
+
"visibility": "public",
|
|
4628
|
+
"owner": "foundations",
|
|
4629
|
+
"since": "0.2.4",
|
|
4630
|
+
"usage": {
|
|
4631
|
+
"allowed": [
|
|
4632
|
+
"Decorative loading placeholder fill"
|
|
4633
|
+
],
|
|
4634
|
+
"avoid": [
|
|
4635
|
+
"Necessary control boundaries",
|
|
4636
|
+
"Loading announcements"
|
|
4637
|
+
]
|
|
4638
|
+
}
|
|
4639
|
+
}
|
|
4640
|
+
}
|
|
4641
|
+
}
|
|
4642
|
+
},
|
|
4643
|
+
"scrollbar": {
|
|
4644
|
+
"thumb": {
|
|
4645
|
+
"$type": "color",
|
|
4646
|
+
"$value": {
|
|
4647
|
+
"colorSpace": "srgb",
|
|
4648
|
+
"components": [
|
|
4649
|
+
0.47843137254901963,
|
|
4650
|
+
0.47843137254901963,
|
|
4651
|
+
0.47843137254901963
|
|
4652
|
+
],
|
|
4653
|
+
"alpha": 1
|
|
4654
|
+
},
|
|
4655
|
+
"$description": "Overlay scrollbar thumb",
|
|
4110
4656
|
"$extensions": {
|
|
4111
4657
|
"md.flood": {
|
|
4112
4658
|
"status": "experimental",
|
|
4113
4659
|
"visibility": "public",
|
|
4114
4660
|
"owner": "foundations",
|
|
4115
|
-
"since": "0.2.
|
|
4661
|
+
"since": "0.2.3",
|
|
4116
4662
|
"usage": {
|
|
4117
4663
|
"allowed": [
|
|
4118
|
-
"
|
|
4664
|
+
"Overlay scrollbar thumb"
|
|
4119
4665
|
],
|
|
4120
4666
|
"avoid": []
|
|
4121
4667
|
}
|
|
4122
4668
|
}
|
|
4123
4669
|
}
|
|
4124
|
-
}
|
|
4125
|
-
|
|
4126
|
-
"focus": {
|
|
4127
|
-
"ring": {
|
|
4670
|
+
},
|
|
4671
|
+
"thumb-hover": {
|
|
4128
4672
|
"$type": "color",
|
|
4129
4673
|
"$value": {
|
|
4130
4674
|
"colorSpace": "srgb",
|
|
4131
4675
|
"components": [
|
|
4132
|
-
|
|
4133
|
-
0.
|
|
4134
|
-
0.
|
|
4676
|
+
0.6980392156862745,
|
|
4677
|
+
0.6980392156862745,
|
|
4678
|
+
0.6980392156862745
|
|
4135
4679
|
],
|
|
4136
4680
|
"alpha": 1
|
|
4137
4681
|
},
|
|
4138
|
-
"$description": "
|
|
4682
|
+
"$description": "Hovered or dragged overlay scrollbar thumb",
|
|
4139
4683
|
"$extensions": {
|
|
4140
4684
|
"md.flood": {
|
|
4141
4685
|
"status": "experimental",
|
|
4142
4686
|
"visibility": "public",
|
|
4143
4687
|
"owner": "foundations",
|
|
4144
|
-
"since": "0.2.
|
|
4688
|
+
"since": "0.2.3",
|
|
4145
4689
|
"usage": {
|
|
4146
4690
|
"allowed": [
|
|
4147
|
-
"
|
|
4691
|
+
"Hovered or dragged overlay scrollbar thumb"
|
|
4148
4692
|
],
|
|
4149
4693
|
"avoid": []
|
|
4150
4694
|
}
|
|
@@ -5634,6 +6178,74 @@
|
|
|
5634
6178
|
}
|
|
5635
6179
|
}
|
|
5636
6180
|
},
|
|
6181
|
+
"scrollbar": {
|
|
6182
|
+
"inset": {
|
|
6183
|
+
"$type": "dimension",
|
|
6184
|
+
"$value": {
|
|
6185
|
+
"value": 0.25,
|
|
6186
|
+
"unit": "rem"
|
|
6187
|
+
},
|
|
6188
|
+
"$description": "Overlay scrollbar inset",
|
|
6189
|
+
"$extensions": {
|
|
6190
|
+
"md.flood": {
|
|
6191
|
+
"status": "experimental",
|
|
6192
|
+
"visibility": "public",
|
|
6193
|
+
"owner": "foundations",
|
|
6194
|
+
"since": "0.2.3",
|
|
6195
|
+
"usage": {
|
|
6196
|
+
"allowed": [
|
|
6197
|
+
"Overlay scrollbar inset"
|
|
6198
|
+
],
|
|
6199
|
+
"avoid": []
|
|
6200
|
+
}
|
|
6201
|
+
}
|
|
6202
|
+
}
|
|
6203
|
+
},
|
|
6204
|
+
"min-thumb": {
|
|
6205
|
+
"$type": "dimension",
|
|
6206
|
+
"$value": {
|
|
6207
|
+
"value": 1.5,
|
|
6208
|
+
"unit": "rem"
|
|
6209
|
+
},
|
|
6210
|
+
"$description": "Overlay scrollbar min-thumb",
|
|
6211
|
+
"$extensions": {
|
|
6212
|
+
"md.flood": {
|
|
6213
|
+
"status": "experimental",
|
|
6214
|
+
"visibility": "public",
|
|
6215
|
+
"owner": "foundations",
|
|
6216
|
+
"since": "0.2.3",
|
|
6217
|
+
"usage": {
|
|
6218
|
+
"allowed": [
|
|
6219
|
+
"Overlay scrollbar min-thumb"
|
|
6220
|
+
],
|
|
6221
|
+
"avoid": []
|
|
6222
|
+
}
|
|
6223
|
+
}
|
|
6224
|
+
}
|
|
6225
|
+
},
|
|
6226
|
+
"size": {
|
|
6227
|
+
"$type": "dimension",
|
|
6228
|
+
"$value": {
|
|
6229
|
+
"value": 0.375,
|
|
6230
|
+
"unit": "rem"
|
|
6231
|
+
},
|
|
6232
|
+
"$description": "Overlay scrollbar size",
|
|
6233
|
+
"$extensions": {
|
|
6234
|
+
"md.flood": {
|
|
6235
|
+
"status": "experimental",
|
|
6236
|
+
"visibility": "public",
|
|
6237
|
+
"owner": "foundations",
|
|
6238
|
+
"since": "0.2.3",
|
|
6239
|
+
"usage": {
|
|
6240
|
+
"allowed": [
|
|
6241
|
+
"Overlay scrollbar size"
|
|
6242
|
+
],
|
|
6243
|
+
"avoid": []
|
|
6244
|
+
}
|
|
6245
|
+
}
|
|
6246
|
+
}
|
|
6247
|
+
}
|
|
6248
|
+
},
|
|
5637
6249
|
"size": {
|
|
5638
6250
|
"choice": {
|
|
5639
6251
|
"$type": "dimension",
|
|
@@ -5657,6 +6269,246 @@
|
|
|
5657
6269
|
}
|
|
5658
6270
|
}
|
|
5659
6271
|
},
|
|
6272
|
+
"container": {
|
|
6273
|
+
"lg": {
|
|
6274
|
+
"$type": "dimension",
|
|
6275
|
+
"$value": {
|
|
6276
|
+
"value": 80,
|
|
6277
|
+
"unit": "rem"
|
|
6278
|
+
},
|
|
6279
|
+
"$description": "Large constrained content width",
|
|
6280
|
+
"$extensions": {
|
|
6281
|
+
"md.flood": {
|
|
6282
|
+
"status": "experimental",
|
|
6283
|
+
"visibility": "public",
|
|
6284
|
+
"owner": "foundations",
|
|
6285
|
+
"since": "0.2.4",
|
|
6286
|
+
"usage": {
|
|
6287
|
+
"allowed": [
|
|
6288
|
+
"Large constrained content width"
|
|
6289
|
+
],
|
|
6290
|
+
"avoid": [
|
|
6291
|
+
"Fixed viewport breakpoints",
|
|
6292
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6293
|
+
]
|
|
6294
|
+
}
|
|
6295
|
+
}
|
|
6296
|
+
}
|
|
6297
|
+
},
|
|
6298
|
+
"md": {
|
|
6299
|
+
"$type": "dimension",
|
|
6300
|
+
"$value": {
|
|
6301
|
+
"value": 64,
|
|
6302
|
+
"unit": "rem"
|
|
6303
|
+
},
|
|
6304
|
+
"$description": "Medium constrained content width",
|
|
6305
|
+
"$extensions": {
|
|
6306
|
+
"md.flood": {
|
|
6307
|
+
"status": "experimental",
|
|
6308
|
+
"visibility": "public",
|
|
6309
|
+
"owner": "foundations",
|
|
6310
|
+
"since": "0.2.4",
|
|
6311
|
+
"usage": {
|
|
6312
|
+
"allowed": [
|
|
6313
|
+
"Medium constrained content width"
|
|
6314
|
+
],
|
|
6315
|
+
"avoid": [
|
|
6316
|
+
"Fixed viewport breakpoints",
|
|
6317
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6318
|
+
]
|
|
6319
|
+
}
|
|
6320
|
+
}
|
|
6321
|
+
}
|
|
6322
|
+
},
|
|
6323
|
+
"sm": {
|
|
6324
|
+
"$type": "dimension",
|
|
6325
|
+
"$value": {
|
|
6326
|
+
"value": 40,
|
|
6327
|
+
"unit": "rem"
|
|
6328
|
+
},
|
|
6329
|
+
"$description": "Small constrained content width",
|
|
6330
|
+
"$extensions": {
|
|
6331
|
+
"md.flood": {
|
|
6332
|
+
"status": "experimental",
|
|
6333
|
+
"visibility": "public",
|
|
6334
|
+
"owner": "foundations",
|
|
6335
|
+
"since": "0.2.4",
|
|
6336
|
+
"usage": {
|
|
6337
|
+
"allowed": [
|
|
6338
|
+
"Small constrained content width"
|
|
6339
|
+
],
|
|
6340
|
+
"avoid": [
|
|
6341
|
+
"Fixed viewport breakpoints",
|
|
6342
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6343
|
+
]
|
|
6344
|
+
}
|
|
6345
|
+
}
|
|
6346
|
+
}
|
|
6347
|
+
}
|
|
6348
|
+
},
|
|
6349
|
+
"grid": {
|
|
6350
|
+
"min-item": {
|
|
6351
|
+
"$type": "dimension",
|
|
6352
|
+
"$value": {
|
|
6353
|
+
"value": 16,
|
|
6354
|
+
"unit": "rem"
|
|
6355
|
+
},
|
|
6356
|
+
"$description": "Minimum automatic grid item width",
|
|
6357
|
+
"$extensions": {
|
|
6358
|
+
"md.flood": {
|
|
6359
|
+
"status": "experimental",
|
|
6360
|
+
"visibility": "public",
|
|
6361
|
+
"owner": "foundations",
|
|
6362
|
+
"since": "0.2.4",
|
|
6363
|
+
"usage": {
|
|
6364
|
+
"allowed": [
|
|
6365
|
+
"Minimum automatic grid item width"
|
|
6366
|
+
],
|
|
6367
|
+
"avoid": [
|
|
6368
|
+
"Fixed viewport breakpoints",
|
|
6369
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6370
|
+
]
|
|
6371
|
+
}
|
|
6372
|
+
}
|
|
6373
|
+
}
|
|
6374
|
+
}
|
|
6375
|
+
},
|
|
6376
|
+
"indicator": {
|
|
6377
|
+
"lg": {
|
|
6378
|
+
"$type": "dimension",
|
|
6379
|
+
"$value": {
|
|
6380
|
+
"value": 0.5,
|
|
6381
|
+
"unit": "rem"
|
|
6382
|
+
},
|
|
6383
|
+
"$description": "Indicator lg thickness",
|
|
6384
|
+
"$extensions": {
|
|
6385
|
+
"md.flood": {
|
|
6386
|
+
"status": "experimental",
|
|
6387
|
+
"visibility": "public",
|
|
6388
|
+
"owner": "foundations",
|
|
6389
|
+
"since": "0.2.4",
|
|
6390
|
+
"usage": {
|
|
6391
|
+
"allowed": [
|
|
6392
|
+
"Indicator lg thickness"
|
|
6393
|
+
],
|
|
6394
|
+
"avoid": []
|
|
6395
|
+
}
|
|
6396
|
+
}
|
|
6397
|
+
}
|
|
6398
|
+
},
|
|
6399
|
+
"md": {
|
|
6400
|
+
"$type": "dimension",
|
|
6401
|
+
"$value": {
|
|
6402
|
+
"value": 0.375,
|
|
6403
|
+
"unit": "rem"
|
|
6404
|
+
},
|
|
6405
|
+
"$description": "Indicator md thickness",
|
|
6406
|
+
"$extensions": {
|
|
6407
|
+
"md.flood": {
|
|
6408
|
+
"status": "experimental",
|
|
6409
|
+
"visibility": "public",
|
|
6410
|
+
"owner": "foundations",
|
|
6411
|
+
"since": "0.2.4",
|
|
6412
|
+
"usage": {
|
|
6413
|
+
"allowed": [
|
|
6414
|
+
"Indicator md thickness"
|
|
6415
|
+
],
|
|
6416
|
+
"avoid": []
|
|
6417
|
+
}
|
|
6418
|
+
}
|
|
6419
|
+
}
|
|
6420
|
+
},
|
|
6421
|
+
"sm": {
|
|
6422
|
+
"$type": "dimension",
|
|
6423
|
+
"$value": {
|
|
6424
|
+
"value": 0.25,
|
|
6425
|
+
"unit": "rem"
|
|
6426
|
+
},
|
|
6427
|
+
"$description": "Indicator sm thickness",
|
|
6428
|
+
"$extensions": {
|
|
6429
|
+
"md.flood": {
|
|
6430
|
+
"status": "experimental",
|
|
6431
|
+
"visibility": "public",
|
|
6432
|
+
"owner": "foundations",
|
|
6433
|
+
"since": "0.2.4",
|
|
6434
|
+
"usage": {
|
|
6435
|
+
"allowed": [
|
|
6436
|
+
"Indicator sm thickness"
|
|
6437
|
+
],
|
|
6438
|
+
"avoid": []
|
|
6439
|
+
}
|
|
6440
|
+
}
|
|
6441
|
+
}
|
|
6442
|
+
}
|
|
6443
|
+
},
|
|
6444
|
+
"keycap": {
|
|
6445
|
+
"lg": {
|
|
6446
|
+
"$type": "dimension",
|
|
6447
|
+
"$value": {
|
|
6448
|
+
"value": 1.75,
|
|
6449
|
+
"unit": "rem"
|
|
6450
|
+
},
|
|
6451
|
+
"$description": "lg keycap height",
|
|
6452
|
+
"$extensions": {
|
|
6453
|
+
"md.flood": {
|
|
6454
|
+
"status": "experimental",
|
|
6455
|
+
"visibility": "public",
|
|
6456
|
+
"owner": "foundations",
|
|
6457
|
+
"since": "0.2.4",
|
|
6458
|
+
"usage": {
|
|
6459
|
+
"allowed": [
|
|
6460
|
+
"lg keycap height"
|
|
6461
|
+
],
|
|
6462
|
+
"avoid": []
|
|
6463
|
+
}
|
|
6464
|
+
}
|
|
6465
|
+
}
|
|
6466
|
+
},
|
|
6467
|
+
"md": {
|
|
6468
|
+
"$type": "dimension",
|
|
6469
|
+
"$value": {
|
|
6470
|
+
"value": 1.5,
|
|
6471
|
+
"unit": "rem"
|
|
6472
|
+
},
|
|
6473
|
+
"$description": "md keycap height",
|
|
6474
|
+
"$extensions": {
|
|
6475
|
+
"md.flood": {
|
|
6476
|
+
"status": "experimental",
|
|
6477
|
+
"visibility": "public",
|
|
6478
|
+
"owner": "foundations",
|
|
6479
|
+
"since": "0.2.4",
|
|
6480
|
+
"usage": {
|
|
6481
|
+
"allowed": [
|
|
6482
|
+
"md keycap height"
|
|
6483
|
+
],
|
|
6484
|
+
"avoid": []
|
|
6485
|
+
}
|
|
6486
|
+
}
|
|
6487
|
+
}
|
|
6488
|
+
},
|
|
6489
|
+
"sm": {
|
|
6490
|
+
"$type": "dimension",
|
|
6491
|
+
"$value": {
|
|
6492
|
+
"value": 1.25,
|
|
6493
|
+
"unit": "rem"
|
|
6494
|
+
},
|
|
6495
|
+
"$description": "sm keycap height",
|
|
6496
|
+
"$extensions": {
|
|
6497
|
+
"md.flood": {
|
|
6498
|
+
"status": "experimental",
|
|
6499
|
+
"visibility": "public",
|
|
6500
|
+
"owner": "foundations",
|
|
6501
|
+
"since": "0.2.4",
|
|
6502
|
+
"usage": {
|
|
6503
|
+
"allowed": [
|
|
6504
|
+
"sm keycap height"
|
|
6505
|
+
],
|
|
6506
|
+
"avoid": []
|
|
6507
|
+
}
|
|
6508
|
+
}
|
|
6509
|
+
}
|
|
6510
|
+
}
|
|
6511
|
+
},
|
|
5660
6512
|
"switch-height": {
|
|
5661
6513
|
"$type": "dimension",
|
|
5662
6514
|
"$value": {
|