@lotte-innovate/ui-component-test 0.1.22 → 0.1.24
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.js +3 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js +1 -1
- package/package.json +1 -1
|
@@ -35,7 +35,7 @@ export var DropdownMenuCheckboxItem = forwardRef(function (_a, ref) {
|
|
|
35
35
|
var itemClassName = cn(dropdownMenuItemVariants({
|
|
36
36
|
radius: radius,
|
|
37
37
|
size: size,
|
|
38
|
-
}),
|
|
38
|
+
}), menuItemAppearanceStyle(appearance, color), className);
|
|
39
39
|
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(DropdownMenuItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
|
|
40
40
|
});
|
|
41
41
|
DropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';
|
|
@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
|
|
|
27
27
|
import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from '../../../lib/constants';
|
|
28
28
|
import { DropdownMenuContext } from './DropdownMenuRoot';
|
|
29
29
|
import { cn } from '../../../lib/utils/utils';
|
|
30
|
-
export var dropdownMenuItemVariants = cva("flex group relative leading-none select-none outline-none items-center
|
|
30
|
+
export var dropdownMenuItemVariants = cva("flex gap-2 group relative leading-none select-none outline-none items-center\n data-[disabled]:text-slate-8 dark:data-[disabled]:text-slateDark-8 hover:data-[disabled]:bg-transparent dark:hover:data-[disabled]:bg-transparent text-slate-12 dark:text-slateDark-12", {
|
|
31
31
|
variants: {
|
|
32
32
|
radius: __assign({}, radiusVariants['menu-item']),
|
|
33
33
|
scaling: __assign({}, scalingVariants),
|
|
@@ -49,9 +49,9 @@ export var DropdownMenuItem = forwardRef(function (_a, ref) {
|
|
|
49
49
|
radius: radius,
|
|
50
50
|
size: size,
|
|
51
51
|
}), className);
|
|
52
|
-
var shortcutClassName = 'group-hover:text-slateA-11 dark:group-hover:text-white';
|
|
52
|
+
var shortcutClassName = 'ml-auto group-hover:text-slateA-11 dark:group-hover:text-white';
|
|
53
53
|
if (appearance === 'solid' && !blackText.includes(color)) {
|
|
54
|
-
shortcutClassName = 'group-hover:text-white dark:group-hover:text-white';
|
|
54
|
+
shortcutClassName = 'ml-auto group-hover:text-white dark:group-hover:text-white';
|
|
55
55
|
}
|
|
56
56
|
return (_jsxs(DropdownMenuPrimitive.Item, __assign({ ref: ref }, props, { className: itemClassName, children: [children, shortcut && _jsx("span", { className: shortcutClassName, children: shortcut })] })));
|
|
57
57
|
});
|
|
@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
|
|
|
27
27
|
import { radiusVariants } from '../../../lib/constants';
|
|
28
28
|
import { DropdownMenuContext } from './DropdownMenuRoot';
|
|
29
29
|
import { cn } from '../../../lib/utils/utils';
|
|
30
|
-
export var dropdownMenuItemIndicatorVariants = cva("
|
|
30
|
+
export var dropdownMenuItemIndicatorVariants = cva("inline-flex items-center justify-center border", {
|
|
31
31
|
variants: {
|
|
32
32
|
radius: __assign({}, radiusVariants['base']),
|
|
33
33
|
size: {
|
|
@@ -35,7 +35,7 @@ export var DropdownMenuRadioItem = forwardRef(function (_a, ref) {
|
|
|
35
35
|
var itemClassName = cn(dropdownMenuItemVariants({
|
|
36
36
|
radius: radius,
|
|
37
37
|
size: size,
|
|
38
|
-
}),
|
|
38
|
+
}), menuItemAppearanceStyle(appearance, color), className);
|
|
39
39
|
return (_jsxs(DropdownMenuPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(DropdownMenuItemIndicator, { forceMount: true, radius: 'full', size: size, children: selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));
|
|
40
40
|
});
|
|
41
41
|
DropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';
|
|
@@ -35,6 +35,6 @@ export var DropdownMenuSubTrigger = forwardRef(function (_a, ref) {
|
|
|
35
35
|
? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
|
|
36
36
|
: "hover:fill-white dark:hover:fill-slateDark-12 ");
|
|
37
37
|
var triggerClassName = cn(dropdownMenuItemVariants({ size: size, radius: radius }), menuItemAppearanceStyle(appearance, color), className);
|
|
38
|
-
return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5
|
|
38
|
+
return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })));
|
|
39
39
|
});
|
|
40
40
|
DropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';
|