@lotte-innovate/ui-component-test 0.0.65 → 0.0.66
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -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
|
|
5
|
+
export interface AccordionProps extends VariantProps<typeof accoridanVariants> {
|
|
6
6
|
color?: IColor;
|
|
7
7
|
defaultValue?: string[];
|
|
8
8
|
}
|
|
@@ -47,7 +47,7 @@ export var Item = React.forwardRef(function (_a, forwardedRef) {
|
|
|
47
47
|
Item.displayName = 'Accordion.Item';
|
|
48
48
|
export var Trigger = React.forwardRef(function (_a, forwardedRef) {
|
|
49
49
|
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,
|
|
50
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ ref: forwardedRef }, rootProps, { 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
51
|
});
|
|
52
52
|
Trigger.displayName = 'Accordion.Trigger';
|
|
53
53
|
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 c}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 l}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({},l)},defaultVariants:{scaling:"100%"}}),x=e.forwardRef((function(e,t){var o=e.className,s=e.children,n=e.scaling,c=p(e,["className","children","scaling"]);return a.jsx(r,m({className:i("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",f({scaling:n}),o)},c,{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:i("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,d=e.color,l=void 0===d?"red":d,f=p(e,["className","children","color"]);return a.jsx(o,
|
|
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 c}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 l}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({},l)},defaultVariants:{scaling:"100%"}}),x=e.forwardRef((function(e,t){var o=e.className,s=e.children,n=e.scaling,c=p(e,["className","children","scaling"]);return a.jsx(r,m({className:i("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",f({scaling:n}),o)},c,{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:i("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,d=e.color,l=void 0===d?"red":d,f=p(e,["className","children","color"]);return a.jsx(o,{className:"flex",children:a.jsxs(s,m({ref:r},f,{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(l,"A-11 dark:text-").concat(l,"Dark-11 "),"hover:bg-".concat(l,"A-4 dark:hover:bg-").concat(l,"Dark-4 hover:text-").concat(l,"A-11 dark:hover:text-").concat(l,"DarkA-11"),"data-[state=open]:bg-".concat(l,"A-5 dark:data-[state=open]:bg-").concat(l,"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(c,{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: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,
|
|
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: \"flex\", children: _jsxs(AccordionPrimitive.Trigger, __assign({ ref: forwardedRef }, rootProps, { 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","_jsx","jsx","AccordionPrimitive.Root","cn","ref","displayName","Item","AccordionPrimitive.Item","Trigger","_b","color","AccordionPrimitive.Header","_jsxs","jsxs","AccordionPrimitive.Trigger","concat","ChevronDownIcon","Content","AccordionPrimitive.Content","Accordion"],"mappings":"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"}
|