@rafal.lemieszewski/tide-ui 0.7.0 → 0.7.2
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/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +13 -18
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -63199,8 +63199,13 @@ const RKe = be(
|
|
|
63199
63199
|
r === "sm" && "h-7 text-body-sm py-1",
|
|
63200
63200
|
r === "default" && "h-8",
|
|
63201
63201
|
r === "lg" && "h-12 py-3 text-body-lg group-data-[collapsible=icon]:!size-8",
|
|
63202
|
-
// Enhanced hover behavior - only
|
|
63203
|
-
|
|
63202
|
+
// Enhanced hover behavior - only show background on active items when hovered
|
|
63203
|
+
// Non-active items remain transparent on hover
|
|
63204
|
+
b && !x && t && [
|
|
63205
|
+
"bg-[var(--color-background-brand-selected-hovered)]",
|
|
63206
|
+
"text-[var(--color-text-brand-hovered)]",
|
|
63207
|
+
"[&>svg]:text-[var(--color-icon-brand-hover)]"
|
|
63208
|
+
],
|
|
63204
63209
|
// Focus styles - clean focus for non-active items
|
|
63205
63210
|
x && !t && "bg-transparent ring-2 ring-[var(--color-border-brand)] ring-offset-1",
|
|
63206
63211
|
// Active item focus - preserve brand background when focused
|
|
@@ -63217,16 +63222,10 @@ const RKe = be(
|
|
|
63217
63222
|
"font-medium",
|
|
63218
63223
|
"[&>svg]:text-[var(--color-text-brand)]"
|
|
63219
63224
|
],
|
|
63220
|
-
// Active item hover (when active but not focused)
|
|
63221
|
-
t && b && !x && [
|
|
63222
|
-
"bg-[var(--color-background-brand-selected-hovered)]",
|
|
63223
|
-
"text-[var(--color-text-brand-hovered)]",
|
|
63224
|
-
"[&>svg]:text-[var(--color-icon-brand-hover)]"
|
|
63225
|
-
],
|
|
63226
63225
|
// Open state (for collapsible items)
|
|
63227
63226
|
"data-[state=open]:bg-[var(--color-surface-secondary)]",
|
|
63228
63227
|
// Collapsed sidebar styles
|
|
63229
|
-
"group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2
|
|
63228
|
+
"group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2"
|
|
63230
63229
|
), [n, r, b, x, t, i]), z = /* @__PURE__ */ k(
|
|
63231
63230
|
v,
|
|
63232
63231
|
{
|
|
@@ -63399,10 +63398,11 @@ const HKe = y.forwardRef(({
|
|
|
63399
63398
|
// Size variants
|
|
63400
63399
|
t === "sm" && "text-body-sm px-1.5 py-0.5",
|
|
63401
63400
|
t === "md" && "text-body-md",
|
|
63402
|
-
// Enhanced hover behavior - only
|
|
63403
|
-
|
|
63404
|
-
|
|
63405
|
-
"
|
|
63401
|
+
// Enhanced hover behavior - only show background on active items when hovered
|
|
63402
|
+
// Non-active items remain transparent on hover
|
|
63403
|
+
r && f && !m && n && [
|
|
63404
|
+
"bg-[var(--color-background-brand-selected-hovered)]",
|
|
63405
|
+
"text-[var(--color-text-brand-hovered)]"
|
|
63406
63406
|
],
|
|
63407
63407
|
// Focus styles - clean focus for non-active items
|
|
63408
63408
|
r && m && !n && "bg-transparent ring-2 ring-[var(--color-border-brand)] ring-offset-1",
|
|
@@ -63418,11 +63418,6 @@ const HKe = y.forwardRef(({
|
|
|
63418
63418
|
"text-[var(--color-text-brand)]",
|
|
63419
63419
|
"font-medium"
|
|
63420
63420
|
],
|
|
63421
|
-
// Active item hover (when active but not focused)
|
|
63422
|
-
n && f && !m && [
|
|
63423
|
-
"bg-[var(--color-background-brand-selected-hovered)]",
|
|
63424
|
-
"text-[var(--color-text-brand-hovered)]"
|
|
63425
|
-
],
|
|
63426
63421
|
// Fallback for non-enhanced behavior
|
|
63427
63422
|
!r && [
|
|
63428
63423
|
"hover:bg-[var(--color-background-neutral-subtle-hovered)] hover:text-[var(--color-text-primary)] focus-visible:ring-2 active:bg-[var(--color-background-neutral-subtle-hovered)] active:text-[var(--color-text-primary)]",
|