acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
 import { IModalProps } from './Modal.types';
-declare const Modal: ({ children, className, open, borders, bgColor, padding, onClose, header, actions, actionsDirection, actionsAlignment, loading, loadingBody, size, closeButton, contentScrollable, centered, width, ...props }: IModalProps) => ReactElement;
+declare const Modal: ({ children, className, open, borders, bgColor, padding, onClose, header, actions, actionsDirection, actionsAlignment, loading, loadingBody, size, closeButton, contentScrollable, showHeader, showFooter, centered, width, ...props }: IModalProps) => ReactElement;
 export default Modal;
 //# sourceMappingURL=Modal.d.ts.map

package/build/esm/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkB5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,QAAA,MAAM,KAAK,kNAoBR,WAAW,KAAG,YAqDhB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkB5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,KAAK,0OAsBR,WAAW,KAAG,YAgEhB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/esm/components/Modal/Modal.js

@@ -1,84 +1,101 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import c from "classnames";
-import h from "./components/Dialog/Dialog.js";
-import { Modal as u, ModalHeader as E, ModalHeaderContent as H, ModalContent as T, ModalFooter as x } from "./Modal.styles.js";
-import y from "./components/ModalLoading/ModalLoading.js";
-import R from "../_internalComponents/InfoBar/InfoBar.js";
-import g from "../Button/Button.js";
-import F from "../Icon/components/Cross.js";
-import b from "../_internalComponents/ActionBar/ActionBar.js";
-import { MODAL_CONTAINER_CLASS as j, MODAL_CLASS as v, MODAL_HEADER_CLASS as I, Variants as $, MODAL_CONTENT_CLASS as k, MODAL_FOOTER_CLASS as B, NOOP as P, Directions as V, Alignments as W, Sizes as q } from "../../react-base/src/consts.js";
-const w = ({
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import y from "classnames";
+import E from "./components/Dialog/Dialog.js";
+import { Modal as H, ModalHeader as x, ModalHeaderContent as R, ModalContent as v, ModalFooter as F } from "./Modal.styles.js";
+import b from "./components/ModalLoading/ModalLoading.js";
+import g from "../_internalComponents/InfoBar/InfoBar.js";
+import j from "../Button/Button.js";
+import p from "../Icon/components/Cross.js";
+import k from "../_internalComponents/ActionBar/ActionBar.js";
+import { CloseButton as I } from "./components/ModalLoading/ModalLoading.styles.js";
+import { MODAL_CONTAINER_CLASS as B, MODAL_CLASS as P, MODAL_HEADER_CLASS as V, Variants as A, MODAL_CONTENT_CLASS as W, MODAL_FOOTER_CLASS as $, NOOP as q, Directions as w, Alignments as G, Sizes as J } from "../../react-base/src/consts.js";
+const mr = ({
   children: s,
-  className: A,
-  open: M,
-  borders: i = !0,
-  bgColor: p = !1,
-  padding: C = !0,
-  onClose: e = P,
-  header: t,
-  actions: a,
-  actionsDirection: L = V.Horizontal,
-  actionsAlignment: O = W.Right,
-  loading: m = !1,
-  loadingBody: N = "Loading...",
-  size: o = q.Medium,
-  closeButton: l = !0,
-  contentScrollable: d = !1,
-  centered: n = !1,
-  width: S = 520,
-  ..._
+  className: M,
+  open: C,
+  borders: n = !0,
+  bgColor: O = !1,
+  padding: L = !0,
+  onClose: e = q,
+  header: i,
+  actions: t,
+  actionsDirection: S = w.Horizontal,
+  actionsAlignment: N = G.Right,
+  loading: o = !1,
+  loadingBody: u = "Loading...",
+  size: r = J.Medium,
+  closeButton: m = !0,
+  contentScrollable: f = !1,
+  showHeader: _ = !0,
+  showFooter: c = !0,
+  centered: d = !1,
+  width: D = 520,
+  ...T
 }) => {
-  const D = !t && a && (a == null ? void 0 : a.length) > 0;
-  return /* @__PURE__ */ f(
-    u,
+  const h = !i && t && (t == null ? void 0 : t.length) > 0;
+  return /* @__PURE__ */ l(
+    H,
     {
-      as: h,
-      size: o,
-      prefixCls: j,
-      className: c(v, A),
-      visible: M,
+      as: E,
+      size: r,
+      prefixCls: B,
+      className: y(P, M),
+      visible: C,
       onClose: e,
-      closable: l,
-      centered: n,
-      contentScrollable: d,
-      width: S,
-      ..._,
+      closable: m,
+      centered: d,
+      contentScrollable: f,
+      width: D,
+      loading: o,
+      ...T,
       children: [
-        t && !m && /* @__PURE__ */ f(E, { size: o, closeButton: l, borders: i, className: I, children: [
-          /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(R, { size: o, ...t }) }),
-          l && /* @__PURE__ */ r(
-            g,
+        _ && i && !o && /* @__PURE__ */ l(x, { size: r, closeButton: m, borders: n, className: V, children: [
+          /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(g, { size: r, ...i }) }),
+          m && /* @__PURE__ */ a(
+            j,
             {
-              icon: /* @__PURE__ */ r(F, {}),
+              icon: /* @__PURE__ */ a(p, {}),
               iconOnly: !0,
-              variant: $.Transparent,
-              size: o,
+              variant: A.Transparent,
+              size: r,
               onClick: e,
               "aria-label": "Close"
             }
           )
         ] }),
-        /* @__PURE__ */ r(
-          T,
+        /* @__PURE__ */ l(
+          v,
           {
-            size: o,
-            padding: C,
-            bgColor: p,
-            contentScrollable: d,
-            centered: n,
-            bodyCentered: D || m,
-            onlyBody: m,
-            className: k,
-            children: m ? /* @__PURE__ */ r(y, { loadingBody: N, closeButton: l, onClose: e }) : s
+            size: r,
+            padding: L,
+            bgColor: O,
+            contentScrollable: f,
+            centered: d,
+            bodyCentered: h || o,
+            onlyBody: o,
+            className: W,
+            children: [
+              !i && m && !o && /* @__PURE__ */ a(
+                I,
+                {
+                  icon: /* @__PURE__ */ a(p, {}),
+                  iconOnly: !0,
+                  variant: A.Transparent,
+                  size: r,
+                  paddingSize: r,
+                  onClick: e
+                }
+              ),
+              o ? /* @__PURE__ */ a(b, { loadingBody: u, closeButton: m, onClose: e }) : s
+            ]
           }
         ),
-        a && !m && /* @__PURE__ */ r(x, { size: o, borders: i, className: B, children: /* @__PURE__ */ r(b, { size: o, actions: a, alignment: O, direction: L }) })
+        c && t && !o && /* @__PURE__ */ a(F, { size: r, borders: n, className: $, children: /* @__PURE__ */ a(k, { size: r, actions: t, alignment: N, direction: S }) })
       ]
     }
   );
-}, or = w;
+};
 export {
-  or as default
+  mr as default
 };
 //# sourceMappingURL=Modal.js.map

package/build/esm/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport {\r\n  NOOP,\r\n  Alignments,\r\n  Sizes,\r\n  MODAL_CONTAINER_CLASS,\r\n  MODAL_CLASS,\r\n  MODAL_HEADER_CLASS,\r\n  MODAL_CONTENT_CLASS,\r\n  MODAL_FOOTER_CLASS,\r\n  Variants,\r\n  Directions,\r\n} from 'acinguiux-ds-react-base';\r\n\r\nimport Dialog from './components/Dialog/Dialog';\r\nimport * as Styled from './Modal.styles';\r\nimport { IModalProps } from './Modal.types';\r\nimport ModalLoading from './components/ModalLoading/ModalLoading';\r\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\r\nimport Button from '../Button/Button';\r\nimport CrossIcon from '../Icon/components/Cross';\r\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\r\n\r\nconst Modal = ({\r\n  children,\r\n  className,\r\n  open,\r\n  borders = true,\r\n  bgColor = false,\r\n  padding = true,\r\n  onClose = NOOP,\r\n  header,\r\n  actions,\r\n  actionsDirection = Directions.Horizontal,\r\n  actionsAlignment = Alignments.Right,\r\n  loading = false,\r\n  loadingBody = 'Loading...',\r\n  size = Sizes.Medium,\r\n  closeButton = true,\r\n  contentScrollable = false,\r\n  centered = false,\r\n  width = 520,\r\n  ...props\r\n}: IModalProps): ReactElement => {\r\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\r\n\r\n  return (\r\n    <Styled.Modal\r\n      as={Dialog}\r\n      size={size}\r\n      prefixCls={MODAL_CONTAINER_CLASS}\r\n      className={classNames(MODAL_CLASS, className)}\r\n      visible={open}\r\n      onClose={onClose}\r\n      closable={closeButton}\r\n      centered={centered}\r\n      contentScrollable={contentScrollable}\r\n      width={width}\r\n      {...props}\r\n    >\r\n      {header && !loading && (\r\n        <Styled.ModalHeader size={size} closeButton={closeButton} borders={borders} className={MODAL_HEADER_CLASS}>\r\n          <Styled.ModalHeaderContent>\r\n            <InfoBar size={size} {...header} />\r\n          </Styled.ModalHeaderContent>\r\n          {closeButton && (\r\n            <Button\r\n              icon={<CrossIcon />}\r\n              iconOnly\r\n              variant={Variants.Transparent}\r\n              size={size}\r\n              onClick={onClose}\r\n              aria-label=\"Close\"\r\n            />\r\n          )}\r\n        </Styled.ModalHeader>\r\n      )}\r\n      <Styled.ModalContent\r\n        size={size}\r\n        padding={padding}\r\n        bgColor={bgColor}\r\n        contentScrollable={contentScrollable}\r\n        centered={centered}\r\n        bodyCentered={isWithoutHeaderAndFooter || loading}\r\n        onlyBody={loading}\r\n        className={MODAL_CONTENT_CLASS}\r\n      >\r\n        {loading ? <ModalLoading loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} /> : children}\r\n      </Styled.ModalContent>\r\n      {actions && !loading && (\r\n        <Styled.ModalFooter size={size} borders={borders} className={MODAL_FOOTER_CLASS}>\r\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\r\n        </Styled.ModalFooter>\r\n      )}\r\n    </Styled.Modal>\r\n  );\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["Modal","children","className","open","borders","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","contentScrollable","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CONTAINER_CLASS","classNames","MODAL_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","MODAL_CONTENT_CLASS","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar","Modal$1"],"mappings":";;;;;;;;;;AAyBA,MAAMA,IAAQ,CAAC;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAA2B,CAACf,KAAUC,MAAWA,KAAA,gBAAAA,EAAS,UAAS;AAGvE,SAAA,gBAAAe;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAIC;AAAA,MACJ,MAAAV;AAAA,MACA,WAAWW;AAAA,MACX,WAAWC,EAAWC,GAAa5B,CAAS;AAAA,MAC5C,SAASC;AAAA,MACT,SAAAI;AAAA,MACA,UAAUY;AAAA,MACV,UAAAE;AAAA,MACA,mBAAAD;AAAA,MACA,OAAAE;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAUd,KAAA,CAACM,KACV,gBAAAU,EAACM,GAAA,EAAmB,MAAAd,GAAY,aAAAE,GAA0B,SAAAf,GAAkB,WAAW4B,GACrF,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAD,EAACE,KAAQ,MAAAlB,GAAa,GAAGR,EAAQ,CAAA,GACnC;AAAA,UACCU,KACC,gBAAAc;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAU,EAAA;AAAA,cACjB,UAAQ;AAAA,cACR,SAASC,EAAS;AAAA,cAClB,MAAArB;AAAA,cACA,SAASV;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ;AAAA,QAEF,gBAAA0B;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,MAAAtB;AAAA,YACA,SAAAX;AAAA,YACA,SAAAD;AAAA,YACA,mBAAAe;AAAA,YACA,UAAAC;AAAA,YACA,cAAcG,KAA4BT;AAAA,YAC1C,UAAUA;AAAA,YACV,WAAWyB;AAAA,YAEV,cAAW,gBAAAP,EAAAQ,GAAA,EAAa,aAAAzB,GAA0B,aAAAG,GAA0B,SAAAZ,EAAkB,CAAA,IAAKN;AAAA,UAAA;AAAA,QACtG;AAAA,QACCS,KAAW,CAACK,uBACV2B,GAAA,EAAmB,MAAAzB,GAAY,SAAAb,GAAkB,WAAWuC,GAC3D,UAAA,gBAAAV,EAACW,KAAU,MAAA3B,GAAY,SAAAP,GAAkB,WAAWG,GAAkB,WAAWF,EAAkB,CAAA,GACrG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAkC,KAAe7C;"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  NOOP,\n  Alignments,\n  Sizes,\n  MODAL_CONTAINER_CLASS,\n  MODAL_CLASS,\n  MODAL_HEADER_CLASS,\n  MODAL_CONTENT_CLASS,\n  MODAL_FOOTER_CLASS,\n  Variants,\n  Directions,\n} from 'acinguiux-ds-react-base';\n\nimport Dialog from './components/Dialog/Dialog';\nimport * as Styled from './Modal.styles';\nimport { IModalProps } from './Modal.types';\nimport ModalLoading from './components/ModalLoading/ModalLoading';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\nimport Button from '../Button/Button';\nimport CrossIcon from '../Icon/components/Cross';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport { CloseButton } from './components/ModalLoading/ModalLoading.styles';\n\nconst Modal = ({\n  children,\n  className,\n  open,\n  borders = true,\n  bgColor = false,\n  padding = true,\n  onClose = NOOP,\n  header,\n  actions,\n  actionsDirection = Directions.Horizontal,\n  actionsAlignment = Alignments.Right,\n  loading = false,\n  loadingBody = 'Loading...',\n  size = Sizes.Medium,\n  closeButton = true,\n  contentScrollable = false,\n  showHeader = true,\n  showFooter = true,\n  centered = false,\n  width = 520,\n  ...props\n}: IModalProps): ReactElement => {\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\n\n  return (\n    <Styled.Modal\n      as={Dialog}\n      size={size}\n      prefixCls={MODAL_CONTAINER_CLASS}\n      className={classNames(MODAL_CLASS, className)}\n      visible={open}\n      onClose={onClose}\n      closable={closeButton}\n      centered={centered}\n      contentScrollable={contentScrollable}\n      width={width}\n      loading={loading}\n      {...props}\n    >\n      {showHeader && header && !loading && (\n        <Styled.ModalHeader size={size} closeButton={closeButton} borders={borders} className={MODAL_HEADER_CLASS}>\n          <Styled.ModalHeaderContent>\n            <InfoBar size={size} {...header} />\n          </Styled.ModalHeaderContent>\n          {closeButton && (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          )}\n        </Styled.ModalHeader>\n      )}\n      <Styled.ModalContent\n        size={size}\n        padding={padding}\n        bgColor={bgColor}\n        contentScrollable={contentScrollable}\n        centered={centered}\n        bodyCentered={isWithoutHeaderAndFooter || loading}\n        onlyBody={loading}\n        className={MODAL_CONTENT_CLASS}\n      >\n        {!header && closeButton && !loading && (\n          <CloseButton\n            icon={<CrossIcon />}\n            iconOnly\n            variant={Variants.Transparent}\n            size={size}\n            paddingSize={size}\n            onClick={onClose}\n          />\n        )}\n        {loading ? <ModalLoading loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} /> : children}\n      </Styled.ModalContent>\n      {showFooter && actions && !loading && (\n        <Styled.ModalFooter size={size} borders={borders} className={MODAL_FOOTER_CLASS}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.ModalFooter>\n      )}\n    </Styled.Modal>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","children","className","open","borders","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","contentScrollable","showHeader","showFooter","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CONTAINER_CLASS","classNames","MODAL_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","MODAL_CONTENT_CLASS","CloseButton","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,KAAQ,CAAC;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAA2B,CAACjB,KAAUC,MAAWA,KAAA,gBAAAA,EAAS,UAAS;AAGvE,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAIC;AAAA,MACJ,MAAAZ;AAAA,MACA,WAAWa;AAAA,MACX,WAAWC,EAAWC,GAAa9B,CAAS;AAAA,MAC5C,SAASC;AAAA,MACT,SAAAI;AAAA,MACA,UAAUY;AAAA,MACV,UAAAI;AAAA,MACA,mBAAAH;AAAA,MACA,OAAAI;AAAA,MACA,SAAAT;AAAA,MACC,GAAGU;AAAA,MAEH,UAAA;AAAA,QAAcJ,KAAAZ,KAAU,CAACM,KACvB,gBAAAY,EAAAM,GAAA,EAAmB,MAAAhB,GAAY,aAAAE,GAA0B,SAAAf,GAAkB,WAAW8B,GACrF,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAD,EAACE,KAAQ,MAAApB,GAAa,GAAGR,EAAQ,CAAA,GACnC;AAAA,UACCU,KACC,gBAAAgB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAU,EAAA;AAAA,cACjB,UAAQ;AAAA,cACR,SAASC,EAAS;AAAA,cAClB,MAAAvB;AAAA,cACA,SAASV;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAEF,gBAAAoB;AAAA,UAACc;AAAAA,UAAA;AAAA,YACC,MAAAxB;AAAA,YACA,SAAAX;AAAA,YACA,SAAAD;AAAA,YACA,mBAAAe;AAAA,YACA,UAAAG;AAAA,YACA,cAAcG,KAA4BX;AAAA,YAC1C,UAAUA;AAAA,YACV,WAAW2B;AAAA,YAEV,UAAA;AAAA,cAAC,CAAAjC,KAAUU,KAAe,CAACJ,KAC1B,gBAAAoB;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,wBAAOJ,GAAU,EAAA;AAAA,kBACjB,UAAQ;AAAA,kBACR,SAASC,EAAS;AAAA,kBAClB,MAAAvB;AAAA,kBACA,aAAaA;AAAA,kBACb,SAASV;AAAA,gBAAA;AAAA,cACX;AAAA,cAEDQ,IAAW,gBAAAoB,EAAAS,GAAA,EAAa,aAAA5B,GAA0B,aAAAG,GAA0B,SAAAZ,GAAkB,IAAKN;AAAA,YAAA;AAAA,UAAA;AAAA,QACtG;AAAA,QACCqB,KAAcZ,KAAW,CAACK,uBACxB8B,GAAA,EAAmB,MAAA5B,GAAY,SAAAb,GAAkB,WAAW0C,GAC3D,UAAA,gBAAAX,EAACY,KAAU,MAAA9B,GAAY,SAAAP,GAAkB,WAAWG,GAAkB,WAAWF,GAAkB,EACrG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/build/esm/components/Modal/Modal.styles.d.ts

@@ -1,5 +1,5 @@
 import { IModalProps } from './Modal.types';
-type ModalProps = Required<Pick<IModalProps, 'prefixCls' | 'size' | 'centered' | 'contentScrollable'>> & Pick<IModalProps, 'borders'>;
+type ModalProps = Required<Pick<IModalProps, 'prefixCls' | 'size' | 'centered' | 'contentScrollable' | 'loading'>> & Pick<IModalProps, 'borders'>;
 declare const Modal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps, never>;
 declare const ModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IModalProps, "size" | "padding" | "bgColor" | "contentScrollable"> & Required<Pick<IModalProps, "size" | "padding" | "bgColor" | "contentScrollable">> & {
     bodyCentered: boolean;

package/build/esm/components/Modal/Modal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,KAAK,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,mBAAmB,CAAC,CAAC,GACpG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/B,QAAA,MAAM,KAAK,iHAmIV,CAAC;AAEF,QAAA,MAAM,YAAY;kBAEA,OAAO;cACX,OAAO;SAsCpB,CAAC;AAaF,QAAA,MAAM,kBAAkB,yGAEvB,CAAC;AAEF,QAAA,MAAM,WAAW,wVAShB,CAAC;AAEF,QAAA,MAAM,WAAW,wTAShB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,KAAK,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,mBAAmB,GAAE,SAAS,CAAC,CAAC,GAC/G,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/B,QAAA,MAAM,KAAK,iHAmIV,CAAC;AAEF,QAAA,MAAM,YAAY;kBAEA,OAAO;cACX,OAAO;SAsCpB,CAAC;AAaF,QAAA,MAAM,kBAAkB,yGAEvB,CAAC;AAEF,QAAA,MAAM,WAAW,wVAShB,CAAC;AAEF,QAAA,MAAM,WAAW,wTAShB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/build/esm/components/Modal/Modal.styles.js

@@ -1,23 +1,23 @@
-import t, { css as e } from "styled-components";
+import t, { css as o } from "styled-components";
 import { commonAnimation as d, zoomIn as m, zoomOut as $, fadeIn as p, fadeOut as g } from "./utils/styleUtils.js";
-import { ZIndexes as l } from "../../react-base/src/consts.js";
-import { consts as u } from "../../react-base/src/components/Modal/Modal.consts.js";
+import { ZIndexes as u } from "../../react-base/src/consts.js";
+import { consts as f } from "../../react-base/src/components/Modal/Modal.consts.js";
 const z = t.div(
-  ({ prefixCls: o, size: a, theme: n, centered: i, contentScrollable: c, borders: r }) => e`
-    .${o} {
+  ({ prefixCls: e, size: a, theme: n, centered: r, contentScrollable: c, loading: l, borders: i }) => o`
+    .${e} {
       position: relative;
-      margin: ${i ? 0 : "10vh auto"};
+      margin: ${r ? 0 : "10vh auto"};
       color: ${n.onSurface.surface.default.text.strong};
 
       &-wrap {
         position: fixed;
         overflow: auto;
         inset: 0;
-        z-index: ${l.MODAL};
+        z-index: ${u.MODAL};
         -webkit-overflow-scrolling: touch;
         outline: 0;
 
-        ${i && e`
+        ${r && o`
           display: flex;
           align-items: center;
           justify-content: center;
@@ -29,7 +29,7 @@ const z = t.div(
         inset: 0;
         background-color: ${n.additional.mask.strong};
         height: 100%;
-        z-index: ${l.MODAL};
+        z-index: ${u.MODAL};
       }
 
       &-mask-hidden {
@@ -42,14 +42,14 @@ const z = t.div(
         flex-direction: column;
         align-items: stretch;
         justify-content: stretch;
-        border-radius: ${u[a].borderRadius};
+        border-radius: ${f[a].borderRadius};
         background-color: ${n.onSurface.elevated.default.background};
         background-clip: padding-box;
         box-shadow: ${n.elevation.level3};
         overflow: hidden;
       }
 
-      ${r && e`
+      ${i && o`
         &-header {
           border-bottom: 1px solid ${n.onSurface.surface.default.border.subtle};
         }
@@ -62,12 +62,12 @@ const z = t.div(
       &-body {
         display: flex;
         flex-direction: column;
+        min-height: ${l ? "250px" : void 0};
         flex: 1 1 auto;
-        min-height: 250px;
         max-height: 80vh;
         background-color: ${n.onSurface.surface.default.background};
 
-        ${!c && e`
+        ${!c && o`
           overflow-y: auto;
         `}
       }
@@ -77,7 +77,7 @@ const z = t.div(
       }
 
       &-footer {
-        ${r && e`
+        ${i && o`
           border-top: 1px solid ${n.onSurface.surface.default.border.subtle};
         `}
         text-align: right;
@@ -87,21 +87,21 @@ const z = t.div(
       &-zoom-enter,
       &-zoom-appear {
         opacity: 0;
-        ${e(d)};
+        ${o(d)};
         animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       }
 
       &-zoom-leave {
-        ${e(d)};
+        ${o(d)};
         animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
       }
 
-      &-zoom-enter.${o}-zoom-enter-active, &-zoom-appear.${o}-zoom-appear-active {
+      &-zoom-enter.${e}-zoom-enter-active, &-zoom-appear.${e}-zoom-appear-active {
         animation-name: ${m};
         animation-play-state: running;
       }
 
-      &-zoom-leave.${o}-zoom-leave-active {
+      &-zoom-leave.${e}-zoom-leave-active {
         animation-name: ${$};
         animation-play-state: running;
       }
@@ -109,51 +109,51 @@ const z = t.div(
       &-fade-enter,
       &-fade-appear {
         opacity: 0;
-        ${e(d)};
+        ${o(d)};
         animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       }
 
       &-fade-leave {
-        ${e(d)};
+        ${o(d)};
         animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       }
 
-      &-fade-enter.${o}-fade-enter-active, &-fade-appear.${o}-fade-appear-active {
+      &-fade-enter.${e}-fade-enter-active, &-fade-appear.${e}-fade-appear-active {
         animation-name: ${p};
         animation-play-state: running;
       }
 
-      &-fade-leave.${o}-fade-leave-active {
+      &-fade-leave.${e}-fade-leave-active {
         animation-name: ${g};
         animation-play-state: running;
       }
     }
   `
 ), k = t.div`
-  ${({ size: o, padding: a, bgColor: n, contentScrollable: i, bodyCentered: c, onlyBody: r, theme: f }) => e`
+  ${({ size: e, padding: a, bgColor: n, contentScrollable: r, bodyCentered: c, onlyBody: l, theme: i }) => o`
     display: flex;
     flex-direction: column;
-    background-color: ${f.onSurface.surface.default.background};
+    background-color: ${i.onSurface.surface.default.background};
     flex-grow: 1;
 
-    ${i && e`
+    ${r && o`
       overflow-y: auto;
     `}
 
-    ${n && e`
-      background-color: ${f.onSurface.base.default.background};
+    ${n && o`
+      background-color: ${i.onSurface.base.default.background};
     `}
 
-    ${a && e`
-      padding: ${u[o].padding};
+    ${a && o`
+      padding: ${f[e].padding};
     `}
 
-    ${c && e`
+    ${c && o`
       align-items: center;
       justify-content: center;
     `}
 
-    ${r && e`
+    ${l && o`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -161,29 +161,29 @@ const z = t.div(
     `}
   `}
 `, s = t.div`
-  ${({ size: o, theme: a }) => e`
-    z-index: ${l.ELEVATED};
+  ${({ size: e, theme: a }) => o`
+    z-index: ${u.ELEVATED};
     display: flex;
     align-items: center;
     min-height: auto;
-    padding: ${u[o].padding};
+    padding: ${f[e].padding};
     background: ${a.onSurface.surface.default.background};
   `}
 `, h = t.div`
   flex: 1 0 0;
 `, w = t(s)`
-  ${({ borders: o, theme: a }) => e`
+  ${({ borders: e, theme: a }) => o`
     gap: 12px;
 
-    ${o && e`
+    ${e && o`
       border-bottom: 1px solid ${a.onSurface.surface.default.border.subtle};
     `}
   `}
 `, S = t(s)`
-  ${({ borders: o, theme: a }) => e`
+  ${({ borders: e, theme: a }) => o`
     width: 100%;
 
-    ${o && e`
+    ${e && o`
       border-top: 1px solid ${a.onSurface.surface.default.border.subtle};
     `}
   `}

package/build/esm/components/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sources":["../../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { ZIndexes, ModalConsts, RequiredProperties } from 'acinguiux-ds-react-base';\r\n\r\nimport { IModalProps } from './Modal.types';\r\nimport { commonAnimation, fadeIn, fadeOut, zoomIn, zoomOut } from './utils/styleUtils';\r\n\r\ntype ModalProps = Required<Pick<IModalProps, 'prefixCls' | 'size' | 'centered' | 'contentScrollable'>> &\r\n  Pick<IModalProps, 'borders'>;\r\n\r\nconst Modal = styled.div<ModalProps>(\r\n  ({ prefixCls, size, theme, centered, contentScrollable, borders }) => css`\r\n    .${prefixCls} {\r\n      position: relative;\r\n      margin: ${centered ? 0 : '10vh auto'};\r\n      color: ${theme.onSurface.surface.default.text.strong};\r\n\r\n      &-wrap {\r\n        position: fixed;\r\n        overflow: auto;\r\n        inset: 0;\r\n        z-index: ${ZIndexes.MODAL};\r\n        -webkit-overflow-scrolling: touch;\r\n        outline: 0;\r\n\r\n        ${centered &&\r\n    css`\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n        `}\r\n      }\r\n\r\n      &-mask {\r\n        position: fixed;\r\n        inset: 0;\r\n        background-color: ${theme.additional.mask.strong};\r\n        height: 100%;\r\n        z-index: ${ZIndexes.MODAL};\r\n      }\r\n\r\n      &-mask-hidden {\r\n        display: none;\r\n      }\r\n\r\n      &-content {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        justify-content: stretch;\r\n        border-radius: ${ModalConsts.consts[size].borderRadius};\r\n        background-color: ${theme.onSurface.elevated.default.background};\r\n        background-clip: padding-box;\r\n        box-shadow: ${theme.elevation.level3};\r\n        overflow: hidden;\r\n      }\r\n\r\n      ${borders &&\r\n    css`\r\n        &-header {\r\n          border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n        }\r\n      `}\r\n\r\n      &-title {\r\n        display: flex;\r\n      }\r\n\r\n      &-body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1 1 auto;\r\n        min-height: 250px;\r\n        max-height: 80vh;\r\n        background-color: ${theme.onSurface.surface.default.background};\r\n\r\n        ${!contentScrollable &&\r\n    css`\r\n          overflow-y: auto;\r\n        `}\r\n      }\r\n\r\n      &-close {\r\n        display: none;\r\n      }\r\n\r\n      &-footer {\r\n        ${borders &&\r\n    css`\r\n          border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n        `}\r\n        text-align: right;\r\n      }\r\n\r\n      /* Animations */\r\n      &-zoom-enter,\r\n      &-zoom-appear {\r\n        opacity: 0;\r\n        ${css(commonAnimation)};\r\n        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\r\n      }\r\n\r\n      &-zoom-leave {\r\n        ${css(commonAnimation)};\r\n        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\r\n      }\r\n\r\n      &-zoom-enter.${prefixCls}-zoom-enter-active, &-zoom-appear.${prefixCls}-zoom-appear-active {\r\n        animation-name: ${zoomIn};\r\n        animation-play-state: running;\r\n      }\r\n\r\n      &-zoom-leave.${prefixCls}-zoom-leave-active {\r\n        animation-name: ${zoomOut};\r\n        animation-play-state: running;\r\n      }\r\n\r\n      &-fade-enter,\r\n      &-fade-appear {\r\n        opacity: 0;\r\n        ${css(commonAnimation)};\r\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\r\n      }\r\n\r\n      &-fade-leave {\r\n        ${css(commonAnimation)};\r\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\r\n      }\r\n\r\n      &-fade-enter.${prefixCls}-fade-enter-active, &-fade-appear.${prefixCls}-fade-appear-active {\r\n        animation-name: ${fadeIn};\r\n        animation-play-state: running;\r\n      }\r\n\r\n      &-fade-leave.${prefixCls}-fade-leave-active {\r\n        animation-name: ${fadeOut};\r\n        animation-play-state: running;\r\n      }\r\n    }\r\n  `,\r\n);\r\n\r\nconst ModalContent = styled.div<\r\n  RequiredProperties<IModalProps, 'size' | 'padding' | 'bgColor' | 'contentScrollable'> & {\r\n    bodyCentered: boolean;\r\n    onlyBody: boolean;\r\n  }\r\n>`\r\n  ${({ size, padding, bgColor, contentScrollable, bodyCentered, onlyBody, theme }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: ${theme.onSurface.surface.default.background};\r\n    flex-grow: 1;\r\n\r\n    ${contentScrollable &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${bgColor &&\r\n    css`\r\n      background-color: ${theme.onSurface.base.default.background};\r\n    `}\r\n\r\n    ${padding &&\r\n    css`\r\n      padding: ${ModalConsts.consts[size].padding};\r\n    `}\r\n\r\n    ${bodyCentered &&\r\n    css`\r\n      align-items: center;\r\n      justify-content: center;\r\n    `}\r\n\r\n    ${onlyBody &&\r\n    css`\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex: 1 1 auto;\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst ModalBar = styled.div<RequiredProperties<Pick<IModalProps, 'size'>, 'size'>>`\r\n  ${({ size, theme }) => css`\r\n    z-index: ${ZIndexes.ELEVATED};\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: auto;\r\n    padding: ${ModalConsts.consts[size].padding};\r\n    background: ${theme.onSurface.surface.default.background};\r\n  `}\r\n`;\r\n\r\nconst ModalHeaderContent = styled.div`\r\n  flex: 1 0 0;\r\n`;\r\n\r\nconst ModalHeader = styled(ModalBar) <RequiredProperties<Pick<IModalProps, 'size' | 'borders' | 'closeButton'>, 'size'>>`\r\n  ${({ borders, theme }) => css`\r\n    gap: 12px;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst ModalFooter = styled(ModalBar) <RequiredProperties<Pick<IModalProps, 'size' | 'borders'>, 'size'>>`\r\n  ${({ borders, theme }) => css`\r\n    width: 100%;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { Modal, ModalContent, ModalHeaderContent, ModalHeader, ModalFooter };\r\n"],"names":["Modal","styled","prefixCls","size","theme","centered","contentScrollable","borders","css","ZIndexes","ModalConsts.consts","commonAnimation","zoomIn","zoomOut","fadeIn","fadeOut","ModalContent","padding","bgColor","bodyCentered","onlyBody","ModalBar","ModalHeaderContent","ModalHeader","ModalFooter"],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","sources":["../../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ZIndexes, ModalConsts, RequiredProperties } from 'acinguiux-ds-react-base';\n\nimport { IModalProps } from './Modal.types';\nimport { commonAnimation, fadeIn, fadeOut, zoomIn, zoomOut } from './utils/styleUtils';\n\ntype ModalProps = Required<Pick<IModalProps, 'prefixCls' | 'size' | 'centered' | 'contentScrollable'| 'loading'>> &\n  Pick<IModalProps, 'borders'>;\n\nconst Modal = styled.div<ModalProps>(\n  ({ prefixCls, size, theme, centered, contentScrollable, loading, borders }) => css`\n    .${prefixCls} {\n      position: relative;\n      margin: ${centered ? 0 : '10vh auto'};\n      color: ${theme.onSurface.surface.default.text.strong};\n\n      &-wrap {\n        position: fixed;\n        overflow: auto;\n        inset: 0;\n        z-index: ${ZIndexes.MODAL};\n        -webkit-overflow-scrolling: touch;\n        outline: 0;\n\n        ${centered &&\n    css`\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        `}\n      }\n\n      &-mask {\n        position: fixed;\n        inset: 0;\n        background-color: ${theme.additional.mask.strong};\n        height: 100%;\n        z-index: ${ZIndexes.MODAL};\n      }\n\n      &-mask-hidden {\n        display: none;\n      }\n\n      &-content {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        justify-content: stretch;\n        border-radius: ${ModalConsts.consts[size].borderRadius};\n        background-color: ${theme.onSurface.elevated.default.background};\n        background-clip: padding-box;\n        box-shadow: ${theme.elevation.level3};\n        overflow: hidden;\n      }\n\n      ${borders &&\n    css`\n        &-header {\n          border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n        }\n      `}\n\n      &-title {\n        display: flex;\n      }\n\n      &-body {\n        display: flex;\n        flex-direction: column;\n        min-height: ${loading ? '250px' : undefined};\n        flex: 1 1 auto;\n        max-height: 80vh;\n        background-color: ${theme.onSurface.surface.default.background};\n\n        ${!contentScrollable &&\n    css`\n          overflow-y: auto;\n        `}\n      }\n\n      &-close {\n        display: none;\n      }\n\n      &-footer {\n        ${borders &&\n    css`\n          border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n        `}\n        text-align: right;\n      }\n\n      /* Animations */\n      &-zoom-enter,\n      &-zoom-appear {\n        opacity: 0;\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n      }\n\n      &-zoom-leave {\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n      }\n\n      &-zoom-enter.${prefixCls}-zoom-enter-active, &-zoom-appear.${prefixCls}-zoom-appear-active {\n        animation-name: ${zoomIn};\n        animation-play-state: running;\n      }\n\n      &-zoom-leave.${prefixCls}-zoom-leave-active {\n        animation-name: ${zoomOut};\n        animation-play-state: running;\n      }\n\n      &-fade-enter,\n      &-fade-appear {\n        opacity: 0;\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\n      }\n\n      &-fade-leave {\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\n      }\n\n      &-fade-enter.${prefixCls}-fade-enter-active, &-fade-appear.${prefixCls}-fade-appear-active {\n        animation-name: ${fadeIn};\n        animation-play-state: running;\n      }\n\n      &-fade-leave.${prefixCls}-fade-leave-active {\n        animation-name: ${fadeOut};\n        animation-play-state: running;\n      }\n    }\n  `,\n);\n\nconst ModalContent = styled.div<\n  RequiredProperties<IModalProps, 'size' | 'padding' | 'bgColor' | 'contentScrollable'> & {\n    bodyCentered: boolean;\n    onlyBody: boolean;\n  }\n>`\n  ${({ size, padding, bgColor, contentScrollable, bodyCentered, onlyBody, theme }) => css`\n    display: flex;\n    flex-direction: column;\n    background-color: ${theme.onSurface.surface.default.background};\n    flex-grow: 1;\n\n    ${contentScrollable &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${bgColor &&\n    css`\n      background-color: ${theme.onSurface.base.default.background};\n    `}\n\n    ${padding &&\n    css`\n      padding: ${ModalConsts.consts[size].padding};\n    `}\n\n    ${bodyCentered &&\n    css`\n      align-items: center;\n      justify-content: center;\n    `}\n\n    ${onlyBody &&\n    css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1 1 auto;\n    `}\n  `}\n`;\n\nconst ModalBar = styled.div<RequiredProperties<Pick<IModalProps, 'size'>, 'size'>>`\n  ${({ size, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: center;\n    min-height: auto;\n    padding: ${ModalConsts.consts[size].padding};\n    background: ${theme.onSurface.surface.default.background};\n  `}\n`;\n\nconst ModalHeaderContent = styled.div`\n  flex: 1 0 0;\n`;\n\nconst ModalHeader = styled(ModalBar) <RequiredProperties<Pick<IModalProps, 'size' | 'borders' | 'closeButton'>, 'size'>>`\n  ${({ borders, theme }) => css`\n    gap: 12px;\n\n    ${borders &&\n    css`\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    `}\n  `}\n`;\n\nconst ModalFooter = styled(ModalBar) <RequiredProperties<Pick<IModalProps, 'size' | 'borders'>, 'size'>>`\n  ${({ borders, theme }) => css`\n    width: 100%;\n\n    ${borders &&\n    css`\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    `}\n  `}\n`;\n\nexport { Modal, ModalContent, ModalHeaderContent, ModalHeader, ModalFooter };\n"],"names":["Modal","styled","prefixCls","size","theme","centered","contentScrollable","loading","borders","css","ZIndexes","ModalConsts.consts","commonAnimation","zoomIn","zoomOut","fadeIn","fadeOut","ModalContent","padding","bgColor","bodyCentered","onlyBody","ModalBar","ModalHeaderContent","ModalHeader","ModalFooter"],"mappings":"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"}

package/build/esm/components/Modal/components/ModalLoading/ModalLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLoading.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.tsx"],"sourcesContent":["import { Sizes, Variants } from 'acinguiux-ds-react-base';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport Loading from '../../../Loading/Loading';\r\nimport { CloseButton } from './ModalLoading.styles';\r\nimport { IModalLoadingProps } from './ModalLoading.types';\r\nimport CrossIcon from '../../../Icon/components/Cross';\r\n\r\nconst ModalLoading = ({ loadingBody, size = Sizes.Medium, closeButton, onClose }: IModalLoadingProps) => (\r\n  <Flexbox flexDirection=\"column\" gap=\"12px\" alignItems=\"center\">\r\n    {closeButton && (\r\n      <CloseButton\r\n        icon={<CrossIcon />}\r\n        iconOnly\r\n        variant={Variants.Transparent}\r\n        size={Sizes.Large}\r\n        paddingSize={size}\r\n        onClick={onClose}\r\n        aria-label=\"Close\"\r\n      />\r\n    )}\r\n    <Loading size={Sizes.XLarge} />\r\n    {typeof loadingBody === 'string' ? <Label size={Sizes.Large}>{loadingBody}</Label> : loadingBody}\r\n  </Flexbox>\r\n);\r\n\r\nexport default ModalLoading;\r\n"],"names":["ModalLoading","loadingBody","size","Sizes","closeButton","onClose","Flexbox","jsx","CloseButton","CrossIcon","Variants","Loading","Label"],"mappings":";;;;;;;AASA,MAAMA,IAAe,CAAC,EAAE,aAAAC,GAAa,MAAAC,IAAOC,EAAM,QAAQ,aAAAC,GAAa,SAAAC,EAAQ,wBAC5EC,GAAQ,EAAA,eAAc,UAAS,KAAI,QAAO,YAAW,UACnD,UAAA;AAAA,EACCF,KAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAOC,GAAU,EAAA;AAAA,MACjB,UAAQ;AAAA,MACR,SAASC,EAAS;AAAA,MAClB,MAAMP,EAAM;AAAA,MACZ,aAAaD;AAAA,MACb,SAASG;AAAA,MACT,cAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAED,gBAAAE,EAAAI,GAAA,EAAQ,MAAMR,EAAM,OAAQ,CAAA;AAAA,EAC5B,OAAOF,KAAgB,WAAW,gBAAAM,EAACK,KAAM,MAAMT,EAAM,OAAQ,UAAAF,EAAA,CAAY,IAAWA;AAAA,EACvF,CAAA;"}
+{"version":3,"file":"ModalLoading.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.tsx"],"sourcesContent":["import { Sizes, Variants } from 'acinguiux-ds-react-base';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport Label from '../../../Text/components/Label/Label';\nimport Loading from '../../../Loading/Loading';\nimport { CloseButton } from './ModalLoading.styles';\nimport { IModalLoadingProps } from './ModalLoading.types';\nimport CrossIcon from '../../../Icon/components/Cross';\n\nconst ModalLoading = ({ loadingBody, size = Sizes.Medium, closeButton, onClose }: IModalLoadingProps) => (\n  <Flexbox flexDirection=\"column\" gap=\"12px\" alignItems=\"center\">\n    {closeButton && (\n      <CloseButton\n        icon={<CrossIcon />}\n        iconOnly\n        variant={Variants.Transparent}\n        size={Sizes.Large}\n        paddingSize={size}\n        onClick={onClose}\n        aria-label=\"Close\"\n      />\n    )}\n    <Loading size={Sizes.XLarge} />\n    {typeof loadingBody === 'string' ? <Label size={Sizes.Large}>{loadingBody}</Label> : loadingBody}\n  </Flexbox>\n);\n\nexport default ModalLoading;\n"],"names":["ModalLoading","loadingBody","size","Sizes","closeButton","onClose","Flexbox","jsx","CloseButton","CrossIcon","Variants","Loading","Label"],"mappings":";;;;;;;AASA,MAAMA,IAAe,CAAC,EAAE,aAAAC,GAAa,MAAAC,IAAOC,EAAM,QAAQ,aAAAC,GAAa,SAAAC,EAAQ,wBAC5EC,GAAQ,EAAA,eAAc,UAAS,KAAI,QAAO,YAAW,UACnD,UAAA;AAAA,EACCF,KAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAOC,GAAU,EAAA;AAAA,MACjB,UAAQ;AAAA,MACR,SAASC,EAAS;AAAA,MAClB,MAAMP,EAAM;AAAA,MACZ,aAAaD;AAAA,MACb,SAASG;AAAA,MACT,cAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAED,gBAAAE,EAAAI,GAAA,EAAQ,MAAMR,EAAM,OAAQ,CAAA;AAAA,EAC5B,OAAOF,KAAgB,WAAW,gBAAAM,EAACK,KAAM,MAAMT,EAAM,OAAQ,UAAAF,EAAY,CAAA,IAAWA;AAAA,EACvF,CAAA;"}

package/build/esm/components/Modal/components/ModalLoading/ModalLoading.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLoading.styles.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.styles.ts"],"sourcesContent":["import { ModalConsts, ModalTypes } from 'acinguiux-ds-react-base';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport Button from '../../../Button/Button';\r\n\r\nconst CloseButton = styled(Button) <{ paddingSize: ModalTypes.Size }>`\r\n  ${({ paddingSize }) => css`\r\n    position: absolute;\r\n    top: ${ModalConsts.consts[paddingSize].padding};\r\n    right: ${ModalConsts.consts[paddingSize].padding};\r\n  `}\r\n`;\r\n\r\nexport { CloseButton };\r\n"],"names":["CloseButton","styled","Button","paddingSize","css","ModalConsts.consts"],"mappings":";;;AAKM,MAAAA,IAAcC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,aAAAC,EAAkB,MAAAC;AAAA;AAAA,WAEdC,EAAmBF,CAAW,EAAE,OAAO;AAAA,aACrCE,EAAmBF,CAAW,EAAE,OAAO;AAAA,GACjD;AAAA;"}
+{"version":3,"file":"ModalLoading.styles.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.styles.ts"],"sourcesContent":["import { ModalConsts, ModalTypes } from 'acinguiux-ds-react-base';\nimport styled, { css } from 'styled-components';\n\nimport Button from '../../../Button/Button';\n\nconst CloseButton = styled(Button) <{ paddingSize: ModalTypes.Size }>`\n  ${({ paddingSize }) => css`\n    position: absolute;\n    top: ${ModalConsts.consts[paddingSize].padding};\n    right: ${ModalConsts.consts[paddingSize].padding};\n  `}\n`;\n\nexport { CloseButton };\n"],"names":["CloseButton","styled","Button","paddingSize","css","ModalConsts.consts"],"mappings":";;;AAKM,MAAAA,IAAcC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,aAAAC,EAAA,MAAkBC;AAAA;AAAA,WAEdC,EAAmBF,CAAW,EAAE,OAAO;AAAA,aACrCE,EAAmBF,CAAW,EAAE,OAAO;AAAA,GACjD;AAAA;"}

package/build/esm/components/Modal/utils/styleUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Modal/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\r\n\r\nexport const zoomIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0, 0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1, 1);\r\n  }\r\n`;\r\n\r\nexport const zoomOut = keyframes`\r\n  0% {\r\n    transform: scale(1, 1);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: scale(0, 0);\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n`;\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n`;\r\n\r\nexport const commonAnimation = {\r\n  animationDuration: '0.3s',\r\n  animationFillMode: 'both',\r\n  animationPlayState: 'paused',\r\n};\r\n"],"names":["zoomIn","keyframes","zoomOut","fadeIn","fadeOut","commonAnimation"],"mappings":";AAEO,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVE,IAASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUTG,IAAUH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUVI,IAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,oBAAoB;AACtB;"}
+{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Modal/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const zoomIn = keyframes`\n  0% {\n    opacity: 0;\n    transform: scale(0, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n`;\n\nexport const zoomOut = keyframes`\n  0% {\n    transform: scale(1, 1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(0, 0);\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const fadeOut = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`;\n\nexport const commonAnimation = {\n  animationDuration: '0.3s',\n  animationFillMode: 'both',\n  animationPlayState: 'paused',\n};\n"],"names":["zoomIn","keyframes","zoomOut","fadeIn","fadeOut","commonAnimation"],"mappings":";AAEO,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVE,IAASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUTG,IAAUH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUVI,IAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,oBAAoB;AACtB;"}

package/build/esm/components/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAmB,MAAM,gBAAgB,CAAC;AAK/D,QAAA,MAAM,MAAM,sGA4GX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,MAAM,sGAuJX,CAAC;AAEF,eAAe,MAAM,CAAC"}