rizzo-css 0.0.86 → 0.0.88

package/scaffold/vue/ThemeSwitcher.vue

@@ -3,7 +3,7 @@ defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>
-  <div :class="["theme-switcher", $props.class].filter(Boolean).join(" ")">
+  <div :class="['theme-switcher', $props.class].filter(Boolean).join(' ')">
     <slot />
   </div>
 </template>

package/scaffold/vue/Toast.vue

@@ -3,7 +3,7 @@ defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>
-  <div :class="["toast", $props.class].filter(Boolean).join(" ")">
+  <div :class="['toast', $props.class].filter(Boolean).join(' ')">
     <slot />
   </div>
 </template>

package/scaffold/vue/Toggle.vue

@@ -3,7 +3,7 @@ defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>
-  <div :class="["toggle", $props.class].filter(Boolean).join(" ")">
+  <div :class="['toggle', $props.class].filter(Boolean).join(' ')">
     <slot />
   </div>
 </template>

package/scaffold/vue/ToggleGroup.vue

@@ -3,7 +3,7 @@ defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>
-  <div :class="["toggle-group", $props.class].filter(Boolean).join(" ")">
+  <div :class="['toggle-group', $props.class].filter(Boolean).join(' ')">
     <slot />
   </div>
 </template>

package/scaffold/vue/Tooltip.vue

@@ -3,7 +3,7 @@ defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>
-  <div :class="["tooltip", $props.class].filter(Boolean).join(" ")">
+  <div :class="['tooltip', $props.class].filter(Boolean).join(' ')">
     <slot />
   </div>
 </template>

package/scaffold/vue/base/package.json

@@ -9,13 +9,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.29"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "rizzo-css": "^0.0.86",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.1",
-    "vue-tsc": "^2.1.10"
+    "@vitejs/plugin-vue": "^6.0.0",
+    "rizzo-css": "^0.0.88",
+    "@types/node": "^22.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4",
+    "vue-tsc": "^3.0.0"
   }
 }

package/scaffold/vue/base/tsconfig.json

@@ -16,7 +16,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }

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

@@ -3,8 +3,10 @@
     "target": "ES2022",
     "lib": ["ES2023"],
     "module": "ESNext",
+    "moduleResolution": "bundler",
+    "types": ["node"],
     "skipLibCheck": true,
     "composite": true
   },
-  "include": ["vite.config.ts"],
+  "include": ["vite.config.ts"]
 }

package/scaffold/vue/variants/full/package.json

@@ -9,14 +9,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.5.13",
+    "vue": "^3.5.29",
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "rizzo-css": "^0.0.86",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.1",
-    "vue-tsc": "^2.1.10"
+    "@vitejs/plugin-vue": "^6.0.0",
+    "rizzo-css": "^0.0.88",
+    "@types/node": "^22.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4",
+    "vue-tsc": "^3.0.0"
   }
 }

package/scaffold/vue/variants/full/src/layouts/DocsLayout.vue

@@ -1,31 +1,33 @@
 <template>
   <div class="docs" data-docs>
-    <div id="docs-sidebar-container">
-      <button
-        type="button"
-        class="docs__sidebar-toggle"
-        aria-label="Open documentation menu"
-        aria-expanded="false"
-        aria-controls="docs-sidebar"
-        data-docs-sidebar-toggle
-        @click="toggleSidebar"
-      >
-        <span class="docs__sidebar-toggle-icon" aria-hidden="true">
-          <span></span><span></span><span></span>
-        </span>
-        <span class="docs__sidebar-toggle-text">Docs</span>
-      </button>
-      <div class="docs__sidebar-overlay" data-docs-sidebar-overlay aria-hidden="true" @click="closeSidebar" />
-      <DocsSidebar :current-path="currentPath" path-prefix="/docs" :nav="DOCS_NAV" />
-    </div>
-    <div class="docs__main">
-      <div class="docs__container">
-        <header class="docs__header">
-          <h1 class="docs__title">{{ title }}</h1>
-          <p v-if="description" class="docs__description">{{ description }}</p>
-        </header>
-        <div class="docs__content">
-          <router-view />
+    <div class="docs__outer">
+      <div id="docs-sidebar-container">
+        <button
+          type="button"
+          class="docs__sidebar-toggle"
+          aria-label="Open documentation menu"
+          aria-expanded="false"
+          aria-controls="docs-sidebar"
+          data-docs-sidebar-toggle
+          @click="toggleSidebar"
+        >
+          <span class="docs__sidebar-toggle-icon" aria-hidden="true">
+            <span></span><span></span><span></span>
+          </span>
+          <span class="docs__sidebar-toggle-text">Docs</span>
+        </button>
+        <div class="docs__sidebar-overlay" data-docs-sidebar-overlay aria-hidden="true" @click="closeSidebar" />
+        <DocsSidebar :current-path="currentPath" path-prefix="/docs" :nav="DOCS_NAV" />
+      </div>
+      <div class="docs__main">
+        <div class="docs__container">
+          <header class="docs__header">
+            <h1 class="docs__title">{{ title }}</h1>
+            <p v-if="description" class="docs__description">{{ description }}</p>
+          </header>
+          <div class="docs__content">
+            <router-view />
+          </div>
         </div>
       </div>
     </div>
@@ -94,6 +96,17 @@ onMounted(() => {
 </script>
 
 <style scoped>
+:deep(.docs__outer) {
+  width: 100%;
+  max-width: var(--container-default);
+  margin: 0 auto;
+  padding: 0 var(--content-padding-x);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  min-width: 0;
+}
 :deep(.docs__container) {
   box-sizing: border-box;
   width: 100%;

package/scaffold/svelte/base/svelte.config.js

@@ -1,10 +0,0 @@
-import adapter from '@sveltejs/adapter-auto';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  kit: {
-    adapter: adapter()
-  }
-};
-
-export default config;

package/scaffold/svelte/variants/full/svelte.config.js

@@ -1,10 +0,0 @@
-import adapter from '@sveltejs/adapter-auto';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  kit: {
-    adapter: adapter()
-  }
-};
-
-export default config;