@kolkrabbi/kol-framework 0.5.8 → 0.5.10

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-framework",
3
- "version": "0.5.8",
3
+ "version": "0.5.10",
4
4
  "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.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -27,8 +27,8 @@
27
27
  "app-shell"
28
28
  ],
29
29
  "dependencies": {
30
- "@kolkrabbi/kol-component": "0.12.5",
31
- "@kolkrabbi/kol-icons": "0.8.4"
30
+ "@kolkrabbi/kol-component": "0.12.19",
31
+ "@kolkrabbi/kol-icons": "0.8.6"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": "^18.3.0 || ^19.0.0",
@@ -58,7 +58,7 @@ export default function ThemeToggle({ variant = 'icon', size = 'md', className =
58
58
  className={`${chromeCls} ${className}`.trim()}
59
59
  >
60
60
  <span className="inline-flex items-center justify-center shrink-0" aria-hidden="true">
61
- {iconSwap(16)}
61
+ {iconSwap(size === "sm" ? 16 : size === "lg" ? 24 : 20)}
62
62
  </span>
63
63
  {/* kol-sidenav-hop-label keeps the responsive label-hide rule firing
64
64
  * at narrow viewports without subjecting the button to the muted
@@ -71,10 +71,10 @@ export default function ThemeToggle({ variant = 'icon', size = 'md', className =
71
71
  }
72
72
 
73
73
  // variant === 'icon' (default) — geometry from the DS button ladder
74
- // (sm 14 / md 16 / lg 18 glyph), chrome = ghost icon-only .kol-btn.
74
+ // (sm 16 / md 20 / lg 24 glyph — 2026-07-28 pairing law), chrome = ghost icon-only .kol-btn.
75
75
  // Overrules the 2026-07-15 "36×36/20 reference" one-off (user ruling
76
76
  // 2026-07-28: the button ladder is the reference, bar icons included).
77
- const glyph = size === 'sm' ? 14 : size === 'lg' ? 18 : 16
77
+ const glyph = size === 'sm' ? 16 : size === 'lg' ? 24 : 20
78
78
  return (
79
79
  <button
80
80
  type="button"