@cypress-design/react-accordion 0.1.4 → 0.1.6
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 +8 -8
- package/CHANGELOG.md +12 -0
- package/dist/constants.d.ts.map +1 -1
- package/dist/index.es.mjs +8 -8
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +8 -8
- package/dist/index.umd.js.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
|
-
summary: 'details-none card open:rounded-b-none
|
|
72
|
-
summaryDiv: 'flex flex-row py-12px px-24px flex-nowrap items-center',
|
|
71
|
+
summary: 'details-none card open:rounded-b-none',
|
|
72
|
+
summaryDiv: 'flex flex-row py-12px px-24px flex-nowrap items-center min-h-63px',
|
|
73
73
|
summaryColor: 'bg-white',
|
|
74
74
|
summaryTitle: 'text-18px leading-28px font-medium',
|
|
75
75
|
summaryTitleColor: 'text-indigo-500',
|
|
@@ -123,7 +123,7 @@ function __rest(s, e) {
|
|
|
123
123
|
var compileReactIconProperties = function (_a) {
|
|
124
124
|
var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
|
|
125
125
|
var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
|
|
126
|
-
if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName)) {
|
|
126
|
+
if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
|
|
127
127
|
newAttributes[attrName] =
|
|
128
128
|
attributes[attrName];
|
|
129
129
|
}
|
|
@@ -166,18 +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
|
-
React__namespace.createElement("
|
|
169
|
+
React__namespace.createElement("span", { className: CssClasses.summaryDiv },
|
|
170
170
|
Boolean(iconEl) && React__namespace.createElement("span", { className: CssClasses.icon }, iconEl),
|
|
171
171
|
Icon && !iconEl && React__namespace.createElement(Icon, { className: CssClasses.icon }),
|
|
172
172
|
(Icon || iconEl) && separator && (React__namespace.createElement("hr", { className: CssClasses.separator })),
|
|
173
|
-
React__namespace.createElement("
|
|
174
|
-
React__namespace.createElement("
|
|
175
|
-
description && (React__namespace.createElement("
|
|
173
|
+
React__namespace.createElement("span", { className: "flex-grow pr-16px" },
|
|
174
|
+
React__namespace.createElement("span", { className: clsx__default["default"](titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
|
|
175
|
+
description && (React__namespace.createElement("span", { className: clsx__default["default"](CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
|
|
176
176
|
React__namespace.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx__default["default"]('open:icon-dark-gray-500', CssClasses.chevron) }))),
|
|
177
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)))));
|
|
178
178
|
};
|
|
179
179
|
|
|
180
180
|
module.exports = Accordion;
|
|
181
181
|
|
|
182
|
-
/* <windicss-keep class="flex-grow pr-16px open:icon-dark-gray-500 details-none card open:rounded-b-none
|
|
182
|
+
/* <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 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"> */
|
|
183
183
|
//# sourceMappingURL=index.umd.js.map
|