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