@kolkrabbi/kol-component 0.12.16 → 0.12.17

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.16",
3
+ "version": "0.12.17",
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,7 +136,17 @@ const ContentFilters = ({
136
136
  <div className="w-full" style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>
137
137
  <div className="flex items-center justify-between mb-4">
138
138
  <div className="flex items-center gap-6">
139
- <h2 className="kol-helper-16 flex items-center gap-2">{titleIcon && <span className="kol-btn kol-btn-ghost kol-btn-md kol-btn-icon pointer-events-none"><Icon name={titleIcon} size={20} /></span>}{title}</h2>
139
+ <h2 className="flex items-center gap-1">
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
+ >
145
+ <Icon name={titleIcon} size={20} />
146
+ </span>
147
+ )}
148
+ <span className="kol-btn kol-btn-md kol-helper-16">{title}</span>
149
+ </h2>
140
150
  <Divider variant="vertical" className="self-stretch py-1" />
141
151
  <div className="flex items-center gap-1">
142
152
  <Button