@lotte-innovate/ui-component-test 0.0.66 → 0.0.68
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -2,9 +2,9 @@ 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> {
|
|
6
|
-
color?: IColor;
|
|
5
|
+
export interface AccordionProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof accoridanVariants> {
|
|
7
6
|
defaultValue?: string[];
|
|
7
|
+
color?: IColor;
|
|
8
8
|
}
|
|
9
9
|
declare const accoridanVariants: (props?: ({
|
|
10
10
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
|
@@ -37,6 +37,9 @@ 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
|
+
if (rootProps.type == 'multiple' && typeof rootProps.defaultValue == 'string') {
|
|
41
|
+
rootProps.defaultValue = [rootProps.defaultValue];
|
|
42
|
+
}
|
|
40
43
|
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
44
|
});
|
|
42
45
|
Root.displayName = 'Accordion.Root';
|
|
@@ -47,7 +50,7 @@ export var Item = React.forwardRef(function (_a, forwardedRef) {
|
|
|
47
50
|
Item.displayName = 'Accordion.Item';
|
|
48
51
|
export var Trigger = React.forwardRef(function (_a, forwardedRef) {
|
|
49
52
|
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:
|
|
53
|
+
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
54
|
});
|
|
52
55
|
Trigger.displayName = 'Accordion.Trigger';
|
|
53
56
|
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 l}from"../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.mjs";import{cn as i}from"../../utils/utils.mjs";import{cva as d}from"class-variance-authority";import{scalingVariants as c}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=d("",{variants:{scaling:m({},c)},defaultVariants:{scaling:"100%"}}),u=e.forwardRef((function(e,t){var o=e.className,s=e.children,n=e.scaling,l=p(e,["className","children","scaling"]);return"multiple"==l.type&&"string"==typeof l.defaultValue&&(l.defaultValue=[l.defaultValue]),a.jsx(r,m({className:i("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",f({scaling:n}),o)},l,{ref:t,children:s}))}));u.displayName="Accordion.Root";var x=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:i("mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b",o),children:s}))}));x.displayName="Accordion.Item";var b=e.forwardRef((function(e,r){var t=e.className,n=e.children,d=e.color,c=void 0===d?"red":d,f=p(e,["className","children","color"]);return a.jsx(o,m({},f,{className:i("flex",t),children:a.jsxs(s,m({},f,{ref:r,className:i("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(c,"A-11 dark:text-").concat(c,"Dark-11 "),"hover:bg-".concat(c,"A-4 dark:hover:bg-").concat(c,"Dark-4 hover:text-").concat(c,"A-11 dark:hover:text-").concat(c,"DarkA-11"),"data-[state=open]:bg-".concat(c,"A-5 dark:data-[state=open]:bg-").concat(c,"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(l,{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:i("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:u,Item:x,Trigger:b,Content:h};export{h as Content,x as Item,u 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 if (rootProps.type == 'multiple' && typeof rootProps.defaultValue == 'string') {\n rootProps.defaultValue = [rootProps.defaultValue];\n }\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","defaultValue","_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":"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"}
|