@kolkrabbi/kol-component 0.12.10 → 0.12.12
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-component",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.12",
|
|
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",
|
|
@@ -136,18 +136,19 @@ const ContentFilters = ({
|
|
|
136
136
|
<div className="flex items-center justify-between mb-4">
|
|
137
137
|
<div className="flex items-center gap-6">
|
|
138
138
|
<h2 className="kol-helper-16 flex items-center gap-3">{titleIcon && <Icon name={titleIcon} size={20} />}{title}</h2>
|
|
139
|
+
<Divider variant="vertical" className="self-stretch py-1" />
|
|
139
140
|
<div className="flex items-center gap-1">
|
|
140
141
|
<button
|
|
141
142
|
type="button"
|
|
142
143
|
onClick={() => setIsExpanded(!isExpanded)}
|
|
143
|
-
className="
|
|
144
|
+
className="w-7 h-7 flex items-center justify-center rounded-sm hover:bg-fg-04 transition-colors"
|
|
144
145
|
aria-label="Toggle filters"
|
|
145
146
|
style={{ background: 'transparent', border: 'none', cursor: 'pointer', color: 'inherit' }}
|
|
146
147
|
>
|
|
147
|
-
<Icon name="filter" size={
|
|
148
|
+
<Icon name="filter" size={20} />
|
|
148
149
|
</button>
|
|
149
150
|
<div
|
|
150
|
-
className="flex items-center rounded-
|
|
151
|
+
className="flex items-center justify-center rounded-sm cursor-pointer hover:bg-fg-04 transition-colors"
|
|
151
152
|
style={{
|
|
152
153
|
height: 28,
|
|
153
154
|
width: searchOpen ? 200 : 28,
|
|
@@ -170,7 +171,7 @@ const ContentFilters = ({
|
|
|
170
171
|
position: searchOpen ? 'absolute' : 'relative',
|
|
171
172
|
}}
|
|
172
173
|
>
|
|
173
|
-
<Icon name="search" size={
|
|
174
|
+
<Icon name="search" size={20} />
|
|
174
175
|
</span>
|
|
175
176
|
{searchOpen && (
|
|
176
177
|
<input
|