@kolkrabbi/kol-component 0.12.14 → 0.12.16
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.16",
|
|
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,7 @@ 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-
|
|
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>
|
|
140
140
|
<Divider variant="vertical" className="self-stretch py-1" />
|
|
141
141
|
<div className="flex items-center gap-1">
|
|
142
142
|
<Button
|
|
@@ -152,8 +152,8 @@ const ContentFilters = ({
|
|
|
152
152
|
style={{
|
|
153
153
|
height: 32,
|
|
154
154
|
width: searchOpen ? 200 : 32,
|
|
155
|
-
background: searchOpen ? 'var(--kol-
|
|
156
|
-
border:
|
|
155
|
+
background: searchOpen ? 'var(--kol-surface-secondary)' : 'transparent',
|
|
156
|
+
border: 'none',
|
|
157
157
|
transition: 'width 600ms cubic-bezier(0.16, 1, 0.3, 1), background 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
158
158
|
overflow: 'hidden',
|
|
159
159
|
}}
|