@flood-md/tokens 0.2.4 → 0.2.6
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 +14 -3
- package/dist/foundations.css +17 -0
- package/dist/foundations.d.ts +17 -0
- package/dist/foundations.js +17 -0
- package/dist/foundations.manifest.json +465 -1
- package/dist/neutral.dark.tokens.json +425 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @flood-md/tokens
|
|
2
2
|
|
|
3
|
-
Typed reference values and semantic CSS roles for Flood **0.2.
|
|
3
|
+
Typed reference values and semantic CSS roles for Flood **0.2.6**. Keep Flood
|
|
4
4
|
package versions aligned. Existing 0.1.1 installs use their earlier token contract.
|
|
5
5
|
|
|
6
6
|
React consumers import @flood-md/react/styles.css and use FloodRoot. Token-only
|
|
@@ -32,8 +32,8 @@ Version 0.2.3 adds scrollbar size/inset/min-thumb roles and semantic thumb/hover
|
|
|
32
32
|
colors, expanding the profile to 168 roles. Install matching package versions.
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
Version 0.2.
|
|
36
|
-
to
|
|
35
|
+
Version 0.2.5 adds twenty-five semantic roles, bringing the dark profile
|
|
36
|
+
to 193 roles. Existing role values remain unchanged:
|
|
37
37
|
|
|
38
38
|
- sys.color.accent.content and sys.color.loading.placeholder separate accent text
|
|
39
39
|
and loading fills from focus and action states.
|
|
@@ -45,3 +45,14 @@ to 184 roles. Existing role values remain unchanged:
|
|
|
45
45
|
- sys.size.keycap.sm/md/lg provide independent relative heights for keyboard hints.
|
|
46
46
|
|
|
47
47
|
- sys.size.container.sm/md/lg and sys.size.grid.min-item supply relative layout bounds.
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
Version 0.2.5 separates floating surfaces from modal surfaces.
|
|
51
|
+
The floating material uses nine of those new semantic roles; previous token
|
|
52
|
+
values remain intact. surface.floating is the opaque fallback;
|
|
53
|
+
surface.floating-translucent, border.floating, selection.floating, shadow.floating
|
|
54
|
+
and effect.floating blur/saturation/shadow-offset/shadow-blur define the floating
|
|
55
|
+
material. Select, Combobox, MultiSelect, Menu, Popover and Tooltip share it; Dialog
|
|
56
|
+
and Drawer retain surface.overlay. Backdrop filtering is progressive enhancement;
|
|
57
|
+
reduced transparency uses the opaque fill and forced colors use system colors.
|
|
58
|
+
Keep text opaque and evaluate it against the actual composited background.
|
package/dist/foundations.css
CHANGED
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
--flood-ref-color-feedback-info: rgb(140 187 255);
|
|
6
6
|
--flood-ref-color-feedback-success: rgb(120 219 169);
|
|
7
7
|
--flood-ref-color-feedback-warning: rgb(242 203 119);
|
|
8
|
+
--flood-ref-color-floating-active: rgb(255 255 255 / 0.06);
|
|
9
|
+
--flood-ref-color-floating-edge: rgb(255 255 255 / 0.07);
|
|
10
|
+
--flood-ref-color-floating-shadow: rgb(0 0 0 / 0.1);
|
|
11
|
+
--flood-ref-color-floating-translucent: rgb(56 56 56 / 0.88);
|
|
8
12
|
--flood-ref-color-neutral-0: rgb(255 255 255);
|
|
9
13
|
--flood-ref-color-neutral-100: rgb(237 237 237);
|
|
10
14
|
--flood-ref-color-neutral-200: rgb(212 212 212);
|
|
@@ -60,6 +64,10 @@
|
|
|
60
64
|
--flood-ref-control-xs-line-height: 1.3333333333333333;
|
|
61
65
|
--flood-ref-control-xs-padding-inline: 0.75rem;
|
|
62
66
|
--flood-ref-control-xs-text-size: 0.75rem;
|
|
67
|
+
--flood-ref-effect-floating-blur: 1rem;
|
|
68
|
+
--flood-ref-effect-floating-saturation: 1.05;
|
|
69
|
+
--flood-ref-effect-floating-shadow-blur: 0.5rem;
|
|
70
|
+
--flood-ref-effect-floating-shadow-offset: 0.125rem;
|
|
63
71
|
--flood-ref-font-mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
|
|
64
72
|
--flood-ref-font-sans: "Inter", "Arial", sans-serif;
|
|
65
73
|
--flood-ref-indicator-lg: 0.5rem;
|
|
@@ -172,6 +180,7 @@
|
|
|
172
180
|
--flood-sys-color-action-subtle-rest: var(--flood-ref-color-neutral-900);
|
|
173
181
|
--flood-sys-color-border-decorative: var(--flood-ref-color-neutral-750);
|
|
174
182
|
--flood-sys-color-border-default: var(--flood-ref-color-neutral-650);
|
|
183
|
+
--flood-sys-color-border-floating: var(--flood-ref-color-floating-edge);
|
|
175
184
|
--flood-sys-color-border-strong: var(--flood-ref-color-neutral-500);
|
|
176
185
|
--flood-sys-color-content-default: var(--flood-ref-color-neutral-0);
|
|
177
186
|
--flood-sys-color-content-helper: var(--flood-ref-color-neutral-100);
|
|
@@ -197,8 +206,12 @@
|
|
|
197
206
|
--flood-sys-color-scrollbar-thumb-hover: var(--flood-ref-color-neutral-320);
|
|
198
207
|
--flood-sys-color-selection-background: var(--flood-ref-color-neutral-750);
|
|
199
208
|
--flood-sys-color-selection-content: var(--flood-ref-color-neutral-0);
|
|
209
|
+
--flood-sys-color-selection-floating: var(--flood-ref-color-floating-active);
|
|
210
|
+
--flood-sys-color-shadow-floating: var(--flood-ref-color-floating-shadow);
|
|
200
211
|
--flood-sys-color-surface-canvas: var(--flood-ref-color-neutral-950);
|
|
201
212
|
--flood-sys-color-surface-default: var(--flood-ref-color-neutral-900);
|
|
213
|
+
--flood-sys-color-surface-floating: var(--flood-ref-color-neutral-750);
|
|
214
|
+
--flood-sys-color-surface-floating-translucent: var(--flood-ref-color-floating-translucent);
|
|
202
215
|
--flood-sys-color-surface-overlay: var(--flood-ref-color-neutral-800);
|
|
203
216
|
--flood-sys-color-surface-raised: var(--flood-ref-color-neutral-850);
|
|
204
217
|
--flood-sys-control-2xl-gap: var(--flood-ref-control-2xl-gap);
|
|
@@ -243,6 +256,10 @@
|
|
|
243
256
|
--flood-sys-control-xs-line-height: var(--flood-ref-control-xs-line-height);
|
|
244
257
|
--flood-sys-control-xs-padding-inline: var(--flood-ref-control-xs-padding-inline);
|
|
245
258
|
--flood-sys-control-xs-text-size: var(--flood-ref-control-xs-text-size);
|
|
259
|
+
--flood-sys-effect-floating-blur: var(--flood-ref-effect-floating-blur);
|
|
260
|
+
--flood-sys-effect-floating-saturation: var(--flood-ref-effect-floating-saturation);
|
|
261
|
+
--flood-sys-effect-floating-shadow-blur: var(--flood-ref-effect-floating-shadow-blur);
|
|
262
|
+
--flood-sys-effect-floating-shadow-offset: var(--flood-ref-effect-floating-shadow-offset);
|
|
246
263
|
--flood-sys-focus-offset: var(--flood-ref-space-0);
|
|
247
264
|
--flood-sys-focus-width: var(--flood-ref-stroke-width-2);
|
|
248
265
|
--flood-sys-font-mono: var(--flood-ref-font-mono);
|
package/dist/foundations.d.ts
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
/** Experimental token IDs and CSS variable names. */
|
|
2
2
|
export declare const tokenNames: Readonly<{
|
|
3
|
+
readonly "ref.color.floating.active": "--flood-ref-color-floating-active";
|
|
4
|
+
readonly "ref.color.floating.edge": "--flood-ref-color-floating-edge";
|
|
5
|
+
readonly "ref.color.floating.shadow": "--flood-ref-color-floating-shadow";
|
|
6
|
+
readonly "ref.color.floating.translucent": "--flood-ref-color-floating-translucent";
|
|
7
|
+
readonly "ref.effect.floating.blur": "--flood-ref-effect-floating-blur";
|
|
8
|
+
readonly "ref.effect.floating.saturation": "--flood-ref-effect-floating-saturation";
|
|
9
|
+
readonly "ref.effect.floating.shadow-blur": "--flood-ref-effect-floating-shadow-blur";
|
|
10
|
+
readonly "ref.effect.floating.shadow-offset": "--flood-ref-effect-floating-shadow-offset";
|
|
3
11
|
readonly "sys.color.accent.content": "--flood-sys-color-accent-content";
|
|
4
12
|
readonly "sys.color.action.danger.content": "--flood-sys-color-action-danger-content";
|
|
5
13
|
readonly "sys.color.action.ghost.content": "--flood-sys-color-action-ghost-content";
|
|
@@ -28,6 +36,7 @@ export declare const tokenNames: Readonly<{
|
|
|
28
36
|
readonly "sys.color.action.subtle.rest": "--flood-sys-color-action-subtle-rest";
|
|
29
37
|
readonly "sys.color.border.decorative": "--flood-sys-color-border-decorative";
|
|
30
38
|
readonly "sys.color.border.default": "--flood-sys-color-border-default";
|
|
39
|
+
readonly "sys.color.border.floating": "--flood-sys-color-border-floating";
|
|
31
40
|
readonly "sys.color.border.strong": "--flood-sys-color-border-strong";
|
|
32
41
|
readonly "sys.color.content.default": "--flood-sys-color-content-default";
|
|
33
42
|
readonly "sys.color.content.helper": "--flood-sys-color-content-helper";
|
|
@@ -53,8 +62,12 @@ export declare const tokenNames: Readonly<{
|
|
|
53
62
|
readonly "sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover";
|
|
54
63
|
readonly "sys.color.selection.background": "--flood-sys-color-selection-background";
|
|
55
64
|
readonly "sys.color.selection.content": "--flood-sys-color-selection-content";
|
|
65
|
+
readonly "sys.color.selection.floating": "--flood-sys-color-selection-floating";
|
|
66
|
+
readonly "sys.color.shadow.floating": "--flood-sys-color-shadow-floating";
|
|
56
67
|
readonly "sys.color.surface.canvas": "--flood-sys-color-surface-canvas";
|
|
57
68
|
readonly "sys.color.surface.default": "--flood-sys-color-surface-default";
|
|
69
|
+
readonly "sys.color.surface.floating": "--flood-sys-color-surface-floating";
|
|
70
|
+
readonly "sys.color.surface.floating-translucent": "--flood-sys-color-surface-floating-translucent";
|
|
58
71
|
readonly "sys.color.surface.overlay": "--flood-sys-color-surface-overlay";
|
|
59
72
|
readonly "sys.color.surface.raised": "--flood-sys-color-surface-raised";
|
|
60
73
|
readonly "sys.control.2xl.gap": "--flood-sys-control-2xl-gap";
|
|
@@ -99,6 +112,10 @@ export declare const tokenNames: Readonly<{
|
|
|
99
112
|
readonly "sys.control.xs.line-height": "--flood-sys-control-xs-line-height";
|
|
100
113
|
readonly "sys.control.xs.padding-inline": "--flood-sys-control-xs-padding-inline";
|
|
101
114
|
readonly "sys.control.xs.text-size": "--flood-sys-control-xs-text-size";
|
|
115
|
+
readonly "sys.effect.floating.blur": "--flood-sys-effect-floating-blur";
|
|
116
|
+
readonly "sys.effect.floating.saturation": "--flood-sys-effect-floating-saturation";
|
|
117
|
+
readonly "sys.effect.floating.shadow-blur": "--flood-sys-effect-floating-shadow-blur";
|
|
118
|
+
readonly "sys.effect.floating.shadow-offset": "--flood-sys-effect-floating-shadow-offset";
|
|
102
119
|
readonly "sys.focus.offset": "--flood-sys-focus-offset";
|
|
103
120
|
readonly "sys.focus.width": "--flood-sys-focus-width";
|
|
104
121
|
readonly "sys.font.mono": "--flood-sys-font-mono";
|
package/dist/foundations.js
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
// Generated. Flood token API; role stability is recorded in the manifest.
|
|
2
2
|
export const tokenNames = Object.freeze({
|
|
3
|
+
"ref.color.floating.active": "--flood-ref-color-floating-active",
|
|
4
|
+
"ref.color.floating.edge": "--flood-ref-color-floating-edge",
|
|
5
|
+
"ref.color.floating.shadow": "--flood-ref-color-floating-shadow",
|
|
6
|
+
"ref.color.floating.translucent": "--flood-ref-color-floating-translucent",
|
|
7
|
+
"ref.effect.floating.blur": "--flood-ref-effect-floating-blur",
|
|
8
|
+
"ref.effect.floating.saturation": "--flood-ref-effect-floating-saturation",
|
|
9
|
+
"ref.effect.floating.shadow-blur": "--flood-ref-effect-floating-shadow-blur",
|
|
10
|
+
"ref.effect.floating.shadow-offset": "--flood-ref-effect-floating-shadow-offset",
|
|
3
11
|
"sys.color.accent.content": "--flood-sys-color-accent-content",
|
|
4
12
|
"sys.color.action.danger.content": "--flood-sys-color-action-danger-content",
|
|
5
13
|
"sys.color.action.ghost.content": "--flood-sys-color-action-ghost-content",
|
|
@@ -28,6 +36,7 @@ export const tokenNames = Object.freeze({
|
|
|
28
36
|
"sys.color.action.subtle.rest": "--flood-sys-color-action-subtle-rest",
|
|
29
37
|
"sys.color.border.decorative": "--flood-sys-color-border-decorative",
|
|
30
38
|
"sys.color.border.default": "--flood-sys-color-border-default",
|
|
39
|
+
"sys.color.border.floating": "--flood-sys-color-border-floating",
|
|
31
40
|
"sys.color.border.strong": "--flood-sys-color-border-strong",
|
|
32
41
|
"sys.color.content.default": "--flood-sys-color-content-default",
|
|
33
42
|
"sys.color.content.helper": "--flood-sys-color-content-helper",
|
|
@@ -53,8 +62,12 @@ export const tokenNames = Object.freeze({
|
|
|
53
62
|
"sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover",
|
|
54
63
|
"sys.color.selection.background": "--flood-sys-color-selection-background",
|
|
55
64
|
"sys.color.selection.content": "--flood-sys-color-selection-content",
|
|
65
|
+
"sys.color.selection.floating": "--flood-sys-color-selection-floating",
|
|
66
|
+
"sys.color.shadow.floating": "--flood-sys-color-shadow-floating",
|
|
56
67
|
"sys.color.surface.canvas": "--flood-sys-color-surface-canvas",
|
|
57
68
|
"sys.color.surface.default": "--flood-sys-color-surface-default",
|
|
69
|
+
"sys.color.surface.floating": "--flood-sys-color-surface-floating",
|
|
70
|
+
"sys.color.surface.floating-translucent": "--flood-sys-color-surface-floating-translucent",
|
|
58
71
|
"sys.color.surface.overlay": "--flood-sys-color-surface-overlay",
|
|
59
72
|
"sys.color.surface.raised": "--flood-sys-color-surface-raised",
|
|
60
73
|
"sys.control.2xl.gap": "--flood-sys-control-2xl-gap",
|
|
@@ -99,6 +112,10 @@ export const tokenNames = Object.freeze({
|
|
|
99
112
|
"sys.control.xs.line-height": "--flood-sys-control-xs-line-height",
|
|
100
113
|
"sys.control.xs.padding-inline": "--flood-sys-control-xs-padding-inline",
|
|
101
114
|
"sys.control.xs.text-size": "--flood-sys-control-xs-text-size",
|
|
115
|
+
"sys.effect.floating.blur": "--flood-sys-effect-floating-blur",
|
|
116
|
+
"sys.effect.floating.saturation": "--flood-sys-effect-floating-saturation",
|
|
117
|
+
"sys.effect.floating.shadow-blur": "--flood-sys-effect-floating-shadow-blur",
|
|
118
|
+
"sys.effect.floating.shadow-offset": "--flood-sys-effect-floating-shadow-offset",
|
|
102
119
|
"sys.focus.offset": "--flood-sys-focus-offset",
|
|
103
120
|
"sys.focus.width": "--flood-sys-focus-width",
|
|
104
121
|
"sys.font.mono": "--flood-sys-font-mono",
|
|
@@ -1,12 +1,229 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
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
|
+
},
|
|
10
227
|
{
|
|
11
228
|
"id": "sys.color.accent.content",
|
|
12
229
|
"type": "color",
|
|
@@ -867,6 +1084,36 @@
|
|
|
867
1084
|
],
|
|
868
1085
|
"dependents": []
|
|
869
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
|
+
},
|
|
870
1117
|
{
|
|
871
1118
|
"id": "sys.color.border.strong",
|
|
872
1119
|
"type": "color",
|
|
@@ -1628,6 +1875,66 @@
|
|
|
1628
1875
|
],
|
|
1629
1876
|
"dependents": []
|
|
1630
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
|
+
},
|
|
1631
1938
|
{
|
|
1632
1939
|
"id": "sys.color.surface.canvas",
|
|
1633
1940
|
"type": "color",
|
|
@@ -1688,6 +1995,66 @@
|
|
|
1688
1995
|
],
|
|
1689
1996
|
"dependents": []
|
|
1690
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
|
|
2049
|
+
],
|
|
2050
|
+
"alpha": 0.88
|
|
2051
|
+
},
|
|
2052
|
+
"alias": "ref.color.floating.translucent",
|
|
2053
|
+
"dependencies": [
|
|
2054
|
+
"ref.color.floating.translucent"
|
|
2055
|
+
],
|
|
2056
|
+
"dependents": []
|
|
2057
|
+
},
|
|
1691
2058
|
{
|
|
1692
2059
|
"id": "sys.color.surface.overlay",
|
|
1693
2060
|
"type": "color",
|
|
@@ -2777,6 +3144,103 @@
|
|
|
2777
3144
|
],
|
|
2778
3145
|
"dependents": []
|
|
2779
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
|
+
},
|
|
2780
3244
|
{
|
|
2781
3245
|
"id": "sys.focus.offset",
|
|
2782
3246
|
"type": "dimension",
|
|
@@ -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",
|
|
@@ -4047,6 +4246,33 @@
|
|
|
4047
4246
|
}
|
|
4048
4247
|
}
|
|
4049
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
|
+
},
|
|
4050
4276
|
"strong": {
|
|
4051
4277
|
"$type": "color",
|
|
4052
4278
|
"$value": {
|
|
@@ -4750,6 +4976,62 @@
|
|
|
4750
4976
|
}
|
|
4751
4977
|
}
|
|
4752
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
|
+
}
|
|
4753
5035
|
}
|
|
4754
5036
|
},
|
|
4755
5037
|
"surface": {
|
|
@@ -4807,6 +5089,60 @@
|
|
|
4807
5089
|
}
|
|
4808
5090
|
}
|
|
4809
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",
|
|
5131
|
+
"$extensions": {
|
|
5132
|
+
"md.flood": {
|
|
5133
|
+
"status": "experimental",
|
|
5134
|
+
"visibility": "public",
|
|
5135
|
+
"owner": "foundations",
|
|
5136
|
+
"since": "0.2.5",
|
|
5137
|
+
"usage": {
|
|
5138
|
+
"allowed": [
|
|
5139
|
+
"Translucent floating surface when backdrop filtering is available"
|
|
5140
|
+
],
|
|
5141
|
+
"avoid": []
|
|
5142
|
+
}
|
|
5143
|
+
}
|
|
5144
|
+
}
|
|
5145
|
+
},
|
|
4810
5146
|
"overlay": {
|
|
4811
5147
|
"$type": "color",
|
|
4812
5148
|
"$value": {
|
|
@@ -5782,6 +6118,95 @@
|
|
|
5782
6118
|
}
|
|
5783
6119
|
}
|
|
5784
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
|
+
},
|
|
5785
6210
|
"focus": {
|
|
5786
6211
|
"offset": {
|
|
5787
6212
|
"$type": "dimension",
|