@rafal.lemieszewski/tide-ui 0.5.2 → 0.5.4
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 +248 -248
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -63106,12 +63106,12 @@ const AKe = y.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ k(
|
|
|
63106
63106
|
));
|
|
63107
63107
|
AKe.displayName = "SidebarMenuItem";
|
|
63108
63108
|
const PKe = ke(
|
|
63109
|
-
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-
|
|
63109
|
+
"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out hover:bg-[var(--color-background-neutral-subtle)] hover:transition-all hover:duration-150 hover:ease-in-out focus-visible:ring-2 active:bg-[var(--color-background-neutral-subtle)] disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--color-background-brand-selected)] data-[active=true]:font-medium data-[active=true]:text-[var(--color-text-selected)] data-[active=true]:hover:bg-[var(--color-background-brand-selected-hovered)] data-[active=true]:hover:text-[var(--color-text-brand-hovered)] data-[active=true]:active:bg-[var(--color-background-brand-selected-hovered)] data-[active=true]:active:text-[var(--color-text-brand-hovered)] data-[state=open]:bg-[var(--color-surface-secondary)] data-[state=open]:hover:bg-[var(--color-background-neutral-subtle)] group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-[var(--color-text-selected)] data-[active=true]:hover:[&>svg]:text-[var(--color-icon-brand-hover)] data-[active=true]:active:[&>svg]:text-[var(--color-icon-brand-hover)] [&.peer\\/menu-button:hover]:bg-[var(--color-background-neutral-subtle)] [&.peer\\/menu-button:not([disabled]):not([aria-disabled]):hover]:bg-[var(--color-background-neutral-subtle)]",
|
|
63110
63110
|
{
|
|
63111
63111
|
variants: {
|
|
63112
63112
|
variant: {
|
|
63113
|
-
default: "hover:bg-[var(--color-background-neutral-subtle)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtle)]",
|
|
63114
|
-
outline: "bg-[var(--color-surface-primary)] border border-[var(--color-border-primary-subtle)] hover:bg-[var(--color-background-neutral-subtle)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtle)]"
|
|
63113
|
+
default: "hover:bg-[var(--color-background-neutral-subtle)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtle)] [&:not([disabled]):not([aria-disabled]):hover]:bg-[var(--color-background-neutral-subtle)] [&:hover:not([data-active='true'])]:bg-[var(--color-background-neutral-subtle)] [&:hover:not([disabled]):not([aria-disabled])]:text-[var(--color-text-primary)] [&[data-active='true']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[data-active='true']:hover]:text-[var(--color-text-brand-hovered)] [&[data-state='active']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[data-state='active']:hover]:text-[var(--color-text-brand-hovered)] [&[aria-current='page']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[aria-current='page']:hover]:text-[var(--color-text-brand-hovered)]",
|
|
63114
|
+
outline: "bg-[var(--color-surface-primary)] border border-[var(--color-border-primary-subtle)] hover:bg-[var(--color-background-neutral-subtle)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtle)] [&:not([disabled]):not([aria-disabled]):hover]:bg-[var(--color-background-neutral-subtle)] [&:hover:not([data-active='true'])]:bg-[var(--color-background-neutral-subtle)] [&:hover:not([disabled]):not([aria-disabled])]:text-[var(--color-text-primary)] [&[data-active='true']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[data-active='true']:hover]:text-[var(--color-text-brand-hovered)] [&[data-state='active']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[data-state='active']:hover]:text-[var(--color-text-brand-hovered)] [&[aria-current='page']:hover]:bg-[var(--color-background-brand-selected-hovered)] [&[aria-current='page']:hover]:text-[var(--color-text-brand-hovered)]"
|
|
63115
63115
|
},
|
|
63116
63116
|
size: {
|
|
63117
63117
|
default: "h-8",
|