@flowstack-ui/agent-tools 0.1.4 → 0.1.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/.codex-plugin/plugin.json +1 -1
- package/CHANGELOG.md +17 -0
- package/README.md +1 -1
- package/package.json +1 -1
- package/public/index.json +681 -681
- package/public/llms.txt +2 -2
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/accordion.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/alert-dialog.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/app-bar.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/aspect-ratio.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/avatar.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/badge.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/bottom-navigation.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/breadcrumb.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/button.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/carousel.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/checkbox-group.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/checkbox.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/clipboard.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/collapsible.txt +1 -1
- package/public/packages/atom/0.26.0/components/color-picker.txt +147 -0
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/combobox.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/context-menu.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/data-grid.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/dialog.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/direction.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/divider.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/drag-drop.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/drawer.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/dropdown-menu.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/feed.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/field.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/fieldset.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/file-upload.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/form.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/highlight.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/hover-card.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/image.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/input.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/label.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/link.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/list.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/listbox.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/menu.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/menubar.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/modal.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/multi-select.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/nav-list.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/navigation-menu.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/number-input.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/otp-field.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/pagination.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/password-toggle-field.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/popover.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/pressable.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/progress.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/radio-group.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/rating.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/reorder.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/scroll-area.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/select.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/sidebar.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/skip-link.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/slider.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/swipeable-item.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/switch.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/table.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/tabs.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/textarea.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/toast.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/toggle-group.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/toggle.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/toolbar.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/tooltip.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/tree-grid.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/tree.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/components/visually-hidden.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/docs/guides/agent-knowledge.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/docs/guides/getting-started.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/docs/guides/imports.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/docs/guides/public-api.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/guides/behavior-composition.txt +1 -1
- package/public/packages/atom/{0.25.1 → 0.26.0}/guides/layer-selection.txt +1 -1
- package/public/packages/atom/0.26.0/index.txt +90 -0
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/accordion.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/alert-dialog.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/app-bar.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/appearance.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/aspect-ratio.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/avatar.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/badge.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/bleed.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/blockquote.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/bottom-navigation.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/breadcrumb.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/button.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/card.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/carousel.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/checkbox-group.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/checkbox.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/chip.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/code-block.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/code.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/collapsible.txt +1 -1
- package/public/packages/brick/0.2.0/components/color-picker.txt +156 -0
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/color-swatch.txt +28 -11
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/combobox.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/container.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/context-menu.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/data-grid.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/data-list.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/dialog.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/divider.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/drawer.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/dropdown-menu.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/em.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/feed.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/field.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/fieldset.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/file-upload.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/form.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/frame.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/grid.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/group.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/hide.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/highlight.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/hover-card.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/icon-button.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/icon.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/image.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/input.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/kbd.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/link-box.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/link.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/list.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/mark.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/menubar.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/multi-select.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/nav-list.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/navigation-menu.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/notification-badge.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/number-input.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/otp-field.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/pagination.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/password-toggle-field.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/popover.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/progress-circle.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/progress.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/prose.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/radio-group.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/rating.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/reorderable-list.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/scroll-area.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/section.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/segment-group.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/select.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/show.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/sidebar.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/skeleton.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/skip-link.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/slider.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/stack.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/status.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/surface.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/swipeable-item.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/switch.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/table.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/tabs.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/text.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/textarea.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/toast.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/toggle-group.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/toggle.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/toolbar.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/tooltip.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/tree-grid.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/tree.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/visually-hidden.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/components/z-stack.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/agent-knowledge.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/appearance-and-tokens.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/browser-support.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/control-sizing.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/installation.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/docs/guides/theme-contract.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/guides/interface-composition.txt +1 -1
- package/public/packages/brick/{0.1.12 → 0.2.0}/guides/layer-selection.txt +1 -1
- package/public/packages/brick/0.2.0/index.txt +116 -0
- package/public/tasks/data.txt +24 -24
- package/public/tasks/forms.txt +50 -50
- package/public/tasks/layout.txt +22 -22
- package/public/tasks/navigation.txt +36 -36
- package/public/tasks/overlays.txt +24 -24
- package/public/tasks/theming.txt +2 -2
- package/public/packages/atom/0.25.1/components/color-picker.txt +0 -117
- package/public/packages/atom/0.25.1/index.txt +0 -90
- package/public/packages/brick/0.1.12/components/color-picker.txt +0 -135
- package/public/packages/brick/0.1.12/index.txt +0 -116
|
@@ -8,44 +8,44 @@ Load only the routes required for the current job and preserve their exact packa
|
|
|
8
8
|
|
|
9
9
|
Use Brick for ordinary finished navigation. Do not import Atom directly.
|
|
10
10
|
|
|
11
|
-
- [brick/guide/layer-selection](/packages/brick/0.
|
|
12
|
-
- [brick/guide/interface-composition](/packages/brick/0.
|
|
13
|
-
- [brick/component/app-bar](/packages/brick/0.
|
|
14
|
-
- [brick/component/bottom-navigation](/packages/brick/0.
|
|
15
|
-
- [brick/component/breadcrumb](/packages/brick/0.
|
|
16
|
-
- [brick/component/context-menu](/packages/brick/0.
|
|
17
|
-
- [brick/component/drawer](/packages/brick/0.
|
|
18
|
-
- [brick/component/dropdown-menu](/packages/brick/0.
|
|
19
|
-
- [brick/component/link](/packages/brick/0.
|
|
20
|
-
- [brick/component/link-box](/packages/brick/0.
|
|
21
|
-
- [brick/component/menubar](/packages/brick/0.
|
|
22
|
-
- [brick/component/nav-list](/packages/brick/0.
|
|
23
|
-
- [brick/component/navigation-menu](/packages/brick/0.
|
|
24
|
-
- [brick/component/pagination](/packages/brick/0.
|
|
25
|
-
- [brick/component/sidebar](/packages/brick/0.
|
|
26
|
-
- [brick/component/skip-link](/packages/brick/0.
|
|
27
|
-
- [brick/component/tabs](/packages/brick/0.
|
|
28
|
-
- [brick/component/toolbar](/packages/brick/0.
|
|
11
|
+
- [brick/guide/layer-selection](/packages/brick/0.2.0/guides/layer-selection.txt)
|
|
12
|
+
- [brick/guide/interface-composition](/packages/brick/0.2.0/guides/interface-composition.txt)
|
|
13
|
+
- [brick/component/app-bar](/packages/brick/0.2.0/components/app-bar.txt)
|
|
14
|
+
- [brick/component/bottom-navigation](/packages/brick/0.2.0/components/bottom-navigation.txt)
|
|
15
|
+
- [brick/component/breadcrumb](/packages/brick/0.2.0/components/breadcrumb.txt)
|
|
16
|
+
- [brick/component/context-menu](/packages/brick/0.2.0/components/context-menu.txt)
|
|
17
|
+
- [brick/component/drawer](/packages/brick/0.2.0/components/drawer.txt)
|
|
18
|
+
- [brick/component/dropdown-menu](/packages/brick/0.2.0/components/dropdown-menu.txt)
|
|
19
|
+
- [brick/component/link](/packages/brick/0.2.0/components/link.txt)
|
|
20
|
+
- [brick/component/link-box](/packages/brick/0.2.0/components/link-box.txt)
|
|
21
|
+
- [brick/component/menubar](/packages/brick/0.2.0/components/menubar.txt)
|
|
22
|
+
- [brick/component/nav-list](/packages/brick/0.2.0/components/nav-list.txt)
|
|
23
|
+
- [brick/component/navigation-menu](/packages/brick/0.2.0/components/navigation-menu.txt)
|
|
24
|
+
- [brick/component/pagination](/packages/brick/0.2.0/components/pagination.txt)
|
|
25
|
+
- [brick/component/sidebar](/packages/brick/0.2.0/components/sidebar.txt)
|
|
26
|
+
- [brick/component/skip-link](/packages/brick/0.2.0/components/skip-link.txt)
|
|
27
|
+
- [brick/component/tabs](/packages/brick/0.2.0/components/tabs.txt)
|
|
28
|
+
- [brick/component/toolbar](/packages/brick/0.2.0/components/toolbar.txt)
|
|
29
29
|
|
|
30
30
|
## Explicit exception: headless behavior
|
|
31
31
|
|
|
32
32
|
Use Atom only when the task explicitly requires reusable headless navigation behavior without Brick's finished visual contract.
|
|
33
33
|
|
|
34
|
-
- [atom/guide/layer-selection](/packages/atom/0.
|
|
35
|
-
- [atom/guide/behavior-composition](/packages/atom/0.
|
|
36
|
-
- [atom/component/app-bar](/packages/atom/0.
|
|
37
|
-
- [atom/component/bottom-navigation](/packages/atom/0.
|
|
38
|
-
- [atom/component/breadcrumb](/packages/atom/0.
|
|
39
|
-
- [atom/component/context-menu](/packages/atom/0.
|
|
40
|
-
- [atom/component/drawer](/packages/atom/0.
|
|
41
|
-
- [atom/component/dropdown-menu](/packages/atom/0.
|
|
42
|
-
- [atom/component/link](/packages/atom/0.
|
|
43
|
-
- [atom/component/menu](/packages/atom/0.
|
|
44
|
-
- [atom/component/menubar](/packages/atom/0.
|
|
45
|
-
- [atom/component/nav-list](/packages/atom/0.
|
|
46
|
-
- [atom/component/navigation-menu](/packages/atom/0.
|
|
47
|
-
- [atom/component/pagination](/packages/atom/0.
|
|
48
|
-
- [atom/component/sidebar](/packages/atom/0.
|
|
49
|
-
- [atom/component/skip-link](/packages/atom/0.
|
|
50
|
-
- [atom/component/tabs](/packages/atom/0.
|
|
51
|
-
- [atom/component/toolbar](/packages/atom/0.
|
|
34
|
+
- [atom/guide/layer-selection](/packages/atom/0.26.0/guides/layer-selection.txt)
|
|
35
|
+
- [atom/guide/behavior-composition](/packages/atom/0.26.0/guides/behavior-composition.txt)
|
|
36
|
+
- [atom/component/app-bar](/packages/atom/0.26.0/components/app-bar.txt)
|
|
37
|
+
- [atom/component/bottom-navigation](/packages/atom/0.26.0/components/bottom-navigation.txt)
|
|
38
|
+
- [atom/component/breadcrumb](/packages/atom/0.26.0/components/breadcrumb.txt)
|
|
39
|
+
- [atom/component/context-menu](/packages/atom/0.26.0/components/context-menu.txt)
|
|
40
|
+
- [atom/component/drawer](/packages/atom/0.26.0/components/drawer.txt)
|
|
41
|
+
- [atom/component/dropdown-menu](/packages/atom/0.26.0/components/dropdown-menu.txt)
|
|
42
|
+
- [atom/component/link](/packages/atom/0.26.0/components/link.txt)
|
|
43
|
+
- [atom/component/menu](/packages/atom/0.26.0/components/menu.txt)
|
|
44
|
+
- [atom/component/menubar](/packages/atom/0.26.0/components/menubar.txt)
|
|
45
|
+
- [atom/component/nav-list](/packages/atom/0.26.0/components/nav-list.txt)
|
|
46
|
+
- [atom/component/navigation-menu](/packages/atom/0.26.0/components/navigation-menu.txt)
|
|
47
|
+
- [atom/component/pagination](/packages/atom/0.26.0/components/pagination.txt)
|
|
48
|
+
- [atom/component/sidebar](/packages/atom/0.26.0/components/sidebar.txt)
|
|
49
|
+
- [atom/component/skip-link](/packages/atom/0.26.0/components/skip-link.txt)
|
|
50
|
+
- [atom/component/tabs](/packages/atom/0.26.0/components/tabs.txt)
|
|
51
|
+
- [atom/component/toolbar](/packages/atom/0.26.0/components/toolbar.txt)
|
|
@@ -8,32 +8,32 @@ Load only the routes required for the current job and preserve their exact packa
|
|
|
8
8
|
|
|
9
9
|
Use Brick for ordinary finished overlays. Do not import Atom directly.
|
|
10
10
|
|
|
11
|
-
- [brick/guide/layer-selection](/packages/brick/0.
|
|
12
|
-
- [brick/guide/interface-composition](/packages/brick/0.
|
|
13
|
-
- [brick/component/alert-dialog](/packages/brick/0.
|
|
14
|
-
- [brick/component/context-menu](/packages/brick/0.
|
|
15
|
-
- [brick/component/dialog](/packages/brick/0.
|
|
16
|
-
- [brick/component/drawer](/packages/brick/0.
|
|
17
|
-
- [brick/component/dropdown-menu](/packages/brick/0.
|
|
18
|
-
- [brick/component/hover-card](/packages/brick/0.
|
|
19
|
-
- [brick/component/popover](/packages/brick/0.
|
|
20
|
-
- [brick/component/toast](/packages/brick/0.
|
|
21
|
-
- [brick/component/tooltip](/packages/brick/0.
|
|
11
|
+
- [brick/guide/layer-selection](/packages/brick/0.2.0/guides/layer-selection.txt)
|
|
12
|
+
- [brick/guide/interface-composition](/packages/brick/0.2.0/guides/interface-composition.txt)
|
|
13
|
+
- [brick/component/alert-dialog](/packages/brick/0.2.0/components/alert-dialog.txt)
|
|
14
|
+
- [brick/component/context-menu](/packages/brick/0.2.0/components/context-menu.txt)
|
|
15
|
+
- [brick/component/dialog](/packages/brick/0.2.0/components/dialog.txt)
|
|
16
|
+
- [brick/component/drawer](/packages/brick/0.2.0/components/drawer.txt)
|
|
17
|
+
- [brick/component/dropdown-menu](/packages/brick/0.2.0/components/dropdown-menu.txt)
|
|
18
|
+
- [brick/component/hover-card](/packages/brick/0.2.0/components/hover-card.txt)
|
|
19
|
+
- [brick/component/popover](/packages/brick/0.2.0/components/popover.txt)
|
|
20
|
+
- [brick/component/toast](/packages/brick/0.2.0/components/toast.txt)
|
|
21
|
+
- [brick/component/tooltip](/packages/brick/0.2.0/components/tooltip.txt)
|
|
22
22
|
|
|
23
23
|
## Explicit exception: headless behavior
|
|
24
24
|
|
|
25
25
|
Use Atom only when the task explicitly requires reusable headless overlay behavior without Brick's finished visual contract.
|
|
26
26
|
|
|
27
|
-
- [atom/guide/layer-selection](/packages/atom/0.
|
|
28
|
-
- [atom/guide/behavior-composition](/packages/atom/0.
|
|
29
|
-
- [atom/component/alert-dialog](/packages/atom/0.
|
|
30
|
-
- [atom/component/context-menu](/packages/atom/0.
|
|
31
|
-
- [atom/component/dialog](/packages/atom/0.
|
|
32
|
-
- [atom/component/drawer](/packages/atom/0.
|
|
33
|
-
- [atom/component/dropdown-menu](/packages/atom/0.
|
|
34
|
-
- [atom/component/hover-card](/packages/atom/0.
|
|
35
|
-
- [atom/component/menu](/packages/atom/0.
|
|
36
|
-
- [atom/component/modal](/packages/atom/0.
|
|
37
|
-
- [atom/component/popover](/packages/atom/0.
|
|
38
|
-
- [atom/component/toast](/packages/atom/0.
|
|
39
|
-
- [atom/component/tooltip](/packages/atom/0.
|
|
27
|
+
- [atom/guide/layer-selection](/packages/atom/0.26.0/guides/layer-selection.txt)
|
|
28
|
+
- [atom/guide/behavior-composition](/packages/atom/0.26.0/guides/behavior-composition.txt)
|
|
29
|
+
- [atom/component/alert-dialog](/packages/atom/0.26.0/components/alert-dialog.txt)
|
|
30
|
+
- [atom/component/context-menu](/packages/atom/0.26.0/components/context-menu.txt)
|
|
31
|
+
- [atom/component/dialog](/packages/atom/0.26.0/components/dialog.txt)
|
|
32
|
+
- [atom/component/drawer](/packages/atom/0.26.0/components/drawer.txt)
|
|
33
|
+
- [atom/component/dropdown-menu](/packages/atom/0.26.0/components/dropdown-menu.txt)
|
|
34
|
+
- [atom/component/hover-card](/packages/atom/0.26.0/components/hover-card.txt)
|
|
35
|
+
- [atom/component/menu](/packages/atom/0.26.0/components/menu.txt)
|
|
36
|
+
- [atom/component/modal](/packages/atom/0.26.0/components/modal.txt)
|
|
37
|
+
- [atom/component/popover](/packages/atom/0.26.0/components/popover.txt)
|
|
38
|
+
- [atom/component/toast](/packages/atom/0.26.0/components/toast.txt)
|
|
39
|
+
- [atom/component/tooltip](/packages/atom/0.26.0/components/tooltip.txt)
|
package/public/tasks/theming.txt
CHANGED
|
@@ -8,8 +8,8 @@ Load only the routes required for the current job and preserve their exact packa
|
|
|
8
8
|
|
|
9
9
|
Use Brick Color Picker and Color Swatch for finished interface selection and display; use Colors and Theme for authoring system values.
|
|
10
10
|
|
|
11
|
-
- [brick/component/color-picker](/packages/brick/0.
|
|
12
|
-
- [brick/component/color-swatch](/packages/brick/0.
|
|
11
|
+
- [brick/component/color-picker](/packages/brick/0.2.0/components/color-picker.txt)
|
|
12
|
+
- [brick/component/color-swatch](/packages/brick/0.2.0/components/color-swatch.txt)
|
|
13
13
|
|
|
14
14
|
## Step 1: Colors candidate
|
|
15
15
|
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
# Color Picker
|
|
2
|
-
|
|
3
|
-
Source: @flowstack-ui/atom@0.25.1
|
|
4
|
-
Kind: component
|
|
5
|
-
ID: color-picker
|
|
6
|
-
|
|
7
|
-
# Color Picker agent guide
|
|
8
|
-
|
|
9
|
-
## Purpose
|
|
10
|
-
|
|
11
|
-
Provide headless hexadecimal color selection with controlled or uncontrolled state, native picker access, preset selection, popover behavior, and form submission.
|
|
12
|
-
|
|
13
|
-
## Use when
|
|
14
|
-
|
|
15
|
-
- A form needs an editable hexadecimal color value, a native color chooser, preset color choices, or a popover that combines those inputs.
|
|
16
|
-
|
|
17
|
-
## Choose something else when
|
|
18
|
-
|
|
19
|
-
- The interface only previews a color and does not select or submit it. Use a styled-layer Color Swatch or a passive application element.
|
|
20
|
-
|
|
21
|
-
## Required composition
|
|
22
|
-
|
|
23
|
-
- Place ColorPicker.Label and ColorPicker.Control inside ColorPicker.Root; include ColorPicker.HiddenInput when the value participates in form submission.
|
|
24
|
-
- Compose ColorPicker.Trigger with ColorPicker.Content for a floating picker, or omit both for an inline picker.
|
|
25
|
-
|
|
26
|
-
## Rules
|
|
27
|
-
|
|
28
|
-
- **MUST:** Give the editable and native color inputs an accessible name through ColorPicker.Label or an explicit aria-label.
|
|
29
|
-
- **MUST:** Provide name to ColorPicker.Root and render ColorPicker.HiddenInput when the selected value must submit with a form.
|
|
30
|
-
- **MUST:** Use CSS hexadecimal values in #rrggbb or #rgb form; Atom normalizes valid values to lowercase #rrggbb.
|
|
31
|
-
- **SHOULD:** Give preset triggers human-readable aria-label values when the raw color string is not a sufficient name.
|
|
32
|
-
|
|
33
|
-
## Common mistakes
|
|
34
|
-
|
|
35
|
-
- **Avoid:** Adding a visual swatch directly in Atom. **Instead:** Keep Atom headless and render the finished Color Swatch from Brick inside triggers or adjacent content.
|
|
36
|
-
- **Avoid:** Rendering a text input with no persistent label. **Instead:** Use ColorPicker.Label or provide an explicit accessible name.
|
|
37
|
-
|
|
38
|
-
## Validation checklist
|
|
39
|
-
|
|
40
|
-
- Test keyboard editing, native color selection, preset selection, controlled state, disabled and read-only behavior, and form submission.
|
|
41
|
-
- Verify invalid text is not committed and the last valid value is restored on blur.
|
|
42
|
-
|
|
43
|
-
## Related guidance
|
|
44
|
-
|
|
45
|
-
- `field`
|
|
46
|
-
- `form`
|
|
47
|
-
- `input`
|
|
48
|
-
- `popover`
|
|
49
|
-
|
|
50
|
-
## Machine record
|
|
51
|
-
|
|
52
|
-
```json
|
|
53
|
-
{
|
|
54
|
-
"schema": "flowstack.agent-component.v1",
|
|
55
|
-
"id": "color-picker",
|
|
56
|
-
"name": "Color Picker",
|
|
57
|
-
"package": "@flowstack-ui/atom",
|
|
58
|
-
"layer": "atom",
|
|
59
|
-
"kind": "component",
|
|
60
|
-
"purpose": "Provide headless hexadecimal color selection with controlled or uncontrolled state, native picker access, preset selection, popover behavior, and form submission.",
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"A form needs an editable hexadecimal color value, a native color chooser, preset color choices, or a popover that combines those inputs."
|
|
63
|
-
],
|
|
64
|
-
"avoidWhen": [
|
|
65
|
-
{
|
|
66
|
-
"condition": "The interface only previews a color and does not select or submit it.",
|
|
67
|
-
"useInstead": "a styled-layer Color Swatch or a passive application element"
|
|
68
|
-
}
|
|
69
|
-
],
|
|
70
|
-
"composition": [
|
|
71
|
-
"Place ColorPicker.Label and ColorPicker.Control inside ColorPicker.Root; include ColorPicker.HiddenInput when the value participates in form submission.",
|
|
72
|
-
"Compose ColorPicker.Trigger with ColorPicker.Content for a floating picker, or omit both for an inline picker."
|
|
73
|
-
],
|
|
74
|
-
"rules": [
|
|
75
|
-
{
|
|
76
|
-
"id": "color-picker-label",
|
|
77
|
-
"level": "must",
|
|
78
|
-
"statement": "Give the editable and native color inputs an accessible name through ColorPicker.Label or an explicit aria-label."
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"id": "color-picker-form",
|
|
82
|
-
"level": "must",
|
|
83
|
-
"statement": "Provide name to ColorPicker.Root and render ColorPicker.HiddenInput when the selected value must submit with a form."
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"id": "color-picker-hex",
|
|
87
|
-
"level": "must",
|
|
88
|
-
"statement": "Use CSS hexadecimal values in #rrggbb or #rgb form; Atom normalizes valid values to lowercase #rrggbb."
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"id": "color-picker-preset-name",
|
|
92
|
-
"level": "should",
|
|
93
|
-
"statement": "Give preset triggers human-readable aria-label values when the raw color string is not a sufficient name."
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
"commonMistakes": [
|
|
97
|
-
{
|
|
98
|
-
"mistake": "Adding a visual swatch directly in Atom.",
|
|
99
|
-
"correction": "Keep Atom headless and render the finished Color Swatch from Brick inside triggers or adjacent content."
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"mistake": "Rendering a text input with no persistent label.",
|
|
103
|
-
"correction": "Use ColorPicker.Label or provide an explicit accessible name."
|
|
104
|
-
}
|
|
105
|
-
],
|
|
106
|
-
"validation": [
|
|
107
|
-
"Test keyboard editing, native color selection, preset selection, controlled state, disabled and read-only behavior, and form submission.",
|
|
108
|
-
"Verify invalid text is not committed and the last valid value is restored on blur."
|
|
109
|
-
],
|
|
110
|
-
"related": [
|
|
111
|
-
"field",
|
|
112
|
-
"form",
|
|
113
|
-
"input",
|
|
114
|
-
"popover"
|
|
115
|
-
]
|
|
116
|
-
}
|
|
117
|
-
```
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
# @flowstack-ui/atom@0.25.1
|
|
2
|
-
|
|
3
|
-
Archive SHA-256: `c9cf5da713e5aa62456030ff0b811ac1b0a8a4335431c472feeab9f51dc0b66e`
|
|
4
|
-
Coverage: 2806/2806 public surfaces; zero failures.
|
|
5
|
-
|
|
6
|
-
## component
|
|
7
|
-
|
|
8
|
-
- [Accordion](/packages/atom/0.25.1/components/accordion.txt)
|
|
9
|
-
- [AlertDialog](/packages/atom/0.25.1/components/alert-dialog.txt)
|
|
10
|
-
- [AppBar](/packages/atom/0.25.1/components/app-bar.txt)
|
|
11
|
-
- [AspectRatio](/packages/atom/0.25.1/components/aspect-ratio.txt)
|
|
12
|
-
- [Avatar](/packages/atom/0.25.1/components/avatar.txt)
|
|
13
|
-
- [Badge](/packages/atom/0.25.1/components/badge.txt)
|
|
14
|
-
- [BottomNavigation](/packages/atom/0.25.1/components/bottom-navigation.txt)
|
|
15
|
-
- [Breadcrumb](/packages/atom/0.25.1/components/breadcrumb.txt)
|
|
16
|
-
- [Button](/packages/atom/0.25.1/components/button.txt)
|
|
17
|
-
- [Carousel](/packages/atom/0.25.1/components/carousel.txt)
|
|
18
|
-
- [Checkbox](/packages/atom/0.25.1/components/checkbox.txt)
|
|
19
|
-
- [CheckboxGroup](/packages/atom/0.25.1/components/checkbox-group.txt)
|
|
20
|
-
- [Clipboard](/packages/atom/0.25.1/components/clipboard.txt)
|
|
21
|
-
- [Collapsible](/packages/atom/0.25.1/components/collapsible.txt)
|
|
22
|
-
- [Color Picker](/packages/atom/0.25.1/components/color-picker.txt)
|
|
23
|
-
- [Combobox](/packages/atom/0.25.1/components/combobox.txt)
|
|
24
|
-
- [ContextMenu](/packages/atom/0.25.1/components/context-menu.txt)
|
|
25
|
-
- [DataGrid](/packages/atom/0.25.1/components/data-grid.txt)
|
|
26
|
-
- [Dialog](/packages/atom/0.25.1/components/dialog.txt)
|
|
27
|
-
- [Direction](/packages/atom/0.25.1/components/direction.txt)
|
|
28
|
-
- [Divider](/packages/atom/0.25.1/components/divider.txt)
|
|
29
|
-
- [DragDrop](/packages/atom/0.25.1/components/drag-drop.txt)
|
|
30
|
-
- [Drawer](/packages/atom/0.25.1/components/drawer.txt)
|
|
31
|
-
- [DropdownMenu](/packages/atom/0.25.1/components/dropdown-menu.txt)
|
|
32
|
-
- [Feed](/packages/atom/0.25.1/components/feed.txt)
|
|
33
|
-
- [Field](/packages/atom/0.25.1/components/field.txt)
|
|
34
|
-
- [Fieldset](/packages/atom/0.25.1/components/fieldset.txt)
|
|
35
|
-
- [FileUpload](/packages/atom/0.25.1/components/file-upload.txt)
|
|
36
|
-
- [Form](/packages/atom/0.25.1/components/form.txt)
|
|
37
|
-
- [Highlight](/packages/atom/0.25.1/components/highlight.txt)
|
|
38
|
-
- [HoverCard](/packages/atom/0.25.1/components/hover-card.txt)
|
|
39
|
-
- [Image](/packages/atom/0.25.1/components/image.txt)
|
|
40
|
-
- [Input](/packages/atom/0.25.1/components/input.txt)
|
|
41
|
-
- [Label](/packages/atom/0.25.1/components/label.txt)
|
|
42
|
-
- [Link](/packages/atom/0.25.1/components/link.txt)
|
|
43
|
-
- [List](/packages/atom/0.25.1/components/list.txt)
|
|
44
|
-
- [Listbox](/packages/atom/0.25.1/components/listbox.txt)
|
|
45
|
-
- [Menu](/packages/atom/0.25.1/components/menu.txt)
|
|
46
|
-
- [Menubar](/packages/atom/0.25.1/components/menubar.txt)
|
|
47
|
-
- [Modal](/packages/atom/0.25.1/components/modal.txt)
|
|
48
|
-
- [MultiSelect](/packages/atom/0.25.1/components/multi-select.txt)
|
|
49
|
-
- [NavList](/packages/atom/0.25.1/components/nav-list.txt)
|
|
50
|
-
- [NavigationMenu](/packages/atom/0.25.1/components/navigation-menu.txt)
|
|
51
|
-
- [NumberInput](/packages/atom/0.25.1/components/number-input.txt)
|
|
52
|
-
- [OTPField](/packages/atom/0.25.1/components/otp-field.txt)
|
|
53
|
-
- [Pagination](/packages/atom/0.25.1/components/pagination.txt)
|
|
54
|
-
- [PasswordToggleField](/packages/atom/0.25.1/components/password-toggle-field.txt)
|
|
55
|
-
- [Popover](/packages/atom/0.25.1/components/popover.txt)
|
|
56
|
-
- [Pressable](/packages/atom/0.25.1/components/pressable.txt)
|
|
57
|
-
- [Progress](/packages/atom/0.25.1/components/progress.txt)
|
|
58
|
-
- [RadioGroup](/packages/atom/0.25.1/components/radio-group.txt)
|
|
59
|
-
- [Rating](/packages/atom/0.25.1/components/rating.txt)
|
|
60
|
-
- [Reorder](/packages/atom/0.25.1/components/reorder.txt)
|
|
61
|
-
- [ScrollArea](/packages/atom/0.25.1/components/scroll-area.txt)
|
|
62
|
-
- [Select](/packages/atom/0.25.1/components/select.txt)
|
|
63
|
-
- [Sidebar](/packages/atom/0.25.1/components/sidebar.txt)
|
|
64
|
-
- [SkipLink](/packages/atom/0.25.1/components/skip-link.txt)
|
|
65
|
-
- [Slider](/packages/atom/0.25.1/components/slider.txt)
|
|
66
|
-
- [SwipeableItem](/packages/atom/0.25.1/components/swipeable-item.txt)
|
|
67
|
-
- [Switch](/packages/atom/0.25.1/components/switch.txt)
|
|
68
|
-
- [Table](/packages/atom/0.25.1/components/table.txt)
|
|
69
|
-
- [Tabs](/packages/atom/0.25.1/components/tabs.txt)
|
|
70
|
-
- [Textarea](/packages/atom/0.25.1/components/textarea.txt)
|
|
71
|
-
- [Toast](/packages/atom/0.25.1/components/toast.txt)
|
|
72
|
-
- [Toggle](/packages/atom/0.25.1/components/toggle.txt)
|
|
73
|
-
- [ToggleGroup](/packages/atom/0.25.1/components/toggle-group.txt)
|
|
74
|
-
- [Toolbar](/packages/atom/0.25.1/components/toolbar.txt)
|
|
75
|
-
- [Tooltip](/packages/atom/0.25.1/components/tooltip.txt)
|
|
76
|
-
- [Tree](/packages/atom/0.25.1/components/tree.txt)
|
|
77
|
-
- [TreeGrid](/packages/atom/0.25.1/components/tree-grid.txt)
|
|
78
|
-
- [VisuallyHidden](/packages/atom/0.25.1/components/visually-hidden.txt)
|
|
79
|
-
|
|
80
|
-
## document
|
|
81
|
-
|
|
82
|
-
- [guides/agent-knowledge](/packages/atom/0.25.1/docs/guides/agent-knowledge.txt)
|
|
83
|
-
- [guides/getting-started](/packages/atom/0.25.1/docs/guides/getting-started.txt)
|
|
84
|
-
- [guides/imports](/packages/atom/0.25.1/docs/guides/imports.txt)
|
|
85
|
-
- [guides/public-api](/packages/atom/0.25.1/docs/guides/public-api.txt)
|
|
86
|
-
|
|
87
|
-
## guide
|
|
88
|
-
|
|
89
|
-
- [Atom behavior composition](/packages/atom/0.25.1/guides/behavior-composition.txt)
|
|
90
|
-
- [Atom layer selection](/packages/atom/0.25.1/guides/layer-selection.txt)
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
# Color Picker
|
|
2
|
-
|
|
3
|
-
Source: @flowstack-ui/brick@0.1.12
|
|
4
|
-
Kind: component
|
|
5
|
-
ID: color-picker
|
|
6
|
-
|
|
7
|
-
# Color Picker agent guide
|
|
8
|
-
|
|
9
|
-
## Purpose
|
|
10
|
-
|
|
11
|
-
Edit, choose, and submit an opaque hexadecimal color through a finished text, native chooser, preset, or optional floating composition.
|
|
12
|
-
|
|
13
|
-
## Use when
|
|
14
|
-
|
|
15
|
-
- A form needs one #rrggbb color value selected through editable text, the browser chooser, named presets, or a popover that combines them.
|
|
16
|
-
|
|
17
|
-
## Choose something else when
|
|
18
|
-
|
|
19
|
-
- The interface only previews a color. Use Color Swatch.
|
|
20
|
-
- The task requires alpha, gradients, color-space conversion, channels, an eyedropper, or contrast analysis. Use an application-owned specialist until Atom releases that behavior.
|
|
21
|
-
|
|
22
|
-
## Required composition
|
|
23
|
-
|
|
24
|
-
- Place Label and Control inside Root; include HiddenInput when the value participates in native form submission.
|
|
25
|
-
- Compose Trigger with Content for a floating picker, or omit both for inline editing.
|
|
26
|
-
- Put ColorSwatch.Root inside Trigger and SwatchTrigger for finished previews while the surrounding control carries the accessible name and selected state.
|
|
27
|
-
|
|
28
|
-
## Rules
|
|
29
|
-
|
|
30
|
-
- **MUST:** Give Input and NativeInput accessible names through Label or explicit aria-label values.
|
|
31
|
-
- **MUST:** Provide name to Root and render exactly one HiddenInput when the color must submit.
|
|
32
|
-
- **MUST:** Use #rgb or #rrggbb; this release intentionally supports opaque hexadecimal values only.
|
|
33
|
-
- **MUST:** Load styles.css, or core.css plus both color-picker.css and color-swatch.css when swatches are composed.
|
|
34
|
-
- **SHOULD:** Give presets human-readable names; do not rely on color alone or a raw hex string when a product name exists.
|
|
35
|
-
|
|
36
|
-
## Common mistakes
|
|
37
|
-
|
|
38
|
-
- **Avoid:** Reimplementing color parsing, picker state, or Popover behavior in Brick or application code. **Instead:** Use the Atom-backed ColorPicker parts and controlled props.
|
|
39
|
-
- **Avoid:** Naming both Input and HiddenInput for form submission. **Instead:** Put name on Root and render one HiddenInput.
|
|
40
|
-
- **Avoid:** Assuming Chakra's area, alpha, channel, format, or eyedropper parts exist. **Instead:** Stay within the released Brick anatomy and treat richer behavior as Atom-first future work.
|
|
41
|
-
|
|
42
|
-
## Validation checklist
|
|
43
|
-
|
|
44
|
-
- Test text, native, preset, controlled, disabled, read-only, invalid, form submit/reset, Escape/focus restoration, light/dark, forced-colors, narrow/zoom, RTL, and non-color selection cues.
|
|
45
|
-
|
|
46
|
-
## Related guidance
|
|
47
|
-
|
|
48
|
-
- `color-swatch`
|
|
49
|
-
- `field`
|
|
50
|
-
- `form`
|
|
51
|
-
- `input`
|
|
52
|
-
- `popover`
|
|
53
|
-
|
|
54
|
-
## Machine record
|
|
55
|
-
|
|
56
|
-
```json
|
|
57
|
-
{
|
|
58
|
-
"schema": "flowstack.agent-component.v1",
|
|
59
|
-
"id": "color-picker",
|
|
60
|
-
"name": "Color Picker",
|
|
61
|
-
"package": "@flowstack-ui/brick",
|
|
62
|
-
"layer": "brick",
|
|
63
|
-
"kind": "component",
|
|
64
|
-
"purpose": "Edit, choose, and submit an opaque hexadecimal color through a finished text, native chooser, preset, or optional floating composition.",
|
|
65
|
-
"useWhen": [
|
|
66
|
-
"A form needs one #rrggbb color value selected through editable text, the browser chooser, named presets, or a popover that combines them."
|
|
67
|
-
],
|
|
68
|
-
"avoidWhen": [
|
|
69
|
-
{
|
|
70
|
-
"condition": "The interface only previews a color.",
|
|
71
|
-
"useInstead": "Color Swatch"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"condition": "The task requires alpha, gradients, color-space conversion, channels, an eyedropper, or contrast analysis.",
|
|
75
|
-
"useInstead": "an application-owned specialist until Atom releases that behavior"
|
|
76
|
-
}
|
|
77
|
-
],
|
|
78
|
-
"composition": [
|
|
79
|
-
"Place Label and Control inside Root; include HiddenInput when the value participates in native form submission.",
|
|
80
|
-
"Compose Trigger with Content for a floating picker, or omit both for inline editing.",
|
|
81
|
-
"Put ColorSwatch.Root inside Trigger and SwatchTrigger for finished previews while the surrounding control carries the accessible name and selected state."
|
|
82
|
-
],
|
|
83
|
-
"rules": [
|
|
84
|
-
{
|
|
85
|
-
"id": "color-picker-label",
|
|
86
|
-
"level": "must",
|
|
87
|
-
"statement": "Give Input and NativeInput accessible names through Label or explicit aria-label values."
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"id": "color-picker-form",
|
|
91
|
-
"level": "must",
|
|
92
|
-
"statement": "Provide name to Root and render exactly one HiddenInput when the color must submit."
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"id": "color-picker-hex",
|
|
96
|
-
"level": "must",
|
|
97
|
-
"statement": "Use #rgb or #rrggbb; this release intentionally supports opaque hexadecimal values only."
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"id": "color-picker-css",
|
|
101
|
-
"level": "must",
|
|
102
|
-
"statement": "Load styles.css, or core.css plus both color-picker.css and color-swatch.css when swatches are composed."
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"id": "color-picker-preset-name",
|
|
106
|
-
"level": "should",
|
|
107
|
-
"statement": "Give presets human-readable names; do not rely on color alone or a raw hex string when a product name exists."
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
"commonMistakes": [
|
|
111
|
-
{
|
|
112
|
-
"mistake": "Reimplementing color parsing, picker state, or Popover behavior in Brick or application code.",
|
|
113
|
-
"correction": "Use the Atom-backed ColorPicker parts and controlled props."
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
"mistake": "Naming both Input and HiddenInput for form submission.",
|
|
117
|
-
"correction": "Put name on Root and render one HiddenInput."
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"mistake": "Assuming Chakra's area, alpha, channel, format, or eyedropper parts exist.",
|
|
121
|
-
"correction": "Stay within the released Brick anatomy and treat richer behavior as Atom-first future work."
|
|
122
|
-
}
|
|
123
|
-
],
|
|
124
|
-
"validation": [
|
|
125
|
-
"Test text, native, preset, controlled, disabled, read-only, invalid, form submit/reset, Escape/focus restoration, light/dark, forced-colors, narrow/zoom, RTL, and non-color selection cues."
|
|
126
|
-
],
|
|
127
|
-
"related": [
|
|
128
|
-
"color-swatch",
|
|
129
|
-
"field",
|
|
130
|
-
"form",
|
|
131
|
-
"input",
|
|
132
|
-
"popover"
|
|
133
|
-
]
|
|
134
|
-
}
|
|
135
|
-
```
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
# @flowstack-ui/brick@0.1.12
|
|
2
|
-
|
|
3
|
-
Archive SHA-256: `746d9f8732fdc2b4ad38a2bd53f8c11a5d76a642f219dffe0306c54db7a7514b`
|
|
4
|
-
Coverage: 2690/2690 public surfaces; zero failures.
|
|
5
|
-
|
|
6
|
-
## component
|
|
7
|
-
|
|
8
|
-
- [Accordion](/packages/brick/0.1.12/components/accordion.txt)
|
|
9
|
-
- [AlertDialog](/packages/brick/0.1.12/components/alert-dialog.txt)
|
|
10
|
-
- [AppBar](/packages/brick/0.1.12/components/app-bar.txt)
|
|
11
|
-
- [Appearance](/packages/brick/0.1.12/components/appearance.txt)
|
|
12
|
-
- [AspectRatio](/packages/brick/0.1.12/components/aspect-ratio.txt)
|
|
13
|
-
- [Avatar](/packages/brick/0.1.12/components/avatar.txt)
|
|
14
|
-
- [Badge](/packages/brick/0.1.12/components/badge.txt)
|
|
15
|
-
- [Bleed](/packages/brick/0.1.12/components/bleed.txt)
|
|
16
|
-
- [Blockquote](/packages/brick/0.1.12/components/blockquote.txt)
|
|
17
|
-
- [BottomNavigation](/packages/brick/0.1.12/components/bottom-navigation.txt)
|
|
18
|
-
- [Breadcrumb](/packages/brick/0.1.12/components/breadcrumb.txt)
|
|
19
|
-
- [Button](/packages/brick/0.1.12/components/button.txt)
|
|
20
|
-
- [Card](/packages/brick/0.1.12/components/card.txt)
|
|
21
|
-
- [Carousel](/packages/brick/0.1.12/components/carousel.txt)
|
|
22
|
-
- [Checkbox](/packages/brick/0.1.12/components/checkbox.txt)
|
|
23
|
-
- [Checkbox Group](/packages/brick/0.1.12/components/checkbox-group.txt)
|
|
24
|
-
- [Chip](/packages/brick/0.1.12/components/chip.txt)
|
|
25
|
-
- [Code](/packages/brick/0.1.12/components/code.txt)
|
|
26
|
-
- [Code Block](/packages/brick/0.1.12/components/code-block.txt)
|
|
27
|
-
- [Collapsible](/packages/brick/0.1.12/components/collapsible.txt)
|
|
28
|
-
- [Color Picker](/packages/brick/0.1.12/components/color-picker.txt)
|
|
29
|
-
- [Color Swatch](/packages/brick/0.1.12/components/color-swatch.txt)
|
|
30
|
-
- [Combobox](/packages/brick/0.1.12/components/combobox.txt)
|
|
31
|
-
- [Container](/packages/brick/0.1.12/components/container.txt)
|
|
32
|
-
- [ContextMenu](/packages/brick/0.1.12/components/context-menu.txt)
|
|
33
|
-
- [Data Grid](/packages/brick/0.1.12/components/data-grid.txt)
|
|
34
|
-
- [Data List](/packages/brick/0.1.12/components/data-list.txt)
|
|
35
|
-
- [Dialog](/packages/brick/0.1.12/components/dialog.txt)
|
|
36
|
-
- [Divider](/packages/brick/0.1.12/components/divider.txt)
|
|
37
|
-
- [Drawer](/packages/brick/0.1.12/components/drawer.txt)
|
|
38
|
-
- [DropdownMenu](/packages/brick/0.1.12/components/dropdown-menu.txt)
|
|
39
|
-
- [Em](/packages/brick/0.1.12/components/em.txt)
|
|
40
|
-
- [Feed](/packages/brick/0.1.12/components/feed.txt)
|
|
41
|
-
- [Field](/packages/brick/0.1.12/components/field.txt)
|
|
42
|
-
- [Fieldset](/packages/brick/0.1.12/components/fieldset.txt)
|
|
43
|
-
- [FileUpload](/packages/brick/0.1.12/components/file-upload.txt)
|
|
44
|
-
- [Form](/packages/brick/0.1.12/components/form.txt)
|
|
45
|
-
- [Frame](/packages/brick/0.1.12/components/frame.txt)
|
|
46
|
-
- [Grid](/packages/brick/0.1.12/components/grid.txt)
|
|
47
|
-
- [Group](/packages/brick/0.1.12/components/group.txt)
|
|
48
|
-
- [Hide](/packages/brick/0.1.12/components/hide.txt)
|
|
49
|
-
- [Highlight](/packages/brick/0.1.12/components/highlight.txt)
|
|
50
|
-
- [HoverCard](/packages/brick/0.1.12/components/hover-card.txt)
|
|
51
|
-
- [Icon](/packages/brick/0.1.12/components/icon.txt)
|
|
52
|
-
- [IconButton](/packages/brick/0.1.12/components/icon-button.txt)
|
|
53
|
-
- [Image](/packages/brick/0.1.12/components/image.txt)
|
|
54
|
-
- [Input](/packages/brick/0.1.12/components/input.txt)
|
|
55
|
-
- [Kbd](/packages/brick/0.1.12/components/kbd.txt)
|
|
56
|
-
- [Link](/packages/brick/0.1.12/components/link.txt)
|
|
57
|
-
- [Link Box](/packages/brick/0.1.12/components/link-box.txt)
|
|
58
|
-
- [List](/packages/brick/0.1.12/components/list.txt)
|
|
59
|
-
- [Mark](/packages/brick/0.1.12/components/mark.txt)
|
|
60
|
-
- [Menubar](/packages/brick/0.1.12/components/menubar.txt)
|
|
61
|
-
- [MultiSelect](/packages/brick/0.1.12/components/multi-select.txt)
|
|
62
|
-
- [NavList](/packages/brick/0.1.12/components/nav-list.txt)
|
|
63
|
-
- [NavigationMenu](/packages/brick/0.1.12/components/navigation-menu.txt)
|
|
64
|
-
- [NotificationBadge](/packages/brick/0.1.12/components/notification-badge.txt)
|
|
65
|
-
- [NumberInput](/packages/brick/0.1.12/components/number-input.txt)
|
|
66
|
-
- [OTPField](/packages/brick/0.1.12/components/otp-field.txt)
|
|
67
|
-
- [Pagination](/packages/brick/0.1.12/components/pagination.txt)
|
|
68
|
-
- [PasswordToggleField](/packages/brick/0.1.12/components/password-toggle-field.txt)
|
|
69
|
-
- [Popover](/packages/brick/0.1.12/components/popover.txt)
|
|
70
|
-
- [Progress](/packages/brick/0.1.12/components/progress.txt)
|
|
71
|
-
- [ProgressCircle](/packages/brick/0.1.12/components/progress-circle.txt)
|
|
72
|
-
- [Prose](/packages/brick/0.1.12/components/prose.txt)
|
|
73
|
-
- [RadioGroup](/packages/brick/0.1.12/components/radio-group.txt)
|
|
74
|
-
- [Rating](/packages/brick/0.1.12/components/rating.txt)
|
|
75
|
-
- [Reorderable List](/packages/brick/0.1.12/components/reorderable-list.txt)
|
|
76
|
-
- [ScrollArea](/packages/brick/0.1.12/components/scroll-area.txt)
|
|
77
|
-
- [Section](/packages/brick/0.1.12/components/section.txt)
|
|
78
|
-
- [SegmentGroup](/packages/brick/0.1.12/components/segment-group.txt)
|
|
79
|
-
- [Select](/packages/brick/0.1.12/components/select.txt)
|
|
80
|
-
- [Show](/packages/brick/0.1.12/components/show.txt)
|
|
81
|
-
- [Sidebar](/packages/brick/0.1.12/components/sidebar.txt)
|
|
82
|
-
- [Skeleton](/packages/brick/0.1.12/components/skeleton.txt)
|
|
83
|
-
- [SkipLink](/packages/brick/0.1.12/components/skip-link.txt)
|
|
84
|
-
- [Slider](/packages/brick/0.1.12/components/slider.txt)
|
|
85
|
-
- [Stack](/packages/brick/0.1.12/components/stack.txt)
|
|
86
|
-
- [Status](/packages/brick/0.1.12/components/status.txt)
|
|
87
|
-
- [Surface](/packages/brick/0.1.12/components/surface.txt)
|
|
88
|
-
- [SwipeableItem](/packages/brick/0.1.12/components/swipeable-item.txt)
|
|
89
|
-
- [Switch](/packages/brick/0.1.12/components/switch.txt)
|
|
90
|
-
- [Table](/packages/brick/0.1.12/components/table.txt)
|
|
91
|
-
- [Tabs](/packages/brick/0.1.12/components/tabs.txt)
|
|
92
|
-
- [Text](/packages/brick/0.1.12/components/text.txt)
|
|
93
|
-
- [Textarea](/packages/brick/0.1.12/components/textarea.txt)
|
|
94
|
-
- [Toast](/packages/brick/0.1.12/components/toast.txt)
|
|
95
|
-
- [Toggle](/packages/brick/0.1.12/components/toggle.txt)
|
|
96
|
-
- [ToggleGroup](/packages/brick/0.1.12/components/toggle-group.txt)
|
|
97
|
-
- [Toolbar](/packages/brick/0.1.12/components/toolbar.txt)
|
|
98
|
-
- [Tooltip](/packages/brick/0.1.12/components/tooltip.txt)
|
|
99
|
-
- [Tree](/packages/brick/0.1.12/components/tree.txt)
|
|
100
|
-
- [TreeGrid](/packages/brick/0.1.12/components/tree-grid.txt)
|
|
101
|
-
- [VisuallyHidden](/packages/brick/0.1.12/components/visually-hidden.txt)
|
|
102
|
-
- [ZStack](/packages/brick/0.1.12/components/z-stack.txt)
|
|
103
|
-
|
|
104
|
-
## document
|
|
105
|
-
|
|
106
|
-
- [guides/agent-knowledge](/packages/brick/0.1.12/docs/guides/agent-knowledge.txt)
|
|
107
|
-
- [guides/appearance-and-tokens](/packages/brick/0.1.12/docs/guides/appearance-and-tokens.txt)
|
|
108
|
-
- [guides/browser-support](/packages/brick/0.1.12/docs/guides/browser-support.txt)
|
|
109
|
-
- [guides/control-sizing](/packages/brick/0.1.12/docs/guides/control-sizing.txt)
|
|
110
|
-
- [guides/installation](/packages/brick/0.1.12/docs/guides/installation.txt)
|
|
111
|
-
- [guides/theme-contract](/packages/brick/0.1.12/docs/guides/theme-contract.txt)
|
|
112
|
-
|
|
113
|
-
## guide
|
|
114
|
-
|
|
115
|
-
- [Brick interface composition](/packages/brick/0.1.12/guides/interface-composition.txt)
|
|
116
|
-
- [Brick layer selection](/packages/brick/0.1.12/guides/layer-selection.txt)
|