@lotte-innovate/ui-component-test 0.1.27 → 0.1.29

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.
Files changed (13) hide show
  1. package/README.md +5 -2
  2. package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +5 -2
  3. package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js +3 -3
  4. package/dist/lib/components/DropdownMenu/index.d.ts +4 -1
  5. package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +5 -2
  6. package/dist/lib/components/HoverCard/HoverCardRoot.js +3 -3
  7. package/dist/lib/components/HoverCard/index.d.ts +4 -1
  8. package/dist/lib/components/Popover/PopoverRoot.d.ts +5 -2
  9. package/dist/lib/components/Popover/PopoverRoot.js +3 -3
  10. package/dist/lib/components/Popover/index.d.ts +4 -1
  11. package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js +3 -2
  12. package/dist/lib/components/Tooltip/index.js +1 -1
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # LOTTE UI COMPONENT LIBRARY
2
2
 
3
+ <div style="padding: 20px;">
4
+ <img src="./Welcome.png" style="width: auto; height: auto;" alt="컴포넌트 이미지입니다."/>
5
+ </div>
6
+
3
7
  ---
4
8
 
5
9
  <br />
@@ -67,7 +71,7 @@ export default App;
67
71
  ```javascript
68
72
  import React from 'react';
69
73
  import { IconButton } from '@lotte-innovate/ui-component-test';
70
- import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
74
+ import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
71
75
 
72
76
  const App = () => {
73
77
  return (
@@ -82,7 +86,6 @@ const App = () => {
82
86
  export default App;
83
87
  ```
84
88
 
85
-
86
89
  ## Components
87
90
 
88
91
  주요 컴포넌트는 이런 이런 종류가 있습니다. (추가 설명 작성 예정)
package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
2
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
  import { dropdownMenuContentVariants } from './DropdownMenuContent';
@@ -9,4 +9,7 @@ export interface DropdownMenuProps extends VariantProps<typeof dropdownMenuConte
9
9
  appearance?: 'solid' | 'soft';
10
10
  }
11
11
  export declare const DropdownMenuContext: React.Context<DropdownMenuProps>;
