@coveord/plasma-mantine 48.15.0 → 48.16.0

package/dist/cjs/components/index.js

@@ -12,6 +12,7 @@ _exportStar(require("./header"), exports);
 _exportStar(require("./inline-confirm"), exports);
 _exportStar(require("./table"), exports);
 _exportStar(require("./prompt"), exports);
+_exportStar(require("./modal"), exports);
 _exportStar(require("./modal-wizard"), exports);
 
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/dist/cjs/components/modal/Modal.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Modal", {
+    enumerable: true,
+    get: function() {
+        return Modal;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _header = require("../header");
+var Modal = function(_param) /*#__PURE__*/ {
+    var children = _param.children, title = _param.title, header = _param.header, description = _param.description, otherProps = _objectWithoutProperties(_param, [
+        "children",
+        "title",
+        "header",
+        "description"
+    ]);
+    return (0, _jsxRuntime.jsx)(_core.Modal, _objectSpreadProps(_objectSpread({}, otherProps), {
+        styles: {
+            title: {
+                width: "100%"
+            }
+        },
+        title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_header.Header, _objectSpreadProps(_objectSpread({
+            py: 0,
+            px: 0,
+            description: description
+        }, header), {
+            children: title
+        })),
+        children: children
+    }));
+};
+
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {Modal as MantineModal, ModalProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {Header, HeaderProps} from '../header';\n\nexport interface CustomModalProps extends Omit<ModalProps, 'title'> {\n    /**\n     * Header component props (layout/Header)\n     */\n    header?: Omit<HeaderProps, 'children' | 'description'>;\n    /**\n     * The title text displayed on top of the modal\n     */\n    title: string;\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: HeaderProps['description'];\n}\n\nexport const Modal: FunctionComponent<CustomModalProps> = ({children, title, header, description, ...otherProps}) => (\n    <MantineModal\n        {...otherProps}\n        styles={{title: {width: '100%'}}}\n        title={\n            <Header py={0} px={0} description={description} {...header}>\n                {title}\n            </Header>\n        }\n    >\n        {children}\n    </MantineModal>\n);\n"],"names":["Modal","children","title","header","description","otherProps","MantineModal","styles","width","Header","py","px"],"mappings":"AAAA;;;;+BAmBaA;;;eAAAA;;;;;;;oBAnBmC;sBAEd;AAiB3B,IAAMA,QAA6C,+BACtD;QADwDC,kBAAAA,UAAUC,eAAAA,OAAOC,gBAAAA,QAAQC,qBAAAA,aAAgBC;QAAzCJ;QAAUC;QAAOC;QAAQC;;WACjF,qBAACE,WAAY,uCACLD;QACJE,QAAQ;YAACL,OAAO;gBAACM,OAAO;YAAM;QAAC;QAC/BN,qBACI,qBAACO,cAAM;YAACC,IAAI;YAAGC,IAAI;YAAGP,aAAaA;WAAiBD;sBAC/CD;;kBAIRD;;AACS"}

package/dist/cjs/components/modal/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Modal"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/index.ts"],"sourcesContent":["export * from './Modal';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}

package/dist/cjs/index.js

@@ -20,6 +20,9 @@ _export(exports, {
     },
     HeaderProps: function() {
         return _components.HeaderProps;
+    },
+    Modal: function() {
+        return _components.Modal;
     }
 });
 var _exportStar = require("@swc/helpers/lib/_export_star.js").default;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table, HeaderProps} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table","HeaderProps"],"mappings":"AAAA;;;;;;;;;;;IASQA,kBAAkB;eAAlBA,6BAAkB;;IAGlBC,MAAM;eAANA,kBAAM;;IAAEC,KAAK;eAALA,iBAAK;;IAAEC,WAAW;eAAXA,uBAAW;;;;oBARpB;oBACA;oBACA;oBAEA;yBACmC;sCACnC;oBAGA"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table, HeaderProps, Modal} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table","HeaderProps","Modal"],"mappings":"AAAA;;;;;;;;;;;IASQA,kBAAkB;eAAlBA,6BAAkB;;IAGlBC,MAAM;eAANA,kBAAM;;IAAEC,KAAK;eAALA,iBAAK;;IAAEC,WAAW;eAAXA,uBAAW;;IAAEC,KAAK;eAALA,iBAAK;;;;oBAR3B;oBACA;oBACA;oBAEA;yBACmC;sCACnC;oBAGA"}

package/dist/definitions/components/index.d.ts

