@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
|
@@ -1,12 +1,294 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"status": "experimental",
|
|
5
5
|
"contexts": [
|
|
6
6
|
{
|
|
7
7
|
"preset": "neutral",
|
|
8
8
|
"theme": "dark",
|
|
9
9
|
"tokens": [
|
|
10
|
+
{
|
|
11
|
+
"id": "ref.color.floating.active",
|
|
12
|
+
"type": "color",
|
|
13
|
+
"cssName": "--flood-ref-color-floating-active",
|
|
14
|
+
"description": "Active option fill on a floating surface",
|
|
15
|
+
"status": "experimental",
|
|
16
|
+
"visibility": "public",
|
|
17
|
+
"owner": "foundations",
|
|
18
|
+
"since": "0.2.5",
|
|
19
|
+
"usage": {
|
|
20
|
+
"allowed": [
|
|
21
|
+
"Active option fill on a floating surface"
|
|
22
|
+
],
|
|
23
|
+
"avoid": []
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.06
|
|
33
|
+
},
|
|
34
|
+
"alias": null,
|
|
35
|
+
"dependencies": [],
|
|
36
|
+
"dependents": [
|
|
37
|
+
"sys.color.selection.floating"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"id": "ref.color.floating.edge",
|
|
42
|
+
"type": "color",
|
|
43
|
+
"cssName": "--flood-ref-color-floating-edge",
|
|
44
|
+
"description": "Quiet edge of a floating surface",
|
|
45
|
+
"status": "experimental",
|
|
46
|
+
"visibility": "public",
|
|
47
|
+
"owner": "foundations",
|
|
48
|
+
"since": "0.2.5",
|
|
49
|
+
"usage": {
|
|
50
|
+
"allowed": [
|
|
51
|
+
"Quiet edge of a floating surface"
|
|
52
|
+
],
|
|
53
|
+
"avoid": []
|
|
54
|
+
},
|
|
55
|
+
"value": {
|
|
56
|
+
"colorSpace": "srgb",
|
|
57
|
+
"components": [
|
|
58
|
+
1,
|
|
59
|
+
1,
|
|
60
|
+
1
|
|
61
|
+
],
|
|
62
|
+
"alpha": 0.07
|
|
63
|
+
},
|
|
64
|
+
"alias": null,
|
|
65
|
+
"dependencies": [],
|
|
66
|
+
"dependents": [
|
|
67
|
+
"sys.color.border.floating"
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"id": "ref.color.floating.shadow",
|
|
72
|
+
"type": "color",
|
|
73
|
+
"cssName": "--flood-ref-color-floating-shadow",
|
|
74
|
+
"description": "Light floating surface shadow color",
|
|
75
|
+
"status": "experimental",
|
|
76
|
+
"visibility": "public",
|
|
77
|
+
"owner": "foundations",
|
|
78
|
+
"since": "0.2.5",
|
|
79
|
+
"usage": {
|
|
80
|
+
"allowed": [
|
|
81
|
+
"Light floating surface shadow color"
|
|
82
|
+
],
|
|
83
|
+
"avoid": []
|
|
84
|
+
},
|
|
85
|
+
"value": {
|
|
86
|
+
"colorSpace": "srgb",
|
|
87
|
+
"components": [
|
|
88
|
+
0,
|
|
89
|
+
0,
|
|
90
|
+
0
|
|
91
|
+
],
|
|
92
|
+
"alpha": 0.1
|
|
93
|
+
},
|
|
94
|
+
"alias": null,
|
|
95
|
+
"dependencies": [],
|
|
96
|
+
"dependents": [
|
|
97
|
+
"sys.color.shadow.floating"
|
|
98
|
+
]
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"id": "ref.color.floating.translucent",
|
|
102
|
+
"type": "color",
|
|
103
|
+
"cssName": "--flood-ref-color-floating-translucent",
|
|
104
|
+
"description": "Translucent floating surface when backdrop filtering is available",
|
|
105
|
+
"status": "experimental",
|
|
106
|
+
"visibility": "public",
|
|
107
|
+
"owner": "foundations",
|
|
108
|
+
"since": "0.2.5",
|
|
109
|
+
"usage": {
|
|
110
|
+
"allowed": [
|
|
111
|
+
"Translucent floating surface when backdrop filtering is available"
|
|
112
|
+
],
|
|
113
|
+
"avoid": []
|
|
114
|
+
},
|
|
115
|
+
"value": {
|
|
116
|
+
"colorSpace": "srgb",
|
|
117
|
+
"components": [
|
|
118
|
+
0.2196078431372549,
|
|
119
|
+
0.2196078431372549,
|
|
120
|
+
0.2196078431372549
|
|
121
|
+
],
|
|
122
|
+
"alpha": 0.88
|
|
123
|
+
},
|
|
124
|
+
"alias": null,
|
|
125
|
+
"dependencies": [],
|
|
126
|
+
"dependents": [
|
|
127
|
+
"sys.color.surface.floating-translucent"
|
|
128
|
+
]
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"id": "ref.effect.floating.blur",
|
|
132
|
+
"type": "dimension",
|
|
133
|
+
"cssName": "--flood-ref-effect-floating-blur",
|
|
134
|
+
"description": "Floating material backdrop blur",
|
|
135
|
+
"status": "experimental",
|
|
136
|
+
"visibility": "public",
|
|
137
|
+
"owner": "foundations",
|
|
138
|
+
"since": "0.2.5",
|
|
139
|
+
"usage": {
|
|
140
|
+
"allowed": [
|
|
141
|
+
"Floating material backdrop blur"
|
|
142
|
+
],
|
|
143
|
+
"avoid": []
|
|
144
|
+
},
|
|
145
|
+
"value": {
|
|
146
|
+
"value": 1,
|
|
147
|
+
"unit": "rem"
|
|
148
|
+
},
|
|
149
|
+
"alias": null,
|
|
150
|
+
"dependencies": [],
|
|
151
|
+
"dependents": [
|
|
152
|
+
"sys.effect.floating.blur"
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"id": "ref.effect.floating.saturation",
|
|
157
|
+
"type": "number",
|
|
158
|
+
"cssName": "--flood-ref-effect-floating-saturation",
|
|
159
|
+
"description": "Floating material backdrop saturation multiplier",
|
|
160
|
+
"status": "experimental",
|
|
161
|
+
"visibility": "public",
|
|
162
|
+
"owner": "foundations",
|
|
163
|
+
"since": "0.2.5",
|
|
164
|
+
"usage": {
|
|
165
|
+
"allowed": [
|
|
166
|
+
"Floating material backdrop saturation multiplier"
|
|
167
|
+
],
|
|
168
|
+
"avoid": []
|
|
169
|
+
},
|
|
170
|
+
"value": 1.05,
|
|
171
|
+
"alias": null,
|
|
172
|
+
"dependencies": [],
|
|
173
|
+
"dependents": [
|
|
174
|
+
"sys.effect.floating.saturation"
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"id": "ref.effect.floating.shadow-blur",
|
|
179
|
+
"type": "dimension",
|
|
180
|
+
"cssName": "--flood-ref-effect-floating-shadow-blur",
|
|
181
|
+
"description": "Floating shadow blur radius",
|
|
182
|
+
"status": "experimental",
|
|
183
|
+
"visibility": "public",
|
|
184
|
+
"owner": "foundations",
|
|
185
|
+
"since": "0.2.5",
|
|
186
|
+
"usage": {
|
|
187
|
+
"allowed": [
|
|
188
|
+
"Floating shadow blur radius"
|
|
189
|
+
],
|
|
190
|
+
"avoid": []
|
|
191
|
+
},
|
|
192
|
+
"value": {
|
|
193
|
+
"value": 0.5,
|
|
194
|
+
"unit": "rem"
|
|
195
|
+
},
|
|
196
|
+
"alias": null,
|
|
197
|
+
"dependencies": [],
|
|
198
|
+
"dependents": [
|
|
199
|
+
"sys.effect.floating.shadow-blur"
|
|
200
|
+
]
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"id": "ref.effect.floating.shadow-offset",
|
|
204
|
+
"type": "dimension",
|
|
205
|
+
"cssName": "--flood-ref-effect-floating-shadow-offset",
|
|
206
|
+
"description": "Floating shadow vertical offset",
|
|
207
|
+
"status": "experimental",
|
|
208
|
+
"visibility": "public",
|
|
209
|
+
"owner": "foundations",
|
|
210
|
+
"since": "0.2.5",
|
|
211
|
+
"usage": {
|
|
212
|
+
"allowed": [
|
|
213
|
+
"Floating shadow vertical offset"
|
|
214
|
+
],
|
|
215
|
+
"avoid": []
|
|
216
|
+
},
|
|
217
|
+
"value": {
|
|
218
|
+
"value": 0.125,
|
|
219
|
+
"unit": "rem"
|
|
220
|
+
},
|
|
221
|
+
"alias": null,
|
|
222
|
+
"dependencies": [],
|
|
223
|
+
"dependents": [
|
|
224
|
+
"sys.effect.floating.shadow-offset"
|
|
225
|
+
]
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"id": "sys.color.accent.content",
|
|
229
|
+
"type": "color",
|
|
230
|
+
"cssName": "--flood-sys-color-accent-content",
|
|
231
|
+
"description": "Accent text and metadata on neutral dark surfaces",
|
|
232
|
+
"status": "experimental",
|
|
233
|
+
"visibility": "public",
|
|
234
|
+
"owner": "foundations",
|
|
235
|
+
"since": "0.2.4",
|
|
236
|
+
"usage": {
|
|
237
|
+
"allowed": [
|
|
238
|
+
"Accent text and metadata on neutral dark surfaces"
|
|
239
|
+
],
|
|
240
|
+
"avoid": [
|
|
241
|
+
"Keyboard focus indicators"
|
|
242
|
+
]
|
|
243
|
+
},
|
|
244
|
+
"value": {
|
|
245
|
+
"colorSpace": "srgb",
|
|
246
|
+
"components": [
|
|
247
|
+
1,
|
|
248
|
+
0.3607843137254902,
|
|
249
|
+
0.6588235294117647
|
|
250
|
+
],
|
|
251
|
+
"alpha": 1
|
|
252
|
+
},
|
|
253
|
+
"alias": "ref.color.accent.default",
|
|
254
|
+
"dependencies": [
|
|
255
|
+
"ref.color.accent.default"
|
|
256
|
+
],
|
|
257
|
+
"dependents": []
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"id": "sys.color.action.danger.content",
|
|
261
|
+
"type": "color",
|
|
262
|
+
"cssName": "--flood-sys-color-action-danger-content",
|
|
263
|
+
"description": "Destructive action text and icons",
|
|
264
|
+
"status": "experimental",
|
|
265
|
+
"visibility": "public",
|
|
266
|
+
"owner": "foundations",
|
|
267
|
+
"since": "0.2.4",
|
|
268
|
+
"usage": {
|
|
269
|
+
"allowed": [
|
|
270
|
+
"Destructive action text and icons"
|
|
271
|
+
],
|
|
272
|
+
"avoid": [
|
|
273
|
+
"Validation messages",
|
|
274
|
+
"Keyboard focus"
|
|
275
|
+
]
|
|
276
|
+
},
|
|
277
|
+
"value": {
|
|
278
|
+
"colorSpace": "srgb",
|
|
279
|
+
"components": [
|
|
280
|
+
1,
|
|
281
|
+
0.5411764705882353,
|
|
282
|
+
0.5411764705882353
|
|
283
|
+
],
|
|
284
|
+
"alpha": 1
|
|
285
|
+
},
|
|
286
|
+
"alias": "ref.color.feedback.error",
|
|
287
|
+
"dependencies": [
|
|
288
|
+
"ref.color.feedback.error"
|
|
289
|
+
],
|
|
290
|
+
"dependents": []
|
|
291
|
+
},
|
|
10
292
|
{
|
|
11
293
|
"id": "sys.color.action.ghost.content",
|
|
12
294
|
"type": "color",
|
|
@@ -802,6 +1084,36 @@
|
|
|
802
1084
|
],
|
|
803
1085
|
"dependents": []
|
|
804
1086
|
},
|
|
1087
|
+
{
|
|
1088
|
+
"id": "sys.color.border.floating",
|
|
1089
|
+
"type": "color",
|
|
1090
|
+
"cssName": "--flood-sys-color-border-floating",
|
|
1091
|
+
"description": "Quiet edge of a floating surface",
|
|
1092
|
+
"status": "experimental",
|
|
1093
|
+
"visibility": "public",
|
|
1094
|
+
"owner": "foundations",
|
|
1095
|
+
"since": "0.2.5",
|
|
1096
|
+
"usage": {
|
|
1097
|
+
"allowed": [
|
|
1098
|
+
"Quiet edge of a floating surface"
|
|
1099
|
+
],
|
|
1100
|
+
"avoid": []
|
|
1101
|
+
},
|
|
1102
|
+
"value": {
|
|
1103
|
+
"colorSpace": "srgb",
|
|
1104
|
+
"components": [
|
|
1105
|
+
1,
|
|
1106
|
+
1,
|
|
1107
|
+
1
|
|
1108
|
+
],
|
|
1109
|
+
"alpha": 0.07
|
|
1110
|
+
},
|
|
1111
|
+
"alias": "ref.color.floating.edge",
|
|
1112
|
+
"dependencies": [
|
|
1113
|
+
"ref.color.floating.edge"
|
|
1114
|
+
],
|
|
1115
|
+
"dependents": []
|
|
1116
|
+
},
|
|
805
1117
|
{
|
|
806
1118
|
"id": "sys.color.border.strong",
|
|
807
1119
|
"type": "color",
|
|
@@ -1320,6 +1632,129 @@
|
|
|
1320
1632
|
],
|
|
1321
1633
|
"dependents": []
|
|
1322
1634
|
},
|
|
1635
|
+
{
|
|
1636
|
+
"id": "sys.color.indicator.accent",
|
|
1637
|
+
"type": "color",
|
|
1638
|
+
"cssName": "--flood-sys-color-indicator-accent",
|
|
1639
|
+
"description": "Accent fill for task progress and bounded indicators",
|
|
1640
|
+
"status": "experimental",
|
|
1641
|
+
"visibility": "public",
|
|
1642
|
+
"owner": "foundations",
|
|
1643
|
+
"since": "0.2.4",
|
|
1644
|
+
"usage": {
|
|
1645
|
+
"allowed": [
|
|
1646
|
+
"Accent fill for task progress and bounded indicators"
|
|
1647
|
+
],
|
|
1648
|
+
"avoid": []
|
|
1649
|
+
},
|
|
1650
|
+
"value": {
|
|
1651
|
+
"colorSpace": "srgb",
|
|
1652
|
+
"components": [
|
|
1653
|
+
1,
|
|
1654
|
+
0.3607843137254902,
|
|
1655
|
+
0.6588235294117647
|
|
1656
|
+
],
|
|
1657
|
+
"alpha": 1
|
|
1658
|
+
},
|
|
1659
|
+
"alias": "ref.color.accent.default",
|
|
1660
|
+
"dependencies": [
|
|
1661
|
+
"ref.color.accent.default"
|
|
1662
|
+
],
|
|
1663
|
+
"dependents": []
|
|
1664
|
+
},
|
|
1665
|
+
{
|
|
1666
|
+
"id": "sys.color.indicator.fill",
|
|
1667
|
+
"type": "color",
|
|
1668
|
+
"cssName": "--flood-sys-color-indicator-fill",
|
|
1669
|
+
"description": "Neutral fill for bounded value indicators",
|
|
1670
|
+
"status": "experimental",
|
|
1671
|
+
"visibility": "public",
|
|
1672
|
+
"owner": "foundations",
|
|
1673
|
+
"since": "0.2.4",
|
|
1674
|
+
"usage": {
|
|
1675
|
+
"allowed": [
|
|
1676
|
+
"Neutral fill for bounded value indicators"
|
|
1677
|
+
],
|
|
1678
|
+
"avoid": []
|
|
1679
|
+
},
|
|
1680
|
+
"value": {
|
|
1681
|
+
"colorSpace": "srgb",
|
|
1682
|
+
"components": [
|
|
1683
|
+
0.9294117647058824,
|
|
1684
|
+
0.9294117647058824,
|
|
1685
|
+
0.9294117647058824
|
|
1686
|
+
],
|
|
1687
|
+
"alpha": 1
|
|
1688
|
+
},
|
|
1689
|
+
"alias": "ref.color.neutral.100",
|
|
1690
|
+
"dependencies": [
|
|
1691
|
+
"ref.color.neutral.100"
|
|
1692
|
+
],
|
|
1693
|
+
"dependents": []
|
|
1694
|
+
},
|
|
1695
|
+
{
|
|
1696
|
+
"id": "sys.color.indicator.track",
|
|
1697
|
+
"type": "color",
|
|
1698
|
+
"cssName": "--flood-sys-color-indicator-track",
|
|
1699
|
+
"description": "Track for progress and bounded value indicators",
|
|
1700
|
+
"status": "experimental",
|
|
1701
|
+
"visibility": "public",
|
|
1702
|
+
"owner": "foundations",
|
|
1703
|
+
"since": "0.2.4",
|
|
1704
|
+
"usage": {
|
|
1705
|
+
"allowed": [
|
|
1706
|
+
"Track for progress and bounded value indicators"
|
|
1707
|
+
],
|
|
1708
|
+
"avoid": []
|
|
1709
|
+
},
|
|
1710
|
+
"value": {
|
|
1711
|
+
"colorSpace": "srgb",
|
|
1712
|
+
"components": [
|
|
1713
|
+
0.2196078431372549,
|
|
1714
|
+
0.2196078431372549,
|
|
1715
|
+
0.2196078431372549
|
|
1716
|
+
],
|
|
1717
|
+
"alpha": 1
|
|
1718
|
+
},
|
|
1719
|
+
"alias": "ref.color.neutral.750",
|
|
1720
|
+
"dependencies": [
|
|
1721
|
+
"ref.color.neutral.750"
|
|
1722
|
+
],
|
|
1723
|
+
"dependents": []
|
|
1724
|
+
},
|
|
1725
|
+
{
|
|
1726
|
+
"id": "sys.color.loading.placeholder",
|
|
1727
|
+
"type": "color",
|
|
1728
|
+
"cssName": "--flood-sys-color-loading-placeholder",
|
|
1729
|
+
"description": "Decorative loading placeholder fill",
|
|
1730
|
+
"status": "experimental",
|
|
1731
|
+
"visibility": "public",
|
|
1732
|
+
"owner": "foundations",
|
|
1733
|
+
"since": "0.2.4",
|
|
1734
|
+
"usage": {
|
|
1735
|
+
"allowed": [
|
|
1736
|
+
"Decorative loading placeholder fill"
|
|
1737
|
+
],
|
|
1738
|
+
"avoid": [
|
|
1739
|
+
"Necessary control boundaries",
|
|
1740
|
+
"Loading announcements"
|
|
1741
|
+
]
|
|
1742
|
+
},
|
|
1743
|
+
"value": {
|
|
1744
|
+
"colorSpace": "srgb",
|
|
1745
|
+
"components": [
|
|
1746
|
+
0.18823529411764706,
|
|
1747
|
+
0.18823529411764706,
|
|
1748
|
+
0.18823529411764706
|
|
1749
|
+
],
|
|
1750
|
+
"alpha": 1
|
|
1751
|
+
},
|
|
1752
|
+
"alias": "ref.color.neutral.800",
|
|
1753
|
+
"dependencies": [
|
|
1754
|
+
"ref.color.neutral.800"
|
|
1755
|
+
],
|
|
1756
|
+
"dependents": []
|
|
1757
|
+
},
|
|
1323
1758
|
{
|
|
1324
1759
|
"id": "sys.color.scrollbar.thumb",
|
|
1325
1760
|
"type": "color",
|
|
@@ -1440,6 +1875,66 @@
|
|
|
1440
1875
|
],
|
|
1441
1876
|
"dependents": []
|
|
1442
1877
|
},
|
|
1878
|
+
{
|
|
1879
|
+
"id": "sys.color.selection.floating",
|
|
1880
|
+
"type": "color",
|
|
1881
|
+
"cssName": "--flood-sys-color-selection-floating",
|
|
1882
|
+
"description": "Active option fill on a floating surface",
|
|
1883
|
+
"status": "experimental",
|
|
1884
|
+
"visibility": "public",
|
|
1885
|
+
"owner": "foundations",
|
|
1886
|
+
"since": "0.2.5",
|
|
1887
|
+
"usage": {
|
|
1888
|
+
"allowed": [
|
|
1889
|
+
"Active option fill on a floating surface"
|
|
1890
|
+
],
|
|
1891
|
+
"avoid": []
|
|
1892
|
+
},
|
|
1893
|
+
"value": {
|
|
1894
|
+
"colorSpace": "srgb",
|
|
1895
|
+
"components": [
|
|
1896
|
+
1,
|
|
1897
|
+
1,
|
|
1898
|
+
1
|
|
1899
|
+
],
|
|
1900
|
+
"alpha": 0.06
|
|
1901
|
+
},
|
|
1902
|
+
"alias": "ref.color.floating.active",
|
|
1903
|
+
"dependencies": [
|
|
1904
|
+
"ref.color.floating.active"
|
|
1905
|
+
],
|
|
1906
|
+
"dependents": []
|
|
1907
|
+
},
|
|
1908
|
+
{
|
|
1909
|
+
"id": "sys.color.shadow.floating",
|
|
1910
|
+
"type": "color",
|
|
1911
|
+
"cssName": "--flood-sys-color-shadow-floating",
|
|
1912
|
+
"description": "Light floating surface shadow color",
|
|
1913
|
+
"status": "experimental",
|
|
1914
|
+
"visibility": "public",
|
|
1915
|
+
"owner": "foundations",
|
|
1916
|
+
"since": "0.2.5",
|
|
1917
|
+
"usage": {
|
|
1918
|
+
"allowed": [
|
|
1919
|
+
"Light floating surface shadow color"
|
|
1920
|
+
],
|
|
1921
|
+
"avoid": []
|
|
1922
|
+
},
|
|
1923
|
+
"value": {
|
|
1924
|
+
"colorSpace": "srgb",
|
|
1925
|
+
"components": [
|
|
1926
|
+
0,
|
|
1927
|
+
0,
|
|
1928
|
+
0
|
|
1929
|
+
],
|
|
1930
|
+
"alpha": 0.1
|
|
1931
|
+
},
|
|
1932
|
+
"alias": "ref.color.floating.shadow",
|
|
1933
|
+
"dependencies": [
|
|
1934
|
+
"ref.color.floating.shadow"
|
|
1935
|
+
],
|
|
1936
|
+
"dependents": []
|
|
1937
|
+
},
|
|
1443
1938
|
{
|
|
1444
1939
|
"id": "sys.color.surface.canvas",
|
|
1445
1940
|
"type": "color",
|
|
@@ -1488,15 +1983,75 @@
|
|
|
1488
1983
|
"value": {
|
|
1489
1984
|
"colorSpace": "srgb",
|
|
1490
1985
|
"components": [
|
|
1491
|
-
0.12941176470588237,
|
|
1492
|
-
0.12941176470588237,
|
|
1493
|
-
0.12941176470588237
|
|
1986
|
+
0.12941176470588237,
|
|
1987
|
+
0.12941176470588237,
|
|
1988
|
+
0.12941176470588237
|
|
1989
|
+
],
|
|
1990
|
+
"alpha": 1
|
|
1991
|
+
},
|
|
1992
|
+
"alias": "ref.color.neutral.900",
|
|
1993
|
+
"dependencies": [
|
|
1994
|
+
"ref.color.neutral.900"
|
|
1995
|
+
],
|
|
1996
|
+
"dependents": []
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"id": "sys.color.surface.floating",
|
|
2000
|
+
"type": "color",
|
|
2001
|
+
"cssName": "--flood-sys-color-surface-floating",
|
|
2002
|
+
"description": "Opaque fallback for floating menus and popovers; separate from modal surfaces",
|
|
2003
|
+
"status": "experimental",
|
|
2004
|
+
"visibility": "public",
|
|
2005
|
+
"owner": "foundations",
|
|
2006
|
+
"since": "0.2.5",
|
|
2007
|
+
"usage": {
|
|
2008
|
+
"allowed": [
|
|
2009
|
+
"Opaque fallback for floating menus and popovers; separate from modal surfaces"
|
|
2010
|
+
],
|
|
2011
|
+
"avoid": []
|
|
2012
|
+
},
|
|
2013
|
+
"value": {
|
|
2014
|
+
"colorSpace": "srgb",
|
|
2015
|
+
"components": [
|
|
2016
|
+
0.2196078431372549,
|
|
2017
|
+
0.2196078431372549,
|
|
2018
|
+
0.2196078431372549
|
|
2019
|
+
],
|
|
2020
|
+
"alpha": 1
|
|
2021
|
+
},
|
|
2022
|
+
"alias": "ref.color.neutral.750",
|
|
2023
|
+
"dependencies": [
|
|
2024
|
+
"ref.color.neutral.750"
|
|
2025
|
+
],
|
|
2026
|
+
"dependents": []
|
|
2027
|
+
},
|
|
2028
|
+
{
|
|
2029
|
+
"id": "sys.color.surface.floating-translucent",
|
|
2030
|
+
"type": "color",
|
|
2031
|
+
"cssName": "--flood-sys-color-surface-floating-translucent",
|
|
2032
|
+
"description": "Translucent floating surface when backdrop filtering is available",
|
|
2033
|
+
"status": "experimental",
|
|
2034
|
+
"visibility": "public",
|
|
2035
|
+
"owner": "foundations",
|
|
2036
|
+
"since": "0.2.5",
|
|
2037
|
+
"usage": {
|
|
2038
|
+
"allowed": [
|
|
2039
|
+
"Translucent floating surface when backdrop filtering is available"
|
|
2040
|
+
],
|
|
2041
|
+
"avoid": []
|
|
2042
|
+
},
|
|
2043
|
+
"value": {
|
|
2044
|
+
"colorSpace": "srgb",
|
|
2045
|
+
"components": [
|
|
2046
|
+
0.2196078431372549,
|
|
2047
|
+
0.2196078431372549,
|
|
2048
|
+
0.2196078431372549
|
|
1494
2049
|
],
|
|
1495
|
-
"alpha":
|
|
2050
|
+
"alpha": 0.88
|
|
1496
2051
|
},
|
|
1497
|
-
"alias": "ref.color.
|
|
2052
|
+
"alias": "ref.color.floating.translucent",
|
|
1498
2053
|
"dependencies": [
|
|
1499
|
-
"ref.color.
|
|
2054
|
+
"ref.color.floating.translucent"
|
|
1500
2055
|
],
|
|
1501
2056
|
"dependents": []
|
|
1502
2057
|
},
|
|
@@ -2589,6 +3144,103 @@
|
|
|
2589
3144
|
],
|
|
2590
3145
|
"dependents": []
|
|
2591
3146
|
},
|
|
3147
|
+
{
|
|
3148
|
+
"id": "sys.effect.floating.blur",
|
|
3149
|
+
"type": "dimension",
|
|
3150
|
+
"cssName": "--flood-sys-effect-floating-blur",
|
|
3151
|
+
"description": "Floating material backdrop blur",
|
|
3152
|
+
"status": "experimental",
|
|
3153
|
+
"visibility": "public",
|
|
3154
|
+
"owner": "foundations",
|
|
3155
|
+
"since": "0.2.5",
|
|
3156
|
+
"usage": {
|
|
3157
|
+
"allowed": [
|
|
3158
|
+
"Floating material backdrop blur"
|
|
3159
|
+
],
|
|
3160
|
+
"avoid": []
|
|
3161
|
+
},
|
|
3162
|
+
"value": {
|
|
3163
|
+
"value": 1,
|
|
3164
|
+
"unit": "rem"
|
|
3165
|
+
},
|
|
3166
|
+
"alias": "ref.effect.floating.blur",
|
|
3167
|
+
"dependencies": [
|
|
3168
|
+
"ref.effect.floating.blur"
|
|
3169
|
+
],
|
|
3170
|
+
"dependents": []
|
|
3171
|
+
},
|
|
3172
|
+
{
|
|
3173
|
+
"id": "sys.effect.floating.saturation",
|
|
3174
|
+
"type": "number",
|
|
3175
|
+
"cssName": "--flood-sys-effect-floating-saturation",
|
|
3176
|
+
"description": "Floating material backdrop saturation multiplier",
|
|
3177
|
+
"status": "experimental",
|
|
3178
|
+
"visibility": "public",
|
|
3179
|
+
"owner": "foundations",
|
|
3180
|
+
"since": "0.2.5",
|
|
3181
|
+
"usage": {
|
|
3182
|
+
"allowed": [
|
|
3183
|
+
"Floating material backdrop saturation multiplier"
|
|
3184
|
+
],
|
|
3185
|
+
"avoid": []
|
|
3186
|
+
},
|
|
3187
|
+
"value": 1.05,
|
|
3188
|
+
"alias": "ref.effect.floating.saturation",
|
|
3189
|
+
"dependencies": [
|
|
3190
|
+
"ref.effect.floating.saturation"
|
|
3191
|
+
],
|
|
3192
|
+
"dependents": []
|
|
3193
|
+
},
|
|
3194
|
+
{
|
|
3195
|
+
"id": "sys.effect.floating.shadow-blur",
|
|
3196
|
+
"type": "dimension",
|
|
3197
|
+
"cssName": "--flood-sys-effect-floating-shadow-blur",
|
|
3198
|
+
"description": "Floating shadow blur radius",
|
|
3199
|
+
"status": "experimental",
|
|
3200
|
+
"visibility": "public",
|
|
3201
|
+
"owner": "foundations",
|
|
3202
|
+
"since": "0.2.5",
|
|
3203
|
+
"usage": {
|
|
3204
|
+
"allowed": [
|
|
3205
|
+
"Floating shadow blur radius"
|
|
3206
|
+
],
|
|
3207
|
+
"avoid": []
|
|
3208
|
+
},
|
|
3209
|
+
"value": {
|
|
3210
|
+
"value": 0.5,
|
|
3211
|
+
"unit": "rem"
|
|
3212
|
+
},
|
|
3213
|
+
"alias": "ref.effect.floating.shadow-blur",
|
|
3214
|
+
"dependencies": [
|
|
3215
|
+
"ref.effect.floating.shadow-blur"
|
|
3216
|
+
],
|
|
3217
|
+
"dependents": []
|
|
3218
|
+
},
|
|
3219
|
+
{
|
|
3220
|
+
"id": "sys.effect.floating.shadow-offset",
|
|
3221
|
+
"type": "dimension",
|
|
3222
|
+
"cssName": "--flood-sys-effect-floating-shadow-offset",
|
|
3223
|
+
"description": "Floating shadow vertical offset",
|
|
3224
|
+
"status": "experimental",
|
|
3225
|
+
"visibility": "public",
|
|
3226
|
+
"owner": "foundations",
|
|
3227
|
+
"since": "0.2.5",
|
|
3228
|
+
"usage": {
|
|
3229
|
+
"allowed": [
|
|
3230
|
+
"Floating shadow vertical offset"
|
|
3231
|
+
],
|
|
3232
|
+
"avoid": []
|
|
3233
|
+
},
|
|
3234
|
+
"value": {
|
|
3235
|
+
"value": 0.125,
|
|
3236
|
+
"unit": "rem"
|
|
3237
|
+
},
|
|
3238
|
+
"alias": "ref.effect.floating.shadow-offset",
|
|
3239
|
+
"dependencies": [
|
|
3240
|
+
"ref.effect.floating.shadow-offset"
|
|
3241
|
+
],
|
|
3242
|
+
"dependents": []
|
|
3243
|
+
},
|
|
2592
3244
|
{
|
|
2593
3245
|
"id": "sys.focus.offset",
|
|
2594
3246
|
"type": "dimension",
|
|
@@ -3129,6 +3781,268 @@
|
|
|
3129
3781
|
],
|
|
3130
3782
|
"dependents": []
|
|
3131
3783
|
},
|
|
3784
|
+
{
|
|
3785
|
+
"id": "sys.size.container.lg",
|
|
3786
|
+
"type": "dimension",
|
|
3787
|
+
"cssName": "--flood-sys-size-container-lg",
|
|
3788
|
+
"description": "Large constrained content width",
|
|
3789
|
+
"status": "experimental",
|
|
3790
|
+
"visibility": "public",
|
|
3791
|
+
"owner": "foundations",
|
|
3792
|
+
"since": "0.2.4",
|
|
3793
|
+
"usage": {
|
|
3794
|
+
"allowed": [
|
|
3795
|
+
"Large constrained content width"
|
|
3796
|
+
],
|
|
3797
|
+
"avoid": [
|
|
3798
|
+
"Fixed viewport breakpoints",
|
|
3799
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
3800
|
+
]
|
|
3801
|
+
},
|
|
3802
|
+
"value": {
|
|
3803
|
+
"value": 80,
|
|
3804
|
+
"unit": "rem"
|
|
3805
|
+
},
|
|
3806
|
+
"alias": "ref.layout.container.lg",
|
|
3807
|
+
"dependencies": [
|
|
3808
|
+
"ref.layout.container.lg"
|
|
3809
|
+
],
|
|
3810
|
+
"dependents": []
|
|
3811
|
+
},
|
|
3812
|
+
{
|
|
3813
|
+
"id": "sys.size.container.md",
|
|
3814
|
+
"type": "dimension",
|
|
3815
|
+
"cssName": "--flood-sys-size-container-md",
|
|
3816
|
+
"description": "Medium constrained content width",
|
|
3817
|
+
"status": "experimental",
|
|
3818
|
+
"visibility": "public",
|
|
3819
|
+
"owner": "foundations",
|
|
3820
|
+
"since": "0.2.4",
|
|
3821
|
+
"usage": {
|
|
3822
|
+
"allowed": [
|
|
3823
|
+
"Medium constrained content width"
|
|
3824
|
+
],
|
|
3825
|
+
"avoid": [
|
|
3826
|
+
"Fixed viewport breakpoints",
|
|
3827
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
3828
|
+
]
|
|
3829
|
+
},
|
|
3830
|
+
"value": {
|
|
3831
|
+
"value": 64,
|
|
3832
|
+
"unit": "rem"
|
|
3833
|
+
},
|
|
3834
|
+
"alias": "ref.layout.container.md",
|
|
3835
|
+
"dependencies": [
|
|
3836
|
+
"ref.layout.container.md"
|
|
3837
|
+
],
|
|
3838
|
+
"dependents": []
|
|
3839
|
+
},
|
|
3840
|
+
{
|
|
3841
|
+
"id": "sys.size.container.sm",
|
|
3842
|
+
"type": "dimension",
|
|
3843
|
+
"cssName": "--flood-sys-size-container-sm",
|
|
3844
|
+
"description": "Small constrained content width",
|
|
3845
|
+
"status": "experimental",
|
|
3846
|
+
"visibility": "public",
|
|
3847
|
+
"owner": "foundations",
|
|
3848
|
+
"since": "0.2.4",
|
|
3849
|
+
"usage": {
|
|
3850
|
+
"allowed": [
|
|
3851
|
+
"Small constrained content width"
|
|
3852
|
+
],
|
|
3853
|
+
"avoid": [
|
|
3854
|
+
"Fixed viewport breakpoints",
|
|
3855
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
3856
|
+
]
|
|
3857
|
+
},
|
|
3858
|
+
"value": {
|
|
3859
|
+
"value": 40,
|
|
3860
|
+
"unit": "rem"
|
|
3861
|
+
},
|
|
3862
|
+
"alias": "ref.layout.container.sm",
|
|
3863
|
+
"dependencies": [
|
|
3864
|
+
"ref.layout.container.sm"
|
|
3865
|
+
],
|
|
3866
|
+
"dependents": []
|
|
3867
|
+
},
|
|
3868
|
+
{
|
|
3869
|
+
"id": "sys.size.grid.min-item",
|
|
3870
|
+
"type": "dimension",
|
|
3871
|
+
"cssName": "--flood-sys-size-grid-min-item",
|
|
3872
|
+
"description": "Minimum automatic grid item width",
|
|
3873
|
+
"status": "experimental",
|
|
3874
|
+
"visibility": "public",
|
|
3875
|
+
"owner": "foundations",
|
|
3876
|
+
"since": "0.2.4",
|
|
3877
|
+
"usage": {
|
|
3878
|
+
"allowed": [
|
|
3879
|
+
"Minimum automatic grid item width"
|
|
3880
|
+
],
|
|
3881
|
+
"avoid": [
|
|
3882
|
+
"Fixed viewport breakpoints",
|
|
3883
|
+
"Required minimum width that causes narrow-screen overflow"
|
|
3884
|
+
]
|
|
3885
|
+
},
|
|
3886
|
+
"value": {
|
|
3887
|
+
"value": 16,
|
|
3888
|
+
"unit": "rem"
|
|
3889
|
+
},
|
|
3890
|
+
"alias": "ref.layout.grid.min-item",
|
|
3891
|
+
"dependencies": [
|
|
3892
|
+
"ref.layout.grid.min-item"
|
|
3893
|
+
],
|
|
3894
|
+
"dependents": []
|
|
3895
|
+
},
|
|
3896
|
+
{
|
|
3897
|
+
"id": "sys.size.indicator.lg",
|
|
3898
|
+
"type": "dimension",
|
|
3899
|
+
"cssName": "--flood-sys-size-indicator-lg",
|
|
3900
|
+
"description": "Indicator lg thickness",
|
|
3901
|
+
"status": "experimental",
|
|
3902
|
+
"visibility": "public",
|
|
3903
|
+
"owner": "foundations",
|
|
3904
|
+
"since": "0.2.4",
|
|
3905
|
+
"usage": {
|
|
3906
|
+
"allowed": [
|
|
3907
|
+
"Indicator lg thickness"
|
|
3908
|
+
],
|
|
3909
|
+
"avoid": []
|
|
3910
|
+
},
|
|
3911
|
+
"value": {
|
|
3912
|
+
"value": 0.5,
|
|
3913
|
+
"unit": "rem"
|
|
3914
|
+
},
|
|
3915
|
+
"alias": "ref.indicator.lg",
|
|
3916
|
+
"dependencies": [
|
|
3917
|
+
"ref.indicator.lg"
|
|
3918
|
+
],
|
|
3919
|
+
"dependents": []
|
|
3920
|
+
},
|
|
3921
|
+
{
|
|
3922
|
+
"id": "sys.size.indicator.md",
|
|
3923
|
+
"type": "dimension",
|
|
3924
|
+
"cssName": "--flood-sys-size-indicator-md",
|
|
3925
|
+
"description": "Indicator md thickness",
|
|
3926
|
+
"status": "experimental",
|
|
3927
|
+
"visibility": "public",
|
|
3928
|
+
"owner": "foundations",
|
|
3929
|
+
"since": "0.2.4",
|
|
3930
|
+
"usage": {
|
|
3931
|
+
"allowed": [
|
|
3932
|
+
"Indicator md thickness"
|
|
3933
|
+
],
|
|
3934
|
+
"avoid": []
|
|
3935
|
+
},
|
|
3936
|
+
"value": {
|
|
3937
|
+
"value": 0.375,
|
|
3938
|
+
"unit": "rem"
|
|
3939
|
+
},
|
|
3940
|
+
"alias": "ref.indicator.md",
|
|
3941
|
+
"dependencies": [
|
|
3942
|
+
"ref.indicator.md"
|
|
3943
|
+
],
|
|
3944
|
+
"dependents": []
|
|
3945
|
+
},
|
|
3946
|
+
{
|
|
3947
|
+
"id": "sys.size.indicator.sm",
|
|
3948
|
+
"type": "dimension",
|
|
3949
|
+
"cssName": "--flood-sys-size-indicator-sm",
|
|
3950
|
+
"description": "Indicator sm thickness",
|
|
3951
|
+
"status": "experimental",
|
|
3952
|
+
"visibility": "public",
|
|
3953
|
+
"owner": "foundations",
|
|
3954
|
+
"since": "0.2.4",
|
|
3955
|
+
"usage": {
|
|
3956
|
+
"allowed": [
|
|
3957
|
+
"Indicator sm thickness"
|
|
3958
|
+
],
|
|
3959
|
+
"avoid": []
|
|
3960
|
+
},
|
|
3961
|
+
"value": {
|
|
3962
|
+
"value": 0.25,
|
|
3963
|
+
"unit": "rem"
|
|
3964
|
+
},
|
|
3965
|
+
"alias": "ref.indicator.sm",
|
|
3966
|
+
"dependencies": [
|
|
3967
|
+
"ref.indicator.sm"
|
|
3968
|
+
],
|
|
3969
|
+
"dependents": []
|
|
3970
|
+
},
|
|
3971
|
+
{
|
|
3972
|
+
"id": "sys.size.keycap.lg",
|
|
3973
|
+
"type": "dimension",
|
|
3974
|
+
"cssName": "--flood-sys-size-keycap-lg",
|
|
3975
|
+
"description": "lg keycap height",
|
|
3976
|
+
"status": "experimental",
|
|
3977
|
+
"visibility": "public",
|
|
3978
|
+
"owner": "foundations",
|
|
3979
|
+
"since": "0.2.4",
|
|
3980
|
+
"usage": {
|
|
3981
|
+
"allowed": [
|
|
3982
|
+
"lg keycap height"
|
|
3983
|
+
],
|
|
3984
|
+
"avoid": []
|
|
3985
|
+
},
|
|
3986
|
+
"value": {
|
|
3987
|
+
"value": 1.75,
|
|
3988
|
+
"unit": "rem"
|
|
3989
|
+
},
|
|
3990
|
+
"alias": "ref.keycap.lg",
|
|
3991
|
+
"dependencies": [
|
|
3992
|
+
"ref.keycap.lg"
|
|
3993
|
+
],
|
|
3994
|
+
"dependents": []
|
|
3995
|
+
},
|
|
3996
|
+
{
|
|
3997
|
+
"id": "sys.size.keycap.md",
|
|
3998
|
+
"type": "dimension",
|
|
3999
|
+
"cssName": "--flood-sys-size-keycap-md",
|
|
4000
|
+
"description": "md keycap height",
|
|
4001
|
+
"status": "experimental",
|
|
4002
|
+
"visibility": "public",
|
|
4003
|
+
"owner": "foundations",
|
|
4004
|
+
"since": "0.2.4",
|
|
4005
|
+
"usage": {
|
|
4006
|
+
"allowed": [
|
|
4007
|
+
"md keycap height"
|
|
4008
|
+
],
|
|
4009
|
+
"avoid": []
|
|
4010
|
+
},
|
|
4011
|
+
"value": {
|
|
4012
|
+
"value": 1.5,
|
|
4013
|
+
"unit": "rem"
|
|
4014
|
+
},
|
|
4015
|
+
"alias": "ref.keycap.md",
|
|
4016
|
+
"dependencies": [
|
|
4017
|
+
"ref.keycap.md"
|
|
4018
|
+
],
|
|
4019
|
+
"dependents": []
|
|
4020
|
+
},
|
|
4021
|
+
{
|
|
4022
|
+
"id": "sys.size.keycap.sm",
|
|
4023
|
+
"type": "dimension",
|
|
4024
|
+
"cssName": "--flood-sys-size-keycap-sm",
|
|
4025
|
+
"description": "sm keycap height",
|
|
4026
|
+
"status": "experimental",
|
|
4027
|
+
"visibility": "public",
|
|
4028
|
+
"owner": "foundations",
|
|
4029
|
+
"since": "0.2.4",
|
|
4030
|
+
"usage": {
|
|
4031
|
+
"allowed": [
|
|
4032
|
+
"sm keycap height"
|
|
4033
|
+
],
|
|
4034
|
+
"avoid": []
|
|
4035
|
+
},
|
|
4036
|
+
"value": {
|
|
4037
|
+
"value": 1.25,
|
|
4038
|
+
"unit": "rem"
|
|
4039
|
+
},
|
|
4040
|
+
"alias": "ref.keycap.sm",
|
|
4041
|
+
"dependencies": [
|
|
4042
|
+
"ref.keycap.sm"
|
|
4043
|
+
],
|
|
4044
|
+
"dependents": []
|
|
4045
|
+
},
|
|
3132
4046
|
{
|
|
3133
4047
|
"id": "sys.size.switch-height",
|
|
3134
4048
|
"type": "dimension",
|