12
- export declare const DropdownMenuRoot: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuProps & DropdownMenuProps & React.RefAttributes<never>>;
12
+ export declare const DropdownMenuRoot: {
13
+ ({ children, radius, size, scaling, color, appearance, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js CHANGED
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef, createContext } from 'react';
24
+ import { createContext } from 'react';
25
25
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
26
26
  export var DropdownMenuContext = createContext({
27
27
  radius: 'medium',
@@ -30,9 +30,9 @@ export var DropdownMenuContext = createContext({
30
30
  color: 'red',
31
31
  appearance: 'solid',
32
32
  });
33
- export var DropdownMenuRoot = forwardRef(function (_a, ref) {
33
+ export var DropdownMenuRoot = function (_a) {
34
34
  var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
35
35
  var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
36
36
  return (_jsx(DropdownMenuContext.Provider, { value: contextValue, children: _jsx(DropdownMenuPrimitive.Root, __assign({}, props, { children: children })) }));
37
- });
37
+ };
38
38
  DropdownMenuRoot.displayName = 'DropdownMenu.Root';
package/dist/lib/components/DropdownMenu/index.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  declare const DropdownMenu: {
3
- Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("./DropdownMenuRoot").DropdownMenuProps & import("react").RefAttributes<never>>;
3
+ Root: {
4
+ ({ children, radius, size, scaling, color, appearance, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("./DropdownMenuRoot").DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ };
4
7
  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./DropdownMenuTrigger").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
8
  Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DropdownMenuContent").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
9
  Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DropdownMenuLable").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/lib/components/HoverCard/HoverCardRoot.d.ts CHANGED
@@ -1,8 +1,11 @@
1
- import React from 'react';
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
2
  import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
3
3
  import { hoverCardContentVariants } from './HoverCardContent';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  export interface HoverCardProps extends VariantProps<typeof hoverCardContentVariants> {
6
6
  }
7
7
  export declare const HoverCardContext: React.Context<HoverCardProps>;
8
- export declare const HoverCardRoot: React.ForwardRefExoticComponent<HoverCardTheme.RootProps & HoverCardProps & React.RefAttributes<never>>;
8
+ export declare const HoverCardRoot: {
9
+ ({ children, radius, size, scaling, weight, color, ...props }: ComponentPropsWithoutRef<typeof HoverCardTheme.Root> & HoverCardProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
package/dist/lib/components/HoverCard/HoverCardRoot.js CHANGED
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef, createContext } from 'react';
24
+ import { createContext } from 'react';
25
25
  import { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';
26
26
  export var HoverCardContext = createContext({
27
27
  radius: 'medium',
@@ -30,9 +30,9 @@ export var HoverCardContext = createContext({
30
30
  weight: 'medium',
31
31
  color: 'red',
32
32
  });
33
- export var HoverCardRoot = forwardRef(function (_a, ref) {
33
+ export var HoverCardRoot = function (_a) {
34
34
  var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "weight", "color"]);
35
35
  var contextValue = { radius: radius, size: size, scaling: scaling, weight: weight, color: color };
36
36
  return (_jsx(Theme, { children: _jsx(HoverCardContext.Provider, { value: contextValue, children: _jsx(HoverCardTheme.Root, __assign({}, props, { children: children })) }) }));
37
- });
37
+ };
38
38
  HoverCardRoot.displayName = 'HoverCard.Root';
package/dist/lib/components/HoverCard/index.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  declare const HoverCard: {
3
- Root: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps & import("react").RefAttributes<never>>;
3
+ Root: {
4
+ ({ children, radius, size, scaling, weight, color, ...props }: import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ };
4
7
  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").TriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
5
8
  Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./HoverCardContent").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
9
  };
package/dist/lib/components/Popover/PopoverRoot.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { ComponentPropsWithoutRef } from 'react';
2
2
  import { Popover as PopoverTheme } from '@radix-ui/themes';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
  import { popoverContentVariants } from './PopoverContent';
@@ -6,4 +6,7 @@ import { popoverCloseVariants } from './PopoverClose';
6
6
  export interface PopoverProps extends VariantProps<typeof popoverContentVariants>, VariantProps<typeof popoverCloseVariants> {
7
7
  }
8
8
  export declare const PopoverContext: React.Context<PopoverProps>;
9
- export declare const PopoverRoot: React.ForwardRefExoticComponent<PopoverTheme.RootProps & PopoverProps & React.RefAttributes<never>>;
9
+ export declare const PopoverRoot: {
10
+ ({ children, radius, size, scaling, ...props }: ComponentPropsWithoutRef<typeof PopoverTheme.Root> & PopoverProps): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
package/dist/lib/components/Popover/PopoverRoot.js CHANGED
@@ -21,16 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef, createContext } from 'react';
24
+ import { createContext } from 'react';
25
25
  import { Theme, Popover as PopoverTheme } from '@radix-ui/themes';
26
26
  export var PopoverContext = createContext({
27
27
  radius: 'medium',
28
28
  size: 'medium',
29
29
  scaling: '100%',
30
30
  });
31
- export var PopoverRoot = forwardRef(function (_a, ref) {
31
+ export var PopoverRoot = function (_a) {
32
32
  var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "radius", "size", "scaling"]);
33
33
  var contextValue = { radius: radius, size: size, scaling: scaling };
34
34
  return (_jsx(Theme, { children: _jsx(PopoverContext.Provider, { value: contextValue, children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }) }));
35
- });
35
+ };
36
36
  PopoverRoot.displayName = 'Popover.Root';
package/dist/lib/components/Popover/index.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  declare const Popover: {
3
- Root: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps & import("react").RefAttributes<never>>;
3
+ Root: {
4
+ ({ children, radius, size, scaling, ...props }: import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ };
4
7
  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
5
8
  Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./PopoverContent").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
9
  Close: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").CloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./PopoverClose").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js CHANGED
@@ -40,8 +40,9 @@ export var ToggleGroupContext = createContext({
40
40
  appearance: 'surface',
41
41
  });
42
42
  export var ToggleGroupRoot = forwardRef(function (_a, ref) {
43
- 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"]);
43
+ var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
44
+ var type = __assign({}, props).type;
44
45
  var contextValue = { size: size, color: color, appearance: appearance };
45
- 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 }))) }));
46
+ return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) }));
46
47
  });
47
48
  ToggleGroupRoot.displayName = 'ToggleGroup.Root';
package/dist/lib/components/Tooltip/index.js CHANGED
@@ -35,7 +35,7 @@ var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:te
35
35
  color: primaryColorStyle(),
36
36
  },
37
37
  });
38
- var Tooltip = React.forwardRef(function (_a) {
38
+ var Tooltip = React.forwardRef(function (_a, ref) {
39
39
  var content = _a.content, scaling = _a.scaling, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "scaling", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
40
40
  if (!side)
41
41
  side = 'top';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lotte-innovate/ui-component-test",
3
3
  "description": "Lotte UI Library",
4
- "version": "0.1.27",
4
+ "version": "0.1.29",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "files": [