@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: React.ForwardRefExoticComponent<DialogTheme.RootProps & DialogProps & React.RefAttributes<never>>;
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 { forwardRef, createContext } from 'react';
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 = forwardRef(function (_a, ref) {
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: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("./DialogRoot").DialogProps & import("react").RefAttributes<never>>;
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>>;
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.26",
4
+ "version": "0.1.27",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "files": [