@cypress-design/react-accordion 0.2.1 → 0.4.0

package/dist/index.umd.js

@@ -5,10 +5,7 @@ var clsx = require('clsx');
 var detailsAnimation = require('@cypress-design/details-animation');
 var iconsRegistry = require('@cypress-design/icon-registry');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -21,13 +18,12 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-var iconsRegistry__namespace = /*#__PURE__*/_interopNamespace(iconsRegistry);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var iconsRegistry__namespace = /*#__PURE__*/_interopNamespaceDefault(iconsRegistry);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -67,7 +63,7 @@ function __rest$1(s, e) {
     return t;
 }
 
-var CssClasses = {
+const CssClasses = {
     summary: 'details-none card open:rounded-b-none',
     summaryDiv: 'flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px]',
     summaryColor: 'bg-white',
@@ -79,7 +75,7 @@ var CssClasses = {
     separator: 'w-[1px] h-[40px] bg-gray-100 mr-[16px]',
     chevron: 'flex-shrink-0 transition transform rotate-0 open:rotate-180',
     contentWrapper: 'border border-gray-100 rounded-b-md border-t-0',
-    content: 'px-[24px] py-[16px]'
+    content: 'px-[24px] py-[16px]',
 };
 
 /******************************************************************************
@@ -129,8 +125,8 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
-    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
-            __html: body
+    var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
+            __html: body,
         } }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
@@ -143,16 +139,17 @@ var compileReactIconProperties = function (_a) {
 var IconChevronDownSmall = function (props) {
     var _a = iconsRegistry__namespace.getComponentAttributes(__assign(__assign({}, props), { availableSizes: ["8", "16"] })), size = _a.sizeWithDefault, compiledClasses = _a.compiledClasses;
     var iconBodies = {
-        "8": "<path d=\"m1 2.5 3 3 3-3\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
-        "16": "<path d=\"m4 6 4 4 4-4\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
+        "8": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m1 2.5 3 3 3-3\" class=\"icon-dark\"/>",
+        "16": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\" class=\"icon-dark\"/>"
     };
     var body = iconBodies[size];
     if (!body) {
-        throw Error("Icon \"chevron-down-small\" is not available in size " + size);
+        throw Error("Icon \"chevron-down-small\" is not available in size ".concat(size));
     }
     return React__namespace.createElement('svg', compileReactIconProperties(__assign(__assign({}, props), { size: size, body: body, compiledClasses: compiledClasses })));
 };
 
+
 /* <windicss-keep class=""> */
 
 var Accordion = function (_a) {
@@ -164,20 +161,20 @@ var Accordion = function (_a) {
             new detailsAnimation.DetailsAnimation(details.current, content.current);
         }
     }, []);
-    return (React__namespace.createElement("details", __assign$1({}, rest, { className: clsx__default["default"](rest.className), ref: details }),
-        React__namespace.createElement("summary", { className: clsx__default["default"](CssClasses.summary, headingClassName !== null && headingClassName !== void 0 ? headingClassName : CssClasses.summaryColor) },
+    return (React__namespace.createElement("details", __assign$1({}, rest, { className: clsx(rest.className), ref: details }),
+        React__namespace.createElement("summary", { className: clsx(CssClasses.summary, headingClassName !== null && headingClassName !== void 0 ? headingClassName : CssClasses.summaryColor) },
             React__namespace.createElement("span", { className: CssClasses.summaryDiv },
                 Boolean(iconEl) && React__namespace.createElement("span", { className: CssClasses.icon }, iconEl),
                 Icon && !iconEl && React__namespace.createElement(Icon, { className: CssClasses.icon }),
                 (Icon || iconEl) && separator && (React__namespace.createElement("span", { className: CssClasses.separator, role: "separator" })),
                 React__namespace.createElement("span", { className: "flex-grow pr-[16px]" },
-                    React__namespace.createElement("span", { className: clsx__default["default"](titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
-                    description && (React__namespace.createElement("span", { className: clsx__default["default"](CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
-                React__namespace.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx__default["default"]('open:icon-dark-gray-500', CssClasses.chevron) }))),
+                    React__namespace.createElement("span", { className: clsx(titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
+                    description && (React__namespace.createElement("span", { className: clsx(CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
+                React__namespace.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx('open:icon-dark-gray-500', CssClasses.chevron) }))),
         React__namespace.createElement("div", { ref: content, className: CssClasses.contentWrapper }, fullWidthContent ? (React__namespace.createElement(React__namespace.Fragment, null, children)) : (React__namespace.createElement("div", { className: CssClasses.content }, children)))));
 };
 
 module.exports = Accordion;
-
-/* <windicss-keep class="flex-grow pr-[16px] open:icon-dark-gray-500 details-none card open:rounded-b-none flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px] bg-white text-[18px] leading-[28px] font-medium text-indigo-500 block text-[14px] leading-[20px] font-normal text-gray-700 mr-[24px] flex-shrink-0 w-[1px] h-[40px] bg-gray-100 mr-[16px] transition transform rotate-0 open:rotate-180 border border-gray-100 rounded-b-md border-t-0 py-[16px]"> */
 //# sourceMappingURL=index.umd.js.map
+
+/* <windicss-keep class="flex-grow pr-[16px] open:icon-dark-gray-500"> */