@vertz/create-vertz-app 0.2.21 → 0.2.22
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/dist/templates/index.d.ts.map +1 -1
- package/dist/templates/index.js +14 -16
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B5D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAyJnD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B5D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAyJnD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAqQlD;AAID;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAGxC;AAID;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAoBzC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAa5C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAIpC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAI3C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAIvC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAc9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CA6B1C;AAID;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAW1C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAoBvC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAavC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAWnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAe5C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAOvC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAgD7C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAW5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,CActC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CA0LzC"}
|
package/dist/templates/index.js
CHANGED
|
@@ -335,11 +335,10 @@ Theme components are pre-configured with the app's design tokens and provide con
|
|
|
335
335
|
|
|
336
336
|
### Using Components
|
|
337
337
|
|
|
338
|
-
|
|
339
|
-
import { themeComponents } from '../styles/theme';
|
|
338
|
+
Import components from \`@vertz/ui/components\` — the centralized entrypoint:
|
|
340
339
|
|
|
341
|
-
|
|
342
|
-
|
|
340
|
+
\`\`\`tsx
|
|
341
|
+
import { Button, Input, AlertDialog } from '@vertz/ui/components';
|
|
343
342
|
|
|
344
343
|
// RIGHT — use theme components
|
|
345
344
|
<Button intent="primary" size="md">Submit</Button>
|
|
@@ -352,10 +351,10 @@ const { AlertDialog } = themeComponents.primitives;
|
|
|
352
351
|
|
|
353
352
|
### Available Components
|
|
354
353
|
|
|
355
|
-
**Direct
|
|
354
|
+
**Direct**: \`Button\`, \`Input\`, \`Label\`, \`Badge\`, \`Textarea\`,
|
|
356
355
|
\`Card\` suite, \`Table\` suite, \`Avatar\` suite, \`FormGroup\` suite
|
|
357
356
|
|
|
358
|
-
**Primitives
|
|
357
|
+
**Primitives**: \`AlertDialog\`, \`Dialog\`, \`Tabs\`,
|
|
359
358
|
\`Select\`, \`DropdownMenu\`, \`Popover\`, \`Sheet\`, \`Tooltip\`, \`Accordion\`
|
|
360
359
|
— all with sub-components (\`.Trigger\`, \`.Content\`, \`.Footer\`, etc.)
|
|
361
360
|
|
|
@@ -364,8 +363,7 @@ const { AlertDialog } = themeComponents.primitives;
|
|
|
364
363
|
### Composable \`<AlertDialog>\` for inline confirmations
|
|
365
364
|
|
|
366
365
|
\`\`\`tsx
|
|
367
|
-
|
|
368
|
-
const { AlertDialog } = themeComponents.primitives;
|
|
366
|
+
import { Button, AlertDialog } from '@vertz/ui/components';
|
|
369
367
|
|
|
370
368
|
<AlertDialog>
|
|
371
369
|
<AlertDialog.Trigger>
|
|
@@ -786,15 +784,17 @@ mount(App, {
|
|
|
786
784
|
*/
|
|
787
785
|
export function themeTemplate() {
|
|
788
786
|
return `import { configureTheme } from '@vertz/theme-shadcn';
|
|
787
|
+
import { registerTheme } from 'vertz/ui';
|
|
789
788
|
|
|
790
|
-
const
|
|
789
|
+
const config = configureTheme({
|
|
791
790
|
palette: 'zinc',
|
|
792
791
|
radius: 'md',
|
|
793
792
|
});
|
|
794
793
|
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
export const
|
|
794
|
+
registerTheme(config);
|
|
795
|
+
|
|
796
|
+
export const appTheme = config.theme;
|
|
797
|
+
export const themeGlobals = config.globals;
|
|
798
798
|
`;
|
|
799
799
|
}
|
|
800
800
|
/**
|
|
@@ -815,11 +815,9 @@ export function homePageTemplate() {
|
|
|
815
815
|
queryMatch,
|
|
816
816
|
slideInFromTop,
|
|
817
817
|
} from 'vertz/ui';
|
|
818
|
+
import { Button } from '@vertz/ui/components';
|
|
819
|
+
import { AlertDialog } from '@vertz/ui/components';
|
|
818
820
|
import { api } from '../client';
|
|
819
|
-
import { themeComponents } from '../styles/theme';
|
|
820
|
-
|
|
821
|
-
const { Button } = themeComponents;
|
|
822
|
-
const { AlertDialog } = themeComponents.primitives;
|
|
823
821
|
|
|
824
822
|
// Global CSS for list item enter/exit animations
|
|
825
823
|
void globalCss({
|