@kolkrabbi/kol-framework 0.5.11 → 0.5.13

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.
Files changed (2) hide show
  1. package/package.json +4 -4
  2. package/src/ThemeToggle.jsx +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-framework",
3
- "version": "0.5.11",
3
+ "version": "0.5.13",
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": "workspace:*",
31
- "@kolkrabbi/kol-icons": "workspace:*"
30
+ "@kolkrabbi/kol-component": "0.12.19",
31
+ "@kolkrabbi/kol-icons": "0.8.8"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": "^18.3.0 || ^19.0.0",
@@ -43,4 +43,4 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  }
46
- }
46
+ }
package/src/ThemeToggle.jsx CHANGED
@@ -63,7 +63,11 @@ export default function ThemeToggle({ variant = 'icon', size = 'md', className =
63
63
 
64
64
  if (variant === 'button') {
65
65
  const mono = size === 'sm' ? 'kol-mono-12' : size === 'lg' ? 'kol-mono-16' : 'kol-mono-14'
66
- const glyph = size === 'sm' ? 16 : size === 'lg' ? 24 : 20
66
+ /* Text-adjacent glyph law: the glyph must never exceed the rung's mono
67
+ * line box (16/18/22), or it inflates the button past the ladder height —
68
+ * playwright-measured against a same-rung kol-btn: 14/16/18 keeps them
69
+ * pixel-equal. (The 16/20/24 pairing law is for pinned icon-only squares.) */
70
+ const glyph = size === 'sm' ? 14 : size === 'lg' ? 18 : 16
67
71
  return (
68
72
  <button
69
73
  type="button"