@lotte-innovate/ui-component-test 0.1.23 → 0.1.24
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/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';
|