@lotte-innovate/ui-component-test 0.2.77 → 0.2.79
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/globals.css +2 -2
- package/dist/lib/components/Dialog/DialogCancel.js +1 -2
- package/dist/lib/components/Dialog/DialogCancel.mjs +1 -1
- package/dist/lib/components/Dialog/DialogTrigger.js +1 -1
- package/dist/lib/components/Dialog/DialogTrigger.mjs +1 -1
- package/dist/lib/components/Editor/index.d.ts +1 -0
- package/dist/lib/components/Editor/index.js +27 -105
- package/dist/lib/components/Editor/index.mjs +1 -1
- package/dist/lib/components/Gnb/GnbRoot.js +1 -1
- package/dist/lib/components/Gnb/GnbRoot.mjs +1 -1
- package/dist/lib/components/Grid/index.js +2 -1
- package/dist/lib/components/Grid/index.mjs +1 -1
- package/dist/lib/components/Modal/ModalAction.d.ts +2 -2
- package/dist/lib/components/Modal/ModalAction.js +2 -2
- package/dist/lib/components/Modal/ModalAction.mjs +1 -1
- package/dist/lib/components/Modal/ModalCancel.d.ts +2 -2
- package/dist/lib/components/Modal/ModalCancel.js +2 -2
- package/dist/lib/components/Modal/ModalCancel.mjs +1 -1
- package/dist/lib/components/Modal/ModalContent.d.ts +2 -2
- package/dist/lib/components/Modal/ModalContent.js +4 -4
- package/dist/lib/components/Modal/ModalContent.mjs +1 -1
- package/dist/lib/components/Modal/ModalDescription.js +1 -1
- package/dist/lib/components/Modal/ModalDescription.mjs +1 -1
- package/dist/lib/components/Modal/ModalFooter.js +1 -1
- package/dist/lib/components/Modal/ModalFooter.mjs +1 -1
- package/dist/lib/components/Modal/ModalFooter.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalRoot.d.ts +3 -6
- package/dist/lib/components/Modal/ModalRoot.js +5 -5
- package/dist/lib/components/Modal/ModalRoot.mjs +1 -1
- package/dist/lib/components/Modal/ModalTitle.js +4 -4
- package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
- package/dist/lib/components/Modal/ModalTrigger.d.ts +2 -2
- package/dist/lib/components/Modal/ModalTrigger.js +2 -2
- package/dist/lib/components/Modal/ModalTrigger.mjs +1 -1
- package/dist/lib/components/Modal/ModalTrigger.mjs.map +1 -1
- package/dist/lib/components/Modal/index.d.ts +5 -8
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/classPrefixes.js +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
@@ -22,13 +22,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
22
22
|
return t;
|
23
23
|
};
|
24
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
25
|
-
import { createContext } from 'react';
|
26
|
-
import
|
25
|
+
import { forwardRef, createContext } from 'react';
|
26
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
27
27
|
import { useTheme } from '../../../lib/theme';
|
28
28
|
export var ModalContext = createContext({
|
29
29
|
size: 'medium',
|
30
30
|
});
|
31
|
-
export var ModalRoot = function (_a) {
|
31
|
+
export var ModalRoot = forwardRef(function (_a, ref) {
|
32
32
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
|
33
33
|
var theme = useTheme().theme;
|
34
34
|
var contextValue = {
|
@@ -37,6 +37,6 @@ export var ModalRoot = function (_a) {
|
|
37
37
|
color: color !== null && color !== void 0 ? color : theme.themeColor,
|
38
38
|
size: size,
|
39
39
|
};
|
40
|
-
return (_jsx(
|
41
|
-
};
|
40
|
+
return (_jsx(ModalContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, children: _jsx(DialogPrimitive.Root, __assign({}, props, { children: children })) }) }));
|
41
|
+
});
|
42
42
|
ModalRoot.displayName = 'Modal.Root';
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as o}from"react";import*as t from"@radix-ui/react-dialog";import{useTheme as i}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},n.apply(this,arguments)},l=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},a=e({size:"medium"}),c=o((function(e,o){var c=e.children,s=e.radius,m=e.size,u=e.scaling,p=e.color,d=l(e,["children","radius","size","scaling","color"]),f=i().theme,h={radius:null!=s?s:f.themeRadius,scaling:null!=u?u:f.themeScaling,color:null!=p?p:f.themeColor,size:m};return r(a.Provider,{value:h,children:r("div",{ref:o,children:r(t.Root,n({},d,{children:c}))})})}));c.displayName="Modal.Root";export{a as ModalContext,c as ModalRoot};
|
3
3
|
//# sourceMappingURL=ModalRoot.mjs.map
|
@@ -23,13 +23,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
23
23
|
};
|
24
24
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
25
25
|
import { forwardRef, useContext } from 'react';
|
26
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
26
27
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
28
28
|
import IconButton from '../../../lib/components/IconButton';
|
29
29
|
import { Cross2Icon } from '@radix-ui/react-icons';
|
30
30
|
import { ModalContext } from './ModalRoot';
|
31
31
|
import { cn } from '../../../lib/utils/utils';
|
32
|
-
export var modalTitleVariants = cva('m-0', {
|
32
|
+
export var modalTitleVariants = cva('m-0 h-15', {
|
33
33
|
variants: {
|
34
34
|
size: {
|
35
35
|
small: 'text-sm',
|
@@ -42,7 +42,7 @@ export var modalTitleVariants = cva('m-0', {
|
|
42
42
|
size: 'medium',
|
43
43
|
},
|
44
44
|
});
|
45
|
-
export var modalCloseVariants = cva("inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent", {
|
45
|
+
export var modalCloseVariants = cva("p-0 hover:text-slate-12 dark:hover:text-slateDark-12 inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent", {
|
46
46
|
variants: {
|
47
47
|
size: {
|
48
48
|
small: 'w-[24px] h-[24px]',
|
@@ -58,6 +58,6 @@ export var modalCloseVariants = cva("inline-flex items-center justify-center bg-
|
|
58
58
|
export var ModalTitle = forwardRef(function (_a, ref) {
|
59
59
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
60
60
|
var size = useContext(ModalContext).size;
|
61
|
-
return (_jsxs("div", __assign({ ref: ref, className: "flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12" }, props, { children: [_jsx(
|
61
|
+
return (_jsxs("div", __assign({ ref: ref, className: "flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12" }, props, { children: [_jsx(DialogPrimitive.Title, { className: cn(modalTitleVariants({ size: size }), className), children: children }), _jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(IconButton, { "aria-label": "Close", className: cn(modalCloseVariants({ size: size })), size: size, children: _jsx(Cross2Icon, {}) }) })] })));
|
62
62
|
});
|
63
63
|
ModalTitle.displayName = 'Modal.Title';
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as a}from"react";import
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as a}from"react";import*as i from"@radix-ui/react-dialog";import{cva as n}from"class-variance-authority";import{IconButton as o}from"../IconButton/index.mjs";import{Cross2Icon as s}from"@radix-ui/react-icons";import{ModalContext as l}from"./ModalRoot.mjs";import{cn as m}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},p.apply(this,arguments)},c=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},d=n("m-0 h-15",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),x=n("p-0 hover:text-slate-12 dark:hover:text-slateDark-12 inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent",{variants:{size:{small:"w-[24px] h-[24px]",medium:"w-[32px] h-[32px]",large:"w-[32px] h-[32px]","x-large":"w-[40px] h-[40px]"}},defaultVariants:{size:"medium"}}),f=t((function(t,n){var f=t.children,u=t.className,b=c(t,["children","className"]),h=a(l).size;return e("div",p({ref:n,className:"flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},b,{children:[r(i.Title,{className:m(d({size:h}),u),children:f}),r(i.Close,{asChild:!0,children:r(o,{"aria-label":"Close",className:m(x({size:h})),size:h,children:r(s,{})})})]}))}));f.displayName="Modal.Title";export{f as ModalTitle,x as modalCloseVariants,d as modalTitleVariants};
|
3
3
|
//# sourceMappingURL=ModalTitle.mjs.map
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
3
|
-
export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
3
|
+
export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
22
22
|
};
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
24
24
|
import { forwardRef } from 'react';
|
25
|
-
import
|
25
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
26
26
|
export var ModalTrigger = forwardRef(function (_a, ref) {
|
27
27
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
28
|
-
return (_jsx(
|
28
|
+
return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className, asChild: true }, props, { children: children })));
|
29
29
|
});
|
30
30
|
ModalTrigger.displayName = 'Modal.Trigger';
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";var o=function(){return o=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},o.apply(this,arguments)},a=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},n=e((function(e,n){var i=e.children,l=e.className,c=a(e,["children","className"]);return r(t.Trigger,o({ref:n,className:l,asChild:!0},c,{children:i}))}));n.displayName="Modal.Trigger";export{n as ModalTrigger};
|
2
2
|
//# sourceMappingURL=ModalTrigger.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ModalTrigger.mjs","sources":["../../../lib/components/Modal/ModalTrigger.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport
|
1
|
+
{"version":3,"file":"ModalTrigger.mjs","sources":["../../../lib/components/Modal/ModalTrigger.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nexport var ModalTrigger = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className, asChild: true }, props, { children: children })));\n});\nModalTrigger.displayName = 'Modal.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalTrigger","forwardRef","_a","ref","children","className","props","_jsx","DialogPrimitive","Trigger","asChild","displayName"],"mappings":"oHAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAeC,GAAW,SAAUC,EAAIC,GAC/C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQX,EAAOO,EAAI,CAAC,WAAY,cACtF,OAAQK,EAAKC,EAAgBC,QAAS7B,EAAS,CAAEuB,IAAKA,EAAKE,UAAWA,EAAWK,SAAS,GAAQJ,EAAO,CAAEF,SAAUA,IACzH,IACAJ,EAAaW,YAAc"}
|
@@ -1,15 +1,12 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Modal: {
|
3
|
-
Root:
|
4
|
-
|
5
|
-
|
6
|
-
};
|
7
|
-
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
8
|
-
Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ModalContent").ModalContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
+
Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogProps & import("./ModalRoot").ModalRootProps & import("react").RefAttributes<never>>;
|
4
|
+
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
5
|
+
Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ModalContent").ModalContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
9
6
|
Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./ModalTitle").ModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
|
10
7
|
Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
11
8
|
Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
12
|
-
Cancel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/
|
13
|
-
Action: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/
|
9
|
+
Cancel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ModalCancel").ModalCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
|
10
|
+
Action: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ModalAction").ModalActionProps & import("react").RefAttributes<HTMLButtonElement>>;
|
14
11
|
};
|
15
12
|
export default Modal;
|