@astryxdesign/cli 0.1.3-canary.6d57c8d → 0.1.3-canary.73bcac9
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/docs/layout.doc.mjs
CHANGED
|
@@ -92,7 +92,7 @@ export const docs = {
|
|
|
92
92
|
content: [
|
|
93
93
|
{
|
|
94
94
|
type: 'prose',
|
|
95
|
-
text: 'Card is a widget container, not a list-item wrapper. The fastest way to make an app look like a generic AI prototype is to wrap every record in a Card with a Badge. Dense data
|
|
95
|
+
text: 'Card is a widget container, not a list-item wrapper. The fastest way to make an app look like a generic AI prototype is to wrap every record in a Card with a Badge. Dense data (anything the user scans, filters, or selects) belongs in rows: Table for columnar data, List/Item for single-line records, edge-to-edge with dividers and 32–40px row height.',
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
type: 'list',
|
|
@@ -111,7 +111,7 @@ export const docs = {
|
|
|
111
111
|
'Wrapping each list item in a Card (card soup)',
|
|
112
112
|
'Stacking full-width Cards as a substitute for page structure',
|
|
113
113
|
'Nesting Cards inside Cards',
|
|
114
|
-
'Using Badge as decoration
|
|
114
|
+
'Using Badge as decoration: reserve it for counts and enumerated states; use StatusDot or Token for status and metadata',
|
|
115
115
|
],
|
|
116
116
|
},
|
|
117
117
|
],
|
package/docs/theme.doc.mjs
CHANGED
|
@@ -124,14 +124,14 @@ function App() {
|
|
|
124
124
|
type: 'table',
|
|
125
125
|
headers: ['Prop', 'Type', 'Default', 'Description'],
|
|
126
126
|
rows: [
|
|
127
|
-
['theme', 'DefinedTheme', '
|
|
127
|
+
['theme', 'DefinedTheme', '-', 'Theme object (required)'],
|
|
128
128
|
[
|
|
129
129
|
'mode',
|
|
130
130
|
"'system' | 'light' | 'dark'",
|
|
131
131
|
"'system'",
|
|
132
132
|
'Color mode. system follows OS preference.',
|
|
133
133
|
],
|
|
134
|
-
['children', 'ReactNode', '
|
|
134
|
+
['children', 'ReactNode', '-', 'App content'],
|
|
135
135
|
],
|
|
136
136
|
},
|
|
137
137
|
],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astryxdesign/cli",
|
|
3
|
-
"version": "0.1.3-canary.
|
|
3
|
+
"version": "0.1.3-canary.73bcac9",
|
|
4
4
|
"displayName": "CLI",
|
|
5
5
|
"description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
|
|
6
6
|
"author": "Meta Open Source",
|
|
@@ -75,9 +75,9 @@
|
|
|
75
75
|
"zod": "^4.4.3"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
|
-
"@astryxdesign/core": "0.1.3-canary.
|
|
79
|
-
"@astryxdesign/lab": "0.1.3-canary.
|
|
80
|
-
"@astryxdesign/theme-neutral": "0.1.3-canary.
|
|
78
|
+
"@astryxdesign/core": "0.1.3-canary.73bcac9",
|
|
79
|
+
"@astryxdesign/lab": "0.1.3-canary.73bcac9",
|
|
80
|
+
"@astryxdesign/theme-neutral": "0.1.3-canary.73bcac9",
|
|
81
81
|
"gpt-tokenizer": "^2.0.0"
|
|
82
82
|
},
|
|
83
83
|
"peerDependenciesMeta": {
|
|
@@ -92,9 +92,9 @@
|
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
"devDependencies": {
|
|
95
|
-
"@astryxdesign/core": "0.1.3-canary.
|
|
96
|
-
"@astryxdesign/lab": "0.1.3-canary.
|
|
97
|
-
"@astryxdesign/theme-neutral": "0.1.3-canary.
|
|
95
|
+
"@astryxdesign/core": "0.1.3-canary.73bcac9",
|
|
96
|
+
"@astryxdesign/lab": "0.1.3-canary.73bcac9",
|
|
97
|
+
"@astryxdesign/theme-neutral": "0.1.3-canary.73bcac9",
|
|
98
98
|
"gpt-tokenizer": "^2.0.0"
|
|
99
99
|
},
|
|
100
100
|
"scripts": {
|
|
@@ -7,7 +7,7 @@ export const doc = {
|
|
|
7
7
|
name: 'MetadataListItem — Basic',
|
|
8
8
|
displayName: 'MetadataListItem — Basic',
|
|
9
9
|
description:
|
|
10
|
-
'Labeled key
|
|
10
|
+
'Labeled key-value rows inside a MetadataList. Values accept any content, from plain text to components like Badge.',
|
|
11
11
|
isReady: true,
|
|
12
12
|
aspectRatio: 16 / 9,
|
|
13
13
|
componentsUsed: ['MetadataList', 'MetadataListItem', 'Badge'],
|
|
@@ -7,7 +7,7 @@ export const doc = {
|
|
|
7
7
|
name: 'ToggleButtonGroup — Vertical',
|
|
8
8
|
displayName: 'ToggleButtonGroup — Vertical',
|
|
9
9
|
description:
|
|
10
|
-
'A vertically stacked ToggleButtonGroup using the vertical orientation, shown with both single-select and multi-select behavior
|
|
10
|
+
'A vertically stacked ToggleButtonGroup using the vertical orientation, shown with both single-select and multi-select behavior, ideal for sidebar-style option lists and vertical toolbars.',
|
|
11
11
|
isReady: true,
|
|
12
12
|
aspectRatio: 3 / 4,
|
|
13
13
|
componentsUsed: ['ToggleButton', 'ToggleButtonGroup', 'Layout', 'Text'],
|