rizzo-css 0.0.18 → 0.0.20

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.
Files changed (39) hide show
  1. package/README.md +4 -4
  2. package/bin/rizzo-css.js +273 -101
  3. package/dist/rizzo.min.css +3 -3
  4. package/package.json +1 -1
  5. package/scaffold/astro/Navbar.astro +17 -0
  6. package/scaffold/astro/Search.astro +16 -0
  7. package/scaffold/astro/Settings.astro +13 -0
  8. package/scaffold/astro-minimal/README.md +1 -1
  9. package/scaffold/svelte/Navbar.svelte +27 -0
  10. package/scaffold/svelte/Search.svelte +41 -0
  11. package/scaffold/svelte/Settings.svelte +25 -0
  12. package/scaffold/svelte-minimal/README.md +1 -1
  13. package/scaffold/vanilla/README.md +2 -2
  14. package/scaffold/vanilla/components/accordion.html +16 -0
  15. package/scaffold/vanilla/components/alert.html +16 -0
  16. package/scaffold/vanilla/components/avatar.html +16 -0
  17. package/scaffold/vanilla/components/badge.html +16 -0
  18. package/scaffold/vanilla/components/breadcrumb.html +16 -0
  19. package/scaffold/vanilla/components/button.html +16 -0
  20. package/scaffold/vanilla/components/cards.html +16 -0
  21. package/scaffold/vanilla/components/copy-to-clipboard.html +16 -0
  22. package/scaffold/vanilla/components/divider.html +16 -0
  23. package/scaffold/vanilla/components/dropdown.html +16 -0
  24. package/scaffold/vanilla/components/forms.html +16 -0
  25. package/scaffold/vanilla/components/icons.html +16 -0
  26. package/scaffold/vanilla/components/index.html +16 -0
  27. package/scaffold/vanilla/components/modal.html +16 -0
  28. package/scaffold/vanilla/components/navbar.html +16 -0
  29. package/scaffold/vanilla/components/pagination.html +16 -0
  30. package/scaffold/vanilla/components/progress-bar.html +16 -0
  31. package/scaffold/vanilla/components/search.html +16 -0
  32. package/scaffold/vanilla/components/settings.html +16 -0
  33. package/scaffold/vanilla/components/spinner.html +16 -0
  34. package/scaffold/vanilla/components/table.html +16 -0
  35. package/scaffold/vanilla/components/tabs.html +16 -0
  36. package/scaffold/vanilla/components/theme-switcher.html +16 -0
  37. package/scaffold/vanilla/components/toast.html +16 -0
  38. package/scaffold/vanilla/components/tooltip.html +16 -0
  39. package/scaffold/vanilla/index.html +16 -0
package/README.md CHANGED
@@ -12,7 +12,7 @@ pnpm add rizzo-css
12
12
  yarn add rizzo-css
13
13
  ```
14
14
 
15
- **Quick start (no install):** `npx rizzo-css init` — choose **framework** (Vanilla, Astro, or Svelte), then **add to existing** or **create new**. **Existing** (or `npx rizzo-css add`) → drop in CSS + hand-pick components; you must add the `<link>` yourself (CLI prints the exact tag). **New** → choose **template** (Vanilla: full or minimal; Astro/Svelte: minimal) or **no template** (minimal base + hand-pick components), then package manager. Non-interactive: `npx rizzo-css init --yes --framework vanilla|astro|svelte`. Optional **rizzo-css.json** and `add --install-package`. All get the **same CSS and component styles**. To use the **official Svelte or Astro create command** plus Rizzo, create the app first, then run `npx rizzo-css add`:
15
+ **Quick start (no install):** `npx rizzo-css init` — choose **framework** (Vanilla, Astro, or Svelte), then **add to existing** or **create new**. **Existing** (or `npx rizzo-css add`) → drop in CSS + hand-pick components; you must add the `<link>` yourself (CLI prints the exact tag). **New** → choose **Full** (everything) | **Minimal** (recommended) | **Manual** (pick components), then package manager. Non-interactive: `npx rizzo-css init --yes --framework vanilla|astro|svelte`. Optional **rizzo-css.json** and `add --install-package`. All get the **same CSS and component styles**. To use the **official Svelte or Astro create command** plus Rizzo, create the app first, then run `npx rizzo-css add`:
16
16
 
17
17
  ```bash
