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
|
@@ -16,13 +16,8 @@
|
|
|
16
16
|
"target": "packages/ui/src/lib/cn.ts"
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
|
-
"registryDependencies": [
|
|
20
|
-
|
|
21
|
-
],
|
|
22
|
-
"dependencies": [
|
|
23
|
-
"clsx",
|
|
24
|
-
"tailwind-merge"
|
|
25
|
-
],
|
|
19
|
+
"registryDependencies": ["input"],
|
|
20
|
+
"dependencies": ["clsx", "tailwind-merge"],
|
|
26
21
|
"status": "available",
|
|
27
22
|
"maturity": "beta",
|
|
28
23
|
"package": "@noe/data-ui",
|
|
@@ -31,39 +26,19 @@
|
|
|
31
26
|
"install": "pnpm dlx shadcn@latest add @noe/filter-bar",
|
|
32
27
|
"import": "import { FilterBar } from '@noe/data-ui'",
|
|
33
28
|
"requiredProviders": [],
|
|
34
|
-
"peerDependencies": [
|
|
35
|
-
"react"
|
|
36
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
37
30
|
"rtl": "required",
|
|
38
31
|
"i18n": {
|
|
39
32
|
"messageKeys": [],
|
|
40
|
-
"bidiNotes": [
|
|
41
|
-
"logical properties",
|
|
42
|
-
"no global mirror"
|
|
43
|
-
]
|
|
33
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
44
34
|
},
|
|
45
35
|
"accessibility": {
|
|
46
|
-
"keyboard": [
|
|
47
|
-
"Tab to focus",
|
|
48
|
-
"Enter/Space activate"
|
|
49
|
-
],
|
|
36
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
50
37
|
"announcements": [],
|
|
51
|
-
"focusBehavior": [
|
|
52
|
-
"visible ring 2px"
|
|
53
|
-
]
|
|
38
|
+
"focusBehavior": ["visible ring 2px"]
|
|
54
39
|
},
|
|
55
|
-
"tokenContracts": [
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
]
|
|
59
|
-
"capabilityAliases": [
|
|
60
|
-
"filter bar",
|
|
61
|
-
"filter-bar"
|
|
62
|
-
],
|
|
63
|
-
"useWhen": [
|
|
64
|
-
"using filter bar in Patterns / Data"
|
|
65
|
-
],
|
|
66
|
-
"doNotUseWhen": [
|
|
67
|
-
"when filter bar semantics do not match"
|
|
68
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["filter bar", "filter-bar"],
|
|
42
|
+
"useWhen": ["using filter bar in Patterns / Data"],
|
|
43
|
+
"doNotUseWhen": ["when filter bar semantics do not match"]
|
|
69
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,9 +26,7 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/gradient-picker",
|
|
30
27
|
"import": "import { GradientPicker } from '@noe/ui'",
|
|
31
28
|
"requiredProviders": [],
|
|
32
|
-
"peerDependencies": [
|
|
33
|
-
"react"
|
|
34
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
35
30
|
"rtl": "required",
|
|
36
31
|
"i18n": {
|
|
37
32
|
"messageKeys": [],
|
|
@@ -39,24 +34,12 @@
|
|
|
39
34
|
},
|
|
40
35
|
"accessibility": {
|
|
41
36
|
"role": "group",
|
|
42
|
-
"keyboard": [
|
|
43
|
-
"Tab to inputs"
|
|
44
|
-
],
|
|
37
|
+
"keyboard": ["Tab to inputs"],
|
|
45
38
|
"announcements": [],
|
|
46
39
|
"focusBehavior": []
|
|
47
40
|
},
|
|
48
|
-
"tokenContracts": [
|
|
49
|
-
|
|
50
|
-
],
|
|
51
|
-
"
|
|
52
|
-
"gradient picker",
|
|
53
|
-
"gradient",
|
|
54
|
-
"linear gradient"
|
|
55
|
-
],
|
|
56
|
-
"useWhen": [
|
|
57
|
-
"selecting a linear gradient"
|
|
58
|
-
],
|
|
59
|
-
"doNotUseWhen": [
|
|
60
|
-
"single color (use ColorPicker)"
|
|
61
|
-
]
|
|
41
|
+
"tokenContracts": ["color.border"],
|
|
42
|
+
"capabilityAliases": ["gradient picker", "gradient", "linear gradient"],
|
|
43
|
+
"useWhen": ["selecting a linear gradient"],
|
|
44
|
+
"doNotUseWhen": ["single color (use ColorPicker)"]
|
|
62
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/header-navigation",
|
|
30
27
|
"import": "import { HeaderNavigation } 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
|
-
"header navigation",
|
|
59
|
-
"header-navigation"
|
|
60
|
-
],
|
|
61
|
-
"useWhen": [
|
|
62
|
-
"using header navigation in Patterns / Application"
|
|
63
|
-
],
|
|
64
|
-
"doNotUseWhen": [
|
|
65
|
-
"when header navigation semantics do not match"
|
|
66
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["header navigation", "header-navigation"],
|
|
42
|
+
"useWhen": ["using header navigation in Patterns / Application"],
|
|
43
|
+
"doNotUseWhen": ["when header navigation 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/hero-header",
|
|
30
27
|
"import": "import { HeroHeader } 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": "region",
|
|
@@ -45,19 +38,8 @@
|
|
|
45
38
|
"announcements": [],
|
|
46
39
|
"focusBehavior": []
|
|
47
40
|
},
|
|
48
|
-
"tokenContracts": [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
]
|
|
52
|
-
"capabilityAliases": [
|
|
53
|
-
"hero header section",
|
|
54
|
-
"marketing hero",
|
|
55
|
-
"hero"
|
|
56
|
-
],
|
|
57
|
-
"useWhen": [
|
|
58
|
-
"marketing hero section"
|
|
59
|
-
],
|
|
60
|
-
"doNotUseWhen": [
|
|
61
|
-
"app page header (use PageHeader)"
|
|
62
|
-
]
|
|
41
|
+
"tokenContracts": ["color.foreground", "color.mutedForeground"],
|
|
42
|
+
"capabilityAliases": ["hero header section", "marketing hero", "hero"],
|
|
43
|
+
"useWhen": ["marketing hero section"],
|
|
44
|
+
"doNotUseWhen": ["app page header (use PageHeader)"]
|
|
63
45
|
}
|
|
@@ -9,6 +9,11 @@
|
|
|
9
9
|
"path": "packages/icons/src/index.tsx",
|
|
10
10
|
"type": "registry:component",
|
|
11
11
|
"target": "packages/icons/src/index.tsx"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"path": "packages/icons/src/iconsax.tsx",
|
|
15
|
+
"type": "registry:component",
|
|
16
|
+
"target": "packages/icons/src/iconsax.tsx"
|
|
12
17
|
}
|
|
13
18
|
],
|
|
14
19
|
"registryDependencies": [],
|
|
@@ -20,40 +25,20 @@
|
|
|
20
25
|
"install": "pnpm dlx shadcn@latest add @noe/icon-system",
|
|
21
26
|
"import": "import { ChevronIcon } from '@noe/icons'",
|
|
22
27
|
"requiredProviders": [],
|
|
23
|
-
"dependencies": [],
|
|
24
|
-
"peerDependencies": [
|
|
25
|
-
"react"
|
|
26
|
-
],
|
|
28
|
+
"dependencies": ["iconsax-react"],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
27
30
|
"rtl": "required",
|
|
28
31
|
"i18n": {
|
|
29
32
|
"messageKeys": [],
|
|
30
|
-
"bidiNotes": [
|
|
31
|
-
"logical properties",
|
|
32
|
-
"no global mirror"
|
|
33
|
-
]
|
|
33
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
34
34
|
},
|
|
35
35
|
"accessibility": {
|
|
36
|
-
"keyboard": [
|
|
37
|
-
"Tab to focus",
|
|
38
|
-
"Enter/Space activate"
|
|
39
|
-
],
|
|
36
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
40
37
|
"announcements": [],
|
|
41
|
-
"focusBehavior": [
|
|
42
|
-
"visible ring 2px"
|
|
43
|
-
]
|
|
38
|
+
"focusBehavior": ["visible ring 2px"]
|
|
44
39
|
},
|
|
45
|
-
"tokenContracts": [
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
]
|
|
49
|
-
"capabilityAliases": [
|
|
50
|
-
"icon system",
|
|
51
|
-
"icon-system"
|
|
52
|
-
],
|
|
53
|
-
"useWhen": [
|
|
54
|
-
"using icon system in Foundations / Icons"
|
|
55
|
-
],
|
|
56
|
-
"doNotUseWhen": [
|
|
57
|
-
"when icon system semantics do not match"
|
|
58
|
-
]
|
|
40
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
41
|
+
"capabilityAliases": ["icon system", "icon-system"],
|
|
42
|
+
"useWhen": ["using icon system in Foundations / Icons"],
|
|
43
|
+
"doNotUseWhen": ["when icon system semantics do not match"]
|
|
59
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,9 +26,7 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/image-picker",
|
|
30
27
|
"import": "import { ImagePicker } from '@noe/ui'",
|
|
31
28
|
"requiredProviders": [],
|
|
32
|
-
"peerDependencies": [
|
|
33
|
-
"react"
|
|
34
|
-
],
|
|
29
|
+
"peerDependencies": ["react"],
|
|
35
30
|
"rtl": "required",
|
|
36
31
|
"i18n": {
|
|
37
32
|
"messageKeys": [],
|
|
@@ -39,24 +34,12 @@
|
|
|
39
34
|
},
|
|
40
35
|
"accessibility": {
|
|
41
36
|
"role": "group",
|
|
42
|
-
"keyboard": [
|
|
43
|
-
"Tab to input"
|
|
44
|
-
],
|
|
37
|
+
"keyboard": ["Tab to input"],
|
|
45
38
|
"announcements": [],
|
|
46
39
|
"focusBehavior": []
|
|
47
40
|
},
|
|
48
|
-
"tokenContracts": [
|
|
49
|
-
|
|
50
|
-
],
|
|
51
|
-
"
|
|
52
|
-
"image picker",
|
|
53
|
-
"image select",
|
|
54
|
-
"image upload"
|
|
55
|
-
],
|
|
56
|
-
"useWhen": [
|
|
57
|
-
"selecting an image with preview"
|
|
58
|
-
],
|
|
59
|
-
"doNotUseWhen": [
|
|
60
|
-
"generic file (use FileUploader)"
|
|
61
|
-
]
|
|
41
|
+
"tokenContracts": ["color.border"],
|
|
42
|
+
"capabilityAliases": ["image picker", "image select", "image upload"],
|
|
43
|
+
"useWhen": ["selecting an image with preview"],
|
|
44
|
+
"doNotUseWhen": ["generic file (use FileUploader)"]
|
|
62
45
|
}
|
|
@@ -10,6 +10,11 @@
|
|
|
10
10
|
"type": "registry:component",
|
|
11
11
|
"target": "packages/icons/src/index.tsx"
|
|
12
12
|
},
|
|
13
|
+
{
|
|
14
|
+
"path": "packages/icons/src/iconsax.tsx",
|
|
15
|
+
"type": "registry:component",
|
|
16
|
+
"target": "packages/icons/src/iconsax.tsx"
|
|
17
|
+
},
|
|
13
18
|
{
|
|
14
19
|
"path": "packages/ui/src/inline-cta.tsx",
|
|
15
20
|
"type": "registry:component",
|
|
@@ -22,10 +27,7 @@
|
|
|
22
27
|
}
|
|
23
28
|
],
|
|
24
29
|
"registryDependencies": [],
|
|
25
|
-
"dependencies": [
|
|
26
|
-
"clsx",
|
|
27
|
-
"tailwind-merge"
|
|
28
|
-
],
|
|
30
|
+
"dependencies": ["clsx", "iconsax-react", "tailwind-merge"],
|
|
29
31
|
"status": "available",
|
|
30
32
|
"maturity": "beta",
|
|
31
33
|
"package": "@noe/ui",
|
|
@@ -34,40 +36,20 @@
|
|
|
34
36
|
"install": "pnpm dlx shadcn@latest add @noe/inline-cta",
|
|
35
37
|
"import": "import { InlineCta } from '@noe/ui'",
|
|
36
38
|
"requiredProviders": [],
|
|
37
|
-
"peerDependencies": [
|
|
38
|
-
"react"
|
|
39
|
-
],
|
|
39
|
+
"peerDependencies": ["react"],
|
|
40
40
|
"rtl": "required",
|
|
41
41
|
"i18n": {
|
|
42
42
|
"messageKeys": [],
|
|
43
|
-
"bidiNotes": [
|
|
44
|
-
"chevron mirrors"
|
|
45
|
-
]
|
|
43
|
+
"bidiNotes": ["chevron mirrors"]
|
|
46
44
|
},
|
|
47
45
|
"accessibility": {
|
|
48
46
|
"role": "link",
|
|
49
|
-
"keyboard": [
|
|
50
|
-
"Tab",
|
|
51
|
-
"Enter"
|
|
52
|
-
],
|
|
47
|
+
"keyboard": ["Tab", "Enter"],
|
|
53
48
|
"announcements": [],
|
|
54
|
-
"focusBehavior": [
|
|
55
|
-
"visible ring"
|
|
56
|
-
]
|
|
49
|
+
"focusBehavior": ["visible ring"]
|
|
57
50
|
},
|
|
58
|
-
"tokenContracts": [
|
|
59
|
-
|
|
60
|
-
],
|
|
61
|
-
"
|
|
62
|
-
"inline cta",
|
|
63
|
-
"inline call to action",
|
|
64
|
-
"text link cta"
|
|
65
|
-
],
|
|
66
|
-
"useWhen": [
|
|
67
|
-
"inline CTA within prose or card"
|
|
68
|
-
],
|
|
69
|
-
"doNotUseWhen": [
|
|
70
|
-
"block CTA (use CTA Section)",
|
|
71
|
-
"primary button (use Button)"
|
|
72
|
-
]
|
|
51
|
+
"tokenContracts": ["color.accent"],
|
|
52
|
+
"capabilityAliases": ["inline cta", "inline call to action", "text link cta"],
|
|
53
|
+
"useWhen": ["inline CTA within prose or card"],
|
|
54
|
+
"doNotUseWhen": ["block CTA (use CTA Section)", "primary button (use Button)"]
|
|
73
55
|
}
|
|
@@ -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",
|
|
@@ -35,39 +31,19 @@
|
|
|
35
31
|
"install": "pnpm dlx shadcn@latest add @noe/input",
|
|
36
32
|
"import": "import { Field } from '@noe/ui'",
|
|
37
33
|
"requiredProviders": [],
|
|
38
|
-
"peerDependencies": [
|
|
39
|
-
"react"
|
|
40
|
-
],
|
|
34
|
+
"peerDependencies": ["react"],
|
|
41
35
|
"rtl": "required",
|
|
42
36
|
"i18n": {
|
|
43
37
|
"messageKeys": [],
|
|
44
|
-
"bidiNotes": [
|
|
45
|
-
"logical properties",
|
|
46
|
-
"no global mirror"
|
|
47
|
-
]
|
|
38
|
+
"bidiNotes": ["logical properties", "no global mirror"]
|
|
48
39
|
},
|
|
49
40
|
"accessibility": {
|
|
50
|
-
"keyboard": [
|
|
51
|
-
"Tab to focus",
|
|
52
|
-
"Enter/Space activate"
|
|
53
|
-
],
|
|
41
|
+
"keyboard": ["Tab to focus", "Enter/Space activate"],
|
|
54
42
|
"announcements": [],
|
|
55
|
-
"focusBehavior": [
|
|
56
|
-
"visible ring 2px"
|
|
57
|
-
]
|
|
43
|
+
"focusBehavior": ["visible ring 2px"]
|
|
58
44
|
},
|
|
59
|
-
"tokenContracts": [
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
]
|
|
63
|
-
"capabilityAliases": [
|
|
64
|
-
"field",
|
|
65
|
-
"field"
|
|
66
|
-
],
|
|
67
|
-
"useWhen": [
|
|
68
|
-
"using field in Primitives / Forms"
|
|
69
|
-
],
|
|
70
|
-
"doNotUseWhen": [
|
|
71
|
-
"when field semantics do not match"
|
|
72
|
-
]
|
|
45
|
+
"tokenContracts": ["color.foreground", "color.border"],
|
|
46
|
+
"capabilityAliases": ["field", "field"],
|
|
47
|
+
"useWhen": ["using field in Primitives / Forms"],
|
|
48
|
+
"doNotUseWhen": ["when field semantics do not match"]
|
|
73
49
|
}
|
|
@@ -27,10 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
],
|
|
29
29
|
"registryDependencies": [],
|
|
30
|
-
"dependencies": [
|
|
31
|
-
"clsx",
|
|
32
|
-
"tailwind-merge"
|
|
33
|
-
],
|
|
30
|
+
"dependencies": ["clsx", "tailwind-merge"],
|
|
34
31
|
"status": "available",
|
|
35
32
|
"maturity": "beta",
|
|
36
33
|
"package": "@noe/ui",
|
|
@@ -39,9 +36,7 @@
|
|
|
39
36
|
"install": "pnpm dlx shadcn@latest add @noe/landing-page",
|
|
40
37
|
"import": "import { LandingPage } from '@noe/ui'",
|
|
41
38
|
"requiredProviders": [],
|
|
42
|
-
"peerDependencies": [
|
|
43
|
-
"react"
|
|
44
|
-
],
|
|
39
|
+
"peerDependencies": ["react"],
|
|
45
40
|
"rtl": "required",
|
|
46
41
|
"i18n": {
|
|
47
42
|
"messageKeys": [],
|
|
@@ -53,18 +48,8 @@
|
|
|
53
48
|
"announcements": [],
|
|
54
49
|
"focusBehavior": []
|
|
55
50
|
},
|
|
56
|
-
"tokenContracts": [
|
|
57
|
-
|
|
58
|
-
],
|
|
59
|
-
"
|
|
60
|
-
"landing page",
|
|
61
|
-
"marketing landing",
|
|
62
|
-
"marketing 404"
|
|
63
|
-
],
|
|
64
|
-
"useWhen": [
|
|
65
|
-
"marketing landing page"
|
|
66
|
-
],
|
|
67
|
-
"doNotUseWhen": [
|
|
68
|
-
"app dashboard (use DashboardShell)"
|
|
69
|
-
]
|
|
51
|
+
"tokenContracts": ["color.background"],
|
|
52
|
+
"capabilityAliases": ["landing page", "marketing landing", "marketing 404"],
|
|
53
|
+
"useWhen": ["marketing landing page"],
|
|
54
|
+
"doNotUseWhen": ["app dashboard (use DashboardShell)"]
|
|
70
55
|
}
|
|
@@ -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,43 +26,20 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/login-page",
|
|
30
27
|
"import": "import { LoginPage } 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
|
-
"aside border-s"
|
|
41
|
-
]
|
|
33
|
+
"bidiNotes": ["logical flex", "aside border-s"]
|
|
42
34
|
},
|
|
43
35
|
"accessibility": {
|
|
44
36
|
"role": "region",
|
|
45
|
-
"keyboard": [
|
|
46
|
-
"Tab to form",
|
|
47
|
-
"Enter submits"
|
|
48
|
-
],
|
|
37
|
+
"keyboard": ["Tab to form", "Enter submits"],
|
|
49
38
|
"announcements": [],
|
|
50
|
-
"focusBehavior": [
|
|
51
|
-
"no nested main"
|
|
52
|
-
]
|
|
39
|
+
"focusBehavior": ["no nested main"]
|
|
53
40
|
},
|
|
54
|
-
"tokenContracts": [
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
],
|
|
59
|
-
"capabilityAliases": [
|
|
60
|
-
"log in page",
|
|
61
|
-
"sign in page",
|
|
62
|
-
"authentication page",
|
|
63
|
-
"shared auth"
|
|
64
|
-
],
|
|
65
|
-
"useWhen": [
|
|
66
|
-
"rendering a login page as composition of primitives"
|
|
67
|
-
],
|
|
68
|
-
"doNotUseWhen": [
|
|
69
|
-
"inline form without page chrome (use SignInForm)"
|
|
70
|
-
]
|
|
41
|
+
"tokenContracts": ["color.background", "color.border", "shadow.raised"],
|
|
42
|
+
"capabilityAliases": ["log in page", "sign in page", "authentication page", "shared auth"],
|
|
43
|
+
"useWhen": ["rendering a login page as composition of primitives"],
|
|
44
|
+
"doNotUseWhen": ["inline form without page chrome (use SignInForm)"]
|
|
71
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,35 +26,20 @@
|
|
|
29
26
|
"install": "pnpm dlx shadcn@latest add @noe/marketing-header",
|
|
30
27
|
"import": "import { MarketingHeader } 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 gap"
|
|
40
|
-
]
|
|
33
|
+
"bidiNotes": ["logical gap"]
|
|
41
34
|
},
|
|
42
35
|
"accessibility": {
|
|
43
36
|
"role": "banner",
|
|
44
|
-
"keyboard": [
|
|
45
|
-
"Tab"
|
|
46
|
-
],
|
|
37
|
+
"keyboard": ["Tab"],
|
|
47
38
|
"announcements": [],
|
|
48
39
|
"focusBehavior": []
|
|
49
40
|
},
|
|
50
|
-
"tokenContracts": [
|
|
51
|
-
|
|
52
|
-
],
|
|
53
|
-
"
|
|
54
|
-
"marketing header navigation",
|
|
55
|
-
"marketing header"
|
|
56
|
-
],
|
|
57
|
-
"useWhen": [
|
|
58
|
-
"top marketing header"
|
|
59
|
-
],
|
|
60
|
-
"doNotUseWhen": [
|
|
61
|
-
"app header (use HeaderNavigation)"
|
|
62
|
-
]
|
|
41
|
+
"tokenContracts": ["color.border"],
|
|
42
|
+
"capabilityAliases": ["marketing header navigation", "marketing header"],
|
|
43
|
+
"useWhen": ["top marketing header"],
|
|
44
|
+
"doNotUseWhen": ["app header (use HeaderNavigation)"]
|
|
63
45
|
}
|