@cypress-design/react-accordion 0.1.0 → 0.1.2
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.rootstory.tsx +3 -1
- package/Accordion.stories.mdx +33 -8
- package/Accordion.tsx +15 -3
- package/AccordionReact.cy.tsx +42 -0
- package/CHANGELOG.md +12 -0
- package/dist/constants.d.ts +1 -1
- package/dist/index.es.mjs +8 -7
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +8 -7
- package/dist/index.umd.js.map +1 -1
- package/dist/react/Accordion.d.ts +7 -0
- package/dist/react/Accordion.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -69,7 +69,7 @@ function __rest$1(s, e) {
|
|
|
69
69
|
|
|
70
70
|
var CssClasses = {
|
|
71
71
|
details: '',
|
|
72
|
-
summary: 'details-none min-h-65px py-12px card open:rounded-b-none px-24px flex items-center',
|
|
72
|
+
summary: 'details-none min-h-65px py-12px card open:rounded-b-none px-24px flex flex-row flex-nowrap items-center',
|
|
73
73
|
summaryColor: 'bg-white',
|
|
74
74
|
summaryTitle: 'text-18px leading-28px font-medium',
|
|
75
75
|
summaryTitleColor: 'text-indigo-500',
|
|
@@ -129,7 +129,7 @@ var compileReactIconProperties = function (_a) {
|
|
|
129
129
|
}
|
|
130
130
|
return newAttributes;
|
|
131
131
|
}, {});
|
|
132
|
-
var componentProps = __assign({ width: size, height: size, fill: 'none', dangerouslySetInnerHTML: {
|
|
132
|
+
var componentProps = __assign({ width: size, height: size, viewBox: "0 0 " + size + " " + size, fill: 'none', dangerouslySetInnerHTML: {
|
|
133
133
|
__html: body
|
|
134
134
|
} }, filteredAttributes);
|
|
135
135
|
if (attributes.className) {
|
|
@@ -156,7 +156,7 @@ var IconChevronDownSmall = function (props) {
|
|
|
156
156
|
/* <windicss-keep class=""> */
|
|
157
157
|
|
|
158
158
|
var Accordion = function (_a) {
|
|
159
|
-
var title = _a.title, description = _a.description, Icon = _a.icon, _b = _a.separator, separator = _b === void 0 ? false : _b, children = _a.children, headingClassName = _a.headingClassName, titleClassName = _a.titleClassName, descriptionClassName = _a.descriptionClassName, fullWidthContent = _a.fullWidthContent, rest = __rest$1(_a, ["title", "description", "icon", "separator", "children", "headingClassName", "titleClassName", "descriptionClassName", "fullWidthContent"]);
|
|
159
|
+
var title = _a.title, description = _a.description, Icon = _a.icon, iconEl = _a.iconEl, _b = _a.separator, separator = _b === void 0 ? false : _b, children = _a.children, headingClassName = _a.headingClassName, titleClassName = _a.titleClassName, descriptionClassName = _a.descriptionClassName, fullWidthContent = _a.fullWidthContent, rest = __rest$1(_a, ["title", "description", "icon", "iconEl", "separator", "children", "headingClassName", "titleClassName", "descriptionClassName", "fullWidthContent"]);
|
|
160
160
|
var details = React__namespace.useRef(null);
|
|
161
161
|
var content = React__namespace.useRef(null);
|
|
162
162
|
React__namespace.useEffect(function () {
|
|
@@ -165,9 +165,10 @@ var Accordion = function (_a) {
|
|
|
165
165
|
}
|
|
166
166
|
}, []);
|
|
167
167
|
return (React__namespace.createElement("details", __assign$1({}, rest, { className: clsx__default["default"](rest.className), ref: details }),
|
|
168
|
-
React__namespace.createElement("summary", { className: clsx__default["default"](
|
|
169
|
-
|
|
170
|
-
Icon &&
|
|
168
|
+
React__namespace.createElement("summary", { className: clsx__default["default"](CssClasses.summary, headingClassName !== null && headingClassName !== void 0 ? headingClassName : CssClasses.summaryColor) },
|
|
169
|
+
Boolean(iconEl) && React__namespace.createElement("span", { className: CssClasses.icon }, iconEl),
|
|
170
|
+
Icon && !iconEl && React__namespace.createElement(Icon, { className: CssClasses.icon }),
|
|
171
|
+
(Icon || iconEl) && separator && (React__namespace.createElement("hr", { className: CssClasses.separator })),
|
|
171
172
|
React__namespace.createElement("div", { className: "flex-grow pr-16px" },
|
|
172
173
|
React__namespace.createElement("div", { className: clsx__default["default"](titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
|
|
173
174
|
description && (React__namespace.createElement("div", { className: clsx__default["default"](CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
|
|
@@ -177,5 +178,5 @@ var Accordion = function (_a) {
|
|
|
177
178
|
|
|
178
179
|
module.exports = Accordion;
|
|
179
180
|
|
|
180
|
-
/* <windicss-keep class="flex
|
|
181
|
+
/* <windicss-keep class="flex-grow pr-16px open:icon-dark-gray-500 details-none min-h-65px py-12px card open:rounded-b-none px-24px flex flex-row 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"> */
|
|
181
182
|
//# sourceMappingURL=index.umd.js.map
|