@@ -7,5 +7,6 @@ export * from './header';
 export * from './inline-confirm';
 export * from './table';
 export * from './prompt';
+export * from './modal';
 export * from './modal-wizard';
 //# sourceMappingURL=index.d.ts.map

package/dist/definitions/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ModalProps } from '@mantine/core';
+import { FunctionComponent } from 'react';
+import { HeaderProps } from '../header';
+export interface CustomModalProps extends Omit<ModalProps, 'title'> {
+    /**
+     * Header component props (layout/Header)
+     */
+    header?: Omit<HeaderProps, 'children' | 'description'>;
+    /**
+     * The title text displayed on top of the modal
+     */
+    title: string;
+    /**
+     * The description text displayed inside the header underneath the title
+     */
+    description?: HeaderProps['description'];
+}
+export declare const Modal: FunctionComponent<CustomModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/definitions/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC/D;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAYrD,CAAC"}

package/dist/definitions/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/definitions/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/definitions/index.d.ts

@@ -7,7 +7,7 @@ export type { FormValidateInput } from '@mantine/form/lib/types';
 export * from '@mantine/hooks';
 export { createColumnHelper, type ColumnDef } from '@tanstack/table-core';
 export * from './components';
-export { Header, Table, HeaderProps } from './components';
+export { Header, Table, HeaderProps, Modal } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,kBAAkB,EAAE,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AACxE,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,cAAc,CAAC;AACxD,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,kBAAkB,EAAE,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AACxE,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AAC/D,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}

package/dist/esm/components/index.js

@@ -7,6 +7,7 @@ export * from "./header";
 export * from "./inline-confirm";
 export * from "./table";
 export * from "./prompt";
+export * from "./modal";
 export * from "./modal-wizard";
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,iBAAiB"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,iBAAiB"}

package/dist/esm/components/modal/Modal.js

@@ -0,0 +1,31 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal as MantineModal } from "@mantine/core";
+import { Header } from "../header";
+export var Modal = function(_param) /*#__PURE__*/ {
+    var children = _param.children, title = _param.title, header = _param.header, description = _param.description, otherProps = _object_without_properties(_param, [
+        "children",
+        "title",
+        "header",
+        "description"
+    ]);
+    return _jsx(MantineModal, _object_spread_props(_object_spread({}, otherProps), {
+        styles: {
+            title: {
+                width: "100%"
+            }
+        },
+        title: /*#__PURE__*/ _jsx(Header, _object_spread_props(_object_spread({
+            py: 0,
+            px: 0,
+            description: description
+        }, header), {
+            children: title
+        })),
+        children: children
+    }));
+};
+
+//# sourceMappingURL=Modal.js.map

package/dist/esm/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {Modal as MantineModal, ModalProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {Header, HeaderProps} from '../header';\n\nexport interface CustomModalProps extends Omit<ModalProps, 'title'> {\n    /**\n     * Header component props (layout/Header)\n     */\n    header?: Omit<HeaderProps, 'children' | 'description'>;\n    /**\n     * The title text displayed on top of the modal\n     */\n    title: string;\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: HeaderProps['description'];\n}\n\nexport const Modal: FunctionComponent<CustomModalProps> = ({children, title, header, description, ...otherProps}) => (\n    <MantineModal\n        {...otherProps}\n        styles={{title: {width: '100%'}}}\n        title={\n            <Header py={0} px={0} description={description} {...header}>\n                {title}\n            </Header>\n        }\n    >\n        {children}\n    </MantineModal>\n);\n"],"names":["Modal","MantineModal","Header","children","title","header","description","otherProps","styles","width","py","px"],"mappings":"AAAA;;;;AAAA,SAAQA,SAASC,YAAY,QAAmB,gBAAgB;AAEhE,SAAQC,MAAM,QAAoB,YAAY;AAiB9C,OAAO,IAAMF,QAA6C,+BACtD;QADwDG,kBAAAA,UAAUC,eAAAA,OAAOC,gBAAAA,QAAQC,qBAAAA,aAAgBC;QAAzCJ;QAAUC;QAAOC;QAAQC;;WACjF,KAACL,sDACOM;QACJC,QAAQ;YAACJ,OAAO;gBAACK,OAAO;YAAM;QAAC;QAC/BL,qBACI,KAACF;YAAOQ,IAAI;YAAGC,IAAI;YAAGL,aAAaA;WAAiBD;sBAC/CD;;kBAIRD;;AACS,EAChB"}

package/dist/esm/components/modal/index.js

@@ -0,0 +1,3 @@
+export * from "./Modal";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/index.ts"],"sourcesContent":["export * from './Modal';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/index.js

@@ -5,7 +5,7 @@ export * from "@mantine/hooks";
 export { createColumnHelper } from "@tanstack/table-core";
 export * from "./components";
 // explicitly overriding mantine components
-export { Header, Table, HeaderProps } from "./components";
+export { Header, Table, HeaderProps, Modal } from "./components";
 export * from "./theme";
 
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table, HeaderProps} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table","HeaderProps"],"mappings":"AAIA,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAE9B,cAAc,iBAAiB;AAC/B,SAAQA,kBAAkB,QAAuB,uBAAuB;AACxE,cAAc,eAAe;AAC7B,2CAA2C;AAC3C,SAAQC,MAAM,EAAEC,KAAK,EAAEC,WAAW,QAAO,eAAe;AACxD,cAAc,UAAU"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table, HeaderProps, Modal} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table","HeaderProps","Modal"],"mappings":"AAIA,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAE9B,cAAc,iBAAiB;AAC/B,SAAQA,kBAAkB,QAAuB,uBAAuB;AACxE,cAAc,eAAe;AAC7B,2CAA2C;AAC3C,SAAQC,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,QAAO,eAAe;AAC/D,cAAc,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.15.0",
+  "version": "48.16.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",

