@kolkrabbi/kol-component 0.12.18 → 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.18",
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",
@@ -146,14 +146,15 @@ const ContentFilters = ({
146
146
  </h2>
147
147
  <Divider variant="vertical" className="self-stretch py-1" />
148
148
  <div className="flex items-center gap-1">
149
- <Button
150
- iconOnly="filter"
151
- iconSize={20}
152
- size="md"
153
- variant="ghost"
149
+ <button
150
+ type="button"
154
151
  onClick={() => setIsExpanded(!isExpanded)}
152
+ className="kol-btn kol-btn-md kol-btn-icon"
155
153
  aria-label="Toggle filters"
156
- />
154
+ style={{ background: 'transparent', border: 'none', cursor: 'pointer', color: 'inherit' }}
155
+ >
156
+ <Icon name="filter" size={20} />
157
+ </button>
157
158
  <div
158
159
  className="flex items-center justify-center rounded-sm cursor-pointer hover:bg-fg-04 transition-colors"
159
160
  style={{
@@ -170,7 +171,7 @@ const ContentFilters = ({
170
171
  }}
171
172
  >
172
173
  <span
173
- className="kol-btn kol-btn-ghost kol-btn-md kol-btn-icon flex items-center justify-center flex-shrink-0"
174
+ className="kol-btn kol-btn-md kol-btn-icon flex items-center justify-center flex-shrink-0"
174
175
  style={{
175
176
  opacity: searchOpen ? 0 : 1,
176
177
  transition: 'opacity 300ms cubic-bezier(0.16, 1, 0.3, 1)',