noecosystem-design 0.1.2 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -35
- package/apps/showcase/src/catalog/catalog-index.tsx +8 -8
- package/apps/showcase/src/catalog/catalog-shell.tsx +7 -2
- package/apps/storybook/stories/catalog/calendar.stories.tsx +3 -1
- package/apps/storybook/stories/catalog/date-picker.stories.tsx +5 -1
- package/apps/storybook/stories/catalog/icon-system.stories.tsx +3 -2
- package/docs/adr/0006-icons8-icon-policy.md +4 -4
- package/docs/design-system/architecture.md +1 -1
- package/docs/design-system/ci-cd.md +22 -7
- package/docs/design-system/inventory.md +0 -1
- package/docs/design-system/rtl.md +1 -1
- package/package.json +2 -2
- package/packages/ai-ui/src/activity-feed.tsx +1 -2
- package/packages/ai-ui/src/agent-composer.tsx +1 -1
- package/packages/ai-ui/src/agent-message.tsx +1 -1
- package/packages/ai-ui/src/agent-plan.tsx +1 -1
- package/packages/ai-ui/src/agent-workspace.tsx +1 -2
- package/packages/ai-ui/src/approval-request.tsx +1 -1
- package/packages/ai-ui/src/run-inspector.tsx +1 -1
- package/packages/ai-ui/src/tool-call.tsx +1 -1
- package/packages/data-ui/src/activity-gauge.tsx +1 -1
- package/packages/data-ui/src/chart-frame.tsx +1 -1
- package/packages/data-ui/src/chart.tsx +1 -2
- package/packages/data-ui/src/dashboard-shell.tsx +1 -2
- package/packages/data-ui/src/data-table.tsx +1 -1
- package/packages/data-ui/src/filter-bar.tsx +1 -2
- package/packages/data-ui/src/metric-card.tsx +1 -1
- package/packages/data-ui/src/pagination.tsx +1 -3
- package/packages/data-ui/src/pie-chart.tsx +1 -1
- package/packages/data-ui/src/radar-chart.tsx +1 -1
- package/packages/design-tokens/src/base.css +1 -1
- package/packages/design-tokens/src/palette.ts +4 -4
- package/packages/design-tokens/src/tokens.css +6 -12
- package/packages/design-tokens/src/tokens.json +4 -4
- package/packages/design-tokens/src/tokens.mjs +4 -4
- package/packages/icons/package.json +3 -0
- package/packages/icons/src/adapters.tsx +4 -4
- package/packages/icons/src/iconsax.tsx +233 -0
- package/packages/icons/src/index.tsx +1 -103
- package/packages/registry/catalog-index.json +1 -1
- package/packages/registry/component-audit.json +1 -1
- package/packages/registry/docs-index.json +135 -403
- package/packages/registry/manifest.json +1642 -6110
- package/packages/registry/r/activity-feed.json +9 -32
- package/packages/registry/r/agent-composer.json +9 -34
- package/packages/registry/r/agent-message.json +9 -32
- package/packages/registry/r/agent-plan.json +9 -32
- package/packages/registry/r/agent-workspace.json +9 -32
- package/packages/registry/r/alert.json +9 -33
- package/packages/registry/r/app-frame.json +9 -32
- package/packages/registry/r/approval-request.json +9 -34
- package/packages/registry/r/badge.json +9 -33
- package/packages/registry/r/bidi-text.json +7 -25
- package/packages/registry/r/bottom-navigation.json +9 -32
- package/packages/registry/r/button.json +7 -29
- package/packages/registry/r/calendar.json +15 -31
- package/packages/registry/r/card.json +9 -32
- package/packages/registry/r/chart-frame.json +9 -32
- package/packages/registry/r/chart.json +8 -30
- package/packages/registry/r/code-block.json +9 -32
- package/packages/registry/r/context-menu.json +8 -36
- package/packages/registry/r/dashboard-01.json +7 -23
- package/packages/registry/r/dashboard-02.json +6 -20
- package/packages/registry/r/dashboard-shell.json +9 -32
- package/packages/registry/r/data-list.json +9 -32
- package/packages/registry/r/data-table.json +9 -32
- package/packages/registry/r/date-picker.json +15 -31
- package/packages/registry/r/dialog.json +11 -45
- package/packages/registry/r/direction-provider.json +6 -21
- package/packages/registry/r/drawer.json +10 -36
- package/packages/registry/r/dropdown.json +9 -37
- package/packages/registry/r/empty-state.json +9 -32
- package/packages/registry/r/error-state.json +9 -32
- package/packages/registry/r/fab.json +9 -34
- package/packages/registry/r/featured-icon.json +7 -29
- package/packages/registry/r/filter-bar.json +10 -35
- package/packages/registry/r/gradient-picker.json +7 -24
- package/packages/registry/r/header-navigation.json +9 -32
- package/packages/registry/r/hero-header.json +7 -25
- package/packages/registry/r/icon-system.json +14 -29
- package/packages/registry/r/image-picker.json +7 -24
- package/packages/registry/r/inline-cta.json +14 -32
- package/packages/registry/r/input.json +9 -33
- package/packages/registry/r/landing-page.json +6 -21
- package/packages/registry/r/login-page.json +9 -35
- package/packages/registry/r/marketing-header.json +8 -26
- package/packages/registry/r/menu.json +9 -34
- package/packages/registry/r/messaging.json +9 -33
- package/packages/registry/r/metric-card.json +9 -32
- package/packages/registry/r/mobile-screen.json +9 -32
- package/packages/registry/r/not-found.json +7 -25
- package/packages/registry/r/page-header.json +9 -32
- package/packages/registry/r/pagination.json +15 -31
- package/packages/registry/r/progress-steps.json +9 -33
- package/packages/registry/r/run-inspector.json +9 -32
- package/packages/registry/r/section-header.json +9 -32
- package/packages/registry/r/settings-01.json +5 -19
- package/packages/registry/r/settings-02.json +5 -19
- package/packages/registry/r/settings-page.json +9 -32
- package/packages/registry/r/sidebar-navigation.json +9 -32
- package/packages/registry/r/sign-in-form.json +9 -34
- package/packages/registry/r/skeleton.json +9 -32
- package/packages/registry/r/spinner.json +9 -32
- package/packages/registry/r/tabs.json +9 -34
- package/packages/registry/r/textarea.json +9 -33
- package/packages/registry/r/tool-call.json +9 -32
- package/packages/registry/r/tooltip.json +9 -33
- package/packages/registry/r/utility-button.json +9 -37
- package/packages/registry/r/workflow-canvas.json +9 -32
- package/packages/registry/r/workflow-node.json +9 -32
- package/packages/registry/registry.json +232 -937
- package/packages/registry/search-index.json +579 -2194
- package/packages/ui/package.json +4 -1
- package/packages/ui/src/date-picker.browser.test.tsx +1 -1
- package/packages/ui/src/date-picker.tsx +1 -2
- package/packages/ui/src/gradient-picker.tsx +6 -2
- package/packages/ui/src/theme-provider.browser.test.tsx +15 -6
- package/packages/ui/src/theme-provider.tsx +19 -5
- package/packages/workflow-ui/src/workflow-canvas.tsx +1 -1
- package/packages/workflow-ui/src/workflow-node.tsx +1 -1
- package/scripts/enrich-registry-payloads.mjs +9 -3
- package/scripts/fix-registry-closure.mjs +2 -1
- package/scripts/generate-manifest.mjs +61 -39
- package/scripts/validate-manifest.mjs +24 -33
- package/scripts/verify-registry-consumer.mjs +33 -7
- package/tests/e2e/catalog-typography.spec.ts +6 -4
- package/tests/icons.test.mjs +5 -5
- package/tsconfig.base.json +17 -51
- package/apps/showcase/src/catalog/__screenshots__/catalog-shell.browser.test.tsx/filters-the-component-inventory-and-exposes-the-selected-audit-state-1.png +0 -0
- package/apps/showcase/src/catalog/__screenshots__/catalog-shell.browser.test.tsx/opens-a-component-detail-view-and-returns-to-the-grid-1.png +0 -0
- package/apps/showcase/src/catalog/__screenshots__/catalog-shell.browser.test.tsx/switching-locale-to-Persian-updates-document-direction-to-rtl-1.png +0 -0
- package/packages/ui/src/__screenshots__/button.browser.test.tsx/Button-preserves-native--busy--disabled--and-ref-contracts-1.png +0 -0
- package/packages/ui/src/__screenshots__/button.browser.test.tsx/a-disabled-polymorphic-Button-cannot-navigate-or-receive-focus-1.png +0 -0
- package/packages/ui/src/__screenshots__/date-picker.browser.test.tsx/DatePicker-Escape-closes-popover-and-returns-focus-to-input-1.png +0 -0
- package/packages/ui/src/__screenshots__/date-picker.browser.test.tsx/DatePicker-click-outside-closes-popover-1.png +0 -0
- package/packages/ui/src/__screenshots__/dialog.browser.test.tsx/Dialog-propagates-RTL-into-the-portal-and-traps-then-restores-focus-1.png +0 -0
|
@@ -22,10 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
],
|
|
24
24
|
"registryDependencies": [],
|
|
25
|
-
"dependencies": [
|
|
26
|
-
"clsx",
|
|
27
|
-
"tailwind-merge"
|
|
28
|
-
],
|
|
25
|
+
"dependencies": ["clsx", "tailwind-merge"],
|
|
29
26
|
"status": "available",
|
|
30
27
|
"maturity": "beta",
|
|
31
28
|
"package": "@noe/data-ui",
|
|
@@ -34,39 +31,19 @@
|
|
|
34
31
|
"install": "pnpm dlx shadcn@latest add @noe/data-table",
|
|
35
32
|
"import": "import { DataTable } from '@noe/data-ui'",
|
|
36
33
|
"requiredProviders": [],
|
|
37
|
-
"peerDependencies": [
|
|
38
|
-
"react"
|
|
39
|
-
],
|
|
34
|
+
"peerDependencies": ["react"],
|
|
40
35
|
"rtl": "required",
|
|
41
36
|
"i18n": {
|
|
42
37
|
"messageKeys": [],
|
|
43
|
-
"bidiNotes": [
|
|
44
|
-
"logical properties",
|
|
45
|
-
"no global mirror"
|
|
46
|
-
]
|
|
38
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
47
39
|
},
|
|
48
40
|
"accessibility": {
|
|
49
|
-
"keyboard": [
|
|
50
|
-
"Tab to focus",
|
|
51
|
-
"Enter/Space activate"
|
|
52
|
-
],
|
|
41
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
53
42
|
"announcements": [],
|
|
54
|
-
"focusBehavior": [
|
|
55
|
-
"visible ring 2px"
|
|
56
|
-
]
|
|
43
|
+
"focusBehavior": ["visible ring 2px"]
|
|
57
44
|
},
|
|
58
|
-
"tokenContracts": [
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
]
|
|
62
|
-
"capabilityAliases": [
|
|
63
|
-
"data table",
|
|
64
|
-
"data-table"
|
|
65
|
-
],
|
|
66
|
-
"useWhen": [
|
|
67
|
-
"using data table in Data"
|
|
68
|
-
],
|
|
69
|
-
"doNotUseWhen": [
|
|
70
|
-
"when data table semantics do not match"
|
|
71
|
-
]
|
|
45
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
46
|
+
"capabilityAliases": ["data table", "data-table"],
|
|
47
|
+
"useWhen": ["using data table in Data"],
|
|
48
|
+
"doNotUseWhen": ["when data table semantics do not match"]
|
|
72
49
|
}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
"@base-ui/react",
|
|
10
10
|
"class-variance-authority",
|
|
11
11
|
"clsx",
|
|
12
|
+
"iconsax-react",
|
|
12
13
|
"tailwind-merge"
|
|
13
14
|
],
|
|
14
15
|
"files": [
|
|
@@ -17,6 +18,11 @@
|
|
|
17
18
|
"type": "registry:component",
|
|
18
19
|
"target": "packages/icons/src/index.tsx"
|
|
19
20
|
},
|
|
21
|
+
{
|
|
22
|
+
"path": "packages/icons/src/iconsax.tsx",
|
|
23
|
+
"type": "registry:component",
|
|
24
|
+
"target": "packages/icons/src/iconsax.tsx"
|
|
25
|
+
},
|
|
20
26
|
{
|
|
21
27
|
"path": "packages/ui/src/button.tsx",
|
|
22
28
|
"type": "registry:component",
|
|
@@ -75,43 +81,21 @@
|
|
|
75
81
|
"category": "Base / Pickers",
|
|
76
82
|
"install": "pnpm dlx shadcn@latest add @noe/date-picker",
|
|
77
83
|
"import": "import { DatePicker } from '@noe/ui'",
|
|
78
|
-
"requiredProviders": [
|
|
79
|
-
|
|
80
|
-
],
|
|
81
|
-
"peerDependencies": [
|
|
82
|
-
"react"
|
|
83
|
-
],
|
|
84
|
+
"requiredProviders": ["DirectionProvider"],
|
|
85
|
+
"peerDependencies": ["react"],
|
|
84
86
|
"rtl": "required",
|
|
85
87
|
"i18n": {
|
|
86
88
|
"messageKeys": [],
|
|
87
|
-
"bidiNotes": [
|
|
88
|
-
"logical properties",
|
|
89
|
-
"no global mirror"
|
|
90
|
-
]
|
|
89
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
91
90
|
},
|
|
92
91
|
"accessibility": {
|
|
93
|
-
"keyboard": [
|
|
94
|
-
"Tab to focus",
|
|
95
|
-
"Enter/Space activate"
|
|
96
|
-
],
|
|
92
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
97
93
|
"announcements": [],
|
|
98
|
-
"focusBehavior": [
|
|
99
|
-
"visible ring 2px"
|
|
100
|
-
]
|
|
94
|
+
"focusBehavior": ["visible ring 2px"]
|
|
101
95
|
},
|
|
102
|
-
"tokenContracts": [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
],
|
|
106
|
-
"capabilityAliases": [
|
|
107
|
-
"date picker",
|
|
108
|
-
"date-picker"
|
|
109
|
-
],
|
|
110
|
-
"useWhen": [
|
|
111
|
-
"using date picker in Base / Pickers"
|
|
112
|
-
],
|
|
113
|
-
"doNotUseWhen": [
|
|
114
|
-
"when date picker semantics do not match"
|
|
115
|
-
],
|
|
96
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
97
|
+
"capabilityAliases": ["date picker", "date-picker"],
|
|
98
|
+
"useWhen": ["using date picker in Base / Pickers"],
|
|
99
|
+
"doNotUseWhen": ["when date picker semantics do not match"],
|
|
116
100
|
"knownLimitations": "Known limitation: not yet full a11y/i18n/Rtl coverage; use with caution. See manifest."
|
|
117
101
|
}
|
|
@@ -22,11 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
],
|
|
24
24
|
"registryDependencies": [],
|
|
25
|
-
"dependencies": [
|
|
26
|
-
"@base-ui/react",
|
|
27
|
-
"clsx",
|
|
28
|
-
"tailwind-merge"
|
|
29
|
-
],
|
|
25
|
+
"dependencies": ["@base-ui/react", "clsx", "tailwind-merge"],
|
|
30
26
|
"status": "available",
|
|
31
27
|
"maturity": "beta",
|
|
32
28
|
"package": "@noe/ui",
|
|
@@ -34,51 +30,21 @@
|
|
|
34
30
|
"category": "Overlays",
|
|
35
31
|
"install": "pnpm dlx shadcn@latest add @noe/dialog",
|
|
36
32
|
"import": "import { Dialog } from '@noe/ui'",
|
|
37
|
-
"requiredProviders": [
|
|
38
|
-
|
|
39
|
-
],
|
|
40
|
-
"peerDependencies": [
|
|
41
|
-
"react"
|
|
42
|
-
],
|
|
33
|
+
"requiredProviders": ["DirectionProvider"],
|
|
34
|
+
"peerDependencies": ["react"],
|
|
43
35
|
"rtl": "required",
|
|
44
36
|
"i18n": {
|
|
45
37
|
"messageKeys": [],
|
|
46
|
-
"bidiNotes": [
|
|
47
|
-
"Portal inherits dir"
|
|
48
|
-
]
|
|
38
|
+
"bidiNotes": ["Portal inherits dir"]
|
|
49
39
|
},
|
|
50
40
|
"accessibility": {
|
|
51
41
|
"role": "dialog",
|
|
52
|
-
"keyboard": [
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"Focus restored on close"
|
|
56
|
-
],
|
|
57
|
-
"announcements": [
|
|
58
|
-
"aria-modal"
|
|
59
|
-
],
|
|
60
|
-
"focusBehavior": [
|
|
61
|
-
"focus trap",
|
|
62
|
-
"initial focus on title",
|
|
63
|
-
"restore on close"
|
|
64
|
-
]
|
|
42
|
+
"keyboard": ["Esc closes", "Tab traps", "Focus restored on close"],
|
|
43
|
+
"announcements": ["aria-modal"],
|
|
44
|
+
"focusBehavior": ["focus trap", "initial focus on title", "restore on close"]
|
|
65
45
|
},
|
|
66
|
-
"tokenContracts": [
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
],
|
|
71
|
-
"capabilityAliases": [
|
|
72
|
-
"confirmation dialog with destructive action",
|
|
73
|
-
"modal",
|
|
74
|
-
"confirm dialog"
|
|
75
|
-
],
|
|
76
|
-
"useWhen": [
|
|
77
|
-
"confirming a destructive action",
|
|
78
|
-
"focused task requiring dismissal"
|
|
79
|
-
],
|
|
80
|
-
"doNotUseWhen": [
|
|
81
|
-
"non-modal inline disclosure (use drawer)",
|
|
82
|
-
"persistent layout (use page)"
|
|
83
|
-
]
|
|
46
|
+
"tokenContracts": ["color.overlay", "shadow.overlay", "radius.lg"],
|
|
47
|
+
"capabilityAliases": ["confirmation dialog with destructive action", "modal", "confirm dialog"],
|
|
48
|
+
"useWhen": ["confirming a destructive action", "focused task requiring dismissal"],
|
|
49
|
+
"doNotUseWhen": ["non-modal inline disclosure (use drawer)", "persistent layout (use page)"]
|
|
84
50
|
}
|
|
@@ -12,9 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
],
|
|
14
14
|
"registryDependencies": [],
|
|
15
|
-
"dependencies": [
|
|
16
|
-
"@base-ui/react"
|
|
17
|
-
],
|
|
15
|
+
"dependencies": ["@base-ui/react"],
|
|
18
16
|
"status": "available",
|
|
19
17
|
"maturity": "stable",
|
|
20
18
|
"package": "@noe/ui",
|
|
@@ -23,15 +21,11 @@
|
|
|
23
21
|
"install": "pnpm dlx shadcn@latest add @noe/direction-provider",
|
|
24
22
|
"import": "import { DirectionProvider } from '@noe/ui'",
|
|
25
23
|
"requiredProviders": [],
|
|
26
|
-
"peerDependencies": [
|
|
27
|
-
"react"
|
|
28
|
-
],
|
|
24
|
+
"peerDependencies": ["react"],
|
|
29
25
|
"rtl": "required",
|
|
30
26
|
"i18n": {
|
|
31
27
|
"messageKeys": [],
|
|
32
|
-
"bidiNotes": [
|
|
33
|
-
"Portals receive dir explicitly"
|
|
34
|
-
]
|
|
28
|
+
"bidiNotes": ["Portals receive dir explicitly"]
|
|
35
29
|
},
|
|
36
30
|
"accessibility": {
|
|
37
31
|
"keyboard": [],
|
|
@@ -39,16 +33,7 @@
|
|
|
39
33
|
"focusBehavior": []
|
|
40
34
|
},
|
|
41
35
|
"tokenContracts": [],
|
|
42
|
-
"capabilityAliases": [
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
],
|
|
46
|
-
"useWhen": [
|
|
47
|
-
"nesting RTL inside LTR or vice versa",
|
|
48
|
-
"ensuring portals inherit correct dir"
|
|
49
|
-
],
|
|
50
|
-
"doNotUseWhen": [
|
|
51
|
-
"page already has correct html dir",
|
|
52
|
-
"single-direction app"
|
|
53
|
-
]
|
|
36
|
+
"capabilityAliases": ["direction scope", "portal direction"],
|
|
37
|
+
"useWhen": ["nesting RTL inside LTR or vice versa", "ensuring portals inherit correct dir"],
|
|
38
|
+
"doNotUseWhen": ["page already has correct html dir", "single-direction app"]
|
|
54
39
|
}
|
|
@@ -27,11 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
],
|
|
29
29
|
"registryDependencies": [],
|
|
30
|
-
"dependencies": [
|
|
31
|
-
"@base-ui/react",
|
|
32
|
-
"clsx",
|
|
33
|
-
"tailwind-merge"
|
|
34
|
-
],
|
|
30
|
+
"dependencies": ["@base-ui/react", "clsx", "tailwind-merge"],
|
|
35
31
|
"status": "available",
|
|
36
32
|
"maturity": "beta",
|
|
37
33
|
"package": "@noe/ui",
|
|
@@ -39,42 +35,20 @@
|
|
|
39
35
|
"category": "Overlays",
|
|
40
36
|
"install": "pnpm dlx shadcn@latest add @noe/drawer",
|
|
41
37
|
"import": "import { Drawer } from '@noe/ui'",
|
|
42
|
-
"requiredProviders": [
|
|
43
|
-
|
|
44
|
-
],
|
|
45
|
-
"peerDependencies": [
|
|
46
|
-
"react"
|
|
47
|
-
],
|
|
38
|
+
"requiredProviders": ["DirectionProvider"],
|
|
39
|
+
"peerDependencies": ["react"],
|
|
48
40
|
"rtl": "required",
|
|
49
41
|
"i18n": {
|
|
50
42
|
"messageKeys": [],
|
|
51
|
-
"bidiNotes": [
|
|
52
|
-
"logical properties",
|
|
53
|
-
"no global mirror"
|
|
54
|
-
]
|
|
43
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
55
44
|
},
|
|
56
45
|
"accessibility": {
|
|
57
|
-
"keyboard": [
|
|
58
|
-
"Tab to focus",
|
|
59
|
-
"Enter/Space activate"
|
|
60
|
-
],
|
|
46
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
61
47
|
"announcements": [],
|
|
62
|
-
"focusBehavior": [
|
|
63
|
-
"visible ring 2px"
|
|
64
|
-
]
|
|
48
|
+
"focusBehavior": ["visible ring 2px"]
|
|
65
49
|
},
|
|
66
|
-
"tokenContracts": [
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
]
|
|
70
|
-
"capabilityAliases": [
|
|
71
|
-
"drawer",
|
|
72
|
-
"drawer"
|
|
73
|
-
],
|
|
74
|
-
"useWhen": [
|
|
75
|
-
"using drawer in Overlays"
|
|
76
|
-
],
|
|
77
|
-
"doNotUseWhen": [
|
|
78
|
-
"when drawer semantics do not match"
|
|
79
|
-
]
|
|
50
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
51
|
+
"capabilityAliases": ["drawer", "drawer"],
|
|
52
|
+
"useWhen": ["using drawer in Overlays"],
|
|
53
|
+
"doNotUseWhen": ["when drawer semantics do not match"]
|
|
80
54
|
}
|
|
@@ -22,12 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
],
|
|
24
24
|
"registryDependencies": [],
|
|
25
|
-
"dependencies": [
|
|
26
|
-
"@base-ui/react",
|
|
27
|
-
"class-variance-authority",
|
|
28
|
-
"clsx",
|
|
29
|
-
"tailwind-merge"
|
|
30
|
-
],
|
|
25
|
+
"dependencies": ["@base-ui/react", "class-variance-authority", "clsx", "tailwind-merge"],
|
|
31
26
|
"status": "available",
|
|
32
27
|
"maturity": "beta",
|
|
33
28
|
"package": "@noe/ui",
|
|
@@ -36,43 +31,20 @@
|
|
|
36
31
|
"install": "pnpm dlx shadcn@latest add @noe/dropdown",
|
|
37
32
|
"import": "import { Dropdown } from '@noe/ui'",
|
|
38
33
|
"requiredProviders": [],
|
|
39
|
-
"peerDependencies": [
|
|
40
|
-
"react"
|
|
41
|
-
],
|
|
34
|
+
"peerDependencies": ["react"],
|
|
42
35
|
"rtl": "required",
|
|
43
36
|
"i18n": {
|
|
44
37
|
"messageKeys": [],
|
|
45
|
-
"bidiNotes": [
|
|
46
|
-
"align start logical"
|
|
47
|
-
]
|
|
38
|
+
"bidiNotes": ["align start logical"]
|
|
48
39
|
},
|
|
49
40
|
"accessibility": {
|
|
50
41
|
"role": "menu",
|
|
51
|
-
"keyboard": [
|
|
52
|
-
"Enter/Space opens",
|
|
53
|
-
"Arrow keys navigate",
|
|
54
|
-
"Esc closes"
|
|
55
|
-
],
|
|
42
|
+
"keyboard": ["Enter/Space opens", "Arrow keys navigate", "Esc closes"],
|
|
56
43
|
"announcements": [],
|
|
57
|
-
"focusBehavior": [
|
|
58
|
-
"portal dir"
|
|
59
|
-
]
|
|
44
|
+
"focusBehavior": ["portal dir"]
|
|
60
45
|
},
|
|
61
|
-
"tokenContracts": [
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
]
|
|
65
|
-
"capabilityAliases": [
|
|
66
|
-
"dropdown menu",
|
|
67
|
-
"action dropdown",
|
|
68
|
-
"menu dropdown"
|
|
69
|
-
],
|
|
70
|
-
"useWhen": [
|
|
71
|
-
"action list triggered by button",
|
|
72
|
-
"toolbar overflow menu"
|
|
73
|
-
],
|
|
74
|
-
"doNotUseWhen": [
|
|
75
|
-
"form value selection (use Select)",
|
|
76
|
-
"contextual right-click (use ContextMenu)"
|
|
77
|
-
]
|
|
46
|
+
"tokenContracts": ["color.border", "shadow.overlay"],
|
|
47
|
+
"capabilityAliases": ["dropdown menu", "action dropdown", "menu dropdown"],
|
|
48
|
+
"useWhen": ["action list triggered by button", "toolbar overflow menu"],
|
|
49
|
+
"doNotUseWhen": ["form value selection (use Select)", "contextual right-click (use ContextMenu)"]
|
|
78
50
|
}
|
|
@@ -17,10 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
19
|
"registryDependencies": [],
|
|
20
|
-
"dependencies": [
|
|
21
|
-
"clsx",
|
|
22
|
-
"tailwind-merge"
|
|
23
|
-
],
|
|
20
|
+
"dependencies": ["clsx", "tailwind-merge"],
|
|
24
21
|
"status": "available",
|
|
25
22
|
"maturity": "beta",
|
|
26
23
|
"package": "@noe/ui",
|
|
@@ -29,39 +26,19 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/empty-state",
|
|
30
27
|
"import": "import { EmptyState } from '@noe/ui'",
|
|
31
28
|
"requiredProviders": [],
|
|
32
|
-
"peerDependencies": [
|
|
33
|
-
"react"
|
|
34
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
35
30
|
"rtl": "required",
|
|
36
31
|
"i18n": {
|
|
37
32
|
"messageKeys": [],
|
|
38
|
-
"bidiNotes": [
|
|
39
|
-
"logical properties",
|
|
40
|
-
"no global mirror"
|
|
41
|
-
]
|
|
33
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
42
34
|
},
|
|
43
35
|
"accessibility": {
|
|
44
|
-
"keyboard": [
|
|
45
|
-
"Tab to focus",
|
|
46
|
-
"Enter/Space activate"
|
|
47
|
-
],
|
|
36
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
48
37
|
"announcements": [],
|
|
49
|
-
"focusBehavior": [
|
|
50
|
-
"visible ring 2px"
|
|
51
|
-
]
|
|
38
|
+
"focusBehavior": ["visible ring 2px"]
|
|
52
39
|
},
|
|
53
|
-
"tokenContracts": [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
]
|
|
57
|
-
"capabilityAliases": [
|
|
58
|
-
"empty state",
|
|
59
|
-
"empty-state"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using empty state in Feedback"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when empty state semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["empty state", "empty-state"],
|
|
42
|
+
"useWhen": ["using empty state in Feedback"],
|
|
43
|
+
"doNotUseWhen": ["when empty state semantics do not match"]
|
|
67
44
|
}
|
|
@@ -17,10 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
19
|
"registryDependencies": [],
|
|
20
|
-
"dependencies": [
|
|
21
|
-
"clsx",
|
|
22
|
-
"tailwind-merge"
|
|
23
|
-
],
|
|
20
|
+
"dependencies": ["clsx", "tailwind-merge"],
|
|
24
21
|
"status": "available",
|
|
25
22
|
"maturity": "beta",
|
|
26
23
|
"package": "@noe/ui",
|
|
@@ -29,39 +26,19 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/error-state",
|
|
30
27
|
"import": "import { ErrorState } from '@noe/ui'",
|
|
31
28
|
"requiredProviders": [],
|
|
32
|
-
"peerDependencies": [
|
|
33
|
-
"react"
|
|
34
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
35
30
|
"rtl": "required",
|
|
36
31
|
"i18n": {
|
|
37
32
|
"messageKeys": [],
|
|
38
|
-
"bidiNotes": [
|
|
39
|
-
"logical properties",
|
|
40
|
-
"no global mirror"
|
|
41
|
-
]
|
|
33
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
42
34
|
},
|
|
43
35
|
"accessibility": {
|
|
44
|
-
"keyboard": [
|
|
45
|
-
"Tab to focus",
|
|
46
|
-
"Enter/Space activate"
|
|
47
|
-
],
|
|
36
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
48
37
|
"announcements": [],
|
|
49
|
-
"focusBehavior": [
|
|
50
|
-
"visible ring 2px"
|
|
51
|
-
]
|
|
38
|
+
"focusBehavior": ["visible ring 2px"]
|
|
52
39
|
},
|
|
53
|
-
"tokenContracts": [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
]
|
|
57
|
-
"capabilityAliases": [
|
|
58
|
-
"error state",
|
|
59
|
-
"error-state"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using error state in Feedback"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when error state semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["error state", "error-state"],
|
|
42
|
+
"useWhen": ["using error state in Feedback"],
|
|
43
|
+
"doNotUseWhen": ["when error state semantics do not match"]
|
|
67
44
|
}
|
|
@@ -27,12 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
],
|
|
29
29
|
"registryDependencies": [],
|
|
30
|
-
"dependencies": [
|
|
31
|
-
"@base-ui/react",
|
|
32
|
-
"class-variance-authority",
|
|
33
|
-
"clsx",
|
|
34
|
-
"tailwind-merge"
|
|
35
|
-
],
|
|
30
|
+
"dependencies": ["@base-ui/react", "class-variance-authority", "clsx", "tailwind-merge"],
|
|
36
31
|
"status": "available",
|
|
37
32
|
"maturity": "beta",
|
|
38
33
|
"package": "@noe/ui",
|
|
@@ -41,40 +36,20 @@
|
|
|
41
36
|
"install": "pnpm dlx shadcn@latest add @noe/fab",
|
|
42
37
|
"import": "import { Fab } from '@noe/ui'",
|
|
43
38
|
"requiredProviders": [],
|
|
44
|
-
"peerDependencies": [
|
|
45
|
-
"react"
|
|
46
|
-
],
|
|
39
|
+
"peerDependencies": ["react"],
|
|
47
40
|
"rtl": "required",
|
|
48
41
|
"i18n": {
|
|
49
42
|
"messageKeys": [],
|
|
50
|
-
"bidiNotes": [
|
|
51
|
-
"uses logical end"
|
|
52
|
-
]
|
|
43
|
+
"bidiNotes": ["uses logical end"]
|
|
53
44
|
},
|
|
54
45
|
"accessibility": {
|
|
55
46
|
"role": "button",
|
|
56
|
-
"keyboard": [
|
|
57
|
-
"Tab",
|
|
58
|
-
"Space/Enter"
|
|
59
|
-
],
|
|
47
|
+
"keyboard": ["Tab", "Space/Enter"],
|
|
60
48
|
"announcements": [],
|
|
61
|
-
"focusBehavior": [
|
|
62
|
-
"visible ring"
|
|
63
|
-
]
|
|
49
|
+
"focusBehavior": ["visible ring"]
|
|
64
50
|
},
|
|
65
|
-
"tokenContracts": [
|
|
66
|
-
|
|
67
|
-
],
|
|
68
|
-
"
|
|
69
|
-
"floating action button",
|
|
70
|
-
"mobile fab",
|
|
71
|
-
"quick action"
|
|
72
|
-
],
|
|
73
|
-
"useWhen": [
|
|
74
|
-
"primary mobile action above bottom nav"
|
|
75
|
-
],
|
|
76
|
-
"doNotUseWhen": [
|
|
77
|
-
"desktop primary action (use Button)",
|
|
78
|
-
"multiple FABs per screen"
|
|
79
|
-
]
|
|
51
|
+
"tokenContracts": ["color.accent"],
|
|
52
|
+
"capabilityAliases": ["floating action button", "mobile fab", "quick action"],
|
|
53
|
+
"useWhen": ["primary mobile action above bottom nav"],
|
|
54
|
+
"doNotUseWhen": ["desktop primary action (use Button)", "multiple FABs per screen"]
|
|
80
55
|
}
|
|
@@ -17,11 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
19
|
"registryDependencies": [],
|
|
20
|
-
"dependencies": [
|
|
21
|
-
"class-variance-authority",
|
|
22
|
-
"clsx",
|
|
23
|
-
"tailwind-merge"
|
|
24
|
-
],
|
|
20
|
+
"dependencies": ["class-variance-authority", "clsx", "tailwind-merge"],
|
|
25
21
|
"status": "available",
|
|
26
22
|
"maturity": "beta",
|
|
27
23
|
"package": "@noe/ui",
|
|
@@ -30,42 +26,24 @@
|
|
|
30
26
|
"install": "pnpm dlx shadcn@latest add @noe/featured-icon",
|
|
31
27
|
"import": "import { FeaturedIcon } from '@noe/ui'",
|
|
32
28
|
"requiredProviders": [],
|
|
33
|
-
"peerDependencies": [
|
|
34
|
-
"react"
|
|
35
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
36
30
|
"rtl": "not-applicable",
|
|
37
31
|
"i18n": {
|
|
38
32
|
"messageKeys": [],
|
|
39
|
-
"bidiNotes": [
|
|
40
|
-
"no directional mirroring; brand icons never mirror"
|
|
41
|
-
]
|
|
33
|
+
"bidiNotes": ["no directional mirroring; brand icons never mirror"]
|
|
42
34
|
},
|
|
43
35
|
"accessibility": {
|
|
44
36
|
"keyboard": [],
|
|
45
37
|
"announcements": [],
|
|
46
|
-
"focusBehavior": [
|
|
47
|
-
"decorative, aria-hidden when no label"
|
|
48
|
-
]
|
|
38
|
+
"focusBehavior": ["decorative, aria-hidden when no label"]
|
|
49
39
|
},
|
|
50
|
-
"tokenContracts": [
|
|
51
|
-
"color.accent",
|
|
52
|
-
"color.muted",
|
|
53
|
-
"radius.md",
|
|
54
|
-
"border",
|
|
55
|
-
"icon.size"
|
|
56
|
-
],
|
|
40
|
+
"tokenContracts": ["color.accent", "color.muted", "radius.md", "border", "icon.size"],
|
|
57
41
|
"capabilityAliases": [
|
|
58
42
|
"featured icon",
|
|
59
43
|
"feature highlight icon",
|
|
60
44
|
"empty state icon",
|
|
61
45
|
"marketing icon badge"
|
|
62
46
|
],
|
|
63
|
-
"useWhen": [
|
|
64
|
-
|
|
65
|
-
"marketing feature sections"
|
|
66
|
-
],
|
|
67
|
-
"doNotUseWhen": [
|
|
68
|
-
"inline text icon (use ChevronIcon)",
|
|
69
|
-
"replacing Button icon slot"
|
|
70
|
-
]
|
|
47
|
+
"useWhen": ["highlighting a feature or empty state", "marketing feature sections"],
|
|
48
|
+
"doNotUseWhen": ["inline text icon (use ChevronIcon)", "replacing Button icon slot"]
|
|
71
49
|
}
|