@flood-md/agent 0.2.10 → 0.2.12
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 +1914 -278
- package/dist/materials/component-app-shell.md +49 -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 +69 -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 +34 -4
- 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-editable.md +4 -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-heading.md +1 -1
- 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-section.md +1 -1
- package/dist/materials/component-segmented-control.md +6 -4
- package/dist/materials/component-sheet.md +49 -0
- package/dist/materials/component-sidebar.md +64 -0
- package/dist/materials/component-sparkline.md +41 -0
- package/dist/materials/component-table.md +2 -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 +5 -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 +66 -0
- package/dist/materials/guide-skills.md +9 -0
- package/dist/materials/recipe-collection-views.md +670 -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 +310 -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/lib/inspect.mjs +11 -0
- package/manifest.json +11 -1
- package/package.json +9 -3
- package/references/component-families.md +150 -0
- package/references/composition.md +16 -4
- package/references/customization.md +14 -0
- package/references/flood-composition/SKILL.md +4 -0
- package/references/flood-data-display/SKILL.md +146 -0
- package/references/flood-feedback/SKILL.md +37 -0
- package/references/flood-forms/SKILL.md +31 -0
- package/references/flood-foundations/SKILL.md +36 -0
- package/references/flood-hierarchy/SKILL.md +27 -7
- package/references/flood-interface-content/SKILL.md +33 -5
- package/references/flood-motion/SKILL.md +47 -0
- package/references/flood-navigation/SKILL.md +195 -0
- package/references/flood-overlays/SKILL.md +41 -0
- package/references/flood-records/SKILL.md +65 -2
- package/references/flood-spacing/SKILL.md +45 -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 +98 -8
- package/workflows.json +28 -3
|
@@ -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
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.surface.avatar",
|
|
3
|
+
"cssName": "--flood-sys-color-surface-avatar",
|
|
4
|
+
"description": "Avatar fallback fill on the nearest surface",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.surface.avatar",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-surface-avatar",
|
|
12
|
+
"description": "Avatar fallback fill on the nearest surface",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Avatar fallback fill on the nearest surface"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
0.18823529411764706,
|
|
29
|
+
0.18823529411764706,
|
|
30
|
+
0.18823529411764706
|
|
31
|
+
],
|
|
32
|
+
"alpha": 1
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.neutral.800",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.neutral.800"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.surface.current",
|
|
3
|
+
"cssName": "--flood-sys-color-surface-current",
|
|
4
|
+
"description": "Nearest owned material background for contextual tints and separators; does not replace absolute surface palette",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.surface.current",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-surface-current",
|
|
12
|
+
"description": "Nearest owned material background for contextual tints and separators; does not replace absolute surface palette",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Nearest owned material background for contextual tints and separators; does not replace absolute surface palette"
|
|
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
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.surface.muted",
|
|
3
|
+
"cssName": "--flood-sys-color-surface-muted",
|
|
4
|
+
"description": "Quiet supporting well on the nearest surface",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.surface.muted",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-surface-muted",
|
|
12
|
+
"description": "Quiet supporting well on the nearest surface",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Quiet supporting well on the nearest surface"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
0.12941176470588237,
|
|
29
|
+
0.12941176470588237,
|
|
30
|
+
0.12941176470588237
|
|
31
|
+
],
|
|
32
|
+
"alpha": 1
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.neutral.900",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.neutral.900"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.color.surface.supporting",
|
|
3
|
+
"cssName": "--flood-sys-color-surface-supporting",
|
|
4
|
+
"description": "Supporting element fill on the nearest surface",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.color.surface.supporting",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"cssName": "--flood-sys-color-surface-supporting",
|
|
12
|
+
"description": "Supporting element fill on the nearest surface",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Supporting element fill on the nearest surface"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Replacing focus, text or semantic feedback colors"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"colorSpace": "srgb",
|
|
27
|
+
"components": [
|
|
28
|
+
0.1568627450980392,
|
|
29
|
+
0.1568627450980392,
|
|
30
|
+
0.1568627450980392
|
|
31
|
+
],
|
|
32
|
+
"alpha": 1
|
|
33
|
+
},
|
|
34
|
+
"alias": "ref.color.neutral.850",
|
|
35
|
+
"dependencies": [
|
|
36
|
+
"ref.color.neutral.850"
|
|
37
|
+
],
|
|
38
|
+
"dependents": []
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{
|
|
2
|
+
"role": "sys.motion.distance-panel",
|
|
3
|
+
"cssName": "--flood-sys-motion-distance-panel",
|
|
4
|
+
"description": "Directional travel for edge panels",
|
|
5
|
+
"contexts": [
|
|
6
|
+
{
|
|
7
|
+
"preset": "neutral",
|
|
8
|
+
"theme": "dark",
|
|
9
|
+
"id": "sys.motion.distance-panel",
|
|
10
|
+
"type": "dimension",
|
|
11
|
+
"cssName": "--flood-sys-motion-distance-panel",
|
|
12
|
+
"description": "Directional travel for edge panels",
|
|
13
|
+
"status": "experimental",
|
|
14
|
+
"visibility": "public",
|
|
15
|
+
"owner": "foundations",
|
|
16
|
+
"since": "0.2.11",
|
|
17
|
+
"usage": {
|
|
18
|
+
"allowed": [
|
|
19
|
+
"Directional travel for edge panels"
|
|
20
|
+
],
|
|
21
|
+
"avoid": [
|
|
22
|
+
"Using motion to delay focus or state changes"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"value": {
|
|
26
|
+
"value": 16,
|
|
27
|
+
"unit": "px"
|
|
28
|
+
},
|
|
29
|
+
"alias": "ref.motion.distance-panel",
|
|
30
|
+
"dependencies": [
|
|
31
|
+
"ref.motion.distance-panel"
|
|
32
|
+
],
|
|
33
|
+
"dependents": []
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}
|