rizzo-css 0.0.53 → 0.0.54

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 +8 -7
  2. package/bin/rizzo-css.js +332 -85
  3. package/package.json +4 -3
  4. package/scaffold/astro-core/README-RIZZO.md +1 -1
  5. package/scaffold/minimal/index.html +13 -0
  6. package/scaffold/starter/index.html +13 -0
  7. package/scaffold/svelte-core/README-RIZZO.md +1 -1
  8. package/scaffold/vanilla/README-RIZZO.md +5 -5
  9. package/scaffold/vanilla/components/accordion.html +12 -0
  10. package/scaffold/vanilla/components/alert.html +12 -0
  11. package/scaffold/vanilla/components/avatar.html +12 -0
  12. package/scaffold/vanilla/components/back-to-top.html +12 -0
  13. package/scaffold/vanilla/components/badge.html +12 -0
  14. package/scaffold/vanilla/components/breadcrumb.html +12 -0
  15. package/scaffold/vanilla/components/button.html +12 -0
  16. package/scaffold/vanilla/components/cards.html +12 -0
  17. package/scaffold/vanilla/components/copy-to-clipboard.html +12 -0
  18. package/scaffold/vanilla/components/divider.html +12 -0
  19. package/scaffold/vanilla/components/docs-sidebar.html +12 -0
  20. package/scaffold/vanilla/components/dropdown.html +12 -0
  21. package/scaffold/vanilla/components/font-switcher.html +12 -0
  22. package/scaffold/vanilla/components/footer.html +12 -0
  23. package/scaffold/vanilla/components/forms.html +12 -0
  24. package/scaffold/vanilla/components/icons.html +12 -0
  25. package/scaffold/vanilla/components/index.html +12 -0
  26. package/scaffold/vanilla/components/modal.html +12 -0
  27. package/scaffold/vanilla/components/navbar.html +12 -0
  28. package/scaffold/vanilla/components/pagination.html +12 -0
  29. package/scaffold/vanilla/components/progress-bar.html +12 -0
  30. package/scaffold/vanilla/components/search.html +12 -0
  31. package/scaffold/vanilla/components/settings.html +12 -0
  32. package/scaffold/vanilla/components/sound-effects.html +12 -0
  33. package/scaffold/vanilla/components/spinner.html +12 -0
  34. package/scaffold/vanilla/components/table.html +12 -0
  35. package/scaffold/vanilla/components/tabs.html +12 -0
  36. package/scaffold/vanilla/components/theme-switcher.html +12 -0
  37. package/scaffold/vanilla/components/toast.html +12 -0
  38. package/scaffold/vanilla/components/tooltip.html +12 -0
  39. package/scaffold/vanilla/index.html +12 -0
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "rizzo-css",
3
- "version": "0.0.53",
3
+ "version": "0.0.54",
4
+ "engines": { "node": ">=18" },
4
5
  "scripts": {
5
6
  "prepublishOnly": "cd ../.. && pnpm run lint:css:fix && pnpm run build:css && node scripts/copy-scaffold.js && node scripts/prepare-vanilla-scaffold.js"
6
7
  },
@@ -27,12 +28,12 @@
27
28
  "dist",
28
29
  "scaffold/astro",
29
30
  "scaffold/astro-core",
30
- "scaffold/config",
31
+ "scaffold/minimal","scaffold/config",
31
32
  "scaffold/shared",
32
33
  "scaffold/svelte",
33
34
  "scaffold/svelte-core",
34
35
  "scaffold/utils",
35
- "scaffold/vanilla"
36
+ "scaffold/starter","scaffold/vanilla"
36
37
  ],
