@kolkrabbi/kol-framework 0.5.2 → 0.5.3
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 +1 -1
- package/src/ThemeToggle.jsx +4 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
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",
|
package/src/ThemeToggle.jsx
CHANGED
|
@@ -6,8 +6,9 @@ import { useTheme } from './theme.js'
|
|
|
6
6
|
*
|
|
7
7
|
* Variants:
|
|
8
8
|
* icon — icon-only button on the DS button ladder: `size` 'sm'|'md'|'lg'
|
|
9
|
-
* → 14/16/18px glyph, box +
|
|
10
|
-
*
|
|
9
|
+
* → 14/16/18px glyph, square box + quiet states from the
|
|
10
|
+
* .kol-btn-nav chrome (theme ≥0.11.4), so the toggle sits flush
|
|
11
|
+
* with sibling navigation buttons in a bar.
|
|
11
12
|
* hop — full-width labeled Button-primary-styled sidenav row
|
|
12
13
|
* (bg-fg-04, on-primary text). For sidenav rows where it pairs
|
|
13
14
|
* with other Button-primary "hop" entries.
|
|
@@ -80,7 +81,7 @@ export default function ThemeToggle({ variant = 'icon', size = 'md', className =
|
|
|
80
81
|
onClick={handleToggle}
|
|
81
82
|
aria-label={`Switch to ${next} mode`}
|
|
82
83
|
title={`Switch to ${next} mode`}
|
|
83
|
-
className={`kol-btn kol-btn-
|
|
84
|
+
className={`kol-btn kol-btn-nav kol-btn-${size} kol-btn-icon ${className}`.trim()}
|
|
84
85
|
>
|
|
85
86
|
{iconSwap(glyph)}
|
|
86
87
|
</button>
|