@coveord/plasma-mantine 47.8.0 → 47.9.1

package/dist/cjs/components/collection/Colllection.styles.js

@@ -13,7 +13,8 @@ var _default = (0, _core.createStyles)(function(theme) {
     return {
         root: {},
         item: {
-            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black
+            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
+            alignItems: "baseline"
         },
         itemDragging: {
             boxShadow: theme.shadows.sm

package/dist/cjs/components/collection/Colllection.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/collection/Colllection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {},\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA;;;;+BAIA,SAQI;;;eARJ,QAQI;;;oBAZuB,eAAe;IAI1C,QAQI,GARWA,IAAAA,KAAY,aAAA,EAAC,SAACC,KAAK;WAAM;QACpCC,IAAI,EAAE,EAAE;QACRC,IAAI,EAAE;YACFC,eAAe,EAAEH,KAAK,CAACI,WAAW,KAAK,OAAO,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACM,KAAK;SAC7E;QACDC,YAAY,EAAE;YACVC,SAAS,EAAER,KAAK,CAACS,OAAO,CAACC,EAAE;SAC9B;KACJ;CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/collection/Colllection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {},\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        alignItems: 'baseline',\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","alignItems","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA;;;;+BAIA,SASI;;;eATJ,QASI;;;oBAbuB,eAAe;IAI1C,QASI,GATWA,IAAAA,KAAY,aAAA,EAAC,SAACC,KAAK;WAAM;QACpCC,IAAI,EAAE,EAAE;QACRC,IAAI,EAAE;YACFC,eAAe,EAAEH,KAAK,CAACI,WAAW,KAAK,OAAO,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACM,KAAK;YAC1EC,UAAU,EAAE,UAAU;SACzB;QACDC,YAAY,EAAE;YACVC,SAAS,EAAET,KAAK,CAACU,OAAO,CAACC,EAAE;SAC9B;KACJ;CAAC,CAAC"}

package/dist/cjs/components/index.js

@@ -11,6 +11,7 @@ _exportStar(require("./sticky-footer"), exports);
 _exportStar(require("./header"), exports);
 _exportStar(require("./inline-confirm"), exports);
 _exportStar(require("./table"), exports);
+_exportStar(require("./prompt"), 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 './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,gBAAgB"}
+{"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,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,UAAU;oBACV,gBAAgB"}

package/dist/cjs/components/prompt/Prompt.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Prompt", {
+    enumerable: true,
+    get: function() {
+        return Prompt;
+    }
+});
+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 _react = require("react");
+var _promptFooter = require("./PromptFooter");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    var white = "#fff";
+    return {
+        body: {
+            padding: 0
+        },
+        modalType: {
+            overflow: "hidden",
+            width: 550
+        },
+        innerBody: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
+        },
+        header: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
+            width: "100%",
+            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
+            fontSize: theme.headings.sizes.h4.fontSize,
+            lineHeight: theme.headings.sizes.h4.fontSize
+        },
+        default: {},
+        success: {
+            backgroundColor: theme.colors.lime[6],
+            color: white
+        },
+        warning: {
+            backgroundColor: theme.colors.yellow[5],
+            color: white
+        },
+        critical: {
+            backgroundColor: theme.colors.red[6],
+            color: white
+        },
+        info: {
+            backgroundColor: theme.colors.navy[5],
+            color: white
+        },
+        whiteClose: {
+            color: white,
+            "&:hover": {
+                backgroundColor: "transparent"
+            }
+        }
+    };
+});
+var Prompt = function(_param) {
+    var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _objectWithoutProperties(_param, [
+        "children",
+        "variant",
+        "size"
+    ]);
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    var defaultVariant = variant === "default";
+    var convertedChildren = _react.Children.toArray(children);
+    var otherChildren = convertedChildren.filter(function(child) {
+        return child.type !== _promptFooter.PromptFooter;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === _promptFooter.PromptFooter;
+    });
+    var classNames = {
+        header: cx(classes.header, classes[variant]),
+        close: !defaultVariant && classes.whiteClose,
+        body: classes.body,
+        modal: !defaultVariant && classes.modalType
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
+        padding: 0,
+        classNames: classNames,
+        size: defaultVariant ? size : "sm"
+    }, otherProps), {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+                className: classes.innerBody,
+                children: otherChildren
+            }),
+            footer
+        ]
+    }));
+};
+Prompt.Footer = _promptFooter.PromptFooter;
+
+//# sourceMappingURL=Prompt.js.map

