@cypress-design/react-accordion 0.1.7 → 0.2.0
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 +1 -1
- package/Accordion.tsx +2 -2
- package/CHANGELOG.md +11 -0
- package/dist/index.es.mjs +9 -9
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +9 -9
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -69,17 +69,17 @@ function __rest$1(s, e) {
|
|
|
69
69
|
|
|
70
70
|
var CssClasses = {
|
|
71
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',
|
|
72
|
+
summaryDiv: 'flex flex-row py-[12px] px-[24px] flex-nowrap items-center min-h-[63px]',
|
|
73
73
|
summaryColor: 'bg-white',
|
|
74
|
-
summaryTitle: 'text-18px leading-28px font-medium',
|
|
74
|
+
summaryTitle: 'text-[18px] leading-[28px] font-medium',
|
|
75
75
|
summaryTitleColor: 'text-indigo-500 block',
|
|
76
|
-
summaryDescription: 'text-14px leading-20px font-normal block',
|
|
76
|
+
summaryDescription: 'text-[14px] leading-[20px] font-normal block',
|
|
77
77
|
summaryDescriptionColor: 'text-gray-700',
|
|
78
|
-
icon: 'mr-24px flex-shrink-0',
|
|
79
|
-
separator: 'w-1px h-40px bg-gray-100 mr-16px',
|
|
78
|
+
icon: 'mr-[24px] flex-shrink-0',
|
|
79
|
+
separator: 'w-[1px] h-[40px] bg-gray-100 mr-[16px]',
|
|
80
80
|
chevron: 'flex-shrink-0 transition transform rotate-0 open:rotate-180',
|
|
81
81
|
contentWrapper: 'border border-gray-100 rounded-b-md border-t-0',
|
|
82
|
-
content: 'px-24px py-16px'
|
|
82
|
+
content: 'px-[24px] py-[16px]'
|
|
83
83
|
};
|
|
84
84
|
|
|
85
85
|
/******************************************************************************
|
|
@@ -169,8 +169,8 @@ var Accordion = function (_a) {
|
|
|
169
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
|
-
(Icon || iconEl) && separator && (React__namespace.createElement("span", { className: CssClasses.separator })),
|
|
173
|
-
React__namespace.createElement("span", { className: "flex-grow pr-16px" },
|
|
172
|
+
(Icon || iconEl) && separator && (React__namespace.createElement("span", { className: CssClasses.separator, "aria-role": "separator" })),
|
|
173
|
+
React__namespace.createElement("span", { className: "flex-grow pr-[16px]" },
|
|
174
174
|
React__namespace.createElement("span", { className: clsx__default["default"](titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
|
|
175
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) }))),
|
|
@@ -179,5 +179,5 @@ var Accordion = function (_a) {
|
|
|
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 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"> */
|
|
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 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]"> */
|
|
183
183
|
//# sourceMappingURL=index.umd.js.map
|