@citygross/components_v2 0.0.53 → 0.0.54

package/dist/components/Modal/Modal.d.ts

@@ -2,16 +2,16 @@ import React from 'react';
 import { TPaletteKeys } from '@citygross/design-tokens_v2';
 
 declare type TModal = {
-    onBackdropClick?: () => void;
+    background?: TPaletteKeys;
     children?: React.ReactNode;
-    title?: string;
-    subTitle?: string;
-    hideCancel?: boolean;
-    querySelector?: string;
+    className?: string;
     footer?: JSX.Element;
-    background?: TPaletteKeys;
+    hideCancel?: boolean;
     isConfirm?: boolean;
-    className?: string;
+    onBackdropClick?: () => void;
+    querySelector?: string;
+    subTitle?: string;
+    title?: string;
 };
 declare const Modal: React.ForwardRefExoticComponent<TModal & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Modal/Modal.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, Fragment } from 'react';
 import { createPortal } from 'react-dom';
 import { Icons } from '@citygross/icons_v2';
 import { Spacer } from '../Spacer/Spacer.js';
@@ -8,16 +8,16 @@ import { BodyText } from '../../typography/BodyText/BodyText.js';
 
 const Modal = forwardRef(
   ({
-    onBackdropClick,
+    background = "white",
     children,
-    title,
-    subTitle,
+    className,
+    footer,
     hideCancel = true,
     isConfirm,
-    background = "white",
+    onBackdropClick,
     querySelector = "#root",
-    footer,
-    className
+    subTitle,
+    title
   }, ref) => {
     const domSafe = typeof document !== "undefined";
     return domSafe ? createPortal(
@@ -31,11 +31,13 @@ const Modal = forwardRef(
         /* @__PURE__ */ React.createElement(
           "div",
           {
+            "aria-modal": "true",
             className: `${modalContainer({
               backgroundColor: background,
               maxWidth: isConfirm ? "confirm" : "regular"
             })} ${className}`,
-            onClick: (e) => e.stopPropagation()
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog"
           },
           title && /* @__PURE__ */ React.createElement("div", { className: modalHeaderContainer }, /* @__PURE__ */ React.createElement("div", { className: modalHeader }, /* @__PURE__ */ React.createElement(H2, null, title), !hideCancel && /* @__PURE__ */ React.createElement(
             "div",
@@ -46,7 +48,7 @@ const Modal = forwardRef(
             /* @__PURE__ */ React.createElement(Icons.Cross, null)
           )), /* @__PURE__ */ React.createElement(BodyText, null, subTitle)),
           children && /* @__PURE__ */ React.createElement("div", { className: childrenWrapper }, children),
-          footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("div", { className: footerWrapper }, footer))
+          footer && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("div", { className: footerWrapper }, footer))
         )
       ),
       document.querySelector(querySelector) || document.body

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "c3ba222ac06cddf16f1ecd0f381f22bc13ff0c21"
+  "gitHead": "830c0216869887f1ce92050246d7ccf6cbe37e03"
 }