37
38
  "keywords": [
38
39
  "css",
package/scaffold/astro-core/README-RIZZO.md CHANGED
@@ -14,7 +14,7 @@
14
14
  Design system · Vanilla · Astro · Svelte
15
15
  ```
16
16
 
17
- Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework astro --template core` or **manual**. When you choose **Core**, the CLI copies all 33 Rizzo components (Button, Modal, Navbar, Search, Settings, ThemeSwitcher, etc.) into this project so they work together; **Manual** lets you pick which of those to include (all are pre-selected by default).
17
+ Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Astro, then **Full** template. **Full** copies the base app and all 34 Rizzo components (or you pick which to include; all are pre-selected by default). **Minimal** / **Starter** = CSS, fonts, icons, sfx + RIZZO-SETUP.md only. Same template choice for **Add to existing** (`npx rizzo-css add`).
18
18
 
19
19
  ## Setup
20
20
 
package/scaffold/minimal/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-theme="{{DATA_THEME}}">{{THEME_LIST_COMMENT}}
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>{{TITLE}}</title>
7
+ <link rel="stylesheet" href="{{LINK_HREF}}" />
8
+ </head>
9
+ <body>
10
+ <h1>Hello, Rizzo CSS</h1>
11
+ <p>Edit this file and add components. Docs: <a href="https://rizzo-css.vercel.app">rizzo-css.vercel.app</a></p>
12
+ </body>
13
+ </html>
package/scaffold/starter/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-theme="{{DATA_THEME}}">{{THEME_LIST_COMMENT}}
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>{{TITLE}}</title>
7
+ <link rel="stylesheet" href="{{LINK_HREF}}" />
8
+ </head>
9
+ <body>
10
+ <h1>Hello, Rizzo CSS</h1>
11
+ <p>Edit this file and add components. Docs: <a href="https://rizzo-css.vercel.app">rizzo-css.vercel.app</a></p>
12
+ </body>
13
+ </html>
package/scaffold/svelte-core/README-RIZZO.md CHANGED
@@ -14,7 +14,7 @@
14
14
  Design system · Vanilla · Astro · Svelte
15
15
  ```
16
16
 
17
- SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework svelte --template core` or **manual**. When you choose **Core**, the CLI copies all 33 Rizzo components (Button, Modal, Navbar, Search, Settings, ThemeSwitcher, etc.) into this project so they work together; **Manual** lets you pick which of those to include (all are pre-selected by default).
17
+ SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Svelte, then **Full** template. **Full** copies the base app and all 34 Rizzo components (or you pick which to include; all are pre-selected by default). **Minimal** / **Starter** = CSS, fonts, icons, sfx + RIZZO-SETUP.md only. Same template choice for **Add to existing** (`npx rizzo-css add`).
18
18
 
19
19
  ## Setup
20
20
 
package/scaffold/vanilla/README-RIZZO.md CHANGED
@@ -14,7 +14,7 @@
14
14
  Design system · Vanilla · Astro · Svelte
15
15
  ```
16
16
 
17
- This project was scaffolded with `npx rizzo-css init` when you chose **Create new project** and Vanilla JS, then **Core** or **Manual**. **Core** = index + all 33 component pages, js, icons, and Settings/toast/sound (full showcase). **Manual** = index + CSS; component picker with all interactive components pre-selected. **Add to existing project** (or `npx rizzo-css add`) only adds the CSS and optional files (you must add the stylesheet `<link>` yourself; the CLI prints the exact tag).
17
+ This project was scaffolded with `npx rizzo-css init` when you chose **Create new project** and Vanilla JS, then **Minimal**, **Starter**, or **Full**. **Full** = index + all 34 component pages, js, icons, and Settings/toast/sound (full showcase). **Minimal** / **Starter** = CSS, fonts, icons, sfx + RIZZO-SETUP.md (Starter adds minimal index only if missing). **Add to existing project** (or `npx rizzo-css add`) uses the **same template choice** — Minimal, Starter, or Full; you must add the stylesheet `<link>` yourself (CLI prints the exact tag).
18
18
 
19
19
  ## First-time setup
20
20
 
@@ -27,7 +27,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
27
27
  - `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`
28
28
  - Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`
29
29
 
30
- (Replace `@latest` with a specific version, e.g. `@0.0.53`, in production.)
30
+ (Replace `@latest` with a specific version, e.g. `@0.0.54`, in production.)
31
31
 
32
32
  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.
33
33
 
@@ -54,7 +54,7 @@ The CLI replaces placeholders in `index.html` (e.g. `{{DATA_THEME}}`, `{{TITLE}}
54
54
  - **Copy to clipboard** — Buttons with `.copy-to-clipboard` and `data-copy-value`, or `[data-copy]` with `value` or `data-copy-value`; click copies text and shows feedback (icons/aria-label). Optional `data-copy-format` for “Copied {format}!”.
55
55
  - **Back to top** — Any `[data-back-to-top]` with `[data-back-to-top-btn]`; shows after scrolling past `data-threshold` (default 400px), click scrolls to top smoothly.
56
56
  - **Tooltips** — Use `.tooltip-wrapper` with a `.tooltip` child, or `[data-tooltip]` on the trigger; no JS required (CSS :hover and :focus-within).
57
- - **Sound effects** — When "Play sound on click" is enabled in Settings, a short click sound plays on interactive elements. The script is injected by the CLI when **Core** or when **Settings**/**SoundEffects** are included; sound files are in **`assets/sfx/`** (e.g. `click.mp3` or `click.wav`). Off by default; persists as `soundEffects` in localStorage.
57
+ - **Sound effects** — When "Play sound on click" is enabled in Settings, a short click sound plays on interactive elements. The script is injected by the CLI when **Full** (all components) or when **Settings**/**SoundEffects** are included; sound files are in **`assets/sfx/`** (e.g. `click.mp3` or `click.wav`). Off by default; persists as `soundEffects` in localStorage.
58
58
 
59
59
  ## Commands
60
60
 
@@ -68,7 +68,7 @@ pnpm dlx serve .
68
68
 
69
69
  ## Other scaffolds
70
70
 
71
- - **Astro:** `scaffold/astro-core/` — Astro app (Core or Manual template); optional components from `scaffold/astro/` (see README-RIZZO.md).
72
- - **Svelte:** `scaffold/svelte-core/` — SvelteKit app (Core or Manual template); optional components from `scaffold/svelte/` (see README-RIZZO.md).
71
+ - **Astro:** `scaffold/astro-core/` — Astro app (Minimal, Starter, or Full template); Full adds components from `scaffold/astro/` (see README-RIZZO.md).
72
+ - **Svelte:** `scaffold/svelte-core/` — SvelteKit app (Minimal, Starter, or Full template); Full adds components from `scaffold/svelte/` (see README-RIZZO.md).
73
73
 
74
74
  Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)