@coopdigital/react 1.7.2 → 1.7.3

package/dist/components/Dialog/Dialog.d.ts

@@ -52,7 +52,7 @@ interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
      *
      * Default: `true`
      */
-    close?: boolean;
+    closeButton?: boolean;
 }
 interface DialogBodyProps extends HTMLAttributes<HTMLDivElement> {
     /** **(Optional)** Content inside the Dialog Body. */
@@ -66,7 +66,7 @@ declare const Dialog: {
         name: string;
     };
     Header: {
-        ({ children, className, close, ...props }: DialogHeaderProps): JSX.Element;
+        ({ children, className, closeButton, ...props }: DialogHeaderProps): JSX.Element;
         slot: {
             name: string;
         };
@@ -79,7 +79,7 @@ declare const Dialog: {
     };
 };
 declare const DialogHeader: {
-    ({ children, className, close, ...props }: DialogHeaderProps): JSX.Element;
+    ({ children, className, closeButton, ...props }: DialogHeaderProps): JSX.Element;
     slot: {
         name: string;
     };

package/dist/components/Dialog/Dialog.js

@@ -85,13 +85,13 @@ const Dialog = ({ children, className, closedBy = "any", label, mode = "dialog",
                 onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
             }, ref: mergeRefs(dialogRef, ref), children: children }) }));
 };
-const DialogHeader = ({ children, className, close = true, ...props }) => {
+const DialogHeader = ({ children, className, closeButton = true, ...props }) => {
     const componentProps = {
         className: clsx("coop-dialog--header", !hasUserBg(className) && "bg-tint-grey", className),
         ...props,
     };
     const dialog = useDialog();
-    return (jsxs("div", { ...componentProps, children: [children, close && (jsxs("button", { "aria-label": "Close", className: "coop-dialog--close", onClick: () => { var _a, _b; return (_b = (_a = dialog.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.close(); }, children: ["Close ", jsx(CrossIcon, { role: "presentation" })] }))] }));
+    return (jsxs("div", { ...componentProps, children: [children, closeButton && (jsxs("button", { "aria-label": "Close", className: "coop-dialog--close", onClick: () => { var _a, _b; return (_b = (_a = dialog.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.close(); }, children: ["Close ", jsx(CrossIcon, { role: "presentation" })] }))] }));
 };
 const DialogBody = ({ children, className, ...props }) => {
     const componentProps = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -106,5 +106,5 @@
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.1"
   },
-  "gitHead": "fac26ca73996e358b231786d2af24deff41558ff"
+  "gitHead": "3d1fc1ce73f079f93eeeb66292fb5d6534cdd27a"
 }

package/src/components/Dialog/Dialog.tsx

@@ -84,7 +84,7 @@ interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
    *
    * Default: `true`
    */
-  close?: boolean
+  closeButton?: boolean
 }
 interface DialogBodyProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Content inside the Dialog Body. */
@@ -211,7 +211,7 @@ const Dialog = ({
 const DialogHeader = ({
   children,
   className,
-  close = true,
+  closeButton = true,
   ...props
 }: DialogHeaderProps): JSX.Element => {
   const componentProps = {
@@ -224,7 +224,7 @@ const DialogHeader = ({
   return (
     <div {...componentProps}>
       {children}
-      {close && (
+      {closeButton && (
         <button
           aria-label="Close"
           className="coop-dialog--close"