@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/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) && attrName !== 'name') {
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: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]"> */
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]"> */