@lotte-innovate/ui-component-test 0.1.23 → 0.1.25

package/dist/lib/components/BarChart/index.d.ts

@@ -74,8 +74,8 @@ export interface BarChartProps extends VariantProps<typeof barChartVariants> {
 declare const barChartVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const BarChart: {
+declare const BarChart: {
     ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, isColorMixed, ...props }: BarChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};
+export default BarChart;

package/dist/lib/components/BarChart/index.js

@@ -36,7 +36,7 @@ var barChartVariants = cva('', {
         scaling: '100%',
     },
 });
-export var BarChart = function (_a) {
+var BarChart = function (_a) {
     var className = _a.className, title = _a.title, datasets = _a.datasets, labels = _a.labels, scaling = _a.scaling, legend = _a.legend, width = _a.width, height = _a.height, indexAxis = _a.indexAxis, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "datasets", "labels", "scaling", "legend", "width", "height", "indexAxis", "appearance", "isColorMixed"]);
     datasets.forEach(function (dataset, index) {
         if (!dataset.backgroundColor) {
@@ -57,3 +57,4 @@ export var BarChart = function (_a) {
         }, className: cn(barChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
 BarChart.displayName = 'BarChart';
+export default BarChart;

package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -35,7 +35,7 @@ export var DropdownMenuCheckboxItem = forwardRef(function (_a, ref) {
     var itemClassName = cn(dropdownMenuItemVariants({
         radius: radius,
         size: size,
-    }), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
+    }), menuItemAppearanceStyle(appearance, color), className);
     return (_jsxs(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(DropdownMenuItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
 });
 DropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';

package/dist/lib/components/DropdownMenu/DropdownMenuItem.js

@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
 import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
 import { cn } from '../../../lib/utils/utils';
-export var dropdownMenuItemVariants = cva("flex group relative leading-none select-none outline-none items-center justify-between\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", {
+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", {
     variants: {
         radius: __assign({}, radiusVariants['menu-item']),
         scaling: __assign({}, scalingVariants),
@@ -49,9 +49,9 @@ export var DropdownMenuItem = forwardRef(function (_a, ref) {
         radius: radius,
         size: size,
     }), className);
-    var shortcutClassName = 'group-hover:text-slateA-11 dark:group-hover:text-white';
+    var shortcutClassName = 'ml-auto group-hover:text-slateA-11 dark:group-hover:text-white';
     if (appearance === 'solid' && !blackText.includes(color)) {
-        shortcutClassName = 'group-hover:text-white dark:group-hover:text-white';
+        shortcutClassName = 'ml-auto group-hover:text-white dark:group-hover:text-white';
     }
     return (_jsxs(DropdownMenuPrimitive.Item, __assign({ ref: ref }, props, { className: itemClassName, children: [children, shortcut && _jsx("span", { className: shortcutClassName, children: shortcut })] })));
 });

package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js

@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
 import { radiusVariants } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
 import { cn } from '../../../lib/utils/utils';
-export var dropdownMenuItemIndicatorVariants = cva("absolute left-0 inline-flex items-center justify-center ml-1 border", {
+export var dropdownMenuItemIndicatorVariants = cva("inline-flex items-center justify-center border", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
         size: {

package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js

@@ -35,7 +35,7 @@ export var DropdownMenuRadioItem = forwardRef(function (_a, ref) {
     var itemClassName = cn(dropdownMenuItemVariants({
         radius: radius,
         size: size,
-    }), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
+    }), menuItemAppearanceStyle(appearance, color), className);
     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] })));
 });
 DropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';

package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js

@@ -35,6 +35,6 @@ export var DropdownMenuSubTrigger = forwardRef(function (_a, ref) {
         ? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
         : "hover:fill-white dark:hover:fill-slateDark-12 ");
     var triggerClassName = cn(dropdownMenuItemVariants({ size: size, radius: radius }), menuItemAppearanceStyle(appearance, color), className);
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5 ", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })));
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })));
 });
 DropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';

package/dist/lib/components/LineChart/index.d.ts