18
18
  npm create svelte@latest my-app && cd my-app && npx rizzo-css add
@@ -41,7 +41,7 @@ You install **the same package** for every framework: `npm install rizzo-css`. N
41
41
 
42
42
  With `npx rizzo-css add --path <dir>`, the CLI still suggests the correct href for your framework (e.g. Astro/Svelte get a leading `/` path).
43
43
 
44
- Scaffolds in the package: `scaffold/vanilla/` (full or minimal template), `scaffold/astro-minimal/`, `scaffold/svelte-minimal/`, plus `scaffold/astro/` and `scaffold/svelte/` (component templates for hand-pick). Use `npx rizzo-css init` and choose **Create new project** to get a template-based scaffold or minimal base + hand-picked components; the stylesheet link is in the layout. **Add to existing** (or `add` command) drops in CSS + hand-pick components; **you must add the stylesheet `<link>` yourself** — the CLI prints the exact tag. Every scaffold includes LICENSE and README; Astro/Svelte minimal include package.json and .env.example.
44
+ Scaffolds in the package: `scaffold/vanilla/` (Full or Manual), `scaffold/astro-minimal/`, `scaffold/svelte-minimal/`, plus `scaffold/astro/` and `scaffold/svelte/` (component templates for hand-pick). Use `npx rizzo-css init` and choose **Create new project** to get a **Full** or **Manual** scaffold; the stylesheet link is in the layout. **Add to existing** (or `add` command) drops in CSS + hand-pick components; **you must add the stylesheet `<link>` yourself** — the CLI prints the exact tag. Every scaffold includes LICENSE and README; Astro/Svelte minimal include package.json and .env.example.
45
45
 
46
46
  ## Use
47
47
 
@@ -56,7 +56,7 @@ import 'rizzo-css';
56
56
  **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:
57
57
 
58
58
  ```html
59
- <!-- unpkg (pin version: replace @latest with @0.0.18 or any version) -->
59
+ <!-- unpkg (pin version: replace @latest with @0.0.20 or any version) -->
60
60
  <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
61
61
 
62
62
  <!-- or jsDelivr -->
@@ -65,7 +65,7 @@ import 'rizzo-css';
65
65
 
66
66
  Short URLs also work: `https://unpkg.com/rizzo-css@latest` and `https://cdn.jsdelivr.net/npm/rizzo-css@latest` (CDNs serve the default file from package.json). To verify after publish: open the URL in a browser or run `curl -I https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css` and expect `200 OK`.
67
67
 
68
- Use the same class names and HTML structure as in the [component docs](https://rizzo-css.vercel.app/docs/components). **Vanilla JS**, Astro, and Svelte all use the same CSS and BEM markup; Astro/Svelte add framework component files when you hand-pick. Each scaffold has a README; every install includes LICENSE. The **Vanilla** full template includes a Settings panel and toast; **Astro** and **Svelte** minimal layouts include theme persistence and toast (`showToast`, `removeToast`, `removeAllToasts`).
68
+ Use the same class names and HTML structure as in the [component docs](https://rizzo-css.vercel.app/docs/components). **Vanilla JS**, Astro, and Svelte all use the same CSS and BEM markup; Astro/Svelte add framework component files when you hand-pick. Each scaffold has a README; every install includes LICENSE. The **Vanilla** Full includes a Settings panel and toast; **Astro** and **Svelte** Full scaffolds include theme persistence and toast (`showToast`, `removeToast`, `removeAllToasts`).
69
69
 
70
70
  ## Themes
71
71