package/src/components/index.ts

@@ -7,4 +7,5 @@ export * from './header';
 export * from './inline-confirm';
 export * from './table';
 export * from './prompt';
+export * from './modal';
 export * from './modal-wizard';

package/src/components/modal/Modal.tsx

@@ -0,0 +1,32 @@
+import {Modal as MantineModal, ModalProps} from '@mantine/core';
+import {FunctionComponent} from 'react';
+import {Header, HeaderProps} from '../header';
+
+export interface CustomModalProps extends Omit<ModalProps, 'title'> {
+    /**
+     * Header component props (layout/Header)
+     */
+    header?: Omit<HeaderProps, 'children' | 'description'>;
+    /**
+     * The title text displayed on top of the modal
+     */
+    title: string;
+    /**
+     * The description text displayed inside the header underneath the title
+     */
+    description?: HeaderProps['description'];
+}
+
+export const Modal: FunctionComponent<CustomModalProps> = ({children, title, header, description, ...otherProps}) => (
+    <MantineModal
+        {...otherProps}
+        styles={{title: {width: '100%'}}}
+        title={
+            <Header py={0} px={0} description={description} {...header}>
+                {title}
+            </Header>
+        }
+    >
+        {children}
+    </MantineModal>
+);

package/src/components/modal/__tests__/Modal.spec.tsx

@@ -0,0 +1,33 @@
+import {Container} from '@mantine/core';
+import {render, screen, fireEvent} from '@test-utils';
+import {Modal} from '../Modal';
+
+describe('Modal', () => {
+    it('renders title, desctiption, close button, and child', () => {
+        render(
+            <Modal opened onClose={jest.fn()} title="title" description="modal description">
+                <Container>Children</Container>
+            </Modal>
+        );
+
+        expect(screen.getByText(/title/i)).toBeInTheDocument();
+        expect(screen.getByText(/modal description/i)).toBeInTheDocument();
+        expect(screen.getByText(/Children/i)).toBeInTheDocument();
+        expect(screen.getByRole('dialog')).toBeInTheDocument();
+        expect(screen.getByRole('button')).toBeInTheDocument();
+    });
+
+    it('trigger onClose function when click on the close button', () => {
+        const onClose = jest.fn();
+        render(
+            <Modal opened onClose={onClose} title="title">
+                <Container>Children</Container>
+            </Modal>
+        );
+
+        fireEvent.click(screen.getByRole('button'));
+
+        expect(onClose).toHaveBeenCalled();
+    });
+});
+1;

package/src/components/modal/index.ts

@@ -0,0 +1 @@
+export * from './Modal';

package/src/index.ts

@@ -10,7 +10,7 @@ export * from '@mantine/hooks';
 export {createColumnHelper, type ColumnDef} from '@tanstack/table-core';
 export * from './components';
 // explicitly overriding mantine components
-export {Header, Table, HeaderProps} from './components';
+export {Header, Table, HeaderProps, Modal} from './components';
 export * from './theme';
 
 declare module '@mantine/core' {