@cypress-design/react-accordion 0.4.2 → 0.4.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/.turbo/turbo-build.log +1 -1
- package/Accordion.tsx +1 -1
- package/CHANGELOG.md +15 -0
- package/dist/index.es.mjs +12 -5
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +12 -5
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -2
- package/tsconfig.json +0 -7
package/dist/index.umd.js
CHANGED
|
@@ -39,6 +39,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
39
39
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
40
40
|
PERFORMANCE OF THIS SOFTWARE.
|
|
41
41
|
***************************************************************************** */
|
|
42
|
+
/* global Reflect, Promise */
|
|
43
|
+
|
|
42
44
|
|
|
43
45
|
var __assign$1 = function() {
|
|
44
46
|
__assign$1 = Object.assign || function __assign(t) {
|
|
@@ -92,6 +94,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
92
94
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
93
95
|
PERFORMANCE OF THIS SOFTWARE.
|
|
94
96
|
***************************************************************************** */
|
|
97
|
+
/* global Reflect, Promise */
|
|
98
|
+
|
|
95
99
|
|
|
96
100
|
var __assign = function() {
|
|
97
101
|
__assign = Object.assign || function __assign(t) {
|
|
@@ -119,7 +123,10 @@ function __rest(s, e) {
|
|
|
119
123
|
var compileReactIconProperties = function (_a) {
|
|
120
124
|
var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
|
|
121
125
|
var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
|
|
122
|
-
if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) &&
|
|
126
|
+
if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) &&
|
|
127
|
+
attrName !== 'name') {
|
|
128
|
+
// @ts-expect-error the ky of React's SVGProps is too broad and
|
|
129
|
+
// breaks here. Since we do not need to check for it. We keep the expect error
|
|
123
130
|
newAttributes[attrName] =
|
|
124
131
|
attributes[attrName];
|
|
125
132
|
}
|
|
@@ -127,7 +134,7 @@ var compileReactIconProperties = function (_a) {
|
|
|
127
134
|
}, {});
|
|
128
135
|
var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
|
|
129
136
|
__html: body,
|
|
130
|
-
} }, filteredAttributes);
|
|
137
|
+
}, className: undefined }, filteredAttributes);
|
|
131
138
|
if (attributes.className) {
|
|
132
139
|
compiledClasses.push(attributes.className);
|
|
133
140
|
}
|
|
@@ -150,7 +157,7 @@ var IconChevronDownSmall = function (props) {
|
|
|
150
157
|
};
|
|
151
158
|
|
|
152
159
|
|
|
153
|
-
/* <wind-keep class=""> */
|
|
160
|
+
/* <wind-keep class="filter"> */
|
|
154
161
|
|
|
155
162
|
var Accordion = function (_a) {
|
|
156
163
|
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"]);
|
|
@@ -167,7 +174,7 @@ var Accordion = function (_a) {
|
|
|
167
174
|
Boolean(iconEl) && React__namespace.createElement("span", { className: CssClasses.icon }, iconEl),
|
|
168
175
|
Icon && !iconEl && React__namespace.createElement(Icon, { className: CssClasses.icon }),
|
|
169
176
|
(Icon || iconEl) && separator && (React__namespace.createElement("span", { className: CssClasses.separator, role: "separator" })),
|
|
170
|
-
React__namespace.createElement("span", { className: "flex-grow pr-[16px]" },
|
|
177
|
+
React__namespace.createElement("span", { className: "flex-grow grow pr-[16px]" },
|
|
171
178
|
React__namespace.createElement("span", { className: clsx(titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
|
|
172
179
|
description && (React__namespace.createElement("span", { className: clsx(CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
|
|
173
180
|
React__namespace.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx('open:icon-dark-gray-500', CssClasses.chevron) }))),
|
|
@@ -177,4 +184,4 @@ var Accordion = function (_a) {
|
|
|
177
184
|
module.exports = Accordion;
|
|
178
185
|
//# sourceMappingURL=index.umd.js.map
|
|
179
186
|
|
|
180
|
-
/* <wind-keep class="flex-grow pr-[16px] open:
|
|
187
|
+
/* <wind-keep class="flex-grow grow pr-[16px] 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]"> */
|