@wallarm-org/design-system 1.20.0 → 1.20.1
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.
|
@@ -11,7 +11,7 @@ const NavPanelBack = ({ ref, className, children, ...props })=>{
|
|
|
11
11
|
type: "button",
|
|
12
12
|
"data-slot": "nav-panel-back",
|
|
13
13
|
"data-testid": testId,
|
|
14
|
-
className: cn('overlay flex h-32 shrink-0 w-full cursor-pointer items-center gap-8 rounded-6 p-8 text-sm text-text-primary opacity-
|
|
14
|
+
className: cn('overlay flex h-32 shrink-0 w-full cursor-pointer items-center gap-8 rounded-6 p-8 text-sm text-text-primary opacity-85 transition-colors outline-none hover:opacity-100 hover:overlay-states-primary-hover focus-visible:opacity-100 focus-visible:overlay-states-primary-hover active:overlay-states-primary-pressed', className),
|
|
15
15
|
children: [
|
|
16
16
|
/*#__PURE__*/ jsx(CornerUpLeft, {
|
|
17
17
|
size: "md"
|
|
@@ -22,7 +22,7 @@ const NavPanelGroupLabel = ({ ref, icon: Icon, className, children, ...props })=
|
|
|
22
22
|
style: {
|
|
23
23
|
paddingLeft: 8 + depth * indent
|
|
24
24
|
},
|
|
25
|
-
className: cn('overlay flex h-32 shrink-0 w-full cursor-pointer items-center gap-8 rounded-6 py-8 pr-8 text-sm text-text-primary opacity-
|
|
25
|
+
className: cn('overlay flex h-32 shrink-0 w-full cursor-pointer items-center gap-8 rounded-6 py-8 pr-8 text-sm text-text-primary opacity-85 transition-colors outline-none hover:opacity-100 hover:overlay-states-primary-hover focus-visible:opacity-100 focus-visible:overlay-states-primary-hover active:overlay-states-primary-pressed', className),
|
|
26
26
|
children: [
|
|
27
27
|
Icon && /*#__PURE__*/ jsx("span", {
|
|
28
28
|
className: "flex shrink-0 items-center justify-center",
|
|
@@ -3,7 +3,7 @@ const navPanelItemVariants = cva('overlay flex h-32 shrink-0 w-full cursor-point
|
|
|
3
3
|
variants: {
|
|
4
4
|
active: {
|
|
5
5
|
true: 'overlay-states-primary-active font-semibold',
|
|
6
|
-
false: 'opacity-
|
|
6
|
+
false: 'opacity-85 hover:opacity-100 hover:overlay-states-primary-hover focus-visible:opacity-100 focus-visible:overlay-states-primary-hover active:overlay-states-primary-pressed'
|
|
7
7
|
}
|
|
8
8
|
},
|
|
9
9
|
defaultVariants: {
|
|
@@ -14,7 +14,7 @@ const navPanelGroupItemVariants = cva('overlay flex h-32 shrink-0 w-full cursor-
|
|
|
14
14
|
variants: {
|
|
15
15
|
active: {
|
|
16
16
|
true: 'overlay-states-primary-active font-semibold',
|
|
17
|
-
false: 'opacity-
|
|
17
|
+
false: 'opacity-85 hover:opacity-100 hover:overlay-states-primary-hover focus-visible:opacity-100 focus-visible:overlay-states-primary-hover active:overlay-states-primary-pressed'
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
defaultVariants: {
|
|
@@ -10,11 +10,11 @@ const navRailVariants = cva('flex h-full shrink-0 flex-col overflow-hidden px-8
|
|
|
10
10
|
collapsed: false
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
-
const navRailItemVariants = cva('overlay flex h-32 w-full cursor-pointer items-center rounded-6 p-8 text-sm transition-colors outline-none data-[state=open]:overlay-states-primary-active data-[state=open]:
|
|
13
|
+
const navRailItemVariants = cva('overlay flex h-32 w-full cursor-pointer items-center rounded-6 p-8 text-sm text-text-primary transition-colors outline-none data-[state=open]:overlay-states-primary-active data-[state=open]:opacity-100', {
|
|
14
14
|
variants: {
|
|
15
15
|
active: {
|
|
16
|
-
true: 'overlay-states-primary-active
|
|
17
|
-
false: '
|
|
16
|
+
true: 'overlay-states-primary-active',
|
|
17
|
+
false: 'opacity-85 hover:opacity-100 hover:overlay-states-primary-hover focus-visible:opacity-100 focus-visible:overlay-states-primary-hover active:overlay-states-primary-pressed'
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
defaultVariants: {
|