@kolkrabbi/kol-component 0.12.17 → 0.12.19
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.19",
|
|
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",
|
|
@@ -138,10 +138,7 @@ const ContentFilters = ({
|
|
|
138
138
|
<div className="flex items-center gap-6">
|
|
139
139
|
<h2 className="flex items-center gap-1">
|
|
140
140
|
{titleIcon && (
|
|
141
|
-
<span
|
|
142
|
-
className="kol-btn kol-btn-md kol-btn-icon"
|
|
143
|
-
style={{ background: 'var(--kol-surface-inverse)', color: 'var(--kol-surface-on-inverse)' }}
|
|
144
|
-
>
|
|
141
|
+
<span className="kol-btn kol-btn-secondary kol-btn-md kol-btn-icon">
|
|
145
142
|
<Icon name={titleIcon} size={20} />
|
|
146
143
|
</span>
|
|
147
144
|
)}
|
|
@@ -149,14 +146,15 @@ const ContentFilters = ({
|
|
|
149
146
|
</h2>
|
|
150
147
|
<Divider variant="vertical" className="self-stretch py-1" />
|
|
151
148
|
<div className="flex items-center gap-1">
|
|
152
|
-
<
|
|
153
|
-
|
|
154
|
-
iconSize={20}
|
|
155
|
-
size="md"
|
|
156
|
-
variant="ghost"
|
|
149
|
+
<button
|
|
150
|
+
type="button"
|
|
157
151
|
onClick={() => setIsExpanded(!isExpanded)}
|
|
152
|
+
className="kol-btn kol-btn-md kol-btn-icon"
|
|
158
153
|
aria-label="Toggle filters"
|
|
159
|
-
|
|
154
|
+
style={{ background: 'transparent', border: 'none', cursor: 'pointer', color: 'inherit' }}
|
|
155
|
+
>
|
|
156
|
+
<Icon name="filter" size={20} />
|
|
157
|
+
</button>
|
|
160
158
|
<div
|
|
161
159
|
className="flex items-center justify-center rounded-sm cursor-pointer hover:bg-fg-04 transition-colors"
|
|
162
160
|
style={{
|
|
@@ -173,7 +171,7 @@ const ContentFilters = ({
|
|
|
173
171
|
}}
|
|
174
172
|
>
|
|
175
173
|
<span
|
|
176
|
-
className="kol-btn kol-btn-
|
|
174
|
+
className="kol-btn kol-btn-md kol-btn-icon flex items-center justify-center flex-shrink-0"
|
|
177
175
|
style={{
|
|
178
176
|
opacity: searchOpen ? 0 : 1,
|
|
179
177
|
transition: 'opacity 300ms cubic-bezier(0.16, 1, 0.3, 1)',
|