package/dist/cjs/components/prompt/Prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n    const white = '#fff';\n    return {\n        body: {\n            padding: 0,\n        },\n        modalType: {overflow: 'hidden', width: 550},\n        innerBody: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n        },\n        header: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n            width: '100%',\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n            fontSize: theme.headings.sizes.h4.fontSize,\n            lineHeight: theme.headings.sizes.h4.fontSize,\n        },\n        default: {},\n        success: {backgroundColor: theme.colors.lime[6], color: white},\n        warning: {backgroundColor: theme.colors.yellow[5], color: white},\n        critical: {\n            backgroundColor: theme.colors.red[6],\n            color: white,\n        },\n        info: {backgroundColor: theme.colors.navy[5], color: white},\n        whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n    };\n});\n\nexport interface PromptProps extends ModalProps {\n    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n    const {classes, cx} = useStyles();\n    const defaultVariant = variant === 'default';\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: !defaultVariant && classes.whiteClose,\n        body: classes.body,\n        modal: !defaultVariant && classes.modalType,\n    };\n\n    return (\n        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","classNames","close","modal","Modal","div","className","Footer"],"mappings":"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"}

package/dist/cjs/components/prompt/PromptFooter.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptFooter", {
+    enumerable: true,
+    get: function() {
+        return PromptFooter;
+    }
+});
+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 _stickyFooter = require("../sticky-footer");
+var PromptFooter = function(_param) /*#__PURE__*/ {
+    var children = _param.children, otherProps = _objectWithoutProperties(_param, [
+        "children"
+    ]);
+    return (0, _jsxRuntime.jsx)(_stickyFooter.StickyFooter, _objectSpreadProps(_objectSpread({}, otherProps), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=PromptFooter.js.map

package/dist/cjs/components/prompt/PromptFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PromptFooterProps> = ({children, ...otherProps}) => (\n    <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":"AAAA;;;;+BAKaA,cAAY;;;eAAZA,YAAY;;;;;;;4BAJqB,kBAAkB;AAIzD,IAAMA,YAAY,GAAyC,+BAC9D;QADgEC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WACxE,qBAACE,aAAY,aAAA,uCAAKD,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,AAAC"}

package/dist/cjs/components/prompt/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("./Prompt"), exports);
+
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/sticky-footer/StickyFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\ninterface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<StickyFooterProps> = ({borderTop, children, ...others}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA,cAAY;;;eAAZA,YAAY;;;;;;;oBAnBuC,eAAe;AAU/E,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMP,YAAY,GAAyC,iBAAsC;QAApCQ,SAAS,UAATA,SAAS,EAAEC,QAAQ,UAARA,QAAQ,EAAKC,MAAM;QAA9BF,WAAS;QAAEC,UAAQ;;IACnF,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,sBAACC,KAAK,MAAA;QAACC,SAAS,EAAEF,OAAO,CAACR,MAAM;;YAC3BK,SAAS,iBAAG,qBAACM,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,qBAACC,KAAK,MAAA;gBAACZ,QAAQ,EAAC,OAAO;gBAACa,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKT,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<StickyFooterProps> = ({borderTop, children, ...others}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA,cAAY;;;eAAZA,YAAY;;;;;;;oBAnBuC,eAAe;AAU/E,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMP,YAAY,GAAyC,iBAAsC;QAApCQ,SAAS,UAATA,SAAS,EAAEC,QAAQ,UAARA,QAAQ,EAAKC,MAAM;QAA9BF,WAAS;QAAEC,UAAQ;;IACnF,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,sBAACC,KAAK,MAAA;QAACC,SAAS,EAAEF,OAAO,CAACR,MAAM;;YAC3BK,SAAS,iBAAG,qBAACM,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,qBAACC,KAAK,MAAA;gBAACZ,QAAQ,EAAC,OAAO;gBAACa,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKT,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,AAAC"}

package/dist/definitions/components/collection/Colllection.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colllection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Colllection.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;CAAG;;;;;;AAE1C,wBAQI"}
+{"version":3,"file":"Colllection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Colllection.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;CAAG;;;;;;AAE1C,wBASI"}

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

@@ -6,5 +6,6 @@ export * from './sticky-footer';
 export * from './header';
 export * from './inline-confirm';
 export * from './table';
+export * from './prompt';
 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,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,gBAAgB,CAAC"}

package/dist/definitions/components/prompt/Prompt.d.ts

@@ -0,0 +1,14 @@
+import { ModalProps } from '@mantine/core';
+import { ReactElement, ReactNode } from 'react';
+import { PromptFooter } from './PromptFooter';
+export interface PromptProps extends ModalProps {
+    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';
+    children: ReactNode;
+}
+interface PromptType {
+    (props: PromptProps): ReactElement;
+    Footer: typeof PromptFooter;
+}
+export declare const Prompt: PromptType;
+export {};
+//# sourceMappingURL=Prompt.d.ts.map

package/dist/definitions/components/prompt/Prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AA+B5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC"}

package/dist/definitions/components/prompt/PromptFooter.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { StickyFooterProps } from '../sticky-footer';
+export interface PromptFooterProps extends StickyFooterProps {
+}
+export declare const PromptFooter: FunctionComponent<PromptFooterProps>;
+//# sourceMappingURL=PromptFooter.d.ts.map

package/dist/definitions/components/prompt/PromptFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAe,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC"}

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

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

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

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

package/dist/definitions/components/sticky-footer/StickyFooter.d.ts

@@ -1,11 +1,10 @@
 import { DefaultProps } from '@mantine/core';
 import { FunctionComponent } from 'react';
-interface StickyFooterProps extends DefaultProps {
+export interface StickyFooterProps extends DefaultProps {
     /**
      * Whether a border is render on top of the footer
      */
     borderTop?: boolean;
 }
 export declare const StickyFooter: FunctionComponent<StickyFooterProps>;
-export {};
 //# sourceMappingURL=StickyFooter.d.ts.map

package/dist/definitions/components/sticky-footer/StickyFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAwB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,UAAU,iBAAkB,SAAQ,YAAY;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAW7D,CAAC"}
+{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAwB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAW7D,CAAC"}

package/dist/esm/components/collection/Colllection.styles.js

@@ -3,7 +3,8 @@ export default createStyles(function(theme) {
     return {
         root: {},
         item: {
-            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black
+            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
+            alignItems: "baseline"
         },
         itemDragging: {
             boxShadow: theme.shadows.sm

package/dist/esm/components/collection/Colllection.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/collection/Colllection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {},\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA,SAAQA,YAAY,QAAO,eAAe,CAAC;AAI3C,eAAeA,YAAY,CAAC,SAACC,KAAK;WAAM;QACpCC,IAAI,EAAE,EAAE;QACRC,IAAI,EAAE;YACFC,eAAe,EAAEH,KAAK,CAACI,WAAW,KAAK,OAAO,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACM,KAAK;SAC7E;QACDC,YAAY,EAAE;YACVC,SAAS,EAAER,KAAK,CAACS,OAAO,CAACC,EAAE;SAC9B;KACJ;CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/collection/Colllection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {},\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        alignItems: 'baseline',\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","alignItems","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA,SAAQA,YAAY,QAAO,eAAe,CAAC;AAI3C,eAAeA,YAAY,CAAC,SAACC,KAAK;WAAM;QACpCC,IAAI,EAAE,EAAE;QACRC,IAAI,EAAE;YACFC,eAAe,EAAEH,KAAK,CAACI,WAAW,KAAK,OAAO,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACM,KAAK;YAC1EC,UAAU,EAAE,UAAU;SACzB;QACDC,YAAY,EAAE;YACVC,SAAS,EAAET,KAAK,CAACU,OAAO,CAACC,EAAE;SAC9B;KACJ;CAAC,CAAC,CAAC"}

package/dist/esm/components/index.js

@@ -6,6 +6,7 @@ export * from "./sticky-footer";
 export * from "./header";
 export * from "./inline-confirm";
 export * from "./table";
+export * from "./prompt";
 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 './modal-wizard';\n"],"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,gBAAgB,CAAC"}
+{"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,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"}

package/dist/esm/components/prompt/Prompt.js

@@ -0,0 +1,90 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { createStyles, Modal } from "@mantine/core";
+import { Children } from "react";
+import { PromptFooter } from "./PromptFooter";
+var useStyles = createStyles(function(theme) {
+    var white = "#fff";
+    return {
+        body: {
+            padding: 0
+        },
+        modalType: {
+            overflow: "hidden",
+            width: 550
+        },
+        innerBody: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
+        },
+        header: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
+            width: "100%",
+            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
+            fontSize: theme.headings.sizes.h4.fontSize,
+            lineHeight: theme.headings.sizes.h4.fontSize
+        },
+        default: {},
+        success: {
+            backgroundColor: theme.colors.lime[6],
+            color: white
+        },
+        warning: {
+            backgroundColor: theme.colors.yellow[5],
+            color: white
+        },
+        critical: {
+            backgroundColor: theme.colors.red[6],
+            color: white
+        },
+        info: {
+            backgroundColor: theme.colors.navy[5],
+            color: white
+        },
+        whiteClose: {
+            color: white,
+            "&:hover": {
+                backgroundColor: "transparent"
+            }
+        }
+    };
+});
+export var Prompt = function(_param) {
+    var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _object_without_properties(_param, [
+        "children",
+        "variant",
+        "size"
+    ]);
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    var defaultVariant = variant === "default";
+    var convertedChildren = Children.toArray(children);
+    var otherChildren = convertedChildren.filter(function(child) {
+        return child.type !== PromptFooter;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === PromptFooter;
+    });
+    var classNames = {
+        header: cx(classes.header, classes[variant]),
+        close: !defaultVariant && classes.whiteClose,
+        body: classes.body,
+        modal: !defaultVariant && classes.modalType
+    };
+    return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
+        padding: 0,
+        classNames: classNames,
+        size: defaultVariant ? size : "sm"
+    }, otherProps), {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: classes.innerBody,
+                children: otherChildren
+            }),
+            footer
+        ]
+    }));
+};
+Prompt.Footer = PromptFooter;
+
+//# sourceMappingURL=Prompt.js.map

package/dist/esm/components/prompt/Prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n    const white = '#fff';\n    return {\n        body: {\n            padding: 0,\n        },\n        modalType: {overflow: 'hidden', width: 550},\n        innerBody: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n        },\n        header: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n            width: '100%',\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n            fontSize: theme.headings.sizes.h4.fontSize,\n            lineHeight: theme.headings.sizes.h4.fontSize,\n        },\n        default: {},\n        success: {backgroundColor: theme.colors.lime[6], color: white},\n        warning: {backgroundColor: theme.colors.yellow[5], color: white},\n        critical: {\n            backgroundColor: theme.colors.red[6],\n            color: white,\n        },\n        info: {backgroundColor: theme.colors.navy[5], color: white},\n        whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n    };\n});\n\nexport interface PromptProps extends ModalProps {\n    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n    const {classes, cx} = useStyles();\n    const defaultVariant = variant === 'default';\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: !defaultVariant && classes.whiteClose,\n        body: classes.body,\n        modal: !defaultVariant && classes.modalType,\n    };\n\n    return (\n        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["createStyles","Modal","Children","PromptFooter","useStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","Prompt","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","classNames","close","modal","div","className","Footer"],"mappings":"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"}

