@cypress-design/react-accordion 0.4.2 → 0.4.4

package/.turbo/turbo-build.log

@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
-created ./dist/index.umd.js, ./dist/index.es.mjs in 20.1s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 16.8s
 $ tsc --project ./tsconfig.build.json

package/Accordion.tsx

@@ -54,7 +54,7 @@ export const Accordion: React.FC<
           {(Icon || iconEl) && separator && (
             <span className={CssClasses.separator} role="separator" />
           )}
-          <span className="flex-grow pr-[16px]">
+          <span className="flex-grow grow pr-[16px]">
             <span
               className={clsx(
                 titleClassName ?? CssClasses.summaryTitleColor,

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @cypress-design/react-accordion
 
+## 0.4.4
+
+### Patch Changes
+
+- [#245](https://github.com/cypress-io/cypress-design/pull/245) [`d52d023`](https://github.com/cypress-io/cypress-design/commit/d52d02301bb851d514661a8c258d0c4ae5baf171) Thanks [@elevatebart](https://github.com/elevatebart)! - use tailwind to rollup classes in the final package
+
+- Updated dependencies [[`d52d023`](https://github.com/cypress-io/cypress-design/commit/d52d02301bb851d514661a8c258d0c4ae5baf171)]:
+  - @cypress-design/react-icon@0.22.1
+
+## 0.4.3
+
+### Patch Changes
+
+- [`4917933`](https://github.com/cypress-io/cypress-design/commit/4917933c82078090c7c29e94a090737e0427821d) Thanks [@elevatebart](https://github.com/elevatebart)! - make accordion compatible with tw
+
 ## 0.4.2
 
 ### Patch Changes

package/dist/index.es.mjs

@@ -18,6 +18,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 var __assign$1 = function() {
     __assign$1 = Object.assign || function __assign(t) {
@@ -71,6 +73,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 var __assign = function() {
     __assign = Object.assign || function __assign(t) {
@@ -98,7 +102,10 @@ function __rest(s, e) {
 var compileReactIconProperties = function (_a) {
     var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
     var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
-        if (!ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
+        if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
+            attrName !== 'name') {
+            // @ts-expect-error the ky of React's SVGProps is too broad and
+            // breaks here. Since we do not need to check for it. We keep the expect error
             newAttributes[attrName] =
                 attributes[attrName];
         }
@@ -106,7 +113,7 @@ var compileReactIconProperties = function (_a) {
     }, {});
     var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
             __html: body,
-        } }, filteredAttributes);
+        }, className: undefined }, filteredAttributes);
     if (attributes.className) {
         compiledClasses.push(attributes.className);
     }
@@ -129,7 +136,7 @@ var IconChevronDownSmall = function (props) {
 };
 
 
-/* <wind-keep class=""> */
+/* <wind-keep class="filter"> */
 
 var Accordion = function (_a) {
     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"]);
@@ -146,7 +153,7 @@ var Accordion = function (_a) {
                 Boolean(iconEl) && React.createElement("span", { className: CssClasses.icon }, iconEl),
                 Icon && !iconEl && React.createElement(Icon, { className: CssClasses.icon }),
                 (Icon || iconEl) && separator && (React.createElement("span", { className: CssClasses.separator, role: "separator" })),
-                React.createElement("span", { className: "flex-grow pr-[16px]" },
+                React.createElement("span", { className: "flex-grow grow pr-[16px]" },
                     React.createElement("span", { className: clsx(titleClassName !== null && titleClassName !== void 0 ? titleClassName : CssClasses.summaryTitleColor, CssClasses.summaryTitle) }, title),
                     description && (React.createElement("span", { className: clsx(CssClasses.summaryDescription, descriptionClassName !== null && descriptionClassName !== void 0 ? descriptionClassName : CssClasses.summaryDescriptionColor) }, description))),
                 React.createElement(IconChevronDownSmall, { strokeColor: "gray-300", className: clsx('open:icon-dark-gray-500', CssClasses.chevron) }))),
@@ -156,4 +163,4 @@ var Accordion = function (_a) {
 export { Accordion as default };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <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]"> */
+/* <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]"> */