@coveord/plasma-mantine 55.3.2 → 55.3.4-next.0

package/dist/esm/components/button/Button.js

@@ -23,5 +23,22 @@ export const Button = polymorphicFactory(({ disabledTooltip, disabled, disabledT
     });
 });
 Button.Group = MantineButton.Group;
+export const ButtonPrimary = Button.withProps({
+    variant: 'filled'
+});
+export const ButtonSecondary = Button.withProps({
+    variant: 'light'
+});
+export const ButtonTertiary = Button.withProps({
+    variant: 'subtle'
+});
+export const ButtonDestructive = Button.withProps({
+    variant: 'filled',
+    color: 'var(--mantine-color-error)'
+});
+export const ButtonDestructiveSecondary = Button.withProps({
+    variant: 'light',
+    color: 'var(--mantine-color-error)'
+});
 
 //# sourceMappingURL=Button.js.map

package/dist/esm/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n    Button as MantineButton,\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonProps as MantineButtonProps,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"mappings":";AAAA,SACIA,UAAUC,aAAa,EAOvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,8BAA8B;AAmBtG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACFX,OAAOsB,KAAK,GAAGrB,cAAcqB,KAAK"}
+{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n    Button as MantineButton,\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonProps as MantineButtonProps,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nButton.Group = MantineButton.Group;\n\nexport const ButtonPrimary = Button.withProps({variant: 'filled'});\nexport const ButtonSecondary = Button.withProps({variant: 'light'});\nexport const ButtonTertiary = Button.withProps({variant: 'subtle'});\nexport const ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nexport const ButtonDestructiveSecondary = Button.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\n"],"names":["Button","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","Group","ButtonPrimary","withProps","ButtonSecondary","ButtonTertiary","ButtonDestructive","color","ButtonDestructiveSecondary"],"mappings":";AAAA,SACIA,UAAUC,aAAa,EAOvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,8BAA8B;AAmBtG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACFX,OAAOsB,KAAK,GAAGrB,cAAcqB,KAAK;AAElC,OAAO,MAAMC,gBAAgBvB,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAQ,GAAG;AACnE,OAAO,MAAMQ,kBAAkBzB,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAO,GAAG;AACpE,OAAO,MAAMS,iBAAiB1B,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAQ,GAAG;AACpE,OAAO,MAAMU,oBAAoB3B,OAAOwB,SAAS,CAAC;IAACP,SAAS;IAAUW,OAAO;AAA4B,GAAG;AAC5G,OAAO,MAAMC,6BAA6B7B,OAAOwB,SAAS,CAAC;IAACP,SAAS;IAASW,OAAO;AAA4B,GAAG"}

package/dist/esm/components/header/Header.module.css

@@ -5,18 +5,13 @@
     }
 
     & .description {
-        color: var(--mantine-color-gray-6);
+        color: var(--mantine-color-dimmed);
         font-weight: 300;
     }
 }
 
 .title {
     word-break: break-word;
-
-    &[data-variant='primary'] {
-        color: var(--mantine-color-gray-5);
-    }
-
     line-height: var(--mantine-line-height-md);
 }
 
@@ -31,5 +26,5 @@
 }
 
 .breadcrumbsSeparator {
-    color: var(--mantine-color-gray-5);
+    color: var(--mantine-color-dimmed);
 }

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

@@ -1,4 +1,6 @@
 export * from './action-icon';
+export * from './alert';
+export * from './badge';
 export * from './blank-slate';
 export * from './browser-preview';
 export * from './button';

package/dist/esm/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,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -1,4 +1,6 @@
 export * from './action-icon';
+export * from './alert';
+export * from './badge';
 export * from './blank-slate';
 export * from './browser-preview';
 export * from './button';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FADmB,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCAD7K,CAAC"}
+{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAD+B,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}

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

