@lotte-innovate/ui-component-test 0.1.27 → 0.1.28
Sign up to get free protection for your applications and to get access to all the features.
- 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 * 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';
|