@lotte-innovate/ui-component-test 0.0.67 → 0.0.69
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.
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { IColor } from '../../../lib/types';
|
|
5
|
-
export interface AccordionProps extends VariantProps<typeof accoridanVariants> {
|
|
5
|
+
export interface AccordionProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof accoridanVariants> {
|
|
6
6
|
color?: IColor;
|
|
7
7
|
}
|
|
8
8
|
declare const accoridanVariants: (props?: ({
|
|
@@ -37,6 +37,7 @@ var accoridanVariants = cva('', {
|
|
|
37
37
|
});
|
|
38
38
|
export var Root = React.forwardRef(function (_a, forwardedRef) {
|
|
39
39
|
var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, ["className", "children", "scaling"]);
|
|
40
|
+
rootProps.type = 'multiple';
|
|
40
41
|
return (_jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className) }, rootProps, { ref: forwardedRef, children: children })));
|
|
41
42
|
});
|
|
42
43
|
Root.displayName = 'Accordion.Root';
|
|
@@ -47,7 +48,7 @@ export var Item = React.forwardRef(function (_a, forwardedRef) {
|
|
|
47
48
|
Item.displayName = 'Accordion.Item';
|
|
48
49
|
export var Trigger = React.forwardRef(function (_a, forwardedRef) {
|
|
49
50
|
var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, ["className", "children", "color"]);
|
|
50
|
-
return (_jsx(AccordionPrimitive.Header, { className:
|
|
51
|
+
return (_jsx(AccordionPrimitive.Header, __assign({}, rootProps, { className: cn('flex', className), children: _jsxs(AccordionPrimitive.Trigger, __assign({}, rootProps, { ref: forwardedRef, className: cn("group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal", "dark:bg-[#111113] text-".concat(color, "A-11 dark:text-").concat(color, "Dark-11 "), "hover:bg-".concat(color, "A-4 dark:hover:bg-").concat(color, "Dark-4 hover:text-").concat(color, "A-11 dark:hover:text-").concat(color, "DarkA-11"), "data-[state=open]:bg-".concat(color, "A-5 dark:data-[state=open]:bg-").concat(color, "DarkA-5"), "disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8", className), children: [children, _jsx(ChevronDownIcon, { className: "transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180", "aria-hidden": true })] })) })));
|
|
51
52
|
});
|
|
52
53
|
Trigger.displayName = 'Accordion.Trigger';
|
|
53
54
|
export var Content = React.forwardRef(function (_a, forwardedRef) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as a}from"../../../_virtual/jsx-runtime.mjs";import e from"react";import{Root as r,Item as t,Header as o,Trigger as s,Content as n}from"../../../node_modules/@radix-ui/react-accordion/dist/index.mjs";import{ChevronDownIcon as
|
|
1
|
+
import{j as a}from"../../../_virtual/jsx-runtime.mjs";import e from"react";import{Root as r,Item as t,Header as o,Trigger as s,Content as n}from"../../../node_modules/@radix-ui/react-accordion/dist/index.mjs";import{ChevronDownIcon as i}from"../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.mjs";import{cn as c}from"../../utils/utils.mjs";import{cva as l}from"class-variance-authority";import{scalingVariants as d}from"../../constants.mjs";var m=function(){return m=Object.assign||function(a){for(var e,r=1,t=arguments.length;r<t;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(a[o]=e[o]);return a},m.apply(this,arguments)},p=function(a,e){var r={};for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&e.indexOf(t)<0&&(r[t]=a[t]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(a);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(a,t[o])&&(r[t[o]]=a[t[o]])}return r},f=l("",{variants:{scaling:m({},d)},defaultVariants:{scaling:"100%"}}),x=e.forwardRef((function(e,t){var o=e.className,s=e.children,n=e.scaling,i=p(e,["className","children","scaling"]);return i.type="multiple",a.jsx(r,m({className:c("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",f({scaling:n}),o)},i,{ref:t,children:s}))}));x.displayName="Accordion.Root";var u=e.forwardRef((function(e,r){var o=e.className,s=e.children,n=p(e,["className","children"]);return a.jsx(t,m({},n,{ref:r,className:c("mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b",o),children:s}))}));u.displayName="Accordion.Item";var b=e.forwardRef((function(e,r){var t=e.className,n=e.children,l=e.color,d=void 0===l?"red":l,f=p(e,["className","children","color"]);return a.jsx(o,m({},f,{className:c("flex",t),children:a.jsxs(s,m({},f,{ref:r,className:c("group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal","dark:bg-[#111113] text-".concat(d,"A-11 dark:text-").concat(d,"Dark-11 "),"hover:bg-".concat(d,"A-4 dark:hover:bg-").concat(d,"Dark-4 hover:text-").concat(d,"A-11 dark:hover:text-").concat(d,"DarkA-11"),"data-[state=open]:bg-".concat(d,"A-5 dark:data-[state=open]:bg-").concat(d,"DarkA-5"),"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8",t),children:[n,a.jsx(i,{className:"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180","aria-hidden":!0})]}))}))}));b.displayName="Accordion.Trigger";var h=e.forwardRef((function(e,r){var t=e.className,o=e.children,s=p(e,["className","children"]);return a.jsx(n,m({},s,{ref:r,className:c("max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11",t),children:a.jsx("div",{className:"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal",children:o})}))}));h.displayName="Accordion.Content";var g={Root:x,Item:u,Trigger:b,Content:h};export{h as Content,u as Item,x as Root,b as Trigger,g as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Accordion/index.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, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nvar accoridanVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n return (_jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className) }, rootProps, { ref: forwardedRef, children: children })));\n});\nRoot.displayName = 'Accordion.Root';\nexport var Item = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n return (_jsx(AccordionPrimitive.Item, __assign({}, rootProps, { ref: forwardedRef, className: cn('mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b', className), children: children })));\n});\nItem.displayName = 'Accordion.Item';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n return (_jsx(AccordionPrimitive.Header, { className:
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Accordion/index.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, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nvar accoridanVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n rootProps.type = 'multiple';\n return (_jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className) }, rootProps, { ref: forwardedRef, children: children })));\n});\nRoot.displayName = 'Accordion.Root';\nexport var Item = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n return (_jsx(AccordionPrimitive.Item, __assign({}, rootProps, { ref: forwardedRef, className: cn('mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b', className), children: children })));\n});\nItem.displayName = 'Accordion.Item';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n return (_jsx(AccordionPrimitive.Header, __assign({}, rootProps, { className: cn('flex', className), children: _jsxs(AccordionPrimitive.Trigger, __assign({}, rootProps, { ref: forwardedRef, className: cn(\"group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal\", \"dark:bg-[#111113] text-\".concat(color, \"A-11 dark:text-\").concat(color, \"Dark-11 \"), \"hover:bg-\".concat(color, \"A-4 dark:hover:bg-\").concat(color, \"Dark-4 hover:text-\").concat(color, \"A-11 dark:hover:text-\").concat(color, \"DarkA-11\"), \"data-[state=open]:bg-\".concat(color, \"A-5 dark:data-[state=open]:bg-\").concat(color, \"DarkA-5\"), \"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8\", className), children: [children, _jsx(ChevronDownIcon, { className: \"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180\", \"aria-hidden\": true })] })) })));\n});\nTrigger.displayName = 'Accordion.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n return (_jsx(AccordionPrimitive.Content, __assign({}, rootProps, { ref: forwardedRef, className: cn('max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11', className), children: _jsx(\"div\", { className: \"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal\", children: children }) })));\n});\nContent.displayName = 'Accordion.Content';\nvar Accordion = {\n Root: Root,\n Item: Item,\n Trigger: Trigger,\n Content: Content,\n};\nexport default Accordion;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","accoridanVariants","cva","variants","scaling","scalingVariants","defaultVariants","Root","React","forwardRef","_a","forwardedRef","className","children","rootProps","type","_jsx","jsx","AccordionPrimitive.Root","cn","ref","displayName","Item","AccordionPrimitive.Item","Trigger","_b","color","AccordionPrimitive.Header","_jsxs","AccordionPrimitive.Trigger","concat","ChevronDownIcon","Content","AccordionPrimitive.Content","Accordion"],"mappings":"idAAA,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,EAQIiB,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUT,EAAUM,EAAGN,QAASU,EAAYlB,EAAOc,EAAI,CAAC,YAAa,WAAY,YAE7H,OADAI,EAAUC,KAAO,WACTC,EAAIC,IAACC,EAAyBrC,EAAS,CAAE+B,UAAWO,EAAG,uEAAwElB,EAAkB,CAAEG,QAASA,IAAYQ,IAAcE,EAAW,CAAEM,IAAKT,EAAcE,SAAUA,IAC5O,IACAN,EAAKc,YAAc,iBACT,IAACC,EAAOd,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAYlB,EAAOc,EAAI,CAAC,YAAa,aAC3F,OAAQM,EAAAA,IAAKO,EAAyB1C,EAAS,CAAA,EAAIiC,EAAW,CAAEM,IAAKT,EAAcC,UAAWO,EAAG,4EAA6EP,GAAYC,SAAUA,IACxM,IACAS,EAAKD,YAAc,iBACT,IAACG,EAAUhB,EAAMC,YAAW,SAAUC,EAAIC,GAChD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUY,EAAKf,EAAGgB,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIX,EAAYlB,EAAOc,EAAI,CAAC,YAAa,WAAY,UAC1J,OAAQM,EAAAA,IAAKW,EAA2B9C,EAAS,CAAA,EAAIiC,EAAW,CAAEF,UAAWO,EAAG,OAAQP,GAAYC,SAAUe,EAAAA,KAAMC,EAA4BhD,EAAS,CAAA,EAAIiC,EAAW,CAAEM,IAAKT,EAAcC,UAAWO,EAAG,sHAAuH,0BAA0BW,OAAOJ,EAAO,mBAAmBI,OAAOJ,EAAO,YAAa,YAAYI,OAAOJ,EAAO,sBAAsBI,OAAOJ,EAAO,sBAAsBI,OAAOJ,EAAO,yBAAyBI,OAAOJ,EAAO,YAAa,wBAAwBI,OAAOJ,EAAO,kCAAkCI,OAAOJ,EAAO,WAAY,4GAA6Gd,GAAYC,SAAU,CAACA,EAAUG,EAAIC,IAACc,EAAiB,CAAEnB,UAAW,6GAA8G,eAAe,UACl8B,IACAY,EAAQH,YAAc,oBACZ,IAACW,EAAUxB,EAAMC,YAAW,SAAUC,EAAIC,GAChD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAYlB,EAAOc,EAAI,CAAC,YAAa,aAC3F,OAAQM,MAAKiB,EAA4BpD,EAAS,GAAIiC,EAAW,CAAEM,IAAKT,EAAcC,UAAWO,EAAG,4PAA6PP,GAAYC,SAAUG,EAAAA,IAAK,MAAO,CAAEJ,UAAW,kFAAmFC,SAAUA,MACjf,IACAmB,EAAQX,YAAc,oBACnB,IAACa,EAAY,CACZ3B,KAAMA,EACNe,KAAMA,EACNE,QAASA,EACTQ,QAASA"}
|