@@ -55,7 +55,7 @@ export const Prompt = factory((_props, ref)=>{
         children: /*#__PURE__*/ _jsxs(Modal.Root, {
             ref: ref,
             variant: "prompt",
-            size: "sm",
+            size: "lg",
             ...others,
             ...getStyles('root'),
             children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    Modal,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof PromptFooter;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\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    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footer}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,SAAQC,YAAY,QAAO,iBAAiB;AAqC5C,MAAMC,2BAA0D;IAC5DC,SAASR;IACTS,SAASR;IACTS,UAAUZ;IACVa,MAAMZ;AACV;AAEA,MAAMa,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACApB;QACAuB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBvC,SAASwC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKnC;IACzE,MAAMoC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKnC;IAEhE,qBACI,KAACJ;QAAsB0C,OAAO;YAAC/B;YAASoB;QAAS;kBAC7C,cAAA,MAACvC,MAAMmD,IAAI;YAACvB,KAAKA;YAAKT,SAAQ;YAASiC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACvC,MAAMqD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACzC,MAAMsD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACzC,MAAMuD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACGyD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK7C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM2D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC9B,MAAM4D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACzC,MAAM6D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGpD;AACtBgB,OAAOqC,aAAa,GAAGpD;AACvBe,OAAOsC,MAAM,GAAGpD"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    Modal,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof PromptFooter;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\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    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"lg\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footer}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,SAAQC,YAAY,QAAO,iBAAiB;AAqC5C,MAAMC,2BAA0D;IAC5DC,SAASR;IACTS,SAASR;IACTS,UAAUZ;IACVa,MAAMZ;AACV;AAEA,MAAMa,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACApB;QACAuB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBvC,SAASwC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKnC;IACzE,MAAMoC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKnC;IAEhE,qBACI,KAACJ;QAAsB0C,OAAO;YAAC/B;YAASoB;QAAS;kBAC7C,cAAA,MAACvC,MAAMmD,IAAI;YAACvB,KAAKA;YAAKT,SAAQ;YAASiC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACvC,MAAMqD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACzC,MAAMsD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACzC,MAAMuD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACGyD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK7C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM2D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC9B,MAAM4D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACzC,MAAM6D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGpD;AACtBgB,OAAOqC,aAAa,GAAGpD;AACvBe,OAAOsC,MAAM,GAAGpD"}

package/dist/esm/components/prompt/Prompt.module.css

@@ -1,14 +1,9 @@
 .root {
-    --prompt-icon-size: 88px;
-
-    .header {
-        border-bottom: none;
-        align-items: center;
-    }
+    --prompt-icon-size: 68px;
 
     .body {
         padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
-            calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
+            calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
     }
 }
 
@@ -18,18 +13,12 @@
 }
 
 .header {
-    gap: var(--mantine-spacing-lg);
+    gap: var(--mantine-spacing-md);
     width: 100%;
-    font-size: var(--mantine-h3-font-size);
-    line-height: var(--mantine-h3-line-height);
     overflow-wrap: anywhere;
     padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
 }
 
-.close {
-    align-self: flex-start;
-}
-
 .inner {
-    color: var(--mantine-color-gray-7);
+    color: var(--mantine-color-dimmed);
 }

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

@@ -3,10 +3,10 @@ import { factory, useProps } from '@mantine/core';
 import { Button } from '../button/Button';
 import { usePromptContext } from './Prompt.context';
 const COLOR_BY_VARIANT = {
-    success: 'action',
-    info: 'action',
-    warning: 'critical',
-    critical: 'critical'
+    success: 'var(--mantine-primary-color-filled)',
+    info: 'var(--mantine-primary-color-filled)',
+    warning: 'var(--mantine-color-error)',
+    critical: 'var(--mantine-color-error)'
 };
 const defaultProps = {};
 export const PromptConfirmButton = factory((_props, ref)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n    extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n    props: PromptConfirmButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptConfirmButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n    success: 'action',\n    info: 'action',\n    warning: 'critical',\n    critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n    const {variant, getStyles} = usePromptContext();\n    const props = useProps('PromptConfirmButton', defaultProps, _props);\n    const {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n    extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n    props: PromptConfirmButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptConfirmButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n    success: 'var(--mantine-primary-color-filled)',\n    info: 'var(--mantine-primary-color-filled)',\n    warning: 'var(--mantine-color-error)',\n    critical: 'var(--mantine-color-error)',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n    const {variant, getStyles} = usePromptContext();\n    const props = useProps('PromptConfirmButton', defaultProps, _props);\n    const {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}

package/dist/esm/components/sticky-footer/StickyFooter.module.css

@@ -2,11 +2,11 @@
     position: sticky;
     bottom: 0;
     z-index: 10;
-    background-color: white;
+    background-color: var(--mantine-color-body);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
 
     &[data-variant='modal-footer'] {
-        border-top: 1px solid var(--mantine-color-gray-3);
+        border-top: 1px solid var(--mantine-color-default-border);
         padding-bottom: 0;
         margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
             calc(-1 * var(--mb-padding));
@@ -14,5 +14,5 @@
 }
 
 .border {
-    border-top: 1px solid var(--mantine-color-gray-3);
+    border-top: 1px solid var(--mantine-color-default-border);
 }

package/dist/esm/components/table/table-column/TableSelectableColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CA8BpD,CAAC"}
+{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CAkCpD,CAAC"}

package/dist/esm/components/table/table-column/TableSelectableColumn.js

@@ -27,7 +27,11 @@ import { Checkbox, Tooltip } from '@mantine/core';
             indeterminate: row.getIsSomeSelected(),
             onChange: row.getToggleSelectedHandler(),
             flex: 1,
-            "aria-label": "Select row"
+            "aria-label": "Select row",
+            onDoubleClick: (event)=>{
+                event.preventDefault();
+                event.stopPropagation();
+            }
         })
 };
 

package/dist/esm/components/table/table-column/TableSelectableColumn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n    id: 'select',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: ({table}) => {\n        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n        return (\n            <Tooltip label={label}>\n                <Checkbox\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={table.getToggleAllPageRowsSelectedHandler()}\n                    flex={1}\n                    aria-label={label}\n                />\n            </Tooltip>\n        );\n    },\n    cell: ({row}) => (\n        <Checkbox\n            checked={row.getIsSelected()}\n            indeterminate={row.getIsSomeSelected()}\n            onChange={row.getToggleSelectedHandler()}\n            flex={1}\n            aria-label=\"Select row\"\n        />\n    ),\n};\n"],"names":["Checkbox","Tooltip","TableSelectableColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","label","getIsAllRowsSelected","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","flex","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,OAAO,QAAO,gBAAgB;AAGhD;;CAEC,GACD,OAAO,MAAMC,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ,CAAC,EAACC,KAAK,EAAC;QACZ,MAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,KAACV;YAAQS,OAAOA;sBACZ,cAAA,KAACV;gBACGY,SAASH,MAAMI,wBAAwB;gBACvCC,eAAeL,MAAMM,yBAAyB;gBAC9CC,UAAUP,MAAMQ,mCAAmC;gBACnDC,MAAM;gBACNC,cAAYT;;;IAI5B;IACAU,MAAM,CAAC,EAACC,GAAG,EAAC,iBACR,KAACrB;YACGY,SAASS,IAAIC,aAAa;YAC1BR,eAAeO,IAAIE,iBAAiB;YACpCP,UAAUK,IAAIG,wBAAwB;YACtCN,MAAM;YACNC,cAAW;;AAGvB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n    id: 'select',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: ({table}) => {\n        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n        return (\n            <Tooltip label={label}>\n                <Checkbox\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={table.getToggleAllPageRowsSelectedHandler()}\n                    flex={1}\n                    aria-label={label}\n                />\n            </Tooltip>\n        );\n    },\n    cell: ({row}) => (\n        <Checkbox\n            checked={row.getIsSelected()}\n            indeterminate={row.getIsSomeSelected()}\n            onChange={row.getToggleSelectedHandler()}\n            flex={1}\n            aria-label=\"Select row\"\n            onDoubleClick={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n            }}\n        />\n    ),\n};\n"],"names":["Checkbox","Tooltip","TableSelectableColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","label","getIsAllRowsSelected","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","flex","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","onDoubleClick","event","preventDefault","stopPropagation"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,OAAO,QAAO,gBAAgB;AAGhD;;CAEC,GACD,OAAO,MAAMC,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ,CAAC,EAACC,KAAK,EAAC;QACZ,MAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,KAACV;YAAQS,OAAOA;sBACZ,cAAA,KAACV;gBACGY,SAASH,MAAMI,wBAAwB;gBACvCC,eAAeL,MAAMM,yBAAyB;gBAC9CC,UAAUP,MAAMQ,mCAAmC;gBACnDC,MAAM;gBACNC,cAAYT;;;IAI5B;IACAU,MAAM,CAAC,EAACC,GAAG,EAAC,iBACR,KAACrB;YACGY,SAASS,IAAIC,aAAa;YAC1BR,eAAeO,IAAIE,iBAAiB;YACpCP,UAAUK,IAAIG,wBAAwB;YACtCN,MAAM;YACNC,cAAW;YACXM,eAAe,CAACC;gBACZA,MAAMC,cAAc;gBACpBD,MAAME,eAAe;YACzB;;AAGZ,EAAE"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAIrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EAExB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EA6DhB,CAAC"}
+{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAIrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EAExB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EA+DhB,CAAC"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js

@@ -15,6 +15,10 @@ export const TableDateRangePicker = factory((props, ref)=>{
     const [opened, setOpened] = useState(false);
     const onApply = (dates)=>{
         store.setDateRange(dates);
+        store.setPagination({
+            pageIndex: 0,
+            pageSize: store.state.pagination.pageSize
+        });
         setOpened(false);
     };
     const onCancel = ()=>{

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Grid, InputBase, Popover, factory, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {useState} from 'react';\nimport {\n    DateRangePickerInlineCalendar,\n    DateRangePickerInlineCalendarProps,\n    DateRangePickerPreset,\n    DateRangePickerValue,\n} from '../../date-range-picker';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n    extends BoxProps,\n        CompoundStylesApiProps<TableDateRangePickerFactory>,\n        Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n    props: TableDateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: TableDateRangePickerStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n    presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableDateRangePicker',\n        defaultProps,\n        props,\n    );\n    const [opened, setOpened] = useState(false);\n\n    const onApply = (dates: DateRangePickerValue) => {\n        store.setDateRange(dates);\n        setOpened(false);\n    };\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n    const dateRangeInitialized = store.state.dateRange.every((date) => date instanceof Date);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.DateRangePicker}\n            ref={ref}\n            {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Popover withinPortal opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <InputBase\n                        component=\"button\"\n                        leftSection={<CalendarSize16Px height={16} />}\n                        miw={220}\n                        onClick={() => setOpened(true)}\n                    >\n                        {dateRangeInitialized ? formattedRange : 'Select date range'}\n                    </InputBase>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={store.state.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </Grid.Col>\n    );\n});\n"],"names":["CalendarSize16Px","Grid","InputBase","Popover","factory","useProps","dayjs","useState","DateRangePickerInlineCalendar","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","classNames","className","styles","style","vars","others","opened","setOpened","onApply","dates","setDateRange","onCancel","formatDate","date","format","formattedRange","state","dateRange","dateRangeInitialized","every","Date","stylesApiProps","Col","span","order","DateRangePicker","withinPortal","onChange","Target","component","leftSection","height","miw","onClick","Dropdown","p","initialRange"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAmDC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACrH,OAAOC,WAAW,QAAQ;AAE1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACIC,6BAA6B,QAI1B,0BAA0B;AACjC,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AA6BhD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBT,QAAqC,CAACU,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,OAAO,EAAEM,kBAAkB,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGnB,SACzF,8BACAM,cACAG;IAEJ,MAAM,CAACW,QAAQC,UAAU,GAAGnB,SAAS;IAErC,MAAMoB,UAAU,CAACC;QACbZ,MAAMa,YAAY,CAACD;QACnBF,UAAU;IACd;IACA,MAAMI,WAAW;QACbJ,UAAU;IACd;IAEA,MAAMK,aAAa,CAACC,OAAe1B,MAAM0B,MAAMC,MAAM,CAAC;IACtD,MAAMC,iBAAiB,GAAGH,WAAWf,MAAMmB,KAAK,CAACC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEL,WAAWf,MAAMmB,KAAK,CAACC,SAAS,CAAC,EAAE,GAAG;IAC1G,MAAMC,uBAAuBrB,MAAMmB,KAAK,CAACC,SAAS,CAACE,KAAK,CAAC,CAACN,OAASA,gBAAgBO;IAEnF,MAAMC,iBAAiB;QAACrB;QAAYE;IAAM;IAE1C,qBACI,KAACpB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOlC,qBAAqBmC,eAAe;QAC3C7B,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACG;YAAWE;YAAO,GAAGkB,cAAc;QAAA,EAAE;QACpE,GAAGhB,MAAM;kBAEV,cAAA,MAACrB;YAAQ0C,YAAY;YAACpB,QAAQA;YAAQqB,UAAUpB;;8BAC5C,KAACvB,QAAQ4C,MAAM;8BACX,cAAA,KAAC7C;wBACG8C,WAAU;wBACVC,2BAAa,KAACjD;4BAAiBkD,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS,IAAM1B,UAAU;kCAExBW,uBAAuBH,iBAAiB;;;8BAGjD,KAAC/B,QAAQkD,QAAQ;oBAACC,GAAG;8BACjB,cAAA,KAAC9C;wBACG+C,cAAcvC,MAAMmB,KAAK,CAACC,SAAS;wBACnCT,SAASA;wBACTG,UAAUA;wBACVlB,SAASA;wBACTM,oBAAoBA;;;;;;AAM5C,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Grid, InputBase, Popover, factory, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {useState} from 'react';\nimport {\n    DateRangePickerInlineCalendar,\n    DateRangePickerInlineCalendarProps,\n    DateRangePickerPreset,\n    DateRangePickerValue,\n} from '../../date-range-picker';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n    extends BoxProps,\n        CompoundStylesApiProps<TableDateRangePickerFactory>,\n        Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n    props: TableDateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: TableDateRangePickerStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n    presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableDateRangePicker',\n        defaultProps,\n        props,\n    );\n    const [opened, setOpened] = useState(false);\n\n    const onApply = (dates: DateRangePickerValue) => {\n        store.setDateRange(dates);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n        setOpened(false);\n    };\n\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n    const dateRangeInitialized = store.state.dateRange.every((date) => date instanceof Date);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.DateRangePicker}\n            ref={ref}\n            {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Popover withinPortal opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <InputBase\n                        component=\"button\"\n                        leftSection={<CalendarSize16Px height={16} />}\n                        miw={220}\n                        onClick={() => setOpened(true)}\n                    >\n                        {dateRangeInitialized ? formattedRange : 'Select date range'}\n                    </InputBase>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={store.state.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </Grid.Col>\n    );\n});\n"],"names":["CalendarSize16Px","Grid","InputBase","Popover","factory","useProps","dayjs","useState","DateRangePickerInlineCalendar","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","classNames","className","styles","style","vars","others","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","format","formattedRange","dateRange","dateRangeInitialized","every","Date","stylesApiProps","Col","span","order","DateRangePicker","withinPortal","onChange","Target","component","leftSection","height","miw","onClick","Dropdown","p","initialRange"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAmDC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACrH,OAAOC,WAAW,QAAQ;AAE1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACIC,6BAA6B,QAI1B,0BAA0B;AACjC,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AA6BhD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBT,QAAqC,CAACU,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,OAAO,EAAEM,kBAAkB,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGnB,SACzF,8BACAM,cACAG;IAEJ,MAAM,CAACW,QAAQC,UAAU,GAAGnB,SAAS;IAErC,MAAMoB,UAAU,CAACC;QACbZ,MAAMa,YAAY,CAACD;QACnBZ,MAAMc,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUhB,MAAMiB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,MAAMS,WAAW;QACbT,UAAU;IACd;IAEA,MAAMU,aAAa,CAACC,OAAe/B,MAAM+B,MAAMC,MAAM,CAAC;IACtD,MAAMC,iBAAiB,GAAGH,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEJ,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,GAAG;IAC1G,MAAMC,uBAAuBzB,MAAMiB,KAAK,CAACO,SAAS,CAACE,KAAK,CAAC,CAACL,OAASA,gBAAgBM;IAEnF,MAAMC,iBAAiB;QAACzB;QAAYE;IAAM;IAE1C,qBACI,KAACpB,KAAK4C,GAAG;QACLC,MAAK;QACLC,OAAOtC,qBAAqBuC,eAAe;QAC3CjC,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACG;YAAWE;YAAO,GAAGsB,cAAc;QAAA,EAAE;QACpE,GAAGpB,MAAM;kBAEV,cAAA,MAACrB;YAAQ8C,YAAY;YAACxB,QAAQA;YAAQyB,UAAUxB;;8BAC5C,KAACvB,QAAQgD,MAAM;8BACX,cAAA,KAACjD;wBACGkD,WAAU;wBACVC,2BAAa,KAACrD;4BAAiBsD,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS,IAAM9B,UAAU;kCAExBe,uBAAuBF,iBAAiB;;;8BAGjD,KAACpC,QAAQsD,QAAQ;oBAACC,GAAG;8BACjB,cAAA,KAAClD;wBACGmD,cAAc3C,MAAMiB,KAAK,CAACO,SAAS;wBACnCb,SAASA;wBACTQ,UAAUA;wBACVvB,SAASA;wBACTM,oBAAoBA;;;;;;AAM5C,GAAG"}

package/dist/esm/styles/Alert.module.css

@@ -1,35 +1,10 @@
 .root {
-    padding: var(--mantine-spacing-sm);
-
     &:not(&[data-variant]) {
+        /* TODO: Plasma Reset, validate if we need the border */
         border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
     }
 }
 
-.wrapper {
-    gap: var(--mantine-spacing-sm);
-}
-
 .title {
     font-weight: 500;
 }
-
-.icon {
-    width: 16px;
-    height: 16px;
-    margin-right: 0;
-}
-
-.message {
-    @mixin light {
-        color: var(--mantine-color-gray-7);
-
-        &:where([data-variant='filled']) {
-            color: var(--alert-color);
-        }
-    }
-
-    &:where([data-variant='white']) {
-        color: var(--mantine-color-black);
-    }
-}

package/dist/esm/styles/Badge.module.css

@@ -1,5 +1,3 @@
 .root {
-    text-transform: none;
-    padding: var(--mantine-spacing-xxs) var(--mantine-spacing-xs);
     font-weight: 500;
 }

package/dist/esm/styles/Checkbox.module.css

@@ -1,15 +1,3 @@
 .label {
-    font-size: var(--mantine-font-size-sm);
     font-weight: 300;
 }
-
-.input {
-    &[data-indeterminate] {
-        background-color: var(--mantine-color-pureWhite);
-        border-color: var(--mantine-color-gray-4);
-
-        & + svg {
-            color: var(--mantine-color-gray-6);
-        }
-    }
-}

package/dist/esm/styles/Combobox.module.css

@@ -1,9 +1,10 @@
+/* TODO: Plasma Reset, validate if we need the custom style for the search */
 .search {
     margin: 0 0 var(--mantine-spacing-xs);
-    border-radius: var(--mantine-radius-md);
+    border-radius: var(--mantine-radius-default);
     border: 1px solid;
     width: 100%;
-    border-color: var(--mantine-color-gray-4);
+    border-color: var(--mantine-color-default-border);
 
     &:focus {
         border-color: var(--mantine-primary-color-filled);

package/dist/esm/styles/InputWrapper.module.css

@@ -1,16 +1,7 @@
-.label {
-    margin-bottom: var(--mantine-spacing-xs);
-}
-
 .description {
-    font-size: var(--mantine-font-size-sm);
-    color: var(--mantine-color-gray-7);
-    margin-bottom: var(--mantine-spacing-xs);
-    line-height: var(--mantine-line-height);
     font-weight: 300;
 }
 
 .error {
-    line-height: var(--mantine-line-height);
     font-weight: 300;
 }

package/dist/esm/styles/Modal.module.css

@@ -1,65 +1,3 @@
-.root {
-    &[data-full-screen] {
-        .content {
-            flex: 0 0 100%;
-        }
-    }
-
-    &[data-size='xs'] {
-        .content {
-            flex: 0 0 rem(432px);
-        }
-    }
-
-    &[data-size='sm'] {
-        .content {
-            flex: 0 0 rem(664px);
-        }
-    }
-
-    &[data-size='md'] {
-        .content {
-            flex: 0 0 rem(896px);
-        }
-    }
-
-    &[data-size='lg'] {
-        .content {
-            flex: 0 0 rem(1120px);
-        }
-    }
-
-    &[data-size='xl'] {
-        .content {
-            flex: 0 0 rem(88%);
-        }
-    }
-
-    &:not([data-size]) {
-        .content {
-            flex: 0 0 rem(896px);
-        }
-    }
-}
-
-.content {
-    overflow: auto;
-}
-
-.header {
-    border-bottom: 1px solid var(--mantine-color-gray-3);
-    align-items: flex-start;
-}
-
 .title {
-    width: 100%;
-    font-size: var(--mantine-h3-font-size);
-    line-height: var(--mantine-h3-line-height);
     font-weight: 500;
 }
-
-.body {
-    &:where(:not(:only-child)) {
-        padding-top: var(--mb-padding, var(--mantine-spacing-md));
-    }
-}

package/dist/esm/styles/NavLink.module.css

@@ -1,21 +1,3 @@
-.root {
-    color: var(--mantine-color-gray-6);
-    line-height: var(--mantine-line-height);
-    border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
-
-    &[data-active] {
-        color: var(--mantine-primary-color-6);
-    }
-
-    @mixin hover {
-        @mixin light {
-            &:where(:not([data-active])) {
-                background-color: var(--mantine-color-gray-1);
-            }
-        }
-    }
-}
-
 .label {
     font-weight: 500;
 }

package/dist/esm/styles/Radio.module.css

@@ -1,10 +1,4 @@
 .labelWrapper {
     display: flex;
     align-items: flex-start;
-
-    &:not([data-disabled]) {
-        .label {
-            color: var(--mantine-color-gray-7);
-        }
-    }
 }

package/dist/esm/styles/ReadOnlyInput.module.css

@@ -2,7 +2,7 @@
     cursor: text;
 
     --input-bd: transparent;
-    --input-bg: var(--mantine-color-gray-2);
-    --input-color: var(--mantine-color-gray-7);
-    --input-placeholder-color: var(--mantine-color-gray-7);
+    --input-bg: var(--mantine-color-dark-light);
+    --input-color: var(--mantine-color-dimmed);
+    --input-placeholder-color: var(--mantine-color-dimmed);
 }

package/dist/esm/styles/SegmentedControl.module.css

@@ -1,35 +1,3 @@
-.root {
-    background-color: var(--mantine-color-gray-2);
-}
-
-.indicator {
-    border-radius: var(--sc-radius, var(--mantine-radius-sm));
-}
-
 .label {
     font-weight: 300;
-
-    @mixin light {
-        color: var(--mantine-color-gray-6);
-    }
-
-    &:where([data-disabled]) {
-        @mixin light {
-            color: var(--mantine-color-gray-5);
-        }
-    }
-
-    &:where([data-active]) {
-        @mixin light {
-            color: var(--sc-label-color, var(--mantine-color-black));
-        }
-    }
-
-    &:where(:not([data-disabled], [data-active], [data-read-only])) {
-        @mixin hover {
-            @mixin light {
-                color: var(--mantine-color-black);
-            }
-        }
-    }
 }