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,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,39 +31,19 @@
|
|
|
36
31
|
"install": "pnpm dlx shadcn@latest add @noe/menu",
|
|
37
32
|
"import": "import { Menu } 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
|
-
"logical properties",
|
|
47
|
-
"no global mirror"
|
|
48
|
-
]
|
|
38
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
49
39
|
},
|
|
50
40
|
"accessibility": {
|
|
51
|
-
"keyboard": [
|
|
52
|
-
"Tab to focus",
|
|
53
|
-
"Enter/Space activate"
|
|
54
|
-
],
|
|
41
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
55
42
|
"announcements": [],
|
|
56
|
-
"focusBehavior": [
|
|
57
|
-
"visible ring 2px"
|
|
58
|
-
]
|
|
43
|
+
"focusBehavior": ["visible ring 2px"]
|
|
59
44
|
},
|
|
60
|
-
"tokenContracts": [
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
]
|
|
64
|
-
"capabilityAliases": [
|
|
65
|
-
"menu",
|
|
66
|
-
"menu"
|
|
67
|
-
],
|
|
68
|
-
"useWhen": [
|
|
69
|
-
"using menu in Overlays"
|
|
70
|
-
],
|
|
71
|
-
"doNotUseWhen": [
|
|
72
|
-
"when menu semantics do not match"
|
|
73
|
-
]
|
|
45
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
46
|
+
"capabilityAliases": ["menu", "menu"],
|
|
47
|
+
"useWhen": ["using menu in Overlays"],
|
|
48
|
+
"doNotUseWhen": ["when menu semantics do not match"]
|
|
74
49
|
}
|
|
@@ -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,41 +26,20 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/messaging",
|
|
30
27
|
"import": "import { Messaging } 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
|
-
"dir=auto for content",
|
|
40
|
-
"bdi for author"
|
|
41
|
-
]
|
|
33
|
+
"bidiNotes": ["dir=auto for content", "bdi for author"]
|
|
42
34
|
},
|
|
43
35
|
"accessibility": {
|
|
44
36
|
"role": "log",
|
|
45
|
-
"keyboard": [
|
|
46
|
-
|
|
47
|
-
],
|
|
48
|
-
"announcements": [
|
|
49
|
-
"aria-live polite"
|
|
50
|
-
],
|
|
37
|
+
"keyboard": ["Tab to messages"],
|
|
38
|
+
"announcements": ["aria-live polite"],
|
|
51
39
|
"focusBehavior": []
|
|
52
40
|
},
|
|
53
|
-
"tokenContracts": [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
]
|
|
57
|
-
"capabilityAliases": [
|
|
58
|
-
"messaging",
|
|
59
|
-
"chat",
|
|
60
|
-
"conversation"
|
|
61
|
-
],
|
|
62
|
-
"useWhen": [
|
|
63
|
-
"displaying a chat or messaging thread"
|
|
64
|
-
],
|
|
65
|
-
"doNotUseWhen": [
|
|
66
|
-
"single agent message (use AgentMessage)",
|
|
67
|
-
"activity feed (use ActivityFeed)"
|
|
68
|
-
]
|
|
41
|
+
"tokenContracts": ["color.accent", "color.border"],
|
|
42
|
+
"capabilityAliases": ["messaging", "chat", "conversation"],
|
|
43
|
+
"useWhen": ["displaying a chat or messaging thread"],
|
|
44
|
+
"doNotUseWhen": ["single agent message (use AgentMessage)", "activity feed (use ActivityFeed)"]
|
|
69
45
|
}
|
|
@@ -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/data-ui",
|
|
@@ -29,39 +26,19 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/metric-card",
|
|
30
27
|
"import": "import { MetricCard } from '@noe/data-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
|
-
"metric card",
|
|
59
|
-
"metric-card"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using metric card in Data"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when metric card semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["metric card", "metric-card"],
|
|
42
|
+
"useWhen": ["using metric card in Data"],
|
|
43
|
+
"doNotUseWhen": ["when metric card 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/mobile-screen",
|
|
30
27
|
"import": "import { MobileScreen } 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
|
-
"mobile screen",
|
|
59
|
-
"mobile-screen"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using mobile screen in Patterns / Pages"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when mobile screen semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["mobile screen", "mobile-screen"],
|
|
42
|
+
"useWhen": ["using mobile screen in Patterns / Pages"],
|
|
43
|
+
"doNotUseWhen": ["when mobile screen 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,15 +26,11 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/not-found",
|
|
30
27
|
"import": "import { NotFound } 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
|
-
"code remains ltr"
|
|
40
|
-
]
|
|
33
|
+
"bidiNotes": ["code remains ltr"]
|
|
41
34
|
},
|
|
42
35
|
"accessibility": {
|
|
43
36
|
"role": "region",
|
|
@@ -45,19 +38,8 @@
|
|
|
45
38
|
"announcements": [],
|
|
46
39
|
"focusBehavior": []
|
|
47
40
|
},
|
|
48
|
-
"tokenContracts": [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
]
|
|
52
|
-
"capabilityAliases": [
|
|
53
|
-
"404 page",
|
|
54
|
-
"not found",
|
|
55
|
-
"404 section"
|
|
56
|
-
],
|
|
57
|
-
"useWhen": [
|
|
58
|
-
"displaying a 404 or missing resource"
|
|
59
|
-
],
|
|
60
|
-
"doNotUseWhen": [
|
|
61
|
-
"inline empty state (use EmptyState)"
|
|
62
|
-
]
|
|
41
|
+
"tokenContracts": ["color.foreground", "color.mutedForeground"],
|
|
42
|
+
"capabilityAliases": ["404 page", "not found", "404 section"],
|
|
43
|
+
"useWhen": ["displaying a 404 or missing resource"],
|
|
44
|
+
"doNotUseWhen": ["inline empty state (use EmptyState)"]
|
|
63
45
|
}
|
|
@@ -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/page-header",
|
|
30
27
|
"import": "import { PageHeader } 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
|
-
"page header",
|
|
59
|
-
"page-header"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using page header in Patterns / Application"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when page header semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["page header", "page-header"],
|
|
42
|
+
"useWhen": ["using page header in Patterns / Application"],
|
|
43
|
+
"doNotUseWhen": ["when page header semantics do not match"]
|
|
67
44
|
}
|
|
@@ -15,6 +15,11 @@
|
|
|
15
15
|
"type": "registry:component",
|
|
16
16
|
"target": "packages/icons/src/index.tsx"
|
|
17
17
|
},
|
|
18
|
+
{
|
|
19
|
+
"path": "packages/icons/src/iconsax.tsx",
|
|
20
|
+
"type": "registry:component",
|
|
21
|
+
"target": "packages/icons/src/iconsax.tsx"
|
|
22
|
+
},
|
|
18
23
|
{
|
|
19
24
|
"path": "packages/ui/src/button.tsx",
|
|
20
25
|
"type": "registry:component",
|
|
@@ -36,6 +41,7 @@
|
|
|
36
41
|
"@base-ui/react",
|
|
37
42
|
"class-variance-authority",
|
|
38
43
|
"clsx",
|
|
44
|
+
"iconsax-react",
|
|
39
45
|
"tailwind-merge"
|
|
40
46
|
],
|
|
41
47
|
"status": "available",
|
|
@@ -46,46 +52,24 @@
|
|
|
46
52
|
"install": "pnpm dlx shadcn@latest add @noe/pagination",
|
|
47
53
|
"import": "import { Pagination } from '@noe/data-ui'",
|
|
48
54
|
"requiredProviders": [],
|
|
49
|
-
"peerDependencies": [
|
|
50
|
-
"react"
|
|
51
|
-
],
|
|
55
|
+
"peerDependencies": ["react"],
|
|
52
56
|
"rtl": "required",
|
|
53
57
|
"i18n": {
|
|
54
|
-
"messageKeys": [
|
|
55
|
-
|
|
56
|
-
"pagination.next"
|
|
57
|
-
],
|
|
58
|
-
"bidiNotes": [
|
|
59
|
-
"ChevronIcon mirrors via logical direction"
|
|
60
|
-
]
|
|
58
|
+
"messageKeys": ["pagination.previous", "pagination.next"],
|
|
59
|
+
"bidiNotes": ["ChevronIcon mirrors via logical direction"]
|
|
61
60
|
},
|
|
62
61
|
"accessibility": {
|
|
63
62
|
"role": "navigation",
|
|
64
|
-
"keyboard": [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
],
|
|
68
|
-
"announcements": [
|
|
69
|
-
"aria-live polite status"
|
|
70
|
-
],
|
|
71
|
-
"focusBehavior": [
|
|
72
|
-
"visible ring"
|
|
73
|
-
]
|
|
63
|
+
"keyboard": ["Tab to buttons", "Enter activates"],
|
|
64
|
+
"announcements": ["aria-live polite status"],
|
|
65
|
+
"focusBehavior": ["visible ring"]
|
|
74
66
|
},
|
|
75
|
-
"tokenContracts": [
|
|
76
|
-
"color.border"
|
|
77
|
-
],
|
|
67
|
+
"tokenContracts": ["color.border"],
|
|
78
68
|
"capabilityAliases": [
|
|
79
69
|
"responsive metric card pagination",
|
|
80
70
|
"empty data table with filters pagination",
|
|
81
71
|
"table pagination"
|
|
82
72
|
],
|
|
83
|
-
"useWhen": [
|
|
84
|
-
|
|
85
|
-
"server-side pagination"
|
|
86
|
-
],
|
|
87
|
-
"doNotUseWhen": [
|
|
88
|
-
"infinite scroll",
|
|
89
|
-
"tiny static lists"
|
|
90
|
-
]
|
|
73
|
+
"useWhen": ["paging through data table results", "server-side pagination"],
|
|
74
|
+
"doNotUseWhen": ["infinite scroll", "tiny static lists"]
|
|
91
75
|
}
|
|
@@ -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,41 +26,20 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/progress-steps",
|
|
30
27
|
"import": "import { ProgressSteps } 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 flex"
|
|
40
|
-
]
|
|
33
|
+
"bidiNotes": ["logical flex"]
|
|
41
34
|
},
|
|
42
35
|
"accessibility": {
|
|
43
36
|
"role": "list",
|
|
44
|
-
"keyboard": [
|
|
45
|
-
|
|
46
|
-
],
|
|
47
|
-
"announcements": [
|
|
48
|
-
"aria-current step"
|
|
49
|
-
],
|
|
37
|
+
"keyboard": ["Tab"],
|
|
38
|
+
"announcements": ["aria-current step"],
|
|
50
39
|
"focusBehavior": []
|
|
51
40
|
},
|
|
52
|
-
"tokenContracts": [
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
],
|
|
57
|
-
"capabilityAliases": [
|
|
58
|
-
"progress steps",
|
|
59
|
-
"stepper",
|
|
60
|
-
"progress indicator"
|
|
61
|
-
],
|
|
62
|
-
"useWhen": [
|
|
63
|
-
"showing multi-step progress"
|
|
64
|
-
],
|
|
65
|
-
"doNotUseWhen": [
|
|
66
|
-
"single progress bar (use ProgressIndicator)",
|
|
67
|
-
"breadcrumb navigation"
|
|
68
|
-
]
|
|
41
|
+
"tokenContracts": ["color.accent", "color.success", "color.border"],
|
|
42
|
+
"capabilityAliases": ["progress steps", "stepper", "progress indicator"],
|
|
43
|
+
"useWhen": ["showing multi-step progress"],
|
|
44
|
+
"doNotUseWhen": ["single progress bar (use ProgressIndicator)", "breadcrumb navigation"]
|
|
69
45
|
}
|
|
@@ -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/ai-ui",
|
|
@@ -34,39 +31,19 @@
|
|
|
34
31
|
"install": "pnpm dlx shadcn@latest add @noe/run-inspector",
|
|
35
32
|
"import": "import { RunInspector } from '@noe/ai-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
|
-
"run inspector",
|
|
64
|
-
"run-inspector"
|
|
65
|
-
],
|
|
66
|
-
"useWhen": [
|
|
67
|
-
"using run inspector in Agentic"
|
|
68
|
-
],
|
|
69
|
-
"doNotUseWhen": [
|
|
70
|
-
"when run inspector semantics do not match"
|
|
71
|
-
]
|
|
45
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
46
|
+
"capabilityAliases": ["run inspector", "run-inspector"],
|
|
47
|
+
"useWhen": ["using run inspector in Agentic"],
|
|
48
|
+
"doNotUseWhen": ["when run inspector semantics do not match"]
|
|
72
49
|
}
|
|
@@ -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/section-header",
|
|
30
27
|
"import": "import { SectionHeader } 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
|
-
"section header",
|
|
59
|
-
"section-header"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using section header in Patterns / Application"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when section header semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["section header", "section-header"],
|
|
42
|
+
"useWhen": ["using section header in Patterns / Application"],
|
|
43
|
+
"doNotUseWhen": ["when section header semantics do not match"]
|
|
67
44
|
}
|
|
@@ -52,12 +52,7 @@
|
|
|
52
52
|
}
|
|
53
53
|
],
|
|
54
54
|
"registryDependencies": [],
|
|
55
|
-
"dependencies": [
|
|
56
|
-
"@base-ui/react",
|
|
57
|
-
"class-variance-authority",
|
|
58
|
-
"clsx",
|
|
59
|
-
"tailwind-merge"
|
|
60
|
-
],
|
|
55
|
+
"dependencies": ["@base-ui/react", "class-variance-authority", "clsx", "tailwind-merge"],
|
|
61
56
|
"status": "available",
|
|
62
57
|
"maturity": "beta",
|
|
63
58
|
"package": "@noe/ui",
|
|
@@ -66,9 +61,7 @@
|
|
|
66
61
|
"install": "pnpm dlx shadcn@latest add @noe/settings-01",
|
|
67
62
|
"import": "import { Settings01 } from '@noe/ui'",
|
|
68
63
|
"requiredProviders": [],
|
|
69
|
-
"peerDependencies": [
|
|
70
|
-
"react"
|
|
71
|
-
],
|
|
64
|
+
"peerDependencies": ["react"],
|
|
72
65
|
"rtl": "required",
|
|
73
66
|
"i18n": {
|
|
74
67
|
"messageKeys": [],
|
|
@@ -81,14 +74,7 @@
|
|
|
81
74
|
"focusBehavior": []
|
|
82
75
|
},
|
|
83
76
|
"tokenContracts": [],
|
|
84
|
-
"capabilityAliases": [
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
],
|
|
88
|
-
"useWhen": [
|
|
89
|
-
"example settings page"
|
|
90
|
-
],
|
|
91
|
-
"doNotUseWhen": [
|
|
92
|
-
"custom settings needing different sections"
|
|
93
|
-
]
|
|
77
|
+
"capabilityAliases": ["settings 01", "workspace settings"],
|
|
78
|
+
"useWhen": ["example settings page"],
|
|
79
|
+
"doNotUseWhen": ["custom settings needing different sections"]
|
|
94
80
|
}
|