@flood-md/agent 0.2.10 → 0.2.11
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/DESIGN.md +8 -5
- package/README.md +1 -1
- package/SKILL.md +11 -0
- package/dist/catalog.json +1875 -295
- package/dist/materials/component-app-shell.md +47 -0
- package/dist/materials/component-app-top-bar.md +36 -0
- package/dist/materials/component-autocomplete.md +54 -0
- package/dist/materials/component-bulk-action-bar.md +52 -0
- package/dist/materials/component-button.md +1 -0
- package/dist/materials/component-card.md +2 -2
- package/dist/materials/component-collapsible.md +1 -0
- package/dist/materials/component-collection-toolbar.md +68 -0
- package/dist/materials/component-collection-view-switcher.md +49 -0
- package/dist/materials/component-combobox.md +10 -0
- package/dist/materials/component-command-palette.md +53 -0
- package/dist/materials/component-copy-button.md +1 -0
- package/dist/materials/component-data-table.md +14 -2
- package/dist/materials/component-date-picker.md +1 -0
- package/dist/materials/component-date-range-picker.md +1 -0
- package/dist/materials/component-date-time-picker.md +2 -0
- package/dist/materials/component-date-time-range-picker.md +4 -0
- package/dist/materials/component-drawer.md +1 -0
- package/dist/materials/component-figure.md +1 -1
- package/dist/materials/component-filter-condition.md +53 -0
- package/dist/materials/component-filter-group.md +55 -0
- package/dist/materials/component-icon-button.md +2 -0
- package/dist/materials/component-menubar.md +41 -0
- package/dist/materials/component-multi-select.md +10 -0
- package/dist/materials/component-navigation-group.md +51 -0
- package/dist/materials/component-navigation-item.md +59 -0
- package/dist/materials/component-navigation-tree.md +8 -0
- package/dist/materials/component-overflow-actions.md +47 -0
- package/dist/materials/component-page-header.md +40 -0
- package/dist/materials/component-popover.md +2 -1
- package/dist/materials/component-radio-card.md +2 -2
- package/dist/materials/component-segmented-control.md +6 -4
- package/dist/materials/component-sidebar.md +64 -0
- package/dist/materials/component-tabs.md +2 -0
- package/dist/materials/component-text.md +2 -2
- package/dist/materials/component-toggle.md +1 -0
- package/dist/materials/component-toolbar.md +4 -0
- package/dist/materials/component-tooltip.md +1 -1
- package/dist/materials/guide-agent-knowledge.md +13 -6
- package/dist/materials/guide-agents.md +8 -1
- package/dist/materials/guide-foundations.md +45 -2
- package/dist/materials/guide-installation.md +6 -6
- package/dist/materials/guide-interface-content.md +1 -1
- package/dist/materials/guide-introduction.md +4 -2
- package/dist/materials/guide-layout.md +39 -10
- package/dist/materials/guide-motion.md +69 -0
- package/dist/materials/guide-skills.md +9 -0
- package/dist/materials/recipe-collection-views.md +648 -0
- package/dist/materials/recipe-command-palette.md +31 -52
- package/dist/materials/recipe-filter-bar.md +12 -3
- package/dist/materials/recipe-grouped-form.md +5 -0
- package/dist/materials/recipe-navigation-workspace.md +222 -0
- package/dist/materials/recipe-record-management.md +296 -0
- package/dist/materials/recipe-record-workspace.md +207 -0
- package/dist/materials/recipe-settings-workspace.md +232 -0
- package/dist/materials/token-sys.color.context.base.action-disabled.json +41 -0
- package/dist/materials/token-sys.color.context.base.action-hover.json +41 -0
- package/dist/materials/token-sys.color.context.base.action-pressed.json +41 -0
- package/dist/materials/token-sys.color.context.base.action-rest.json +41 -0
- package/dist/materials/token-sys.color.context.base.avatar-background.json +41 -0
- package/dist/materials/token-sys.color.context.base.border-decorative.json +41 -0
- package/dist/materials/token-sys.color.context.base.divider-decorative.json +41 -0
- package/dist/materials/token-sys.color.context.base.field-background.json +41 -0
- package/dist/materials/token-sys.color.context.base.field-border.json +41 -0
- package/dist/materials/token-sys.color.context.base.field-disabled.json +41 -0
- package/dist/materials/token-sys.color.context.base.field-readonly.json +41 -0
- package/dist/materials/token-sys.color.context.base.indicator-track.json +41 -0
- package/dist/materials/token-sys.color.context.base.loading-placeholder.json +41 -0
- package/dist/materials/token-sys.color.context.base.muted-background.json +41 -0
- package/dist/materials/token-sys.color.context.base.on-surface-action-disabled.json +41 -0
- package/dist/materials/token-sys.color.context.base.on-surface-action-hover.json +41 -0
- package/dist/materials/token-sys.color.context.base.on-surface-action-pressed.json +41 -0
- package/dist/materials/token-sys.color.context.base.on-surface-action-rest.json +41 -0
- package/dist/materials/token-sys.color.context.base.selection-background.json +41 -0
- package/dist/materials/token-sys.color.context.base.supporting-background.json +41 -0
- package/dist/materials/token-sys.color.context.filled.action-disabled.json +41 -0
- package/dist/materials/token-sys.color.context.filled.action-hover.json +41 -0
- package/dist/materials/token-sys.color.context.filled.action-pressed.json +41 -0
- package/dist/materials/token-sys.color.context.filled.action-rest.json +41 -0
- package/dist/materials/token-sys.color.context.filled.avatar-background.json +41 -0
- package/dist/materials/token-sys.color.context.filled.border-decorative.json +41 -0
- package/dist/materials/token-sys.color.context.filled.divider-decorative.json +41 -0
- package/dist/materials/token-sys.color.context.filled.field-background.json +41 -0
- package/dist/materials/token-sys.color.context.filled.field-border.json +41 -0
- package/dist/materials/token-sys.color.context.filled.field-disabled.json +41 -0
- package/dist/materials/token-sys.color.context.filled.field-readonly.json +41 -0
- package/dist/materials/token-sys.color.context.filled.indicator-track.json +41 -0
- package/dist/materials/token-sys.color.context.filled.loading-placeholder.json +41 -0
- package/dist/materials/token-sys.color.context.filled.muted-background.json +41 -0
- package/dist/materials/token-sys.color.context.filled.selection-background.json +41 -0
- package/dist/materials/token-sys.color.context.filled.supporting-background.json +41 -0
- package/dist/materials/token-sys.color.field.readonly.json +41 -0
- package/dist/materials/token-sys.color.surface.avatar.json +41 -0
- package/dist/materials/token-sys.color.surface.current.json +41 -0
- package/dist/materials/token-sys.color.surface.muted.json +41 -0
- package/dist/materials/token-sys.color.surface.supporting.json +41 -0
- package/dist/materials/token-sys.motion.distance-panel.json +36 -0
- package/dist/materials/token-sys.motion.distance-small.json +36 -0
- package/dist/materials/token-sys.motion.duration-enter.json +36 -0
- package/dist/materials/token-sys.motion.duration-exit.json +36 -0
- package/dist/materials/token-sys.motion.duration-layer.json +36 -0
- package/dist/materials/token-sys.motion.duration-loop.json +36 -0
- package/dist/materials/token-sys.motion.duration-press.json +36 -0
- package/dist/materials/token-sys.motion.easing-enter.json +38 -0
- package/dist/materials/token-sys.motion.easing-exit.json +38 -0
- package/knowledge.json +115 -2
- package/manifest.json +11 -1
- package/package.json +9 -3
- package/references/component-families.md +146 -0
- package/references/composition.md +4 -4
- package/references/customization.md +14 -0
- package/references/flood-composition/SKILL.md +4 -0
- package/references/flood-data-display/SKILL.md +117 -0
- package/references/flood-feedback/SKILL.md +25 -0
- package/references/flood-forms/SKILL.md +31 -0
- package/references/flood-foundations/SKILL.md +36 -0
- package/references/flood-hierarchy/SKILL.md +23 -7
- package/references/flood-interface-content/SKILL.md +26 -5
- package/references/flood-motion/SKILL.md +44 -0
- package/references/flood-navigation/SKILL.md +195 -0
- package/references/flood-overlays/SKILL.md +35 -0
- package/references/flood-records/SKILL.md +42 -2
- package/references/flood-spacing/SKILL.md +38 -0
- package/references/flood-verification/SKILL.md +20 -0
- package/references/interface-content-examples.md +4 -0
- package/references/rendered-review.md +5 -0
- package/references/spacing.md +30 -0
- package/rules.json +94 -8
- package/workflows.json +28 -3
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.action-hover",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-action-hover",
|
|
4
|
+
"description": "Filled-surface action-hover; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.action-hover",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-action-hover",
|
|
12
|
+
"description": "Filled-surface action-hover; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface action-hover; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.hover",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.hover"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.action-pressed",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-action-pressed",
|
|
4
|
+
"description": "Filled-surface action-pressed; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.action-pressed",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-action-pressed",
|
|
12
|
+
"description": "Filled-surface action-pressed; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface action-pressed; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.12
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.pressed",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.pressed"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.action-rest",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-action-rest",
|
|
4
|
+
"description": "Filled-surface action-rest; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.action-rest",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-action-rest",
|
|
12
|
+
"description": "Filled-surface action-rest; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface action-rest; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.05
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.subtle",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.subtle"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.avatar-background",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-avatar-background",
|
|
4
|
+
"description": "Filled-surface avatar-background",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.avatar-background",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-avatar-background",
|
|
12
|
+
"description": "Filled-surface avatar-background",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface avatar-background"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.05
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.subtle",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.subtle"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.border-decorative",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-border-decorative",
|
|
4
|
+
"description": "Filled-surface border-decorative; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.border-decorative",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-border-decorative",
|
|
12
|
+
"description": "Filled-surface border-decorative; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface border-decorative; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.border",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.border"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.divider-decorative",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-divider-decorative",
|
|
4
|
+
"description": "Filled-surface divider-decorative; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.divider-decorative",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-divider-decorative",
|
|
12
|
+
"description": "Filled-surface divider-decorative; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface divider-decorative; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.border",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.border"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.field-background",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-field-background",
|
|
4
|
+
"description": "Filled-surface field-background; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.field-background",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-field-background",
|
|
12
|
+
"description": "Filled-surface field-background; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface field-background; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.05
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.field",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.field"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.field-border",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-field-border",
|
|
4
|
+
"description": "Filled-surface field-border; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.field-border",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-field-border",
|
|
12
|
+
"description": "Filled-surface field-border; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface field-border; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.border",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.border"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.field-disabled",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-field-disabled",
|
|
4
|
+
"description": "Filled-surface field-disabled; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.field-disabled",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-field-disabled",
|
|
12
|
+
"description": "Filled-surface field-disabled; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface field-disabled; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.03
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.disabled",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.disabled"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.field-readonly",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-field-readonly",
|
|
4
|
+
"description": "Filled-surface field-readonly; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.field-readonly",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-field-readonly",
|
|
12
|
+
"description": "Filled-surface field-readonly; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface field-readonly; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.02
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.quiet",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.quiet"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.indicator-track",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-indicator-track",
|
|
4
|
+
"description": "Filled-surface indicator-track; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.indicator-track",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-indicator-track",
|
|
12
|
+
"description": "Filled-surface indicator-track; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface indicator-track; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.hover",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.hover"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.loading-placeholder",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-loading-placeholder",
|
|
4
|
+
"description": "Filled-surface loading-placeholder; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.loading-placeholder",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-loading-placeholder",
|
|
12
|
+
"description": "Filled-surface loading-placeholder; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface loading-placeholder; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.08
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.hover",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.hover"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.muted-background",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-muted-background",
|
|
4
|
+
"description": "Filled-surface muted-background; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.muted-background",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-muted-background",
|
|
12
|
+
"description": "Filled-surface muted-background; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface muted-background; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.04
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.muted",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.muted"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.selection-background",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-selection-background",
|
|
4
|
+
"description": "Filled-surface selection-background; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.selection-background",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-selection-background",
|
|
12
|
+
"description": "Filled-surface selection-background; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface selection-background; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.12
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.selection",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.selection"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.context.filled.supporting-background",
|
|
3
|
+
"cssName": "--flood-sys-color-context-filled-supporting-background",
|
|
4
|
+
"description": "Filled-surface supporting-background; inherited by controls on content and floating materials",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.context.filled.supporting-background",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-context-filled-supporting-background",
|
|
12
|
+
"description": "Filled-surface supporting-background; inherited by controls on content and floating materials",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Filled-surface supporting-background; inherited by controls on content and floating materials"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
1,
|
|
29
|
+
1,
|
|
30
|
+
1
|
|
31
|
+
],
|
|
32
|
+
"alpha": 0.05
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.context.subtle",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.context.subtle"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.field.readonly",
|
|
3
|
+
"cssName": "--flood-sys-color-field-readonly",
|
|
4
|
+
"description": "Read-only control fill on the nearest surface; preserves text selection and focus",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.field.readonly",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-field-readonly",
|
|
12
|
+
"description": "Read-only control fill on the nearest surface; preserves text selection and focus",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Read-only control fill on the nearest surface; preserves text selection and focus"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
0.09411764705882353,
|
|
29
|
+
0.09411764705882353,
|
|
30
|
+
0.09411764705882353
|
|
31
|
+
],
|
|
32
|
+
"alpha": 1
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.neutral.950",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.neutral.950"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|