rizzo-css 0.0.83 → 0.0.85
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 +1 -1
- package/bin/rizzo-css.js +5 -1
- package/package.json +1 -1
- package/scaffold/react/base/package.json +1 -1
- package/scaffold/react/variants/full/package.json +1 -1
- package/scaffold/react/variants/full/src/config/componentCategories.ts +2 -2
- package/scaffold/svelte/variants/full/README-RIZZO.md +4 -0
- package/scaffold/svelte/variants/full/src/config/componentCategories.ts +2 -2
- package/scaffold/vanilla/README-RIZZO.md +1 -1
- package/scaffold/vanilla/components/accordion.html +10 -0
- package/scaffold/vanilla/components/alert-dialog.html +10 -0
- package/scaffold/vanilla/components/alert.html +10 -0
- package/scaffold/vanilla/components/aspect-ratio.html +10 -0
- package/scaffold/vanilla/components/avatar.html +10 -0
- package/scaffold/vanilla/components/back-to-top.html +10 -0
- package/scaffold/vanilla/components/badge.html +10 -0
- package/scaffold/vanilla/components/breadcrumb.html +10 -0
- package/scaffold/vanilla/components/button-group.html +10 -0
- package/scaffold/vanilla/components/button.html +10 -0
- package/scaffold/vanilla/components/calendar.html +10 -0
- package/scaffold/vanilla/components/cards.html +10 -0
- package/scaffold/vanilla/components/carousel.html +10 -0
- package/scaffold/vanilla/components/chart.html +10 -0
- package/scaffold/vanilla/components/collapsible.html +10 -0
- package/scaffold/vanilla/components/command.html +10 -0
- package/scaffold/vanilla/components/context-menu.html +10 -0
- package/scaffold/vanilla/components/copy-to-clipboard.html +10 -0
- package/scaffold/vanilla/components/dashboard.html +10 -0
- package/scaffold/vanilla/components/direction.html +10 -0
- package/scaffold/vanilla/components/divider.html +10 -0
- package/scaffold/vanilla/components/docs-sidebar.html +10 -0
- package/scaffold/vanilla/components/dropdown.html +10 -0
- package/scaffold/vanilla/components/empty.html +10 -0
- package/scaffold/vanilla/components/font-switcher.html +10 -0
- package/scaffold/vanilla/components/footer.html +10 -0
- package/scaffold/vanilla/components/forms.html +10 -0
- package/scaffold/vanilla/components/hover-card.html +10 -0
- package/scaffold/vanilla/components/icons.html +10 -0
- package/scaffold/vanilla/components/index.html +10 -0
- package/scaffold/vanilla/components/input-group.html +10 -0
- package/scaffold/vanilla/components/input-otp.html +10 -0
- package/scaffold/vanilla/components/kbd.html +10 -0
- package/scaffold/vanilla/components/label.html +10 -0
- package/scaffold/vanilla/components/menubar.html +10 -0
- package/scaffold/vanilla/components/modal.html +10 -0
- package/scaffold/vanilla/components/navbar.html +10 -0
- package/scaffold/vanilla/components/pagination.html +10 -0
- package/scaffold/vanilla/components/popover.html +10 -0
- package/scaffold/vanilla/components/progress-bar.html +10 -0
- package/scaffold/vanilla/components/range-calendar.html +10 -0
- package/scaffold/vanilla/components/resizable.html +10 -0
- package/scaffold/vanilla/components/scroll-area.html +10 -0
- package/scaffold/vanilla/components/search.html +10 -0
- package/scaffold/vanilla/components/separator.html +10 -0
- package/scaffold/vanilla/components/settings.html +10 -0
- package/scaffold/vanilla/components/sheet.html +10 -0
- package/scaffold/vanilla/components/skeleton.html +10 -0
- package/scaffold/vanilla/components/slider.html +10 -0
- package/scaffold/vanilla/components/sound-effects.html +10 -0
- package/scaffold/vanilla/components/spinner.html +10 -0
- package/scaffold/vanilla/components/switch.html +10 -0
- package/scaffold/vanilla/components/table.html +10 -0
- package/scaffold/vanilla/components/tabs.html +10 -0
- package/scaffold/vanilla/components/theme-switcher.html +10 -0
- package/scaffold/vanilla/components/toast.html +10 -0
- package/scaffold/vanilla/components/toggle-group.html +10 -0
- package/scaffold/vanilla/components/toggle.html +10 -0
- package/scaffold/vanilla/components/tooltip.html +10 -0
- package/scaffold/vanilla/index.html +10 -0
- package/scaffold/vue/base/package.json +1 -1
- package/scaffold/vue/variants/full/package.json +1 -1
- package/scaffold/vue/variants/full/src/config/componentCategories.ts +2 -2
package/README.md
CHANGED
|
@@ -72,7 +72,7 @@ import 'rizzo-css';
|
|
|
72
72
|
**Without a bundler (plain HTML):** Use a CDN. Both unpkg and jsDelivr resolve the package root to the built CSS (via the `unpkg` / `jsdelivr` fields in this package). For reliability or to pin a version, use the explicit path:
|
|
73
73
|
|
|
74
74
|
```html
|
|
75
|
-
<!-- unpkg (pin version: replace @latest with @0.0.
|
|
75
|
+
<!-- unpkg (pin version: replace @latest with @0.0.85 or any version) -->
|
|
76
76
|
<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
|
|
77
77
|
|
|
78
78
|
<!-- or jsDelivr -->
|
package/bin/rizzo-css.js
CHANGED
|
@@ -737,6 +737,9 @@ function hasFullVariant(framework) {
|
|
|
737
737
|
return getVariantDir(framework, 'full') !== null;
|
|
738
738
|
}
|
|
739
739
|
|
|
740
|
+
/** Components imported by Svelte full variant routes (themes, layout, docs, blocks). Ensures these are always copied so Vite dep-scan does not fail. */
|
|
741
|
+
const SVELTE_FULL_VARIANT_REQUIRED = ['ThemeIcon', 'ThemeSwitcher', 'Card', 'CopyToClipboard', 'Navbar', 'Footer', 'Settings', 'BackToTop', 'DocsSidebar'];
|
|
742
|
+
|
|
740
743
|
/** Copy variant overlay onto project (after base). Applies replacements. Overwrites matching paths. */
|
|
741
744
|
function copyVariantOverlay(projectDir, framework, variation, replacements) {
|
|
742
745
|
const variantDir = getVariantDir(framework, variation);
|
|
@@ -2759,7 +2762,8 @@ async function cmdInit(argv) {
|
|
|
2759
2762
|
const fullDir = getVariantDir('svelte', 'full');
|
|
2760
2763
|
copyDirRecursiveWithReplacements(fullDir, projectDir, replacements);
|
|
2761
2764
|
copyRizzoCssAndFontsForSvelte(projectDir, cssSource);
|
|
2762
|
-
|
|
2765
|
+
const svelteFullComponents = [...new Set([...componentsToCopy, ...SVELTE_FULL_VARIANT_REQUIRED])];
|
|
2766
|
+
copySvelteComponents(projectDir, expandWithDeps('svelte', svelteFullComponents));
|
|
2763
2767
|
cssTarget = join(projectDir, 'static', 'css', 'rizzo.min.css');
|
|
2764
2768
|
if (existsSync(cssTarget) && statSync(cssTarget).size < 5000) {
|
|
2765
2769
|
console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
|
package/package.json
CHANGED
|
@@ -21,7 +21,7 @@ function slugToTitle(slug: string): string {
|
|
|
21
21
|
.join(' ');
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
const
|
|
24
|
+
export const COMPONENT_CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
|
|
25
25
|
{ id: 'layout', label: 'Layout', slugs: ['navbar', 'docs-sidebar', 'dashboard', 'resizable', 'footer'] },
|
|
26
26
|
{ id: 'forms', label: 'Forms & inputs', slugs: ['button', 'button-group', 'forms', 'switch', 'slider', 'toggle', 'toggle-group', 'divider', 'separator', 'label', 'kbd'] },
|
|
27
27
|
{ id: 'data', label: 'Data display', slugs: ['cards', 'table', 'badge', 'pagination', 'aspect-ratio', 'empty', 'scroll-area', 'alert', 'skeleton', 'spinner', 'progress-bar', 'toast'] },
|
|
@@ -31,7 +31,7 @@ const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
|
|
|
31
31
|
|
|
32
32
|
export function getComponentsByCategory(): CategoryWithItems[] {
|
|
33
33
|
const pathPrefix = '/docs/components';
|
|
34
|
-
return
|
|
34
|
+
return COMPONENT_CATEGORIES.map((cat) => ({
|
|
35
35
|
id: cat.id,
|
|
36
36
|
label: cat.label,
|
|
37
37
|
items: cat.slugs.map((slug) => ({
|
|
@@ -56,4 +56,8 @@ SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you
|
|
|
56
56
|
- `pnpm build` — Build for production
|
|
57
57
|
- `pnpm preview` — Preview production build
|
|
58
58
|
|
|
59
|
+
## Troubleshooting
|
|
60
|
+
|
|
61
|
+
If the dev server shows **Failed to run dependency scan** or an error about a missing file under `src/lib/rizzo/` (e.g. `ThemeIcon.svelte`), the CLI may have omitted a required component. Upgrade to the latest **rizzo-css** and re-scaffold, or run `npx rizzo-css add` and add the missing component (e.g. ThemeIcon) into an existing project. The Full template requires ThemeIcon, ThemeSwitcher, Card, CopyToClipboard, Navbar, Footer, Settings, BackToTop, and DocsSidebar.
|
|
62
|
+
|
|
59
63
|
Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)
|
|
@@ -21,7 +21,7 @@ function slugToTitle(slug: string): string {
|
|
|
21
21
|
.join(' ');
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
const
|
|
24
|
+
export const COMPONENT_CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
|
|
25
25
|
{ id: 'layout', label: 'Layout', slugs: ['navbar', 'docs-sidebar', 'dashboard', 'resizable', 'footer'] },
|
|
26
26
|
{ id: 'forms', label: 'Forms & inputs', slugs: ['button', 'button-group', 'forms', 'switch', 'slider', 'toggle', 'toggle-group', 'divider', 'separator', 'label', 'kbd'] },
|
|
27
27
|
{ id: 'data', label: 'Data display', slugs: ['cards', 'table', 'badge', 'pagination', 'aspect-ratio', 'empty', 'scroll-area', 'alert', 'skeleton', 'spinner', 'progress-bar', 'toast'] },
|
|
@@ -31,7 +31,7 @@ const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
|
|
|
31
31
|
|
|
32
32
|
export function getComponentsByCategory(): CategoryWithItems[] {
|
|
33
33
|
const pathPrefix = '/docs/components';
|
|
34
|
-
return
|
|
34
|
+
return COMPONENT_CATEGORIES.map((cat) => ({
|
|
35
35
|
id: cat.id,
|
|
36
36
|
label: cat.label,
|
|
37
37
|
items: cat.slugs.map((slug) => ({
|
|
@@ -28,7 +28,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
|
|
|
28
28
|
- `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`
|
|
29
29
|
- Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`
|
|
30
30
|
|
|
31
|
-
(Replace `@latest` with a specific version, e.g. `@0.0.
|
|
31
|
+
(Replace `@latest` with a specific version, e.g. `@0.0.85`, in production.)
|
|
32
32
|
|
|
33
33
|
The CLI replaces placeholders in `index.html` (e.g. `{{DATA_THEME}}`, `{{TITLE}}`) when you run `rizzo-css init`. The theme selected during init is used on first load when you have no saved preference in the browser.
|
|
34
34
|
|