@kolkrabbi/kol-component 0.12.11 → 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.11",
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,19 +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="h-5" />
139
+ <Divider variant="vertical" className="self-stretch py-1" />
140
140
  <div className="flex items-center gap-1">
141
141
  <button
142
142
  type="button"
143
143
  onClick={() => setIsExpanded(!isExpanded)}
144
- className="p-2 hover:bg-fg-04 rounded-sm transition-colors leading-none"
144
+ className="w-7 h-7 flex items-center justify-center rounded-sm hover:bg-fg-04 transition-colors"
145
145
  aria-label="Toggle filters"
146
146
  style={{ background: 'transparent', border: 'none', cursor: 'pointer', color: 'inherit' }}
147
147
  >
148
148
  <Icon name="filter" size={20} />
149
149
  </button>
150
150
  <div
151
- className="flex items-center rounded-full cursor-pointer"
151
+ className="flex items-center justify-center rounded-sm cursor-pointer hover:bg-fg-04 transition-colors"
152
152
  style={{
153
153
  height: 28,
154
154
  width: searchOpen ? 200 : 28,