@kolkrabbi/kol-framework 0.2.1 → 0.3.0

package/kol-framework.css

@@ -9,6 +9,10 @@
  * Global rule: border-radius never exceeds 4px.
  */
 
+/* All KOL-shipped rule CSS lives in the `components` cascade layer so consumer
+ * Tailwind utilities (the `utilities` layer) can always override it. */
+@layer components {
+
 html,
 body {
   background: var(--kol-surface-primary);
@@ -1315,3 +1319,5 @@ code, pre {
     height: 18px;
   }
 }
+
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-framework",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
   "license": "MIT",
   "type": "module",
@@ -27,8 +27,8 @@
     "app-shell"
   ],
   "dependencies": {
-    "@kolkrabbi/kol-component": "0.4.0",
-    "@kolkrabbi/kol-loader": "0.3.0"
+    "@kolkrabbi/kol-component": "0.4.1",
+    "@kolkrabbi/kol-icons": "0.4.0"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0",

package/src/AppShell.jsx

@@ -1,7 +1,7 @@
 import { createContext, useEffect, useState } from 'react'
 import { Outlet, useLocation } from 'react-router-dom'
 import SideNav from './SideNav.jsx'
-import { Icon } from '@kolkrabbi/kol-loader'
+import { Icon } from '@kolkrabbi/kol-icons'
 import { ModalProvider } from '@kolkrabbi/kol-component'
 
 /* Pages can register right-rail TOC content via this context.

package/src/ShellHeader.jsx

@@ -1,4 +1,4 @@
-import { Icon } from '@kolkrabbi/kol-loader'
+import { Icon } from '@kolkrabbi/kol-icons'
 import { SearchInput } from '@kolkrabbi/kol-component'
 import ThemeToggle from './ThemeToggle.jsx'
 

package/src/SideNav.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { Link, NavLink, useLocation } from 'react-router-dom'
-import { Icon } from '@kolkrabbi/kol-loader'
+import { Icon } from '@kolkrabbi/kol-icons'
 import ThemeToggle from './ThemeToggle'
 import { useScrollSpy } from '@kolkrabbi/kol-component'
 

package/src/ThemeToggle.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Icon } from '@kolkrabbi/kol-loader'
+import { Icon } from '@kolkrabbi/kol-icons'
 
 const STORAGE_KEY = 'kol-theme'