package/dist/esm/components/prompt/PromptFooter.js

@@ -0,0 +1,15 @@
+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 { StickyFooter } from "../sticky-footer";
+export var PromptFooter = function(_param) /*#__PURE__*/ {
+    var children = _param.children, otherProps = _object_without_properties(_param, [
+        "children"
+    ]);
+    return _jsx(StickyFooter, _object_spread_props(_object_spread({}, otherProps), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=PromptFooter.js.map

package/dist/esm/components/prompt/PromptFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PromptFooterProps> = ({children, ...otherProps}) => (\n    <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["StickyFooter","PromptFooter","children","otherProps"],"mappings":"AAAA;;;;AACA,SAAQA,YAAY,QAA0B,kBAAkB,CAAC;AAIjE,OAAO,IAAMC,YAAY,GAAyC,+BAC9D;QADgEC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WACxE,KAACF,YAAY,0CAAKG,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,CAAC"}

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

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

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

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

package/dist/esm/components/sticky-footer/StickyFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\ninterface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<StickyFooterProps> = ({borderTop, children, ...others}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["createStyles","Divider","Group","Paper","useStyles","footer","position","bottom","zIndex","maxHeight","StickyFooter","borderTop","children","others","classes","className","size","spacing","py","px"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,OAAO,EAAEC,KAAK,EAAEC,KAAK,QAAO,eAAe,CAAC;AAUhF,IAAMC,SAAS,GAAGJ,YAAY,CAAC;WAAO;QAClCK,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEJ,OAAO,IAAMC,YAAY,GAAyC,iBAAsC;QAApCC,SAAS,UAATA,SAAS,EAAEC,QAAQ,UAARA,QAAQ,EAAKC,MAAM;QAA9BF,WAAS;QAAEC,UAAQ;;IACnF,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,MAACX,KAAK;QAACY,SAAS,EAAED,OAAO,CAACT,MAAM;;YAC3BM,SAAS,iBAAG,KAACV,OAAO;gBAACe,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,KAACd,KAAK;gBAACI,QAAQ,EAAC,OAAO;gBAACW,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKN,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<StickyFooterProps> = ({borderTop, children, ...others}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["createStyles","Divider","Group","Paper","useStyles","footer","position","bottom","zIndex","maxHeight","StickyFooter","borderTop","children","others","classes","className","size","spacing","py","px"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,OAAO,EAAEC,KAAK,EAAEC,KAAK,QAAO,eAAe,CAAC;AAUhF,IAAMC,SAAS,GAAGJ,YAAY,CAAC;WAAO;QAClCK,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEJ,OAAO,IAAMC,YAAY,GAAyC,iBAAsC;QAApCC,SAAS,UAATA,SAAS,EAAEC,QAAQ,UAARA,QAAQ,EAAKC,MAAM;QAA9BF,WAAS;QAAEC,UAAQ;;IACnF,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,MAACX,KAAK;QAACY,SAAS,EAAED,OAAO,CAACT,MAAM;;YAC3BM,SAAS,iBAAG,KAACV,OAAO;gBAACe,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,KAACd,KAAK;gBAACI,QAAQ,EAAC,OAAO;gBAACW,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKN,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,CAAC"}

package/package.json

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

package/src/components/collection/Colllection.styles.ts

@@ -6,6 +6,7 @@ export default createStyles((theme) => ({
     root: {},
     item: {
         backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,
+        alignItems: 'baseline',
     },
     itemDragging: {
         boxShadow: theme.shadows.sm,

package/src/components/index.ts

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

package/src/components/prompt/Prompt.tsx

@@ -0,0 +1,66 @@
+import {createStyles, Modal, ModalProps} from '@mantine/core';
+import {Children, ReactElement, ReactNode} from 'react';
+import {PromptFooter} from './PromptFooter';
+
+const useStyles = createStyles((theme) => {
+    const white = '#fff';
+    return {
+        body: {
+            padding: 0,
+        },
+        modalType: {overflow: 'hidden', width: 550},
+        innerBody: {
+            padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,
+        },
+        header: {
+            padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,
+            width: '100%',
+            borderBottom: `1px solid ${theme.colors.gray[3]}`,
+            fontSize: theme.headings.sizes.h4.fontSize,
+            lineHeight: theme.headings.sizes.h4.fontSize,
+        },
+        default: {},
+        success: {backgroundColor: theme.colors.lime[6], color: white},
+        warning: {backgroundColor: theme.colors.yellow[5], color: white},
+        critical: {
+            backgroundColor: theme.colors.red[6],
+            color: white,
+        },
+        info: {backgroundColor: theme.colors.navy[5], color: white},
+        whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},
+    };
+});
+
+export interface PromptProps extends ModalProps {
+    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';
+    children: ReactNode;
+}
+interface PromptType {
+    (props: PromptProps): ReactElement;
+    Footer: typeof PromptFooter;
+}
+
+export const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {
+    const {classes, cx} = useStyles();
+    const defaultVariant = variant === 'default';
+    const convertedChildren = Children.toArray(children) as ReactElement[];
+
+    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);
+    const footer = convertedChildren.find((child) => child.type === PromptFooter);
+
+    const classNames = {
+        header: cx(classes.header, classes[variant]),
+        close: !defaultVariant && classes.whiteClose,
+        body: classes.body,
+        modal: !defaultVariant && classes.modalType,
+    };
+
+    return (
+        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>
+            <div className={classes.innerBody}>{otherChildren}</div>
+            {footer}
+        </Modal>
+    );
+};
+
+Prompt.Footer = PromptFooter;

package/src/components/prompt/PromptFooter.tsx

@@ -0,0 +1,8 @@
+import {FunctionComponent} from 'react';
+import {StickyFooter, StickyFooterProps} from '../sticky-footer';
+
+export interface PromptFooterProps extends StickyFooterProps {}
+
+export const PromptFooter: FunctionComponent<PromptFooterProps> = ({children, ...otherProps}) => (
+    <StickyFooter {...otherProps}>{children}</StickyFooter>
+);

package/src/components/prompt/__tests__/Prompt.spec.tsx

@@ -0,0 +1,29 @@
+import {render, screen} from '@test-utils';
+import {Prompt} from '../Prompt';
+
+describe('Prompt', () => {
+    it('displays the title, body and close button', () => {
+        render(
+            <Prompt variant="default" opened onClose={jest.fn()} title="title modal">
+                content modal
+                <Prompt.Footer>footer content</Prompt.Footer>
+            </Prompt>
+        );
+        expect(screen.getByText(/content modal/i)).toBeInTheDocument();
+        expect(screen.getByText(/footer content/i)).toBeInTheDocument();
+        expect(screen.getByText(/title modal/i)).toBeInTheDocument();
+        expect(screen.getByRole('button')).toBeInTheDocument();
+    });
+
+    it('calls onClose when clicking on the close button', () => {
+        const onClose = jest.fn();
+        render(
+            <Prompt variant="default" opened onClose={onClose} title="title modal">
+                content modal
+            </Prompt>
+        );
+
+        screen.getByRole('button').click();
+        expect(onClose).toHaveBeenCalledTimes(1);
+    });
+});

package/src/components/prompt/index.ts

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

package/src/components/sticky-footer/StickyFooter.tsx

@@ -1,7 +1,7 @@
 import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';
 import {FunctionComponent} from 'react';
 
-interface StickyFooterProps extends DefaultProps {
+export interface StickyFooterProps extends DefaultProps {
     /**
      * Whether a border is render on top of the footer
      */