@kolkrabbi/kol-component 0.121.0 → 0.121.1
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/atoms/ViewToggle.jsx +5 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-component",
|
|
3
|
-
"version": "0.121.
|
|
3
|
+
"version": "0.121.1",
|
|
4
4
|
"description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
package/src/atoms/ViewToggle.jsx
CHANGED
|
@@ -73,8 +73,12 @@ const ViewToggle = ({
|
|
|
73
73
|
)
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
+
/* THE WELL IS INSET (ViewToggleWellGap, kol-website 2026-08-28): `p-1` put the box 4px past the
|
|
77
|
+
* last chip on every side, so a row's `gap-4` read 20 on this side and 16 on the other, and every
|
|
78
|
+
* consumer subtracted it with a `-ml-1` on the neighbour. `-mx-1` draws the padding inward from the
|
|
79
|
+
* declared box — the chips sit where the box says, the well bleeds 4px into the gap. */
|
|
76
80
|
const containerClasses = isIconVariant
|
|
77
|
-
? `kol-view-toggle inline-flex items-center gap-1 p-1 bg-surface-secondary rounded ${toneClass(tone)} ${className}`.replace(/\s+/g, ' ').trim()
|
|
81
|
+
? `kol-view-toggle inline-flex items-center gap-1 p-1 -mx-1 bg-surface-secondary rounded ${toneClass(tone)} ${className}`.replace(/\s+/g, ' ').trim()
|
|
78
82
|
: `flex gap-2 ${className}`
|
|
79
83
|
|
|
80
84
|
const buttonClasses = (isActive) => {
|