@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
package/DESIGN.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Flood design system · 0.2.
|
|
1
|
+
# Flood design system · 0.2.12
|
|
2
2
|
|
|
3
3
|
ListBox owns native required validation for accepted selection. Use its
|
|
4
4
|
description/message/status props rather than duplicating feedback markup. Visual
|
|
@@ -247,9 +247,9 @@ footer-only card has no redundant separator. Elevation is default or raised.
|
|
|
247
247
|
No data access, selection or interactive-card behavior is implied.
|
|
248
248
|
|
|
249
249
|
```tsx
|
|
250
|
-
<Card title="Project details"
|
|
250
|
+
<Card title="Project details"
|
|
251
251
|
footer={<Button variant="subtle">Open project</Button>}>
|
|
252
|
-
<Text as="p" size="compact">
|
|
252
|
+
<Text as="p" size="compact">Homepage and checkout</Text>
|
|
253
253
|
</Card>
|
|
254
254
|
```
|
|
255
255
|
|
|
@@ -418,8 +418,11 @@ an enclosing Fieldset for exclusive choices; derive aggregate checkbox state
|
|
|
418
418
|
in the host. Read-only choice cards preserve submission and block editing; apply
|
|
419
419
|
readOnly to an entire radio group consistently.
|
|
420
420
|
|
|
421
|
-
DataTable
|
|
422
|
-
server
|
|
421
|
+
DataTable defaults to paging/sorting a complete client collection. Opt-in
|
|
422
|
+
paginationMode="server" renders one supplied page with controlled page/sort and
|
|
423
|
+
totalRows. It does not fetch, cancel requests or virtualize. Declare page/dataset
|
|
424
|
+
selection scope and validate IDs in the host; never select an entire remote query
|
|
425
|
+
by interpreting a select-page checkbox as that operation. Rich cells require explicit sortValues
|
|
423
426
|
when they are sortable. Select all affects the current page only and preserves
|
|
424
427
|
other pages; permission-restricted rows use selectionDisabled. Native links and
|
|
425
428
|
actions in cells remain independent. Compose search and filters at the host
|
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# @flood-md/agent
|
|
2
2
|
|
|
3
3
|
Version-matched guidance for Flood React/Next.js projects. Read the installed
|
|
4
|
-
contract before composing screens. The 0.2.
|
|
4
|
+
contract before composing screens. The 0.2.11 reference bundle includes spacing
|
|
5
5
|
guidance, routing and observable rules. These files grant
|
|
6
6
|
no authority to modify external services.
|
|
7
7
|
|
package/SKILL.md
CHANGED
|
@@ -23,6 +23,16 @@ invented as a package API. No external component library or parallel token syste
|
|
|
23
23
|
|
|
24
24
|
## Read only the relevant reference
|
|
25
25
|
|
|
26
|
+
Before composing a screen, write a short task trace in the development notes:
|
|
27
|
+
what the user arrives with, the next meaningful action, what changes when it
|
|
28
|
+
succeeds, and how the user recovers if it fails. Name which inputs, filters,
|
|
29
|
+
selection and focus should survive each transition. Use the trace to select
|
|
30
|
+
the relevant workflows and exercise the rendered screen before delivery.
|
|
31
|
+
|
|
32
|
+
For a reusable component or visual API change, the composition skill routes to
|
|
33
|
+
[component families](references/component-families.md). Flood's own authors use
|
|
34
|
+
that same contract; it is not limited to downstream screen generation.
|
|
35
|
+
|
|
26
36
|
For a new screen, read the composition and interface-content workflows below
|
|
27
37
|
before the first JSX. Discover owners in the installed catalog before choosing
|
|
28
38
|
familiar low-level controls. Keep a short role → selected component → consulted
|
|
@@ -52,6 +62,7 @@ message lifetime belongs to the operation/record, not merely the page's Alert.
|
|
|
52
62
|
| New screen, layout or form | [Composition](references/composition.md) | Existing primitives, correct host width and form ownership |
|
|
53
63
|
| Task/group/field hierarchy, flat forms or inconsistent row tracks | [Hierarchy skill](references/flood-hierarchy/SKILL.md) | Distinct roles, shared control edges and deliberate vertical rhythm |
|
|
54
64
|
| Spacing, density, nested geometry or shifting previews | [Spacing skill](references/flood-spacing/SKILL.md) | Measured visual relationships and nonoverlapping interactive areas |
|
|
65
|
+
| Animation, transitions or reduced motion | [Motion skill](references/flood-motion/SKILL.md) | Motion roles, immediate semantics and reduced-motion behavior |
|
|
55
66
|
| Existing dark surfaces, type, control and icon sizing | [Foundations skill](references/flood-foundations/SKILL.md) | Correct semantic roles and coherent consumers |
|
|
56
67
|
| Keyboard, names, focus, perception or reflow | [Accessibility skill](references/flood-accessibility/SKILL.md) | Real interaction and associations preserved |
|
|
57
68
|
| Field ownership, validation, submission and reset | [Forms skill](references/flood-forms/SKILL.md) | Actual form values and accepted/refused transitions |
|