@lotte-innovate/ui-component-test 0.1.26 → 0.1.28
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/Dialog/DialogRoot.d.ts +5 -2
- package/dist/lib/components/Dialog/DialogRoot.js +3 -3
- package/dist/lib/components/Dialog/index.d.ts +4 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +5 -2
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js +3 -3
- package/dist/lib/components/DropdownMenu/index.d.ts +4 -1
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +5 -2
- package/dist/lib/components/HoverCard/HoverCardRoot.js +3 -3
- package/dist/lib/components/HoverCard/index.d.ts +4 -1
- package/dist/lib/components/Popover/PopoverRoot.d.ts +5 -2
- package/dist/lib/components/Popover/PopoverRoot.js +3 -3
- package/dist/lib/components/Popover/index.d.ts +4 -1
- package/dist/lib/components/Tooltip/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { dialogContentVariants } from './DialogContent';
|
|
@@ -9,4 +9,7 @@ export interface DialogProps extends VariantProps<typeof dialogContentVariants>,
|
|
|
9
9
|
color?: any;
|
|
10
10
|
}
|
|
11
11
|
export declare const DialogContext: React.Context<DialogProps>;
|
|
12
|
-
export declare const DialogRoot:
|
|
12
|
+
export declare const DialogRoot: {
|
|
13
|
+
({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogTheme.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
@@ -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 {
|
|
24
|
+
import { createContext } from 'react';
|
|
25
25
|
import { Theme, Dialog as DialogTheme } from '@radix-ui/themes';
|
|
26
26
|
export var DialogContext = createContext({
|
|
27
27
|
size: 'medium',
|
|
@@ -29,9 +29,9 @@ export var DialogContext = createContext({
|
|
|
29
29
|
color: 'red',
|
|
30
30
|
radius: 'medium',
|
|
31
31
|
});
|
|
32
|
-
export var DialogRoot =
|
|
32
|
+
export var DialogRoot = function (_a) {
|
|
33
33
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
|
|
34
34
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
|
|
35
35
|
return (_jsx(Theme, { accentColor: color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
|
|
36
|
-
}
|
|
36
|
+
};
|
|
37
37
|
DialogRoot.displayName = 'Dialog.Root';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const Dialog: {
|
|
3
|
-
Root:
|
|
3
|
+
Root: {
|
|
4
|
+
({ children, radius, size, scaling, color, ...props }: import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("./DialogRoot").DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
4
7
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
8
|
Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DialogContent").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
9
|
Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("./DialogTitle").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
@@ -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:
|
|
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
|
+
};
|
|
@@ -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 {
|
|
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 =
|
|
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';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const DropdownMenu: {
|
|
3
|
-
Root:
|
|
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>>;
|
|
@@ -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:
|
|
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
|
+
};
|
|
@@ -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 {
|
|
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 =
|
|
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';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const HoverCard: {
|
|
3
|
-
Root:
|
|
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
|
};
|
|
@@ -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:
|
|
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
|
+
};
|
|
@@ -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 {
|
|
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 =
|
|
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';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const Popover: {
|
|
3
|
-
Root:
|
|
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>>;
|
|
@@ -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';
|