@cypress-design/react-accordion 0.1.2 → 0.1.4
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.
- package/Accordion.tsx +25 -23
- package/CHANGELOG.md +12 -0
- package/dist/constants.d.ts +1 -1
- package/dist/constants.d.ts.map +1 -1
- package/dist/index.es.mjs +11 -10
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +11 -10
- package/dist/index.umd.js.map +1 -1
- package/dist/react/Accordion.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -68,8 +68,8 @@ function __rest$1(s, e) {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
var CssClasses = {
|
|
71
|
-
details: '
|
|
72
|
-
|
|
71
|
+
summary: 'details-none card open:rounded-b-none min-h-65px',
|
|
72
|
+
summaryDiv: 'flex flex-row py-12px px-24px flex-nowrap items-center',
|
|
73
73
|
summaryColor: 'bg-white',
|
|
74
74
|
summaryTitle: 'text-18px leading-28px font-medium',
|
|
75
75
|
summaryTitleColor: 'text-indigo-500',
|
|
@@ -166,17 +166,18 @@ var Accordion = function (_a) {
|
|
|
166
166
|
}, []);
|
|
167
167
|
return (React__namespace.createElement("details", __assign$1({}, rest, { className: clsx__default["default"](rest.className), ref: details }),
|
|
168
168
|
React__namespace.createElement("summary", { className: clsx__default["default"](CssClasses.summary, headingClassName !== null && headingClassName !== void 0 ? headingClassName : CssClasses.summaryColor) },
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
React__namespace.createElement("div", { className:
|
|
174
|
-
|
|
175
|
-
|
|
169
|
+
React__namespace.createElement("div", { className: CssClasses.summaryDiv },
|
|
170
|
+
Boolean(iconEl) && React__namespace.createElement("span", { className: CssClasses.icon }, iconEl),
|
|
171
|
+
Icon && !iconEl && React__namespace.createElement(Icon, { className: CssClasses.icon }),
|
|
172
|
+
(Icon || iconEl) && separator && (React__namespace.createElement("hr", { className: CssClasses.separator })),
|
|
173
|
+
React__namespace.createElement("div", { className: "flex-grow pr-16px" },
|
|
174
|
+
React__namespace.createElement("div", { className: clsx__default["default"](titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
|
|
175
|
+
description && (React__namespace.createElement("div", { className: clsx__default["default"](CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
|
|
176
|
+
React__namespace.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx__default["default"]('open:icon-dark-gray-500', CssClasses.chevron) }))),
|
|
176
177
|
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)))));
|
|
177
178
|
};
|
|
178
179
|
|
|
179
180
|
module.exports = Accordion;
|
|
180
181
|
|
|
181
|
-
/* <windicss-keep class="flex-grow pr-16px open:icon-dark-gray-500 details-none
|
|
182
|
+
/* <windicss-keep class="flex-grow pr-16px open:icon-dark-gray-500 details-none card open:rounded-b-none min-h-65px flex flex-row py-12px px-24px flex-nowrap items-center bg-white text-18px leading-28px font-medium text-indigo-500 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"> */
|
|
182
183
|
//# sourceMappingURL=index.umd.js.map
|