kaze-design-system 0.2.1 → 0.2.3

package/components.css

@@ -2057,6 +2057,15 @@
 .prose ul,
 .prose ol {
   padding-left: var(--space-6);
+  margin-bottom: var(--space-5);
+}
+
+.prose ul {
+  list-style-type: disc;
+}
+
+.prose ol {
+  list-style-type: decimal;
 }
 
 .prose li {
@@ -3440,27 +3449,18 @@
 
 .app-layout__main {
   flex: 1;
-  margin-left: 0;
+  min-width: 0;
   display: flex;
   flex-direction: column;
 }
 
 .app-layout__content {
   flex: 1;
-  padding: var(--space-4);
+  padding: var(--space-6);
   max-width: var(--content-max-width);
   width: 100%;
 }
 
-@media (min-width: 768px) {
-  .app-layout__main {
-    margin-left: var(--sidebar-width);
-  }
-  .app-layout__content {
-    padding: var(--space-6);
-  }
-}
-
 /* ── TopBar ──────────────────────────────────────────────── */
 
 .top-bar {
@@ -3486,15 +3486,15 @@
 
 .sidebar {
   width: var(--sidebar-width);
-  position: fixed;
+  position: sticky;
   top: 0;
-  left: 0;
-  bottom: 0;
-  background-color: var(--color-surface);
+  height: 100dvh;
+  flex-shrink: 0;
+  overflow-y: auto;
+  background-color: var(--color-bg);
   border-right: 1px solid var(--color-border);
-  display: none;
+  display: flex;
   flex-direction: column;
-  z-index: var(--z-sticky);
   padding: var(--space-5) var(--space-3);
 }
 
@@ -3536,11 +3536,8 @@
   margin: var(--space-2) var(--space-4);
 }
 
-@media (min-width: 768px) {
-  .sidebar {
-    display: flex;
-  }
-}
+/* Sidebar is always visible (sticky in flex layout).
+   Consumers can add their own @media rules to hide on mobile. */
 
 /* ── Logo ────────────────────────────────────────────────── */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaze-design-system",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "private": false,
   "type": "module",
   "license": "MIT",