rizzo-css 0.0.69 → 0.0.71
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 +4 -2
- package/package.json +1 -1
- package/scaffold/astro/Footer.astro +1 -1
- package/scaffold/react/base/.env.example +2 -0
- package/scaffold/react/base/README-RIZZO.md +4 -1
- package/scaffold/react/base/index.html +1 -1
- package/scaffold/react/base/package.json +1 -0
- package/scaffold/react/base/src/App.tsx +4 -1
- package/scaffold/react/base/tsconfig.json +5 -1
- package/scaffold/react/base/vite.config.ts +6 -0
- package/scaffold/vanilla/README-RIZZO.md +1 -1
- package/scaffold/vanilla/components/accordion.html +24 -0
- package/scaffold/vanilla/components/alert-dialog.html +24 -0
- package/scaffold/vanilla/components/alert.html +24 -0
- package/scaffold/vanilla/components/aspect-ratio.html +24 -0
- package/scaffold/vanilla/components/avatar.html +24 -0
- package/scaffold/vanilla/components/back-to-top.html +24 -0
- package/scaffold/vanilla/components/badge.html +24 -0
- package/scaffold/vanilla/components/breadcrumb.html +24 -0
- package/scaffold/vanilla/components/button-group.html +24 -0
- package/scaffold/vanilla/components/button.html +24 -0
- package/scaffold/vanilla/components/calendar.html +24 -0
- package/scaffold/vanilla/components/cards.html +24 -0
- package/scaffold/vanilla/components/carousel.html +24 -0
- package/scaffold/vanilla/components/collapsible.html +24 -0
- package/scaffold/vanilla/components/context-menu.html +24 -0
- package/scaffold/vanilla/components/copy-to-clipboard.html +24 -0
- package/scaffold/vanilla/components/dashboard.html +24 -0
- package/scaffold/vanilla/components/divider.html +24 -0
- package/scaffold/vanilla/components/docs-sidebar.html +24 -0
- package/scaffold/vanilla/components/dropdown.html +24 -0
- package/scaffold/vanilla/components/empty.html +24 -0
- package/scaffold/vanilla/components/font-switcher.html +24 -0
- package/scaffold/vanilla/components/footer.html +24 -0
- package/scaffold/vanilla/components/forms.html +24 -0
- package/scaffold/vanilla/components/hover-card.html +24 -0
- package/scaffold/vanilla/components/icons.html +24 -0
- package/scaffold/vanilla/components/index.html +24 -0
- package/scaffold/vanilla/components/input-group.html +24 -0
- package/scaffold/vanilla/components/kbd.html +24 -0
- package/scaffold/vanilla/components/label.html +24 -0
- package/scaffold/vanilla/components/modal.html +24 -0
- package/scaffold/vanilla/components/navbar.html +24 -0
- package/scaffold/vanilla/components/pagination.html +24 -0
- package/scaffold/vanilla/components/popover.html +24 -0
- package/scaffold/vanilla/components/progress-bar.html +24 -0
- package/scaffold/vanilla/components/range-calendar.html +24 -0
- package/scaffold/vanilla/components/resizable.html +24 -0
- package/scaffold/vanilla/components/scroll-area.html +24 -0
- package/scaffold/vanilla/components/search.html +24 -0
- package/scaffold/vanilla/components/separator.html +24 -0
- package/scaffold/vanilla/components/settings.html +24 -0
- package/scaffold/vanilla/components/sheet.html +24 -0
- package/scaffold/vanilla/components/skeleton.html +24 -0
- package/scaffold/vanilla/components/slider.html +24 -0
- package/scaffold/vanilla/components/sound-effects.html +24 -0
- package/scaffold/vanilla/components/spinner.html +24 -0
- package/scaffold/vanilla/components/switch.html +24 -0
- package/scaffold/vanilla/components/table.html +24 -0
- package/scaffold/vanilla/components/tabs.html +24 -0
- package/scaffold/vanilla/components/theme-switcher.html +24 -0
- package/scaffold/vanilla/components/toast.html +24 -0
- package/scaffold/vanilla/components/toggle-group.html +24 -0
- package/scaffold/vanilla/components/toggle.html +24 -0
- package/scaffold/vanilla/components/tooltip.html +24 -0
- package/scaffold/vanilla/index.html +24 -0
- package/scaffold/vue/base/.env.example +2 -0
- package/scaffold/vue/base/README-RIZZO.md +4 -1
- package/scaffold/vue/base/index.html +1 -1
- package/scaffold/vue/base/package.json +1 -0
- package/scaffold/vue/base/src/App.vue +4 -1
- package/scaffold/vue/base/tsconfig.json +5 -1
- package/scaffold/vue/base/vite.config.ts +6 -0
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.71 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
|
@@ -2147,6 +2147,8 @@ async function runAddToExisting(frameworkOverride, options) {
|
|
|
2147
2147
|
let selectedComponents;
|
|
2148
2148
|
if (selectedVariation === 'css-only') {
|
|
2149
2149
|
selectedComponents = [];
|
|
2150
|
+
} else if (selectedVariation === 'full' && componentList.length > 0) {
|
|
2151
|
+
selectedComponents = [...componentList];
|
|
2150
2152
|
} else if (preselected && componentList.length > 0) {
|
|
2151
2153
|
const valid = preselected.filter((c) => componentList.includes(c));
|
|
2152
2154
|
const invalid = preselected.filter((c) => !componentList.includes(c));
|
|
@@ -2572,11 +2574,11 @@ async function cmdInit(argv) {
|
|
|
2572
2574
|
selectedVariation = await promptTemplate();
|
|
2573
2575
|
selectedTemplate = 'full'; // all templates get full framework + Rizzo
|
|
2574
2576
|
|
|
2575
|
-
// CSS only = no component picker; Full
|
|
2577
|
+
// CSS only = no component picker; Full = all components (no prompt); Landing/Docs/Dashboard = choose all or pick
|
|
2576
2578
|
if (selectedVariation === 'css-only') {
|
|
2577
2579
|
selectedComponents = [];
|
|
2578
2580
|
fullAllComponents = false;
|
|
2579
|
-
} else if (selectedVariation === 'full'
|
|
2581
|
+
} else if (selectedVariation === 'full') {
|
|
2580
2582
|
fullAllComponents = true;
|
|
2581
2583
|
selectedComponents = framework === 'svelte' ? [...SVELTE_COMPONENTS] : framework === 'astro' ? [...ASTRO_COMPONENTS] : framework === 'react' ? [...REACT_COMPONENTS] : framework === 'vue' ? [...VUE_COMPONENTS] : Object.keys(VANILLA_COMPONENT_SLUGS);
|
|
2582
2584
|
} else {
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@ interface Props {
|
|
|
13
13
|
links?: FooterLink[];
|
|
14
14
|
/** Optional class for the root element */
|
|
15
15
|
class?: string;
|
|
16
|
-
/** Optional version string (e.g. from package.json); shown as "v0.0.
|
|
16
|
+
/** Optional version string (e.g. from package.json); shown as "v0.0.71" with link to CHANGELOG */
|
|
17
17
|
version?: string;
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -32,12 +32,14 @@ Vite + React project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when y
|
|
|
32
32
|
|
|
33
33
|
## Project structure
|
|
34
34
|
|
|
35
|
-
- `vite.config.ts` — Vite configuration
|
|
35
|
+
- `vite.config.ts` — Vite configuration (includes `@` → `src` alias)
|
|
36
36
|
- `index.html` — HTML shell with Rizzo CSS and theme (edit `data-theme` for default)
|
|
37
37
|
- `src/main.tsx` — Entry point
|
|
38
38
|
- `src/App.tsx` — Root component
|
|
39
|
+
- `src/components/rizzo/` — Rizzo React components (added by `npx rizzo-css add`); import with `@/components/rizzo`
|
|
39
40
|
- `public/css/rizzo.min.css` — Rizzo CSS bundle (added by CLI; font URLs point to `/assets/fonts/`)
|
|
40
41
|
- `public/assets/fonts/` — Rizzo font files (added by CLI)
|
|
42
|
+
- `.env.example` — Optional env template (copy to `.env` if needed)
|
|
41
43
|
- `README-RIZZO.md` — This file (scaffold docs; does not replace your project README)
|
|
42
44
|
- `LICENSE-RIZZO` — Rizzo CSS license (does not replace your project LICENSE)
|
|
43
45
|
|
|
@@ -46,5 +48,6 @@ Vite + React project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when y
|
|
|
46
48
|
- `pnpm dev` — Start dev server
|
|
47
49
|
- `pnpm build` — Build for production
|
|
48
50
|
- `pnpm preview` — Preview production build
|
|
51
|
+
- `npx rizzo-css add Button` — Add Rizzo components (or `pnpm exec rizzo-css add Button` with rizzo-css in devDependencies)
|
|
49
52
|
|
|
50
53
|
Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="{{DATA_THEME}}"
|
|
2
|
+
<html lang="en" data-theme="{{DATA_THEME}}">{{THEME_LIST_COMMENT}}
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
@@ -4,7 +4,10 @@ export default function App() {
|
|
|
4
4
|
<a href="#main-content" className="skip-link">Skip to main content</a>
|
|
5
5
|
<main id="main-content" className="container">
|
|
6
6
|
<h1>Hello, Rizzo CSS</h1>
|
|
7
|
-
<p>Edit <code>src/App.tsx</code> and add components.
|
|
7
|
+
<p>Edit <code>src/App.tsx</code> and add components. Run <code>npx rizzo-css add Button</code> to add Rizzo components.</p>
|
|
8
|
+
<p>
|
|
9
|
+
<a href="https://rizzo-css.vercel.app" className="btn btn-primary">Docs — rizzo-css.vercel.app</a>
|
|
10
|
+
</p>
|
|
8
11
|
</main>
|
|
9
12
|
</>
|
|
10
13
|
);
|
|
@@ -15,7 +15,11 @@
|
|
|
15
15
|
"noUnusedLocals": true,
|
|
16
16
|
"noUnusedParameters": true,
|
|
17
17
|
"noFallthroughCasesInSwitch": true,
|
|
18
|
-
"noUncheckedSideEffectImports": true
|
|
18
|
+
"noUncheckedSideEffectImports": true,
|
|
19
|
+
"baseUrl": ".",
|
|
20
|
+
"paths": {
|
|
21
|
+
"@/*": ["./src/*"]
|
|
22
|
+
}
|
|
19
23
|
},
|
|
20
24
|
"include": ["src"]
|
|
21
25
|
}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { defineConfig } from 'vite';
|
|
2
2
|
import react from '@vitejs/plugin-react';
|
|
3
|
+
import { fileURLToPath, URL } from 'node:url';
|
|
3
4
|
|
|
4
5
|
export default defineConfig({
|
|
5
6
|
plugins: [react()],
|
|
7
|
+
resolve: {
|
|
8
|
+
alias: {
|
|
9
|
+
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
10
|
+
},
|
|
11
|
+
},
|
|
6
12
|
});
|
|
@@ -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.71`, 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
|
|