rizzo-css 0.0.63 → 0.0.64

package/README.md

@@ -72,7 +72,7 @@ import 'rizzo-css';
 **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:
 
 ```html
-<!-- unpkg (pin version: replace @latest with @0.0.63 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.64 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->

package/bin/rizzo-css.js

@@ -564,6 +564,26 @@ function copySvelteGitignore(projectDir) {
   }
 }
 
+/** Copy React scaffold gitignore into project as .gitignore. */
+function copyReactGitignore(projectDir) {
+  const gitignorePath = join(getScaffoldReactCoreDir(), SCAFFOLD_GITIGNORE_FILE);
+  if (existsSync(gitignorePath)) {
+    copyFileSync(gitignorePath, join(projectDir, '.gitignore'));
+    const copiedAsFile = join(projectDir, SCAFFOLD_GITIGNORE_FILE);
+    if (existsSync(copiedAsFile)) unlinkSync(copiedAsFile);
+  }
+}
+
+/** Copy Vue scaffold gitignore into project as .gitignore. */
+function copyVueGitignore(projectDir) {
+  const gitignorePath = join(getScaffoldVueCoreDir(), SCAFFOLD_GITIGNORE_FILE);
+  if (existsSync(gitignorePath)) {
+    copyFileSync(gitignorePath, join(projectDir, '.gitignore'));
+    const copiedAsFile = join(projectDir, SCAFFOLD_GITIGNORE_FILE);
+    if (existsSync(copiedAsFile)) unlinkSync(copiedAsFile);
+  }
+}
+
 /** Read rizzo-css.json from cwd. Returns { targetDir?, framework?, packageManager?, theme? } or null. Preserves unknown keys. */
 function readRizzoConfig(cwd) {
   if (!cwd || !existsSync(cwd)) return null;
@@ -1702,6 +1722,14 @@ function getScaffoldSvelteCoreDir() {
   return join(getPackageRoot(), 'scaffold', 'svelte', 'base');
 }
 
+function getScaffoldReactCoreDir() {
+  return join(getPackageRoot(), 'scaffold', 'react', 'base');
+}
+
+function getScaffoldVueCoreDir() {
+  return join(getPackageRoot(), 'scaffold', 'vue', 'base');
+}
+
 function copyDirRecursive(src, dest) {
   mkdirSync(dest, { recursive: true });
   const entries = readdirSync(src, { withFileTypes: true });
@@ -2202,13 +2230,15 @@ async function runAddToExisting(frameworkOverride, options) {
   let addSkippedFiles = [];
   const astroCoreDir = getScaffoldAstroCoreDir();
   const svelteCoreDir = getScaffoldSvelteCoreDir();
+  const reactCoreDir = getScaffoldReactCoreDir();
+  const vueCoreDir = getScaffoldVueCoreDir();
   const themeCommentAdd = '  <!-- Initial: ' + theme + '; dark: ' + defaultDark + '; light: ' + defaultLight + ' (all 14 themes in CSS) -->';
   const copyOpts = options.dryRun && options.plan ? options : undefined;
   if (framework === 'vanilla' && getVariantDir('vanilla', selectedVariation)) {
     const vanillaRepl = { '{{LINK_HREF}}': 'css/rizzo.min.css', '{{TITLE}}': 'App', '{{DATA_THEME}}': theme, '{{THEME_LIST_COMMENT}}': themeCommentAdd };
     const variantResult = copyVariantOverlayNoOverwrite(cwd, 'vanilla', selectedVariation, vanillaRepl, copyOpts);
     if (variantResult && variantResult.skipped) addSkippedFiles = variantResult.skipped;
-  } else if (selectedVariation !== 'css-only' && ((framework === 'astro' && existsSync(astroCoreDir)) || (framework === 'svelte' && existsSync(svelteCoreDir)))) {
+  } else if (selectedVariation !== 'css-only' && ((framework === 'astro' && existsSync(astroCoreDir)) || (framework === 'svelte' && existsSync(svelteCoreDir)) || (framework === 'react' && existsSync(reactCoreDir)) || (framework === 'vue' && existsSync(vueCoreDir)))) {
     const themeComment = themeCommentAdd;
     const replacements = {
       '{{DATA_THEME}}': theme,
@@ -2255,6 +2285,14 @@ async function runAddToExisting(frameworkOverride, options) {
       const baseResult = copyDirRecursiveWithReplacementsNoOverwrite(svelteCoreDir, cwd, replacements, cwd, copyOpts);
       const variantResult = copyVariantOverlayNoOverwrite(cwd, 'svelte', selectedVariation, replacements, copyOpts);
       addSkippedFiles = baseResult.skipped.concat(variantResult.skipped || []);
+    } else if (framework === 'react') {
+      const baseResult = copyDirRecursiveWithReplacementsNoOverwrite(reactCoreDir, cwd, replacements, cwd, copyOpts);
+      const variantResult = copyVariantOverlayNoOverwrite(cwd, 'react', selectedVariation, replacements, copyOpts);
+      addSkippedFiles = baseResult.skipped.concat(variantResult.skipped || []);
+    } else if (framework === 'vue') {
+      const baseResult = copyDirRecursiveWithReplacementsNoOverwrite(vueCoreDir, cwd, replacements, cwd, copyOpts);
+      const variantResult = copyVariantOverlayNoOverwrite(cwd, 'vue', selectedVariation, replacements, copyOpts);
+      addSkippedFiles = baseResult.skipped.concat(variantResult.skipped || []);
     }
   }
 
@@ -2607,12 +2645,16 @@ async function cmdInit(argv) {
 
   const astroCoreDir = getScaffoldAstroCoreDir();
   const svelteCoreDir = getScaffoldSvelteCoreDir();
+  const reactCoreDir = getScaffoldReactCoreDir();
+  const vueCoreDir = getScaffoldVueCoreDir();
   const pathsForScaffold = getFrameworkCssPaths(framework);
   const useFullVariant = selectedVariation === 'full' && hasFullVariant(framework);
   const useHandpickAstro = selectedTemplate === 'full' && !fullAllComponents && framework === 'astro' && existsSync(astroCoreDir) && !useFullVariant;
   const useHandpickSvelte = selectedTemplate === 'full' && !fullAllComponents && framework === 'svelte' && existsSync(svelteCoreDir) && !useFullVariant;
   const useAstroBase = selectedTemplate === 'full' && fullAllComponents && framework === 'astro' && existsSync(astroCoreDir) && !useFullVariant;
   const useSvelteBase = selectedTemplate === 'full' && fullAllComponents && framework === 'svelte' && existsSync(svelteCoreDir) && !useFullVariant;
+  const useReactBase = selectedVariation !== 'css-only' && framework === 'react' && existsSync(reactCoreDir);
+  const useVueBase = selectedVariation !== 'css-only' && framework === 'vue' && existsSync(vueCoreDir);
   const useVanillaCore = selectedTemplate === 'full' && fullAllComponents && framework === 'vanilla' && existsSync(getScaffoldVanillaIndex()) && !useFullVariant && selectedVariation === 'landing';
   const useVanillaWithOverlay = selectedTemplate === 'full' && framework === 'vanilla' && (selectedVariation === 'docs' || selectedVariation === 'dashboard') && getVariantDir('vanilla', selectedVariation);
 
@@ -2798,6 +2840,38 @@ async function cmdInit(argv) {
       copyRizzoIcons(projectDir, 'svelte');
       copySvelteComponents(projectDir, componentsToCopy);
     }
+  } else if (useReactBase) {
+    mkdirSync(projectDir, { recursive: true });
+    const { skipped } = copyDirRecursiveWithReplacementsNoOverwrite(reactCoreDir, projectDir, replacements, projectDir);
+    copyVariantOverlay(projectDir, 'react', selectedVariation, replacements);
+    copyRizzoCssAndFontsForAstro(projectDir, cssSource);
+    if (skipped.length > 0) {
+      writeFileSync(join(projectDir, RIZZO_SETUP_FILE), buildRizzoSetupMd('react', { linkHref: '/css/rizzo.min.css', theme, defaultDark, defaultLight, skippedFiles: skipped }), 'utf8');
+    }
+    cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
+    if (existsSync(cssTarget) && statSync(cssTarget).size < 5000) {
+      console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
+    }
+    copyPackageLicense(projectDir);
+    copyReactGitignore(projectDir);
+    copyRizzoIcons(projectDir, 'react');
+    if (componentsToCopy.length > 0) copyReactComponents(projectDir, componentsToCopy);
+  } else if (useVueBase) {
+    mkdirSync(projectDir, { recursive: true });
+    const { skipped } = copyDirRecursiveWithReplacementsNoOverwrite(vueCoreDir, projectDir, replacements, projectDir);
+    copyVariantOverlay(projectDir, 'vue', selectedVariation, replacements);
+    copyRizzoCssAndFontsForAstro(projectDir, cssSource);
+    if (skipped.length > 0) {
+      writeFileSync(join(projectDir, RIZZO_SETUP_FILE), buildRizzoSetupMd('vue', { linkHref: '/css/rizzo.min.css', theme, defaultDark, defaultLight, skippedFiles: skipped }), 'utf8');
+    }
+    cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
+    if (existsSync(cssTarget) && statSync(cssTarget).size < 5000) {
+      console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
+    }
+    copyPackageLicense(projectDir);
+    copyVueGitignore(projectDir);
+    copyRizzoIcons(projectDir, 'vue');
+    if (componentsToCopy.length > 0) copyVueComponents(projectDir, componentsToCopy);
   } else if (selectedVariation === 'css-only') {
     // CSS only: no components, no web pages — just CSS, fonts, license, README, .gitignore (and framework base for Astro/Svelte)
     mkdirSync(projectDir, { recursive: true });
@@ -2828,6 +2902,24 @@ async function cmdInit(argv) {
       cssTarget = join(projectDir, 'static', 'css', 'rizzo.min.css');
       copyPackageLicense(projectDir);
       copySvelteGitignore(projectDir);
+    } else if (framework === 'react' && existsSync(reactCoreDir)) {
+      const { skipped } = copyDirRecursiveWithReplacementsNoOverwrite(reactCoreDir, projectDir, replacements, projectDir);
+      copyRizzoCssAndFontsForAstro(projectDir, cssSource);
+      if (skipped.length > 0) {
+        writeFileSync(join(projectDir, RIZZO_SETUP_FILE), buildRizzoSetupMd('react', { linkHref: '/css/rizzo.min.css', theme, defaultDark, defaultLight, skippedFiles: skipped }), 'utf8');
+      }
+      cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
+      copyPackageLicense(projectDir);
+      copyReactGitignore(projectDir);
+    } else if (framework === 'vue' && existsSync(vueCoreDir)) {
+      const { skipped } = copyDirRecursiveWithReplacementsNoOverwrite(vueCoreDir, projectDir, replacements, projectDir);
+      copyRizzoCssAndFontsForAstro(projectDir, cssSource);
+      if (skipped.length > 0) {
+        writeFileSync(join(projectDir, RIZZO_SETUP_FILE), buildRizzoSetupMd('vue', { linkHref: '/css/rizzo.min.css', theme, defaultDark, defaultLight, skippedFiles: skipped }), 'utf8');
+      }
+      cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
+      copyPackageLicense(projectDir);
+      copyVueGitignore(projectDir);
     } else {
       // fallback: same as vanilla (no index.html)
       const cssDir = join(projectDir, pathsForScaffold.targetDir);
@@ -3033,7 +3125,7 @@ async function cmdInit(argv) {
   const pm = getPackageManagerCommands({ agent: selectedPm, command: selectedPm });
   const nextStep = pm.install + ' && ' + pm.run('dev');
   const runPrefix = projectDir !== cwd ? 'cd ' + pathRelative(cwd, projectDir) + ' && ' : '';
-  const hasPackageJson = useHandpickAstro || useHandpickSvelte || useAstroBase || useSvelteBase || (selectedVariation === 'css-only' && (framework === 'astro' || framework === 'svelte'));
+  const hasPackageJson = useHandpickAstro || useHandpickSvelte || useAstroBase || useSvelteBase || useReactBase || useVueBase || (selectedVariation === 'css-only' && (framework === 'astro' || framework === 'svelte' || framework === 'react' || framework === 'vue'));
 
   console.log('\n  Scaffold complete. Summary above.');
 
@@ -3092,8 +3184,15 @@ async function cmdInit(argv) {
   if (useSvelteBase) {
     console.log('  - SvelteKit (core): app + ' + selectedComponents.length + ' component(s). Run: ' + runPrefix + nextStep);
   }
-  if ((framework === 'astro' || framework === 'svelte') && !useAstroBase && !useSvelteBase && !useHandpickAstro && !useHandpickSvelte) {
-    const fw = framework === 'svelte' ? 'Svelte' : 'Astro';
+  if (useReactBase) {
+    console.log('  - React (Vite): app + ' + (componentsToCopy.length > 0 ? componentsToCopy.length + ' component(s).' : 'base.') + ' Run: ' + runPrefix + nextStep);
+  }
+  if (useVueBase) {
+    console.log('  - Vue (Vite): app + ' + (componentsToCopy.length > 0 ? componentsToCopy.length + ' component(s).' : 'base.') + ' Run: ' + runPrefix + nextStep);
+  }
+  const hasBaseScaffold = useAstroBase || useSvelteBase || useHandpickAstro || useHandpickSvelte || useReactBase || useVueBase || (selectedVariation === 'css-only' && (framework === 'astro' || framework === 'svelte' || framework === 'react' || framework === 'vue'));
+  if ((framework === 'astro' || framework === 'svelte' || framework === 'react' || framework === 'vue') && !hasBaseScaffold) {
+    const fw = framework === 'svelte' ? 'Svelte' : framework === 'react' ? 'React' : framework === 'vue' ? 'Vue' : 'Astro';
     const createExample = getCreateProjectExample(pm, framework);
     console.log('\n  - Basic template (CSS + index). To get a full app: ' + createExample + ', then cd into the project and run ' + pm.dlx('rizzo-css add') + '.');
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "engines": {
     "node": ">=18"
   },

package/scaffold/astro/Footer.astro

@@ -13,7 +13,7 @@ interface Props {
   links?: FooterLink[];
   /** Optional class for the root element */
   class?: string;
-  /** Optional version string (e.g. from package.json); shown as "v0.0.63" with link to CHANGELOG */
+  /** Optional version string (e.g. from package.json); shown as "v0.0.64" with link to CHANGELOG */
   version?: string;
 }
 

package/scaffold/react/base/README-RIZZO.md

@@ -0,0 +1,50 @@
+# React + Rizzo CSS
+
+<pre style="font-family: ui-monospace, monospace; font-size: 0.85em; line-height: 1.2;">
+      /\___/\   
+   __(  o o  )__
+     (  =^=  )  
+    _/   ~   \_ 
+   /  \_____/  \
+<span style="color:#c44536"> ____ </span><span style="color:#e07c3e"> ___ _</span><span style="color:#d4a800">______</span><span style="color:#2d9d78">______</span><span style="color:#0052bd">     _</span><span style="color:#7c3aed">___ __</span><span style="color:#d946ef">__ ____</span>
+<span style="color:#c44536">|  _ \</span><span style="color:#e07c3e">|_ _|_</span><span style="color:#d4a800">_  /__</span><span style="color:#2d9d78">  / _ </span><span style="color:#0052bd">\   / </span><span style="color:#7c3aed">___/ _</span><span style="color:#d946ef">__/ ___|</span>
+<span style="color:#c44536">| |_) </span><span style="color:#e07c3e">|| |  </span><span style="color:#d4a800">/ /  /</span><span style="color:#2d9d78"> / | |</span><span style="color:#0052bd"> | | |</span><span style="color:#7c3aed">   \__</span><span style="color:#d946ef">_ \___ \</span>
+<span style="color:#c44536">|  _ &lt;</span><span style="color:#e07c3e"> | | /</span><span style="color:#d4a800"> /_ / </span><span style="color:#2d9d78">/| |_|</span><span style="color:#0052bd"> | | |</span><span style="color:#7c3aed">___ __</span><span style="color:#d946ef">_) |__) |</span>
+<span style="color:#c44536">|_| \_</span><span style="color:#e07c3e">\___/_</span><span style="color:#d4a800">___/__</span><span style="color:#2d9d78">__\___</span><span style="color:#0052bd">/   \_</span><span style="color:#7c3aed">___|__</span><span style="color:#d946ef">__/____/</span>
+
+  Design system · Vanilla · Astro · Svelte · React · Vue
+</pre>
+
+Vite + React project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and React, then **Landing**, **Docs**, **Dashboard**, or **Full**. Same template choice for **Add to existing** (`npx rizzo-css add`).
+
+## Setup
+
+1. Install dependencies:
+   ```bash
+   pnpm install
+   # or: npm install
+   ```
+
+2. Start the dev server:
+   ```bash
+   pnpm dev
+   ```
+
+## Project structure
+
+- `vite.config.ts` — Vite configuration
+- `index.html` — HTML shell with Rizzo CSS and theme (edit `data-theme` for default)
+- `src/main.tsx` — Entry point
+- `src/App.tsx` — Root component
+- `public/css/rizzo.min.css` — Rizzo CSS bundle (added by CLI; font URLs point to `/assets/fonts/`)
+- `public/assets/fonts/` — Rizzo font files (added by CLI)
+- `README-RIZZO.md` — This file (scaffold docs; does not replace your project README)
+- `LICENSE-RIZZO` — Rizzo CSS license (does not replace your project LICENSE)
+
+## Commands
+
+- `pnpm dev` — Start dev server
+- `pnpm build` — Build for production
+- `pnpm preview` — Preview production build
+
+Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)

package/scaffold/react/base/gitignore

@@ -0,0 +1,8 @@
+node_modules
+dist
+dist-ssr
+.DS_Store
+.env
+.env.*
+!.env.example
+*.local

package/scaffold/react/base/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en" data-theme="{{DATA_THEME}}"><!-- {{THEME_LIST_COMMENT}} -->
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script>
+      (function(){try{var s=localStorage.getItem('theme');var d='{{DEFAULT_DARK}}';var l='{{DEFAULT_LIGHT}}';var initial=document.documentElement.getAttribute('data-theme');var r=!s?((initial&&initial!=='system')?initial:(matchMedia('(prefers-color-scheme: dark)').matches?d:l)):s==='system'?(matchMedia('(prefers-color-scheme: dark)').matches?d:l):s;document.documentElement.setAttribute('data-theme',r);}catch(e){}})();
+    </script>
+    <link rel="stylesheet" href="/css/rizzo.min.css" />
+    <title>{{TITLE}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/scaffold/react/base/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "typescript": "~5.6.2",
+    "vite": "^6.0.1"
+  }
+}

package/scaffold/react/base/src/App.tsx

@@ -0,0 +1,11 @@
+export default function App() {
+  return (
+    <>
+      <a href="#main-content" className="skip-link">Skip to main content</a>
+      <main id="main-content" className="container">
+        <h1>Hello, Rizzo CSS</h1>
+        <p>Edit <code>src/App.tsx</code> and add components. Docs: <a href="https://rizzo-css.vercel.app">rizzo-css.vercel.app</a></p>
+      </main>
+    </>
+  );
+}

package/scaffold/react/base/src/index.css

@@ -0,0 +1 @@
+/* App styles; Rizzo is loaded from /css/rizzo.min.css in index.html */

package/scaffold/react/base/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/scaffold/react/base/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/scaffold/react/base/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/scaffold/react/base/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true
+  },
+  "include": ["vite.config.ts"]
+}

package/scaffold/react/base/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+});

package/scaffold/vanilla/README-RIZZO.md

@@ -28,7 +28,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
 - `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`  
 - Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`  
 
-(Replace `@latest` with a specific version, e.g. `@0.0.63`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.64`, in production.)
 
 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.
 

package/scaffold/vanilla/components/accordion.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/alert-dialog.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/alert.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/aspect-ratio.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/avatar.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/back-to-top.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/badge.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/breadcrumb.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/button-group.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/button.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/cards.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/collapsible.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/context-menu.html

@@ -434,6 +434,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -706,6 +709,9 @@
 
 
 
+
+
+