@@ -80,8 +80,8 @@ export interface LineChartProps extends VariantProps<typeof lineChartVariants> {
 declare const lineChartVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const LineChart: {
+declare const LineChart: {
     ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, scales, isColorMixed, ...props }: LineChartProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};
+export default LineChart;

package/dist/lib/components/LineChart/index.js

@@ -36,7 +36,7 @@ var lineChartVariants = cva('', {
         scaling: '100%',
     },
 });
-export var LineChart = function (_a) {
+var LineChart = function (_a) {
     var className = _a.className, title = _a.title, datasets = _a.datasets, labels = _a.labels, scaling = _a.scaling, legend = _a.legend, width = _a.width, height = _a.height, indexAxis = _a.indexAxis, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, scales = _a.scales, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "datasets", "labels", "scaling", "legend", "width", "height", "indexAxis", "appearance", "scales", "isColorMixed"]);
     var colorset = isColorMixed ? chartColorList.mixed : chartColorList.sorting;
     var colorAlphaset = isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
@@ -56,3 +56,4 @@ export var LineChart = function (_a) {
         }, className: cn(lineChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
 LineChart.displayName = 'LineChart';
+export default LineChart;

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts

@@ -3,16 +3,13 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps } from 'class-variance-authority';
 import { toggleGroupItemVariants } from './ToggleGroupItem';
 import { IAppearance, IColor } from '../../../lib/types';
-export interface ToggleGroupProps<T> extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
-    type?: 'single' | 'multiple';
+export interface ToggleGroupProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
     appearance?: IAppearance;
     color?: IColor;
-    defaultValue?: T;
-    value?: T;
 }
 declare const toggleVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const ToggleGroupContext: React.Context<ToggleGroupProps<string>>;
-export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupProps<string> & ToggleGroupProps<string[]>) & React.RefAttributes<HTMLDivElement>>;
+export declare const ToggleGroupContext: React.Context<ToggleGroupProps>;
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupProps) & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js

@@ -42,6 +42,6 @@ export var ToggleGroupContext = createContext({
 export var ToggleGroupRoot = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, value = _a.value, type = _a.type, onValueChange = _a.onValueChange, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "defaultValue", "value", "type", "onValueChange", "scaling", "size", "color", "appearance"]);
     var contextValue = { size: size, color: color, appearance: appearance };
-    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: _jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children })) }));
+    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) }));
 });
 ToggleGroupRoot.displayName = 'ToggleGroup.Root';

package/dist/lib/components/ToggleGroup/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const ToggleGroup: {
-    Root: import("react").ForwardRefExoticComponent<(import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("./ToggleGroupRoot").ToggleGroupProps<string> & import("./ToggleGroupRoot").ToggleGroupProps<string[]>) & import("react").RefAttributes<HTMLDivElement>>;
+    Root: import("react").ForwardRefExoticComponent<(import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("./ToggleGroupRoot").ToggleGroupProps) & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToggleGroupItem").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export default ToggleGroup;

package/dist/lib/components/index.d.ts

@@ -41,7 +41,9 @@ export { default as Toggle } from './Toggle';
 export { default as ToggleGroup } from './ToggleGroup';
 export { default as ToggleSwitch } from './ToggleSwitch';
 export { default as Tooltip } from './Tooltip';
+export { default as BarChart } from './BarChart';
 export { default as BubbleChart } from './BubbleChart';
 export { default as RadarChart } from './RadarChart';
+export { default as LineChart } from './LineChart';
 export { default as PieChart } from './PieChart';
 export { default as DoughnutChart } from './DoughnutChart';

package/dist/lib/components/index.js

@@ -43,7 +43,9 @@ export { default as ToggleGroup } from './ToggleGroup';
 export { default as ToggleSwitch } from './ToggleSwitch';
 export { default as Tooltip } from './Tooltip';
 // Chart
+export { default as BarChart } from './BarChart';
 export { default as BubbleChart } from './BubbleChart';
 export { default as RadarChart } from './RadarChart';
+export { default as LineChart } from './LineChart';
 export { default as PieChart } from './PieChart';
 export { default as DoughnutChart } from './DoughnutChart';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "private": false,
   "type": "module",
   "files": [