@flood-md/tokens 0.2.3 → 0.2.5
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 +27 -1
- package/dist/foundations.css +43 -0
- package/dist/foundations.d.ts +33 -0
- package/dist/foundations.js +33 -0
- package/dist/foundations.manifest.json +921 -7
- package/dist/neutral.dark.tokens.json +1146 -61
- package/package.json +1 -1
|
@@ -140,6 +140,116 @@
|
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
},
|
|
143
|
+
"floating": {
|
|
144
|
+
"active": {
|
|
145
|
+
"$type": "color",
|
|
146
|
+
"$value": {
|
|
147
|
+
"colorSpace": "srgb",
|
|
148
|
+
"components": [
|
|
149
|
+
1,
|
|
150
|
+
1,
|
|
151
|
+
1
|
|
152
|
+
],
|
|
153
|
+
"alpha": 0.06
|
|
154
|
+
},
|
|
155
|
+
"$description": "Active option fill on a floating surface",
|
|
156
|
+
"$extensions": {
|
|
157
|
+
"md.flood": {
|
|
158
|
+
"status": "experimental",
|
|
159
|
+
"visibility": "public",
|
|
160
|
+
"owner": "foundations",
|
|
161
|
+
"since": "0.2.5",
|
|
162
|
+
"usage": {
|
|
163
|
+
"allowed": [
|
|
164
|
+
"Active option fill on a floating surface"
|
|
165
|
+
],
|
|
166
|
+
"avoid": []
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
"edge": {
|
|
172
|
+
"$type": "color",
|
|
173
|
+
"$value": {
|
|
174
|
+
"colorSpace": "srgb",
|
|
175
|
+
"components": [
|
|
176
|
+
1,
|
|
177
|
+
1,
|
|
178
|
+
1
|
|
179
|
+
],
|
|
180
|
+
"alpha": 0.07
|
|
181
|
+
},
|
|
182
|
+
"$description": "Quiet edge of a floating surface",
|
|
183
|
+
"$extensions": {
|
|
184
|
+
"md.flood": {
|
|
185
|
+
"status": "experimental",
|
|
186
|
+
"visibility": "public",
|
|
187
|
+
"owner": "foundations",
|
|
188
|
+
"since": "0.2.5",
|
|
189
|
+
"usage": {
|
|
190
|
+
"allowed": [
|
|
191
|
+
"Quiet edge of a floating surface"
|
|
192
|
+
],
|
|
193
|
+
"avoid": []
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
"shadow": {
|
|
199
|
+
"$type": "color",
|
|
200
|
+
"$value": {
|
|
201
|
+
"colorSpace": "srgb",
|
|
202
|
+
"components": [
|
|
203
|
+
0,
|
|
204
|
+
0,
|
|
205
|
+
0
|
|
206
|
+
],
|
|
207
|
+
"alpha": 0.1
|
|
208
|
+
},
|
|
209
|
+
"$description": "Light floating surface shadow color",
|
|
210
|
+
"$extensions": {
|
|
211
|
+
"md.flood": {
|
|
212
|
+
"status": "experimental",
|
|
213
|
+
"visibility": "public",
|
|
214
|
+
"owner": "foundations",
|
|
215
|
+
"since": "0.2.5",
|
|
216
|
+
"usage": {
|
|
217
|
+
"allowed": [
|
|
218
|
+
"Light floating surface shadow color"
|
|
219
|
+
],
|
|
220
|
+
"avoid": []
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
"translucent": {
|
|
226
|
+
"$type": "color",
|
|
227
|
+
"$value": {
|
|
228
|
+
"colorSpace": "srgb",
|
|
229
|
+
"components": [
|
|
230
|
+
0.2196078431372549,
|
|
231
|
+
0.2196078431372549,
|
|
232
|
+
0.2196078431372549
|
|
233
|
+
],
|
|
234
|
+
"alpha": 0.88
|
|
235
|
+
},
|
|
236
|
+
"$description": "Translucent floating surface when backdrop filtering is available",
|
|
237
|
+
"$extensions": {
|
|
238
|
+
"md.flood": {
|
|
239
|
+
"status": "experimental",
|
|
240
|
+
"visibility": "public",
|
|
241
|
+
"owner": "foundations",
|
|
242
|
+
"since": "0.2.5",
|
|
243
|
+
"usage": {
|
|
244
|
+
"allowed": [
|
|
245
|
+
"Translucent floating surface when backdrop filtering is available"
|
|
246
|
+
],
|
|
247
|
+
"avoid": []
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
},
|
|
143
253
|
"neutral": {
|
|
144
254
|
"0": {
|
|
145
255
|
"$type": "color",
|
|
@@ -1413,6 +1523,95 @@
|
|
|
1413
1523
|
}
|
|
1414
1524
|
}
|
|
1415
1525
|
},
|
|
1526
|
+
"effect": {
|
|
1527
|
+
"floating": {
|
|
1528
|
+
"blur": {
|
|
1529
|
+
"$type": "dimension",
|
|
1530
|
+
"$value": {
|
|
1531
|
+
"value": 1,
|
|
1532
|
+
"unit": "rem"
|
|
1533
|
+
},
|
|
1534
|
+
"$description": "Floating material backdrop blur",
|
|
1535
|
+
"$extensions": {
|
|
1536
|
+
"md.flood": {
|
|
1537
|
+
"status": "experimental",
|
|
1538
|
+
"visibility": "public",
|
|
1539
|
+
"owner": "foundations",
|
|
1540
|
+
"since": "0.2.5",
|
|
1541
|
+
"usage": {
|
|
1542
|
+
"allowed": [
|
|
1543
|
+
"Floating material backdrop blur"
|
|
1544
|
+
],
|
|
1545
|
+
"avoid": []
|
|
1546
|
+
}
|
|
1547
|
+
}
|
|
1548
|
+
}
|
|
1549
|
+
},
|
|
1550
|
+
"saturation": {
|
|
1551
|
+
"$type": "number",
|
|
1552
|
+
"$value": 1.05,
|
|
1553
|
+
"$description": "Floating material backdrop saturation multiplier",
|
|
1554
|
+
"$extensions": {
|
|
1555
|
+
"md.flood": {
|
|
1556
|
+
"status": "experimental",
|
|
1557
|
+
"visibility": "public",
|
|
1558
|
+
"owner": "foundations",
|
|
1559
|
+
"since": "0.2.5",
|
|
1560
|
+
"usage": {
|
|
1561
|
+
"allowed": [
|
|
1562
|
+
"Floating material backdrop saturation multiplier"
|
|
1563
|
+
],
|
|
1564
|
+
"avoid": []
|
|
1565
|
+
}
|
|
1566
|
+
}
|
|
1567
|
+
}
|
|
1568
|
+
},
|
|
1569
|
+
"shadow-blur": {
|
|
1570
|
+
"$type": "dimension",
|
|
1571
|
+
"$value": {
|
|
1572
|
+
"value": 0.5,
|
|
1573
|
+
"unit": "rem"
|
|
1574
|
+
},
|
|
1575
|
+
"$description": "Floating shadow blur radius",
|
|
1576
|
+
"$extensions": {
|
|
1577
|
+
"md.flood": {
|
|
1578
|
+
"status": "experimental",
|
|
1579
|
+
"visibility": "public",
|
|
1580
|
+
"owner": "foundations",
|
|
1581
|
+
"since": "0.2.5",
|
|
1582
|
+
"usage": {
|
|
1583
|
+
"allowed": [
|
|
1584
|
+
"Floating shadow blur radius"
|
|
1585
|
+
],
|
|
1586
|
+
"avoid": []
|
|
1587
|
+
}
|
|
1588
|
+
}
|
|
1589
|
+
}
|
|
1590
|
+
},
|
|
1591
|
+
"shadow-offset": {
|
|
1592
|
+
"$type": "dimension",
|
|
1593
|
+
"$value": {
|
|
1594
|
+
"value": 0.125,
|
|
1595
|
+
"unit": "rem"
|
|
1596
|
+
},
|
|
1597
|
+
"$description": "Floating shadow vertical offset",
|
|
1598
|
+
"$extensions": {
|
|
1599
|
+
"md.flood": {
|
|
1600
|
+
"status": "experimental",
|
|
1601
|
+
"visibility": "public",
|
|
1602
|
+
"owner": "foundations",
|
|
1603
|
+
"since": "0.2.5",
|
|
1604
|
+
"usage": {
|
|
1605
|
+
"allowed": [
|
|
1606
|
+
"Floating shadow vertical offset"
|
|
1607
|
+
],
|
|
1608
|
+
"avoid": []
|
|
1609
|
+
}
|
|
1610
|
+
}
|
|
1611
|
+
}
|
|
1612
|
+
}
|
|
1613
|
+
}
|
|
1614
|
+
},
|
|
1416
1615
|
"font": {
|
|
1417
1616
|
"mono": {
|
|
1418
1617
|
"$type": "fontFamily",
|
|
@@ -1462,133 +1661,147 @@
|
|
|
1462
1661
|
}
|
|
1463
1662
|
}
|
|
1464
1663
|
},
|
|
1465
|
-
"
|
|
1466
|
-
"
|
|
1467
|
-
"$type": "
|
|
1468
|
-
"$value":
|
|
1469
|
-
|
|
1664
|
+
"indicator": {
|
|
1665
|
+
"lg": {
|
|
1666
|
+
"$type": "dimension",
|
|
1667
|
+
"$value": {
|
|
1668
|
+
"value": 0.5,
|
|
1669
|
+
"unit": "rem"
|
|
1670
|
+
},
|
|
1671
|
+
"$description": "Indicator lg thickness",
|
|
1470
1672
|
"$extensions": {
|
|
1471
1673
|
"md.flood": {
|
|
1472
1674
|
"status": "experimental",
|
|
1473
1675
|
"visibility": "internal",
|
|
1474
1676
|
"owner": "foundations",
|
|
1475
|
-
"since": "0.2.
|
|
1677
|
+
"since": "0.2.4",
|
|
1476
1678
|
"usage": {
|
|
1477
1679
|
"allowed": [
|
|
1478
|
-
"
|
|
1680
|
+
"Indicator lg thickness"
|
|
1479
1681
|
],
|
|
1480
1682
|
"avoid": []
|
|
1481
1683
|
}
|
|
1482
1684
|
}
|
|
1483
1685
|
}
|
|
1484
1686
|
},
|
|
1485
|
-
"
|
|
1486
|
-
"$type": "
|
|
1487
|
-
"$value":
|
|
1488
|
-
|
|
1687
|
+
"md": {
|
|
1688
|
+
"$type": "dimension",
|
|
1689
|
+
"$value": {
|
|
1690
|
+
"value": 0.375,
|
|
1691
|
+
"unit": "rem"
|
|
1692
|
+
},
|
|
1693
|
+
"$description": "Indicator md thickness",
|
|
1489
1694
|
"$extensions": {
|
|
1490
1695
|
"md.flood": {
|
|
1491
1696
|
"status": "experimental",
|
|
1492
1697
|
"visibility": "internal",
|
|
1493
1698
|
"owner": "foundations",
|
|
1494
|
-
"since": "0.2.
|
|
1699
|
+
"since": "0.2.4",
|
|
1495
1700
|
"usage": {
|
|
1496
1701
|
"allowed": [
|
|
1497
|
-
"
|
|
1702
|
+
"Indicator md thickness"
|
|
1498
1703
|
],
|
|
1499
1704
|
"avoid": []
|
|
1500
1705
|
}
|
|
1501
1706
|
}
|
|
1502
1707
|
}
|
|
1503
1708
|
},
|
|
1504
|
-
"
|
|
1505
|
-
"$type": "
|
|
1506
|
-
"$value":
|
|
1507
|
-
|
|
1709
|
+
"sm": {
|
|
1710
|
+
"$type": "dimension",
|
|
1711
|
+
"$value": {
|
|
1712
|
+
"value": 0.25,
|
|
1713
|
+
"unit": "rem"
|
|
1714
|
+
},
|
|
1715
|
+
"$description": "Indicator sm thickness",
|
|
1508
1716
|
"$extensions": {
|
|
1509
1717
|
"md.flood": {
|
|
1510
1718
|
"status": "experimental",
|
|
1511
1719
|
"visibility": "internal",
|
|
1512
1720
|
"owner": "foundations",
|
|
1513
|
-
"since": "0.2.
|
|
1721
|
+
"since": "0.2.4",
|
|
1514
1722
|
"usage": {
|
|
1515
1723
|
"allowed": [
|
|
1516
|
-
"
|
|
1724
|
+
"Indicator sm thickness"
|
|
1517
1725
|
],
|
|
1518
1726
|
"avoid": []
|
|
1519
1727
|
}
|
|
1520
1728
|
}
|
|
1521
1729
|
}
|
|
1522
|
-
}
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
"$
|
|
1730
|
+
}
|
|
1731
|
+
},
|
|
1732
|
+
"keycap": {
|
|
1733
|
+
"lg": {
|
|
1734
|
+
"$type": "dimension",
|
|
1735
|
+
"$value": {
|
|
1736
|
+
"value": 1.75,
|
|
1737
|
+
"unit": "rem"
|
|
1738
|
+
},
|
|
1739
|
+
"$description": "lg keycap height",
|
|
1527
1740
|
"$extensions": {
|
|
1528
1741
|
"md.flood": {
|
|
1529
1742
|
"status": "experimental",
|
|
1530
1743
|
"visibility": "internal",
|
|
1531
1744
|
"owner": "foundations",
|
|
1532
|
-
"since": "0.2.
|
|
1745
|
+
"since": "0.2.4",
|
|
1533
1746
|
"usage": {
|
|
1534
1747
|
"allowed": [
|
|
1535
|
-
"
|
|
1748
|
+
"lg keycap height"
|
|
1536
1749
|
],
|
|
1537
1750
|
"avoid": []
|
|
1538
1751
|
}
|
|
1539
1752
|
}
|
|
1540
1753
|
}
|
|
1541
1754
|
},
|
|
1542
|
-
"
|
|
1543
|
-
"$type": "
|
|
1544
|
-
"$value":
|
|
1545
|
-
|
|
1755
|
+
"md": {
|
|
1756
|
+
"$type": "dimension",
|
|
1757
|
+
"$value": {
|
|
1758
|
+
"value": 1.5,
|
|
1759
|
+
"unit": "rem"
|
|
1760
|
+
},
|
|
1761
|
+
"$description": "md keycap height",
|
|
1546
1762
|
"$extensions": {
|
|
1547
1763
|
"md.flood": {
|
|
1548
1764
|
"status": "experimental",
|
|
1549
1765
|
"visibility": "internal",
|
|
1550
1766
|
"owner": "foundations",
|
|
1551
|
-
"since": "0.2.
|
|
1767
|
+
"since": "0.2.4",
|
|
1552
1768
|
"usage": {
|
|
1553
1769
|
"allowed": [
|
|
1554
|
-
"
|
|
1770
|
+
"md keycap height"
|
|
1555
1771
|
],
|
|
1556
1772
|
"avoid": []
|
|
1557
1773
|
}
|
|
1558
1774
|
}
|
|
1559
1775
|
}
|
|
1560
|
-
}
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
"duration-fast": {
|
|
1564
|
-
"$type": "duration",
|
|
1776
|
+
},
|
|
1777
|
+
"sm": {
|
|
1778
|
+
"$type": "dimension",
|
|
1565
1779
|
"$value": {
|
|
1566
|
-
"value":
|
|
1567
|
-
"unit": "
|
|
1780
|
+
"value": 1.25,
|
|
1781
|
+
"unit": "rem"
|
|
1568
1782
|
},
|
|
1569
|
-
"$description": "
|
|
1783
|
+
"$description": "sm keycap height",
|
|
1570
1784
|
"$extensions": {
|
|
1571
1785
|
"md.flood": {
|
|
1572
1786
|
"status": "experimental",
|
|
1573
1787
|
"visibility": "internal",
|
|
1574
1788
|
"owner": "foundations",
|
|
1575
|
-
"since": "0.2.
|
|
1789
|
+
"since": "0.2.4",
|
|
1576
1790
|
"usage": {
|
|
1577
1791
|
"allowed": [
|
|
1578
|
-
"
|
|
1792
|
+
"sm keycap height"
|
|
1579
1793
|
],
|
|
1580
1794
|
"avoid": []
|
|
1581
1795
|
}
|
|
1582
1796
|
}
|
|
1583
1797
|
}
|
|
1584
|
-
}
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
"$description": "normal transition duration",
|
|
1798
|
+
}
|
|
1799
|
+
},
|
|
1800
|
+
"layer": {
|
|
1801
|
+
"base": {
|
|
1802
|
+
"$type": "number",
|
|
1803
|
+
"$value": 0,
|
|
1804
|
+
"$description": "base local stacking level",
|
|
1592
1805
|
"$extensions": {
|
|
1593
1806
|
"md.flood": {
|
|
1594
1807
|
"status": "experimental",
|
|
@@ -1597,20 +1810,248 @@
|
|
|
1597
1810
|
"since": "0.2.0",
|
|
1598
1811
|
"usage": {
|
|
1599
1812
|
"allowed": [
|
|
1600
|
-
"
|
|
1813
|
+
"base local stacking level"
|
|
1601
1814
|
],
|
|
1602
1815
|
"avoid": []
|
|
1603
1816
|
}
|
|
1604
1817
|
}
|
|
1605
1818
|
}
|
|
1606
1819
|
},
|
|
1607
|
-
"
|
|
1608
|
-
"$type": "
|
|
1609
|
-
"$value":
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1820
|
+
"modal": {
|
|
1821
|
+
"$type": "number",
|
|
1822
|
+
"$value": 30,
|
|
1823
|
+
"$description": "modal local stacking level",
|
|
1824
|
+
"$extensions": {
|
|
1825
|
+
"md.flood": {
|
|
1826
|
+
"status": "experimental",
|
|
1827
|
+
"visibility": "internal",
|
|
1828
|
+
"owner": "foundations",
|
|
1829
|
+
"since": "0.2.0",
|
|
1830
|
+
"usage": {
|
|
1831
|
+
"allowed": [
|
|
1832
|
+
"modal local stacking level"
|
|
1833
|
+
],
|
|
1834
|
+
"avoid": []
|
|
1835
|
+
}
|
|
1836
|
+
}
|
|
1837
|
+
}
|
|
1838
|
+
},
|
|
1839
|
+
"popover": {
|
|
1840
|
+
"$type": "number",
|
|
1841
|
+
"$value": 20,
|
|
1842
|
+
"$description": "popover local stacking level",
|
|
1843
|
+
"$extensions": {
|
|
1844
|
+
"md.flood": {
|
|
1845
|
+
"status": "experimental",
|
|
1846
|
+
"visibility": "internal",
|
|
1847
|
+
"owner": "foundations",
|
|
1848
|
+
"since": "0.2.0",
|
|
1849
|
+
"usage": {
|
|
1850
|
+
"allowed": [
|
|
1851
|
+
"popover local stacking level"
|
|
1852
|
+
],
|
|
1853
|
+
"avoid": []
|
|
1854
|
+
}
|
|
1855
|
+
}
|
|
1856
|
+
}
|
|
1857
|
+
},
|
|
1858
|
+
"sticky": {
|
|
1859
|
+
"$type": "number",
|
|
1860
|
+
"$value": 10,
|
|
1861
|
+
"$description": "sticky local stacking level",
|
|
1862
|
+
"$extensions": {
|
|
1863
|
+
"md.flood": {
|
|
1864
|
+
"status": "experimental",
|
|
1865
|
+
"visibility": "internal",
|
|
1866
|
+
"owner": "foundations",
|
|
1867
|
+
"since": "0.2.0",
|
|
1868
|
+
"usage": {
|
|
1869
|
+
"allowed": [
|
|
1870
|
+
"sticky local stacking level"
|
|
1871
|
+
],
|
|
1872
|
+
"avoid": []
|
|
1873
|
+
}
|
|
1874
|
+
}
|
|
1875
|
+
}
|
|
1876
|
+
},
|
|
1877
|
+
"toast": {
|
|
1878
|
+
"$type": "number",
|
|
1879
|
+
"$value": 40,
|
|
1880
|
+
"$description": "toast local stacking level",
|
|
1881
|
+
"$extensions": {
|
|
1882
|
+
"md.flood": {
|
|
1883
|
+
"status": "experimental",
|
|
1884
|
+
"visibility": "internal",
|
|
1885
|
+
"owner": "foundations",
|
|
1886
|
+
"since": "0.2.0",
|
|
1887
|
+
"usage": {
|
|
1888
|
+
"allowed": [
|
|
1889
|
+
"toast local stacking level"
|
|
1890
|
+
],
|
|
1891
|
+
"avoid": []
|
|
1892
|
+
}
|
|
1893
|
+
}
|
|
1894
|
+
}
|
|
1895
|
+
}
|
|
1896
|
+
},
|
|
1897
|
+
"layout": {
|
|
1898
|
+
"container": {
|
|
1899
|
+
"lg": {
|
|
1900
|
+
"$type": "dimension",
|
|
1901
|
+
"$value": {
|
|
1902
|
+
"value": 80,
|
|
1903
|
+
"unit": "rem"
|
|
1904
|
+
},
|
|
1905
|
+
"$description": "Large constrained content width",
|
|
1906
|
+
"$extensions": {
|
|
1907
|
+
"md.flood": {
|
|
1908
|
+
"status": "experimental",
|
|
1909
|
+
"visibility": "internal",
|
|
1910
|
+
"owner": "foundations",
|
|
1911
|
+
"since": "0.2.4",
|
|
1912
|
+
"usage": {
|
|
1913
|
+
"allowed": [
|
|
1914
|
+
"Large constrained content width"
|
|
1915
|
+
],
|
|
1916
|
+
"avoid": [
|
|
1917
|
+
"Fixed viewport breakpoints",
|
|
1918
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1919
|
+
]
|
|
1920
|
+
}
|
|
1921
|
+
}
|
|
1922
|
+
}
|
|
1923
|
+
},
|
|
1924
|
+
"md": {
|
|
1925
|
+
"$type": "dimension",
|
|
1926
|
+
"$value": {
|
|
1927
|
+
"value": 64,
|
|
1928
|
+
"unit": "rem"
|
|
1929
|
+
},
|
|
1930
|
+
"$description": "Medium constrained content width",
|
|
1931
|
+
"$extensions": {
|
|
1932
|
+
"md.flood": {
|
|
1933
|
+
"status": "experimental",
|
|
1934
|
+
"visibility": "internal",
|
|
1935
|
+
"owner": "foundations",
|
|
1936
|
+
"since": "0.2.4",
|
|
1937
|
+
"usage": {
|
|
1938
|
+
"allowed": [
|
|
1939
|
+
"Medium constrained content width"
|
|
1940
|
+
],
|
|
1941
|
+
"avoid": [
|
|
1942
|
+
"Fixed viewport breakpoints",
|
|
1943
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1944
|
+
]
|
|
1945
|
+
}
|
|
1946
|
+
}
|
|
1947
|
+
}
|
|
1948
|
+
},
|
|
1949
|
+
"sm": {
|
|
1950
|
+
"$type": "dimension",
|
|
1951
|
+
"$value": {
|
|
1952
|
+
"value": 40,
|
|
1953
|
+
"unit": "rem"
|
|
1954
|
+
},
|
|
1955
|
+
"$description": "Small constrained content width",
|
|
1956
|
+
"$extensions": {
|
|
1957
|
+
"md.flood": {
|
|
1958
|
+
"status": "experimental",
|
|
1959
|
+
"visibility": "internal",
|
|
1960
|
+
"owner": "foundations",
|
|
1961
|
+
"since": "0.2.4",
|
|
1962
|
+
"usage": {
|
|
1963
|
+
"allowed": [
|
|
1964
|
+
"Small constrained content width"
|
|
1965
|
+
],
|
|
1966
|
+
"avoid": [
|
|
1967
|
+
"Fixed viewport breakpoints",
|
|
1968
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1969
|
+
]
|
|
1970
|
+
}
|
|
1971
|
+
}
|
|
1972
|
+
}
|
|
1973
|
+
}
|
|
1974
|
+
},
|
|
1975
|
+
"grid": {
|
|
1976
|
+
"min-item": {
|
|
1977
|
+
"$type": "dimension",
|
|
1978
|
+
"$value": {
|
|
1979
|
+
"value": 16,
|
|
1980
|
+
"unit": "rem"
|
|
1981
|
+
},
|
|
1982
|
+
"$description": "Minimum automatic grid item width",
|
|
1983
|
+
"$extensions": {
|
|
1984
|
+
"md.flood": {
|
|
1985
|
+
"status": "experimental",
|
|
1986
|
+
"visibility": "internal",
|
|
1987
|
+
"owner": "foundations",
|
|
1988
|
+
"since": "0.2.4",
|
|
1989
|
+
"usage": {
|
|
1990
|
+
"allowed": [
|
|
1991
|
+
"Minimum automatic grid item width"
|
|
1992
|
+
],
|
|
1993
|
+
"avoid": [
|
|
1994
|
+
"Fixed viewport breakpoints",
|
|
1995
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
1996
|
+
]
|
|
1997
|
+
}
|
|
1998
|
+
}
|
|
1999
|
+
}
|
|
2000
|
+
}
|
|
2001
|
+
}
|
|
2002
|
+
},
|
|
2003
|
+
"motion": {
|
|
2004
|
+
"duration-fast": {
|
|
2005
|
+
"$type": "duration",
|
|
2006
|
+
"$value": {
|
|
2007
|
+
"value": 100,
|
|
2008
|
+
"unit": "ms"
|
|
2009
|
+
},
|
|
2010
|
+
"$description": "fast transition duration",
|
|
2011
|
+
"$extensions": {
|
|
2012
|
+
"md.flood": {
|
|
2013
|
+
"status": "experimental",
|
|
2014
|
+
"visibility": "internal",
|
|
2015
|
+
"owner": "foundations",
|
|
2016
|
+
"since": "0.2.0",
|
|
2017
|
+
"usage": {
|
|
2018
|
+
"allowed": [
|
|
2019
|
+
"fast transition duration"
|
|
2020
|
+
],
|
|
2021
|
+
"avoid": []
|
|
2022
|
+
}
|
|
2023
|
+
}
|
|
2024
|
+
}
|
|
2025
|
+
},
|
|
2026
|
+
"duration-normal": {
|
|
2027
|
+
"$type": "duration",
|
|
2028
|
+
"$value": {
|
|
2029
|
+
"value": 160,
|
|
2030
|
+
"unit": "ms"
|
|
2031
|
+
},
|
|
2032
|
+
"$description": "normal transition duration",
|
|
2033
|
+
"$extensions": {
|
|
2034
|
+
"md.flood": {
|
|
2035
|
+
"status": "experimental",
|
|
2036
|
+
"visibility": "internal",
|
|
2037
|
+
"owner": "foundations",
|
|
2038
|
+
"since": "0.2.0",
|
|
2039
|
+
"usage": {
|
|
2040
|
+
"allowed": [
|
|
2041
|
+
"normal transition duration"
|
|
2042
|
+
],
|
|
2043
|
+
"avoid": []
|
|
2044
|
+
}
|
|
2045
|
+
}
|
|
2046
|
+
}
|
|
2047
|
+
},
|
|
2048
|
+
"duration-reduced": {
|
|
2049
|
+
"$type": "duration",
|
|
2050
|
+
"$value": {
|
|
2051
|
+
"value": 0,
|
|
2052
|
+
"unit": "ms"
|
|
2053
|
+
},
|
|
2054
|
+
"$description": "reduced transition duration",
|
|
1614
2055
|
"$extensions": {
|
|
1615
2056
|
"md.flood": {
|
|
1616
2057
|
"status": "experimental",
|
|
@@ -3014,7 +3455,70 @@
|
|
|
3014
3455
|
},
|
|
3015
3456
|
"sys": {
|
|
3016
3457
|
"color": {
|
|
3458
|
+
"accent": {
|
|
3459
|
+
"content": {
|
|
3460
|
+
"$type": "color",
|
|
3461
|
+
"$value": {
|
|
3462
|
+
"colorSpace": "srgb",
|
|
3463
|
+
"components": [
|
|
3464
|
+
1,
|
|
3465
|
+
0.3607843137254902,
|
|
3466
|
+
0.6588235294117647
|
|
3467
|
+
],
|
|
3468
|
+
"alpha": 1
|
|
3469
|
+
},
|
|
3470
|
+
"$description": "Accent text and metadata on neutral dark surfaces",
|
|
3471
|
+
"$extensions": {
|
|
3472
|
+
"md.flood": {
|
|
3473
|
+
"status": "experimental",
|
|
3474
|
+
"visibility": "public",
|
|
3475
|
+
"owner": "foundations",
|
|
3476
|
+
"since": "0.2.4",
|
|
3477
|
+
"usage": {
|
|
3478
|
+
"allowed": [
|
|
3479
|
+
"Accent text and metadata on neutral dark surfaces"
|
|
3480
|
+
],
|
|
3481
|
+
"avoid": [
|
|
3482
|
+
"Keyboard focus indicators"
|
|
3483
|
+
]
|
|
3484
|
+
}
|
|
3485
|
+
}
|
|
3486
|
+
}
|
|
3487
|
+
}
|
|
3488
|
+
},
|
|
3017
3489
|
"action": {
|
|
3490
|
+
"danger": {
|
|
3491
|
+
"content": {
|
|
3492
|
+
"$type": "color",
|
|
3493
|
+
"$value": {
|
|
3494
|
+
"colorSpace": "srgb",
|
|
3495
|
+
"components": [
|
|
3496
|
+
1,
|
|
3497
|
+
0.5411764705882353,
|
|
3498
|
+
0.5411764705882353
|
|
3499
|
+
],
|
|
3500
|
+
"alpha": 1
|
|
3501
|
+
},
|
|
3502
|
+
"$description": "Destructive action text and icons",
|
|
3503
|
+
"$extensions": {
|
|
3504
|
+
"md.flood": {
|
|
3505
|
+
"status": "experimental",
|
|
3506
|
+
"visibility": "public",
|
|
3507
|
+
"owner": "foundations",
|
|
3508
|
+
"since": "0.2.4",
|
|
3509
|
+
"usage": {
|
|
3510
|
+
"allowed": [
|
|
3511
|
+
"Destructive action text and icons"
|
|
3512
|
+
],
|
|
3513
|
+
"avoid": [
|
|
3514
|
+
"Validation messages",
|
|
3515
|
+
"Keyboard focus"
|
|
3516
|
+
]
|
|
3517
|
+
}
|
|
3518
|
+
}
|
|
3519
|
+
}
|
|
3520
|
+
}
|
|
3521
|
+
},
|
|
3018
3522
|
"ghost": {
|
|
3019
3523
|
"content": {
|
|
3020
3524
|
"$type": "color",
|
|
@@ -3742,6 +4246,33 @@
|
|
|
3742
4246
|
}
|
|
3743
4247
|
}
|
|
3744
4248
|
},
|
|
4249
|
+
"floating": {
|
|
4250
|
+
"$type": "color",
|
|
4251
|
+
"$value": {
|
|
4252
|
+
"colorSpace": "srgb",
|
|
4253
|
+
"components": [
|
|
4254
|
+
1,
|
|
4255
|
+
1,
|
|
4256
|
+
1
|
|
4257
|
+
],
|
|
4258
|
+
"alpha": 0.07
|
|
4259
|
+
},
|
|
4260
|
+
"$description": "Quiet edge of a floating surface",
|
|
4261
|
+
"$extensions": {
|
|
4262
|
+
"md.flood": {
|
|
4263
|
+
"status": "experimental",
|
|
4264
|
+
"visibility": "public",
|
|
4265
|
+
"owner": "foundations",
|
|
4266
|
+
"since": "0.2.5",
|
|
4267
|
+
"usage": {
|
|
4268
|
+
"allowed": [
|
|
4269
|
+
"Quiet edge of a floating surface"
|
|
4270
|
+
],
|
|
4271
|
+
"avoid": []
|
|
4272
|
+
}
|
|
4273
|
+
}
|
|
4274
|
+
}
|
|
4275
|
+
},
|
|
3745
4276
|
"strong": {
|
|
3746
4277
|
"$type": "color",
|
|
3747
4278
|
"$value": {
|
|
@@ -4220,6 +4751,121 @@
|
|
|
4220
4751
|
}
|
|
4221
4752
|
}
|
|
4222
4753
|
},
|
|
4754
|
+
"indicator": {
|
|
4755
|
+
"accent": {
|
|
4756
|
+
"$type": "color",
|
|
4757
|
+
"$value": {
|
|
4758
|
+
"colorSpace": "srgb",
|
|
4759
|
+
"components": [
|
|
4760
|
+
1,
|
|
4761
|
+
0.3607843137254902,
|
|
4762
|
+
0.6588235294117647
|
|
4763
|
+
],
|
|
4764
|
+
"alpha": 1
|
|
4765
|
+
},
|
|
4766
|
+
"$description": "Accent fill for task progress and bounded indicators",
|
|
4767
|
+
"$extensions": {
|
|
4768
|
+
"md.flood": {
|
|
4769
|
+
"status": "experimental",
|
|
4770
|
+
"visibility": "public",
|
|
4771
|
+
"owner": "foundations",
|
|
4772
|
+
"since": "0.2.4",
|
|
4773
|
+
"usage": {
|
|
4774
|
+
"allowed": [
|
|
4775
|
+
"Accent fill for task progress and bounded indicators"
|
|
4776
|
+
],
|
|
4777
|
+
"avoid": []
|
|
4778
|
+
}
|
|
4779
|
+
}
|
|
4780
|
+
}
|
|
4781
|
+
},
|
|
4782
|
+
"fill": {
|
|
4783
|
+
"$type": "color",
|
|
4784
|
+
"$value": {
|
|
4785
|
+
"colorSpace": "srgb",
|
|
4786
|
+
"components": [
|
|
4787
|
+
0.9294117647058824,
|
|
4788
|
+
0.9294117647058824,
|
|
4789
|
+
0.9294117647058824
|
|
4790
|
+
],
|
|
4791
|
+
"alpha": 1
|
|
4792
|
+
},
|
|
4793
|
+
"$description": "Neutral fill for bounded value indicators",
|
|
4794
|
+
"$extensions": {
|
|
4795
|
+
"md.flood": {
|
|
4796
|
+
"status": "experimental",
|
|
4797
|
+
"visibility": "public",
|
|
4798
|
+
"owner": "foundations",
|
|
4799
|
+
"since": "0.2.4",
|
|
4800
|
+
"usage": {
|
|
4801
|
+
"allowed": [
|
|
4802
|
+
"Neutral fill for bounded value indicators"
|
|
4803
|
+
],
|
|
4804
|
+
"avoid": []
|
|
4805
|
+
}
|
|
4806
|
+
}
|
|
4807
|
+
}
|
|
4808
|
+
},
|
|
4809
|
+
"track": {
|
|
4810
|
+
"$type": "color",
|
|
4811
|
+
"$value": {
|
|
4812
|
+
"colorSpace": "srgb",
|
|
4813
|
+
"components": [
|
|
4814
|
+
0.2196078431372549,
|
|
4815
|
+
0.2196078431372549,
|
|
4816
|
+
0.2196078431372549
|
|
4817
|
+
],
|
|
4818
|
+
"alpha": 1
|
|
4819
|
+
},
|
|
4820
|
+
"$description": "Track for progress and bounded value indicators",
|
|
4821
|
+
"$extensions": {
|
|
4822
|
+
"md.flood": {
|
|
4823
|
+
"status": "experimental",
|
|
4824
|
+
"visibility": "public",
|
|
4825
|
+
"owner": "foundations",
|
|
4826
|
+
"since": "0.2.4",
|
|
4827
|
+
"usage": {
|
|
4828
|
+
"allowed": [
|
|
4829
|
+
"Track for progress and bounded value indicators"
|
|
4830
|
+
],
|
|
4831
|
+
"avoid": []
|
|
4832
|
+
}
|
|
4833
|
+
}
|
|
4834
|
+
}
|
|
4835
|
+
}
|
|
4836
|
+
},
|
|
4837
|
+
"loading": {
|
|
4838
|
+
"placeholder": {
|
|
4839
|
+
"$type": "color",
|
|
4840
|
+
"$value": {
|
|
4841
|
+
"colorSpace": "srgb",
|
|
4842
|
+
"components": [
|
|
4843
|
+
0.18823529411764706,
|
|
4844
|
+
0.18823529411764706,
|
|
4845
|
+
0.18823529411764706
|
|
4846
|
+
],
|
|
4847
|
+
"alpha": 1
|
|
4848
|
+
},
|
|
4849
|
+
"$description": "Decorative loading placeholder fill",
|
|
4850
|
+
"$extensions": {
|
|
4851
|
+
"md.flood": {
|
|
4852
|
+
"status": "experimental",
|
|
4853
|
+
"visibility": "public",
|
|
4854
|
+
"owner": "foundations",
|
|
4855
|
+
"since": "0.2.4",
|
|
4856
|
+
"usage": {
|
|
4857
|
+
"allowed": [
|
|
4858
|
+
"Decorative loading placeholder fill"
|
|
4859
|
+
],
|
|
4860
|
+
"avoid": [
|
|
4861
|
+
"Necessary control boundaries",
|
|
4862
|
+
"Loading announcements"
|
|
4863
|
+
]
|
|
4864
|
+
}
|
|
4865
|
+
}
|
|
4866
|
+
}
|
|
4867
|
+
}
|
|
4868
|
+
},
|
|
4223
4869
|
"scrollbar": {
|
|
4224
4870
|
"thumb": {
|
|
4225
4871
|
"$type": "color",
|
|
@@ -4330,6 +4976,62 @@
|
|
|
4330
4976
|
}
|
|
4331
4977
|
}
|
|
4332
4978
|
}
|
|
4979
|
+
},
|
|
4980
|
+
"floating": {
|
|
4981
|
+
"$type": "color",
|
|
4982
|
+
"$value": {
|
|
4983
|
+
"colorSpace": "srgb",
|
|
4984
|
+
"components": [
|
|
4985
|
+
1,
|
|
4986
|
+
1,
|
|
4987
|
+
1
|
|
4988
|
+
],
|
|
4989
|
+
"alpha": 0.06
|
|
4990
|
+
},
|
|
4991
|
+
"$description": "Active option fill on a floating surface",
|
|
4992
|
+
"$extensions": {
|
|
4993
|
+
"md.flood": {
|
|
4994
|
+
"status": "experimental",
|
|
4995
|
+
"visibility": "public",
|
|
4996
|
+
"owner": "foundations",
|
|
4997
|
+
"since": "0.2.5",
|
|
4998
|
+
"usage": {
|
|
4999
|
+
"allowed": [
|
|
5000
|
+
"Active option fill on a floating surface"
|
|
5001
|
+
],
|
|
5002
|
+
"avoid": []
|
|
5003
|
+
}
|
|
5004
|
+
}
|
|
5005
|
+
}
|
|
5006
|
+
}
|
|
5007
|
+
},
|
|
5008
|
+
"shadow": {
|
|
5009
|
+
"floating": {
|
|
5010
|
+
"$type": "color",
|
|
5011
|
+
"$value": {
|
|
5012
|
+
"colorSpace": "srgb",
|
|
5013
|
+
"components": [
|
|
5014
|
+
0,
|
|
5015
|
+
0,
|
|
5016
|
+
0
|
|
5017
|
+
],
|
|
5018
|
+
"alpha": 0.1
|
|
5019
|
+
},
|
|
5020
|
+
"$description": "Light floating surface shadow color",
|
|
5021
|
+
"$extensions": {
|
|
5022
|
+
"md.flood": {
|
|
5023
|
+
"status": "experimental",
|
|
5024
|
+
"visibility": "public",
|
|
5025
|
+
"owner": "foundations",
|
|
5026
|
+
"since": "0.2.5",
|
|
5027
|
+
"usage": {
|
|
5028
|
+
"allowed": [
|
|
5029
|
+
"Light floating surface shadow color"
|
|
5030
|
+
],
|
|
5031
|
+
"avoid": []
|
|
5032
|
+
}
|
|
5033
|
+
}
|
|
5034
|
+
}
|
|
4333
5035
|
}
|
|
4334
5036
|
},
|
|
4335
5037
|
"surface": {
|
|
@@ -4371,16 +5073,70 @@
|
|
|
4371
5073
|
],
|
|
4372
5074
|
"alpha": 1
|
|
4373
5075
|
},
|
|
4374
|
-
"$description": "Ordinary content surface",
|
|
5076
|
+
"$description": "Ordinary content surface",
|
|
5077
|
+
"$extensions": {
|
|
5078
|
+
"md.flood": {
|
|
5079
|
+
"status": "experimental",
|
|
5080
|
+
"visibility": "public",
|
|
5081
|
+
"owner": "foundations",
|
|
5082
|
+
"since": "0.2.0",
|
|
5083
|
+
"usage": {
|
|
5084
|
+
"allowed": [
|
|
5085
|
+
"Ordinary content surface"
|
|
5086
|
+
],
|
|
5087
|
+
"avoid": []
|
|
5088
|
+
}
|
|
5089
|
+
}
|
|
5090
|
+
}
|
|
5091
|
+
},
|
|
5092
|
+
"floating": {
|
|
5093
|
+
"$type": "color",
|
|
5094
|
+
"$value": {
|
|
5095
|
+
"colorSpace": "srgb",
|
|
5096
|
+
"components": [
|
|
5097
|
+
0.2196078431372549,
|
|
5098
|
+
0.2196078431372549,
|
|
5099
|
+
0.2196078431372549
|
|
5100
|
+
],
|
|
5101
|
+
"alpha": 1
|
|
5102
|
+
},
|
|
5103
|
+
"$description": "Opaque fallback for floating menus and popovers; separate from modal surfaces",
|
|
5104
|
+
"$extensions": {
|
|
5105
|
+
"md.flood": {
|
|
5106
|
+
"status": "experimental",
|
|
5107
|
+
"visibility": "public",
|
|
5108
|
+
"owner": "foundations",
|
|
5109
|
+
"since": "0.2.5",
|
|
5110
|
+
"usage": {
|
|
5111
|
+
"allowed": [
|
|
5112
|
+
"Opaque fallback for floating menus and popovers; separate from modal surfaces"
|
|
5113
|
+
],
|
|
5114
|
+
"avoid": []
|
|
5115
|
+
}
|
|
5116
|
+
}
|
|
5117
|
+
}
|
|
5118
|
+
},
|
|
5119
|
+
"floating-translucent": {
|
|
5120
|
+
"$type": "color",
|
|
5121
|
+
"$value": {
|
|
5122
|
+
"colorSpace": "srgb",
|
|
5123
|
+
"components": [
|
|
5124
|
+
0.2196078431372549,
|
|
5125
|
+
0.2196078431372549,
|
|
5126
|
+
0.2196078431372549
|
|
5127
|
+
],
|
|
5128
|
+
"alpha": 0.88
|
|
5129
|
+
},
|
|
5130
|
+
"$description": "Translucent floating surface when backdrop filtering is available",
|
|
4375
5131
|
"$extensions": {
|
|
4376
5132
|
"md.flood": {
|
|
4377
5133
|
"status": "experimental",
|
|
4378
5134
|
"visibility": "public",
|
|
4379
5135
|
"owner": "foundations",
|
|
4380
|
-
"since": "0.2.
|
|
5136
|
+
"since": "0.2.5",
|
|
4381
5137
|
"usage": {
|
|
4382
5138
|
"allowed": [
|
|
4383
|
-
"
|
|
5139
|
+
"Translucent floating surface when backdrop filtering is available"
|
|
4384
5140
|
],
|
|
4385
5141
|
"avoid": []
|
|
4386
5142
|
}
|
|
@@ -5362,6 +6118,95 @@
|
|
|
5362
6118
|
}
|
|
5363
6119
|
}
|
|
5364
6120
|
},
|
|
6121
|
+
"effect": {
|
|
6122
|
+
"floating": {
|
|
6123
|
+
"blur": {
|
|
6124
|
+
"$type": "dimension",
|
|
6125
|
+
"$value": {
|
|
6126
|
+
"value": 1,
|
|
6127
|
+
"unit": "rem"
|
|
6128
|
+
},
|
|
6129
|
+
"$description": "Floating material backdrop blur",
|
|
6130
|
+
"$extensions": {
|
|
6131
|
+
"md.flood": {
|
|
6132
|
+
"status": "experimental",
|
|
6133
|
+
"visibility": "public",
|
|
6134
|
+
"owner": "foundations",
|
|
6135
|
+
"since": "0.2.5",
|
|
6136
|
+
"usage": {
|
|
6137
|
+
"allowed": [
|
|
6138
|
+
"Floating material backdrop blur"
|
|
6139
|
+
],
|
|
6140
|
+
"avoid": []
|
|
6141
|
+
}
|
|
6142
|
+
}
|
|
6143
|
+
}
|
|
6144
|
+
},
|
|
6145
|
+
"saturation": {
|
|
6146
|
+
"$type": "number",
|
|
6147
|
+
"$value": 1.05,
|
|
6148
|
+
"$description": "Floating material backdrop saturation multiplier",
|
|
6149
|
+
"$extensions": {
|
|
6150
|
+
"md.flood": {
|
|
6151
|
+
"status": "experimental",
|
|
6152
|
+
"visibility": "public",
|
|
6153
|
+
"owner": "foundations",
|
|
6154
|
+
"since": "0.2.5",
|
|
6155
|
+
"usage": {
|
|
6156
|
+
"allowed": [
|
|
6157
|
+
"Floating material backdrop saturation multiplier"
|
|
6158
|
+
],
|
|
6159
|
+
"avoid": []
|
|
6160
|
+
}
|
|
6161
|
+
}
|
|
6162
|
+
}
|
|
6163
|
+
},
|
|
6164
|
+
"shadow-blur": {
|
|
6165
|
+
"$type": "dimension",
|
|
6166
|
+
"$value": {
|
|
6167
|
+
"value": 0.5,
|
|
6168
|
+
"unit": "rem"
|
|
6169
|
+
},
|
|
6170
|
+
"$description": "Floating shadow blur radius",
|
|
6171
|
+
"$extensions": {
|
|
6172
|
+
"md.flood": {
|
|
6173
|
+
"status": "experimental",
|
|
6174
|
+
"visibility": "public",
|
|
6175
|
+
"owner": "foundations",
|
|
6176
|
+
"since": "0.2.5",
|
|
6177
|
+
"usage": {
|
|
6178
|
+
"allowed": [
|
|
6179
|
+
"Floating shadow blur radius"
|
|
6180
|
+
],
|
|
6181
|
+
"avoid": []
|
|
6182
|
+
}
|
|
6183
|
+
}
|
|
6184
|
+
}
|
|
6185
|
+
},
|
|
6186
|
+
"shadow-offset": {
|
|
6187
|
+
"$type": "dimension",
|
|
6188
|
+
"$value": {
|
|
6189
|
+
"value": 0.125,
|
|
6190
|
+
"unit": "rem"
|
|
6191
|
+
},
|
|
6192
|
+
"$description": "Floating shadow vertical offset",
|
|
6193
|
+
"$extensions": {
|
|
6194
|
+
"md.flood": {
|
|
6195
|
+
"status": "experimental",
|
|
6196
|
+
"visibility": "public",
|
|
6197
|
+
"owner": "foundations",
|
|
6198
|
+
"since": "0.2.5",
|
|
6199
|
+
"usage": {
|
|
6200
|
+
"allowed": [
|
|
6201
|
+
"Floating shadow vertical offset"
|
|
6202
|
+
],
|
|
6203
|
+
"avoid": []
|
|
6204
|
+
}
|
|
6205
|
+
}
|
|
6206
|
+
}
|
|
6207
|
+
}
|
|
6208
|
+
}
|
|
6209
|
+
},
|
|
5365
6210
|
"focus": {
|
|
5366
6211
|
"offset": {
|
|
5367
6212
|
"$type": "dimension",
|
|
@@ -5849,6 +6694,246 @@
|
|
|
5849
6694
|
}
|
|
5850
6695
|
}
|
|
5851
6696
|
},
|
|
6697
|
+
"container": {
|
|
6698
|
+
"lg": {
|
|
6699
|
+
"$type": "dimension",
|
|
6700
|
+
"$value": {
|
|
6701
|
+
"value": 80,
|
|
6702
|
+
"unit": "rem"
|
|
6703
|
+
},
|
|
6704
|
+
"$description": "Large constrained content width",
|
|
6705
|
+
"$extensions": {
|
|
6706
|
+
"md.flood": {
|
|
6707
|
+
"status": "experimental",
|
|
6708
|
+
"visibility": "public",
|
|
6709
|
+
"owner": "foundations",
|
|
6710
|
+
"since": "0.2.4",
|
|
6711
|
+
"usage": {
|
|
6712
|
+
"allowed": [
|
|
6713
|
+
"Large constrained content width"
|
|
6714
|
+
],
|
|
6715
|
+
"avoid": [
|
|
6716
|
+
"Fixed viewport breakpoints",
|
|
6717
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6718
|
+
]
|
|
6719
|
+
}
|
|
6720
|
+
}
|
|
6721
|
+
}
|
|
6722
|
+
},
|
|
6723
|
+
"md": {
|
|
6724
|
+
"$type": "dimension",
|
|
6725
|
+
"$value": {
|
|
6726
|
+
"value": 64,
|
|
6727
|
+
"unit": "rem"
|
|
6728
|
+
},
|
|
6729
|
+
"$description": "Medium constrained content width",
|
|
6730
|
+
"$extensions": {
|
|
6731
|
+
"md.flood": {
|
|
6732
|
+
"status": "experimental",
|
|
6733
|
+
"visibility": "public",
|
|
6734
|
+
"owner": "foundations",
|
|
6735
|
+
"since": "0.2.4",
|
|
6736
|
+
"usage": {
|
|
6737
|
+
"allowed": [
|
|
6738
|
+
"Medium constrained content width"
|
|
6739
|
+
],
|
|
6740
|
+
"avoid": [
|
|
6741
|
+
"Fixed viewport breakpoints",
|
|
6742
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6743
|
+
]
|
|
6744
|
+
}
|
|
6745
|
+
}
|
|
6746
|
+
}
|
|
6747
|
+
},
|
|
6748
|
+
"sm": {
|
|
6749
|
+
"$type": "dimension",
|
|
6750
|
+
"$value": {
|
|
6751
|
+
"value": 40,
|
|
6752
|
+
"unit": "rem"
|
|
6753
|
+
},
|
|
6754
|
+
"$description": "Small constrained content width",
|
|
6755
|
+
"$extensions": {
|
|
6756
|
+
"md.flood": {
|
|
6757
|
+
"status": "experimental",
|
|
6758
|
+
"visibility": "public",
|
|
6759
|
+
"owner": "foundations",
|
|
6760
|
+
"since": "0.2.4",
|
|
6761
|
+
"usage": {
|
|
6762
|
+
"allowed": [
|
|
6763
|
+
"Small constrained content width"
|
|
6764
|
+
],
|
|
6765
|
+
"avoid": [
|
|
6766
|
+
"Fixed viewport breakpoints",
|
|
6767
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6768
|
+
]
|
|
6769
|
+
}
|
|
6770
|
+
}
|
|
6771
|
+
}
|
|
6772
|
+
}
|
|
6773
|
+
},
|
|
6774
|
+
"grid": {
|
|
6775
|
+
"min-item": {
|
|
6776
|
+
"$type": "dimension",
|
|
6777
|
+
"$value": {
|
|
6778
|
+
"value": 16,
|
|
6779
|
+
"unit": "rem"
|
|
6780
|
+
},
|
|
6781
|
+
"$description": "Minimum automatic grid item width",
|
|
6782
|
+
"$extensions": {
|
|
6783
|
+
"md.flood": {
|
|
6784
|
+
"status": "experimental",
|
|
6785
|
+
"visibility": "public",
|
|
6786
|
+
"owner": "foundations",
|
|
6787
|
+
"since": "0.2.4",
|
|
6788
|
+
"usage": {
|
|
6789
|
+
"allowed": [
|
|
6790
|
+
"Minimum automatic grid item width"
|
|
6791
|
+
],
|
|
6792
|
+
"avoid": [
|
|
6793
|
+
"Fixed viewport breakpoints",
|
|
6794
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
6795
|
+
]
|
|
6796
|
+
}
|
|
6797
|
+
}
|
|
6798
|
+
}
|
|
6799
|
+
}
|
|
6800
|
+
},
|
|
6801
|
+
"indicator": {
|
|
6802
|
+
"lg": {
|
|
6803
|
+
"$type": "dimension",
|
|
6804
|
+
"$value": {
|
|
6805
|
+
"value": 0.5,
|
|
6806
|
+
"unit": "rem"
|
|
6807
|
+
},
|
|
6808
|
+
"$description": "Indicator lg thickness",
|
|
6809
|
+
"$extensions": {
|
|
6810
|
+
"md.flood": {
|
|
6811
|
+
"status": "experimental",
|
|
6812
|
+
"visibility": "public",
|
|
6813
|
+
"owner": "foundations",
|
|
6814
|
+
"since": "0.2.4",
|
|
6815
|
+
"usage": {
|
|
6816
|
+
"allowed": [
|
|
6817
|
+
"Indicator lg thickness"
|
|
6818
|
+
],
|
|
6819
|
+
"avoid": []
|
|
6820
|
+
}
|
|
6821
|
+
}
|
|
6822
|
+
}
|
|
6823
|
+
},
|
|
6824
|
+
"md": {
|
|
6825
|
+
"$type": "dimension",
|
|
6826
|
+
"$value": {
|
|
6827
|
+
"value": 0.375,
|
|
6828
|
+
"unit": "rem"
|
|
6829
|
+
},
|
|
6830
|
+
"$description": "Indicator md thickness",
|
|
6831
|
+
"$extensions": {
|
|
6832
|
+
"md.flood": {
|
|
6833
|
+
"status": "experimental",
|
|
6834
|
+
"visibility": "public",
|
|
6835
|
+
"owner": "foundations",
|
|
6836
|
+
"since": "0.2.4",
|
|
6837
|
+
"usage": {
|
|
6838
|
+
"allowed": [
|
|
6839
|
+
"Indicator md thickness"
|
|
6840
|
+
],
|
|
6841
|
+
"avoid": []
|
|
6842
|
+
}
|
|
6843
|
+
}
|
|
6844
|
+
}
|
|
6845
|
+
},
|
|
6846
|
+
"sm": {
|
|
6847
|
+
"$type": "dimension",
|
|
6848
|
+
"$value": {
|
|
6849
|
+
"value": 0.25,
|
|
6850
|
+
"unit": "rem"
|
|
6851
|
+
},
|
|
6852
|
+
"$description": "Indicator sm thickness",
|
|
6853
|
+
"$extensions": {
|
|
6854
|
+
"md.flood": {
|
|
6855
|
+
"status": "experimental",
|
|
6856
|
+
"visibility": "public",
|
|
6857
|
+
"owner": "foundations",
|
|
6858
|
+
"since": "0.2.4",
|
|
6859
|
+
"usage": {
|
|
6860
|
+
"allowed": [
|
|
6861
|
+
"Indicator sm thickness"
|
|
6862
|
+
],
|
|
6863
|
+
"avoid": []
|
|
6864
|
+
}
|
|
6865
|
+
}
|
|
6866
|
+
}
|
|
6867
|
+
}
|
|
6868
|
+
},
|
|
6869
|
+
"keycap": {
|
|
6870
|
+
"lg": {
|
|
6871
|
+
"$type": "dimension",
|
|
6872
|
+
"$value": {
|
|
6873
|
+
"value": 1.75,
|
|
6874
|
+
"unit": "rem"
|
|
6875
|
+
},
|
|
6876
|
+
"$description": "lg keycap height",
|
|
6877
|
+
"$extensions": {
|
|
6878
|
+
"md.flood": {
|
|
6879
|
+
"status": "experimental",
|
|
6880
|
+
"visibility": "public",
|
|
6881
|
+
"owner": "foundations",
|
|
6882
|
+
"since": "0.2.4",
|
|
6883
|
+
"usage": {
|
|
6884
|
+
"allowed": [
|
|
6885
|
+
"lg keycap height"
|
|
6886
|
+
],
|
|
6887
|
+
"avoid": []
|
|
6888
|
+
}
|
|
6889
|
+
}
|
|
6890
|
+
}
|
|
6891
|
+
},
|
|
6892
|
+
"md": {
|
|
6893
|
+
"$type": "dimension",
|
|
6894
|
+
"$value": {
|
|
6895
|
+
"value": 1.5,
|
|
6896
|
+
"unit": "rem"
|
|
6897
|
+
},
|
|
6898
|
+
"$description": "md keycap height",
|
|
6899
|
+
"$extensions": {
|
|
6900
|
+
"md.flood": {
|
|
6901
|
+
"status": "experimental",
|
|
6902
|
+
"visibility": "public",
|
|
6903
|
+
"owner": "foundations",
|
|
6904
|
+
"since": "0.2.4",
|
|
6905
|
+
"usage": {
|
|
6906
|
+
"allowed": [
|
|
6907
|
+
"md keycap height"
|
|
6908
|
+
],
|
|
6909
|
+
"avoid": []
|
|
6910
|
+
}
|
|
6911
|
+
}
|
|
6912
|
+
}
|
|
6913
|
+
},
|
|
6914
|
+
"sm": {
|
|
6915
|
+
"$type": "dimension",
|
|
6916
|
+
"$value": {
|
|
6917
|
+
"value": 1.25,
|
|
6918
|
+
"unit": "rem"
|
|
6919
|
+
},
|
|
6920
|
+
"$description": "sm keycap height",
|
|
6921
|
+
"$extensions": {
|
|
6922
|
+
"md.flood": {
|
|
6923
|
+
"status": "experimental",
|
|
6924
|
+
"visibility": "public",
|
|
6925
|
+
"owner": "foundations",
|
|
6926
|
+
"since": "0.2.4",
|
|
6927
|
+
"usage": {
|
|
6928
|
+
"allowed": [
|
|
6929
|
+
"sm keycap height"
|
|
6930
|
+
],
|
|
6931
|
+
"avoid": []
|
|
6932
|
+
}
|
|
6933
|
+
}
|
|
6934
|
+
}
|
|
6935
|
+
}
|
|
6936
|
+
},
|
|
5852
6937
|
"switch-height": {
|
|
5853
6938
|
"$type": "dimension",
|
|
5854
6939
|
"$value": {
|