npm - @mantine/core - Versions diffs - 4.2.9 → 5.0.0-alpha.10 - Mend

@mantine/core 4.2.9 → 5.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1737) hide show

package/esm/components/ColorPicker/Thumb/Thumb.js CHANGED Viewed

@@ -24,9 +24,10 @@ function Thumb({
   classNames,
   style,
   size,
-  __staticSelector
+  __staticSelector,
+  unstyled
 }) {
-  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });
+  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector, unstyled });
   return /* @__PURE__ */ React.createElement("div", {
     className: cx(classes.thumb, className),
     style: __spreadValues({

package/esm/components/ColorPicker/Thumb/Thumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumb.js","sources":["../../../../src/components/ColorPicker/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport useStyles, { THUMB_SIZES } from './Thumb.styles';\n\nexport type ThumbStylesNames = Selectors<typeof useStyles>;\n\ninterface Position {\n x: number;\n y: number;\n}\n\nexport interface ThumbProps extends DefaultProps<ThumbStylesNames> {\n position: Position;\n size: MantineSize;\n __staticSelector: string;\n}\n\nexport function Thumb({\n position,\n className,\n styles,\n classNames,\n style,\n size,\n __staticSelector,\n}: ThumbProps) {\n const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });\n\n return (\n <div\n className={cx(classes.thumb, className)}\n style={{\n left: `calc(${position.x * 100}% - ${THUMB_SIZES[size] / 2}px)`,\n top: `calc(${position.y * 100}% - ${THUMB_SIZES[size] / 2}px)`,\n ...style,\n }}\n />\n );\n}\n\nThumb.displayName = '@mantine/core/Thumb';\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAGK,SAAS,KAAK,CAAC;AACtB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,gBAAgB;AAClB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;~~AAC9F~~,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;AAC3C,IAAI,KAAK,EAAE,cAAc,CAAC;AAC1B,MAAM,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACrE,MAAM,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACpE,KAAK,EAAE,KAAK,CAAC;AACb,GAAG,CAAC,CAAC;AACL,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
1	+ {"version":3,"file":"Thumb.js","sources":["../../../../src/components/ColorPicker/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport useStyles, { THUMB_SIZES } from './Thumb.styles';\n\nexport type ThumbStylesNames = Selectors<typeof useStyles>;\n\ninterface Position {\n x: number;\n y: number;\n}\n\nexport interface ThumbProps extends DefaultProps<ThumbStylesNames> {\n position: Position;\n size: MantineSize;\n __staticSelector: string;\n}\n\nexport function Thumb({\n position,\n className,\n styles,\n classNames,\n style,\n size,\n __staticSelector,\n unstyled,\n}: ThumbProps) {\n const { classes, cx } = useStyles(\n { size },\n { classNames, styles, name: __staticSelector, unstyled }\n );\n\n return (\n <div\n className={cx(classes.thumb, className)}\n style={{\n left: `calc(${position.x * 100}% - ${THUMB_SIZES[size] / 2}px)`,\n top: `calc(${position.y * 100}% - ${THUMB_SIZES[size] / 2}px)`,\n ...style,\n }}\n />\n );\n}\n\nThumb.displayName = '@mantine/core/Thumb';\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAGK,SAAS,KAAK,CAAC;AACtB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,gBAAgB;AAClB,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;AAC3C,IAAI,KAAK,EAAE,cAAc,CAAC;AAC1B,MAAM,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACrE,MAAM,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACpE,KAAK,EAAE,KAAK,CAAC;AACb,GAAG,CAAC,CAAC;AACL,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/esm/components/ColorSwatch/ColorSwatch.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { createPolymorphicComponent } from '@mantine/utils';
 import useStyles from './ColorSwatch.styles.js';
 import { Box } from '../Box/Box.js';
@@ -35,11 +36,10 @@ const defaultProps = {
   size: 25,
   radius: 25
 };
-const ColorSwatch = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("ColorSwatch", defaultProps, props), { component, color, size, radius, className, children, classNames, styles } = _a, others = __objRest(_a, ["component", "color", "size", "radius", "className", "children", "classNames", "styles"]);
-  const { classes, cx } = useStyles({ radius, size }, { classNames, styles, name: "ColorSwatch" });
+const _ColorSwatch = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("ColorSwatch", defaultProps, props), { color, size, radius, className, children, classNames, styles, unstyled } = _a, others = __objRest(_a, ["color", "size", "radius", "className", "children", "classNames", "styles", "unstyled"]);
+  const { classes, cx } = useStyles({ radius, size }, { classNames, styles, unstyled, name: "ColorSwatch" });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    component: component || "div",
     className: cx(classes.root, className),
     ref
   }, others), /* @__PURE__ */ React.createElement("div", {
@@ -53,7 +53,8 @@ const ColorSwatch = forwardRef((props, ref) => {
     className: cx(classes.children, classes.overlay)
   }, children));
 });
-ColorSwatch.displayName = "@mantine/core/ColorSwatch";
+_ColorSwatch.displayName = "@mantine/core/ColorSwatch";
+const ColorSwatch = createPolymorphicComponent(_ColorSwatch);
-export { ColorSwatch };
+export { ColorSwatch, _ColorSwatch };
 //# sourceMappingURL=ColorSwatch.js.map

package/esm/components/ColorSwatch/ColorSwatch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorSwatch.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n ~~PolymorphicComponentProps~~,\n ~~PolymorphicRef,\n useMantineDefaultProps,\n~~ Selectors,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './ColorSwatch.styles';\n\nexport type ColorSwatchStylesNames = Selectors<typeof useStyles>;\n\~~ninterface~~ ~~_ColorSwatchProps~~ extends DefaultProps<ColorSwatchStylesNames> {\n /** Swatch color value in any css valid format (hex, rgb, etc.) /\n color: string;\n\n /* Width, height and border-radius in px /\n size?: number;\n\n /* Swatch border-radius predefined from theme or number for px value /\n radius?: MantineNumberSize;\n\n /* ColorSwatch children */\n children?: React.ReactNode;\n}\n\nexport type ColorSwatchProps<C> = PolymorphicComponentProps<C, _ColorSwatchProps>;\n\ntype ColorSwatchComponent = (<C = 'div'>(props: ColorSwatchProps<C>) => React.ReactElement) & {\n displayName?: string;\n};\n\nconst defaultProps: Partial<ColorSwatchProps~~<any>>~~ = {\n size: 25,\n radius: 25,\n};\n\nexport const ~~ColorSwatch:~~ ~~ColorSwatchComponent~~ = forwardRef(\n (props: ~~ColorSwatchProps<'div'>,~~ ref~~: PolymorphicRef<'div'>~~) => {\n const { ~~component,~~ color, size, radius, className, children, classNames, styles, ...others } =\n ~~useMantineDefaultProps~~('ColorSwatch', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { radius, size },\n { classNames, styles, name: 'ColorSwatch' }\n );\n\n return (\n <Box~~\n component={component~~ ~~\|\| 'div'}\n~~ className={cx(classes.root, className)}\n ref={ref}\n {...others}\n ~~>\n~~ <div className={cx(classes.alphaOverlay, classes.overlay)} />\n <div className={cx(classes.shadowOverlay, classes.overlay)} />\n <div className={classes.overlay} style={{ backgroundColor: color }} />\n <div className={cx(classes.children, classes.overlay)}>{children}</div>\n </Box>\n );\n }\n) ~~as any~~;\n\~~nColorSwatch~~.displayName = '@mantine/core/ColorSwatch';\n"],"names":[],"mappings":"~~;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAOF~~,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,EAAE;AACV,EAAE,MAAM,EAAE,EAAE;AACZ,CAAC,CAAC;AACU,MAAC,~~WAAW~~,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;~~AACtD~~,EAAE,MAAM,EAAE,GAAG,~~sBAAsB~~,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,~~SAAS,EAAE,~~KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,~~WAAW,EAAE,~~OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7Q,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;~~AACnG~~,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,~~SAAS,IAAI,KAAK;AACjC,IAAI,SAAS,~~EAAE,~~EAAE,~~CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC;AACxD,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC;AACzD,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,IAAI,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE;AACrC,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC;AACpD,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,~~2BAA2B~~;;;;"}
1	+ {"version":3,"file":"ColorSwatch.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n Selectors,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { ColorSwatchStylesParams } from './ColorSwatch.styles';\n\nexport type ColorSwatchStylesNames = Selectors<typeof useStyles>;\n\nexport interface ColorSwatchProps\n extends DefaultProps<ColorSwatchStylesNames, ColorSwatchStylesParams> {\n /** Swatch color value in any css valid format (hex, rgb, etc.) /\n color: string;\n\n /* Width, height and border-radius in px /\n size?: number;\n\n /* Swatch border-radius predefined from theme or number for px value /\n radius?: MantineNumberSize;\n\n /* ColorSwatch children */\n children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<ColorSwatchProps> = {\n size: 25,\n radius: 25,\n};\n\nexport const _ColorSwatch = forwardRef<HTMLDivElement, ColorSwatchProps>((props, ref) => {\n const { color, size, radius, className, children, classNames, styles, unstyled, ...others } =\n useComponentDefaultProps('ColorSwatch', defaultProps, props);\n const { classes, cx } = useStyles(\n { radius, size },\n { classNames, styles, unstyled, name: 'ColorSwatch' }\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n <div className={cx(classes.alphaOverlay, classes.overlay)} />\n <div className={cx(classes.shadowOverlay, classes.overlay)} />\n <div className={classes.overlay} style={{ backgroundColor: color }} />\n <div className={cx(classes.children, classes.overlay)}>{children}</div>\n </Box>\n );\n});\n\n_ColorSwatch.displayName = '@mantine/core/ColorSwatch';\n\nexport const ColorSwatch = createPolymorphicComponent<'div', ColorSwatchProps>(_ColorSwatch);\n"],"names":[],"mappings":"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"}

package/esm/components/Container/Container.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './Container.styles.js';
 import { Box } from '../Box/Box.js';
@@ -41,8 +41,8 @@ const defaultProps = {
   }
 };
 const Container = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Container", defaultProps, props), { className, fluid, size, styles, classNames, sizes } = _a, others = __objRest(_a, ["className", "fluid", "size", "styles", "classNames", "sizes"]);
-  const { classes, cx } = useStyles({ fluid, size, sizes }, { styles, classNames, name: "Container" });
+  const _a = useComponentDefaultProps("Container", defaultProps, props), { className, fluid, size, unstyled, sizes } = _a, others = __objRest(_a, ["className", "fluid", "size", "unstyled", "sizes"]);
+  const { classes, cx } = useStyles({ fluid, size, sizes }, { unstyled, name: "Container" });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     className: cx(classes.root, className),
     ref

package/esm/components/Container/Container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n ~~useMantineDefaultProps~~,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px /\n size?: MantineNumberSize;\n\n /* If fluid is set to true, size prop is ignored and Container always take 100% of width /\n fluid?: boolean;\n\n /* Container sizes */\n sizes?: Record<MantineSize, number>;\n}\n\nconst defaultProps: Partial<ContainerProps> = {\n sizes: {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n },\n};\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (props: ContainerProps, ref) => {\n const { className, fluid, size, ~~styles~~, ~~classNames,~~ sizes, ...others } = ~~useMantineDefaultProps~~(\n 'Container',\n defaultProps,\n props\n );\n\n const { classes, cx } = useStyles(\n { fluid, size, sizes }~~,\n~~ { ~~styles~~, ~~classNames,~~ name: 'Container' }\n );\n\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n }\n);\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG;AACH,CAAC,CAAC;AACU,MAAC,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,EAAE,GAAG,~~sBAAsB~~,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,~~MAAM~~,EAAE,~~UAAU,EAAE,~~KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,~~QAAQ~~,EAAE,~~YAAY,EAAE,~~OAAO,CAAC,CAAC,CAAC;~~AAC3N~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,~~MAAM~~,EAAE,~~UAAU,EAAE,~~IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;~~AACvG~~,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1	+ {"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px /\n size?: MantineNumberSize;\n\n /* If fluid is set to true, size prop is ignored and Container always take 100% of width /\n fluid?: boolean;\n\n /* Container sizes */\n sizes?: Record<MantineSize, number>;\n}\n\nconst defaultProps: Partial<ContainerProps> = {\n sizes: {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n },\n};\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (props: ContainerProps, ref) => {\n const { className, fluid, size, unstyled, sizes, ...others } = useComponentDefaultProps(\n 'Container',\n defaultProps,\n props\n );\n\n const { classes, cx } = useStyles({ fluid, size, sizes }, { unstyled, name: 'Container' });\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n }\n);\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":[],"mappings":"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"}

package/esm/components/CopyButton/CopyButton.js ADDED Viewed

@@ -0,0 +1,45 @@
+import React from 'react';
+import { useClipboard } from '@mantine/hooks';
+import { useComponentDefaultProps } from '@mantine/styles';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  timeout: 1e3
+};
+function CopyButton(props) {
+  const _a = useComponentDefaultProps("CopyButton", defaultProps, props), { children, timeout, value } = _a, others = __objRest(_a, ["children", "timeout", "value"]);
+  const clipboard = useClipboard({ timeout });
+  const copy = () => clipboard.copy(value);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children(__spreadValues({ copy, copied: clipboard.copied }, others)));
+}
+CopyButton.displayName = "@mantine/core/CopyButton";
+export { CopyButton };
+//# sourceMappingURL=CopyButton.js.map

package/esm/components/CopyButton/CopyButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CopyButton.js","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { useClipboard } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\n\nexport interface CopyButtonProps {\n /** Function called with current status */\n children(payload: { copied: boolean; copy(): void }): React.ReactNode;\n\n /** Value that should be copied to the clipboard */\n value: string;\n\n /** Copied status timeout in ms */\n timeout?: number;\n}\n\nconst defaultProps: Partial<CopyButtonProps> = {\n timeout: 1000,\n};\n\nexport function CopyButton(props: CopyButtonProps) {\n const { children, timeout, value, ...others } = useComponentDefaultProps(\n 'CopyButton',\n defaultProps,\n props\n );\n const clipboard = useClipboard({ timeout });\n const copy = () => clipboard.copy(value);\n return <>{children({ copy, copied: clipboard.copied, ...others })}</>;\n}\n\nCopyButton.displayName = '@mantine/core/CopyButton';\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIF,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,GAAG;AACd,CAAC,CAAC;AACK,SAAS,UAAU,CAAC,KAAK,EAAE;AAClC,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AACtK,EAAE,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;AAC9C,EAAE,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3C,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACzI,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/Dialog/Dialog.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
-import { getDefaultZIndex, useMantineTheme, useMantineDefaultProps } from '@mantine/styles';
-import { Paper } from '../Paper/Paper.js';
+import { getDefaultZIndex, useMantineTheme, useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './Dialog.styles.js';
 import { Affix } from '../Affix/Affix.js';
 import { Transition } from '../Transition/Transition.js';
-import { CloseButton } from '../ActionIcon/CloseButton/CloseButton.js';
+import { Paper } from '../Paper/Paper.js';
+import { CloseButton } from '../CloseButton/CloseButton.js';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -42,8 +42,8 @@ const defaultProps = {
   transition: "pop-top-right",
   transitionDuration: 200
 };
-function MantineDialog(props) {
-  const _a = useMantineDefaultProps("Dialog", defaultProps, props), {
+function DialogBody(props) {
+  const _a = useComponentDefaultProps("Dialog", defaultProps, props), {
     withCloseButton,
     onClose,
     position,
@@ -58,7 +58,8 @@ function MantineDialog(props) {
     size,
     transition,
     transitionDuration,
-    transitionTimingFunction
+    transitionTimingFunction,
+    unstyled
   } = _a, others = __objRest(_a, [
     "withCloseButton",
     "onClose",
@@ -74,9 +75,10 @@ function MantineDialog(props) {
     "size",
     "transition",
     "transitionDuration",
-    "transitionTimingFunction"
+    "transitionTimingFunction",
+    "unstyled"
   ]);
-  const { classes, cx } = useStyles({ size }, { classNames, styles, name: "Dialog" });
+  const { classes, cx } = useStyles({ size }, { classNames, styles, unstyled, name: "Dialog" });
   return /* @__PURE__ */ React.createElement(Transition, {
     mounted: opened,
     transition,
@@ -86,7 +88,8 @@ function MantineDialog(props) {
     className: cx(classes.root, className),
     style: __spreadValues(__spreadValues({}, style), transitionStyles),
     shadow,
-    withBorder
+    withBorder,
+    unstyled
   }, others), withCloseButton && /* @__PURE__ */ React.createElement(CloseButton, {
     onClick: onClose,
     className: classes.closeButton
@@ -99,9 +102,9 @@ const Dialog = forwardRef((_a, ref) => {
     zIndex,
     position: props.position || { bottom: theme.spacing.xl, right: theme.spacing.xl },
     ref
-  }, /* @__PURE__ */ React.createElement(MantineDialog, __spreadValues({}, props)));
+  }, /* @__PURE__ */ React.createElement(DialogBody, __spreadValues({}, props)));
 });
 Dialog.displayName = "@mantine/core/Dialog";
-export { Dialog, MantineDialog };
+export { Dialog, DialogBody };
 //# sourceMappingURL=Dialog.js.map

package/esm/components/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n useMantineTheme,\n DefaultProps,\n ~~MantineNumberSize,\n~~ Selectors,\n MantineStyleSystemSize,\n getDefaultZIndex,\n ~~useMantineDefaultProps~~,\n} from '@mantine/styles';\nimport { Transition, MantineTransition } from '../Transition';\nimport { CloseButton } from '../~~ActionIcon~~';\nimport { Affix } from '../Affix';\nimport { Paper, PaperProps } from '../Paper~~/Paper~~';\nimport useStyles from './Dialog.styles';\n\nexport type DialogStylesNames = Selectors<typeof useStyles>;\n\nexport interface DialogProps\n extends Omit<DefaultProps<DialogStylesNames>, MantineStyleSystemSize>,\n Omit<PaperProps~~<'div'>,~~ 'classNames' \| 'styles'> {\n /** Display close button at the top right corner /\n withCloseButton?: boolean;\n\n /* Called when close button is clicked /\n onClose?(): void;\n\n /* Dialog position (fixed in viewport) /\n position?: {\n top?: string \| number;\n left?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n };\n\n /* Dialog content /\n children?: React.ReactNode;\n\n /* Dialog container z-index /\n zIndex?: ~~number~~;\n\n /* Opened state /\n opened: boolean;\n\n /* Appear/disappear transition /\n transition?: MantineTransition;\n\n /* Duration in ms of modal transitions, set to 0 to disable all animations /\n transitionDuration?: number;\n\n /* Transition timing function, defaults to theme.transitionTimingFunction /\n transitionTimingFunction?: string;\n\n /* Predefined dialog width or number to set width in px */\n size?: ~~MantineNumberSize~~;\n}\n\nconst defaultProps: Partial<DialogProps> = {\n shadow: 'md',\n p: 'md',\n withBorder: true,\n size: 'md',\n transition: 'pop-top-right',\n transitionDuration: 200,\n};\n\nexport function ~~MantineDialog~~(props: DialogProps) {\n const {\n withCloseButton,\n onClose,\n position,\n shadow,\n children,\n className,\n style,\n classNames,\n styles,\n opened,\n withBorder,\n size,\n transition,\n transitionDuration,\n transitionTimingFunction,\n ...others\n } = ~~useMantineDefaultProps~~('Dialog', defaultProps, props);\n\n const { classes, cx } = useStyles({ size }, { classNames, styles, name: 'Dialog' });\n\n return (\n <Transition\n mounted={opened}\n transition={transition}\n duration={transitionDuration}\n timingFunction={transitionTimingFunction}\n >\n {(transitionStyles) => (\n <Paper\n className={cx(classes.root, className)}\n style={{ ...style, ...transitionStyles }}\n shadow={shadow}\n withBorder={withBorder}\n {...others}\n >\n {withCloseButton && <CloseButton onClick={onClose} className={classes.closeButton} />}\n {children}\n </Paper>\n )}\n </Transition>\n );\n}\n\~~ntype DialogComponent = (props: DialogProps) => React.ReactElement;\n\~~nexport const Dialog: ~~DialogComponent & { displayName?: string }~~ = forwardRef~~<\n~~ HTMLDivElement~~,\n~~ DialogProps\n>(({ zIndex = getDefaultZIndex('modal'), ...props }: DialogProps, ref) => {\n const theme = useMantineTheme();\n\n return (\n <Affix\n zIndex={zIndex}\n position={props.position \|\| { bottom: theme.spacing.xl, right: theme.spacing.xl }}\n ref={ref}\n >\n <~~MantineDialog~~ {...props} />\n </Affix>\n );\n});\n\nDialog.displayName = '@mantine/core/Dialog';\n"],"names":[],"mappings":";;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAYF,MAAM,YAAY,GAAG;AACrB,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,CAAC,EAAE,IAAI;AACT,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,UAAU,EAAE,eAAe;AAC7B,EAAE,kBAAkB,EAAE,GAAG;AACzB,CAAC,CAAC;AACK,SAAS,~~aAAa~~,CAAC,KAAK,EAAE;~~AACrC~~,EAAE,MAAM,EAAE,GAAG,~~sBAAsB~~,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;~~AACpE~~,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,iBAAiB;AACrB,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;~~AACtF~~,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACzD,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU;AACd,IAAI,QAAQ,EAAE,kBAAkB;AAChC,IAAI,cAAc,EAAE,wBAAwB;AAC5C,GAAG,EAAE,CAAC,gBAAgB,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACrF,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC;AACtE,IAAI,MAAM;AACV,IAAI,UAAU;AACd,GAAG,EAAE,MAAM,CAAC,EAAE,eAAe,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AAClF,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AACW,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC9C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC9F,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,MAAM;AACV,IAAI,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE;AACrF,IAAI,GAAG;AACP,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,~~aAAa~~,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;~~AACpF~~,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n useMantineTheme,\n DefaultProps,\n Selectors,\n MantineStyleSystemSize,\n getDefaultZIndex,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Transition, MantineTransition } from '../Transition';\nimport { CloseButton } from '../CloseButton';\nimport { Affix } from '../Affix';\nimport { Paper, PaperProps } from '../Paper';\nimport useStyles, { DialogStylesParams } from './Dialog.styles';\n\nexport type DialogStylesNames = Selectors<typeof useStyles>;\n\nexport interface DialogProps\n extends Omit<DefaultProps<DialogStylesNames, DialogStylesParams>, MantineStyleSystemSize>,\n Omit<PaperProps, 'classNames' \| 'styles'> {\n /** Display close button at the top right corner /\n withCloseButton?: boolean;\n\n /* Called when close button is clicked /\n onClose?(): void;\n\n /* Dialog position (fixed in viewport) /\n position?: {\n top?: string \| number;\n left?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n };\n\n /* Dialog content /\n children?: React.ReactNode;\n\n /* Dialog container z-index /\n zIndex?: React.CSSProperties['zIndex'];\n\n /* Opened state /\n opened: boolean;\n\n /* Appear/disappear transition /\n transition?: MantineTransition;\n\n /* Duration in ms of modal transitions, set to 0 to disable all animations /\n transitionDuration?: number;\n\n /* Transition timing function, defaults to theme.transitionTimingFunction /\n transitionTimingFunction?: string;\n\n /* Predefined dialog width or number to set width in px */\n size?: string \| number;\n}\n\nconst defaultProps: Partial<DialogProps> = {\n shadow: 'md',\n p: 'md',\n withBorder: true,\n size: 'md',\n transition: 'pop-top-right',\n transitionDuration: 200,\n};\n\nexport function DialogBody(props: DialogProps) {\n const {\n withCloseButton,\n onClose,\n position,\n shadow,\n children,\n className,\n style,\n classNames,\n styles,\n opened,\n withBorder,\n size,\n transition,\n transitionDuration,\n transitionTimingFunction,\n unstyled,\n ...others\n } = useComponentDefaultProps('Dialog', defaultProps, props);\n\n const { classes, cx } = useStyles({ size }, { classNames, styles, unstyled, name: 'Dialog' });\n\n return (\n <Transition\n mounted={opened}\n transition={transition}\n duration={transitionDuration}\n timingFunction={transitionTimingFunction}\n >\n {(transitionStyles) => (\n <Paper\n className={cx(classes.root, className)}\n style={{ ...style, ...transitionStyles }}\n shadow={shadow}\n withBorder={withBorder}\n unstyled={unstyled}\n {...others}\n >\n {withCloseButton && <CloseButton onClick={onClose} className={classes.closeButton} />}\n {children}\n </Paper>\n )}\n </Transition>\n );\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(\n ({ zIndex = getDefaultZIndex('modal'), ...props }: DialogProps, ref) => {\n const theme = useMantineTheme();\n\n return (\n <Affix\n zIndex={zIndex}\n position={props.position \|\| { bottom: theme.spacing.xl, right: theme.spacing.xl }}\n ref={ref}\n >\n <DialogBody {...props} />\n </Affix>\n );\n }\n);\n\nDialog.displayName = '@mantine/core/Dialog';\n"],"names":[],"mappings":"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"}

package/esm/components/Dialog/Dialog.styles.js CHANGED Viewed

@@ -32,8 +32,7 @@ var useStyles = createStyles((theme, { size }) => ({
     position: "relative",
     width: theme.fn.size({ size, sizes }),
     maxWidth: "100%",
-    minHeight: 50,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.white
+    minHeight: 50
   }),
   closeButton: {
     position: "absolute",

package/esm/components/Dialog/Dialog.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.styles.js","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"sourcesContent":["import { createStyles, ~~MantineNumberSize~~ } from '@mantine/styles';\n\nexport interface DialogStylesParams {\n size: ~~MantineNumberSize~~;\n}\n\nconst sizes = {\n xs: 160,\n sm: 200,\n md: 340,\n lg: 400,\n xl: 500,\n};\n\nexport default createStyles((theme, { size }: DialogStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n position: 'relative',\n width: theme.fn.size({ size, sizes }),\n maxWidth: '100%',\n minHeight: 50,\n ~~backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white,\n~~ },\n\n closeButton: {\n position: 'absolute',\n top: theme.spacing.md / 2,\n right: theme.spacing.md / 2,\n },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,EAAE;AACjB,~~IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,~~GAAG,~~KAAK,~~CAAC~~,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK~~;~~AACtF,GAAG,CAAC;~~AACJ,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC7B,IAAI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC/B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Dialog.styles.js","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface DialogStylesParams {\n size: string \| number;\n}\n\nconst sizes = {\n xs: 160,\n sm: 200,\n md: 340,\n lg: 400,\n xl: 500,\n};\n\nexport default createStyles((theme, { size }: DialogStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n position: 'relative',\n width: theme.fn.size({ size, sizes }),\n maxWidth: '100%',\n minHeight: 50,\n },\n\n closeButton: {\n position: 'absolute',\n top: theme.spacing.md / 2,\n right: theme.spacing.md / 2,\n },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,EAAE;AACjB,GAAG,CAAC;AACJ,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC7B,IAAI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC/B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Divider/Divider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps, useMantineTheme } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './Divider.styles.js';
 import { Box } from '../Box/Box.js';
 import { Text } from '../Text/Text.js';
@@ -42,7 +42,7 @@ const defaultProps = {
   variant: "solid"
 };
 const Divider = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Divider", defaultProps, props), {
+  const _a = useComponentDefaultProps("Divider", defaultProps, props), {
     className,
     color,
     orientation,
@@ -52,7 +52,8 @@ const Divider = forwardRef((props, ref) => {
     labelProps,
     variant,
     styles,
-    classNames
+    classNames,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "color",
@@ -63,11 +64,10 @@ const Divider = forwardRef((props, ref) => {
     "labelProps",
     "variant",
     "styles",
-    "classNames"
+    "classNames",
+    "unstyled"
   ]);
-  const theme = useMantineTheme();
-  const _color = color || (theme.colorScheme === "dark" ? "dark" : "gray");
-  const { classes, cx } = useStyles({ color: _color, size, variant }, { classNames, styles, name: "Divider" });
+  const { classes, cx } = useStyles({ color, size, variant }, { classNames, styles, unstyled, name: "Divider" });
   const vertical = orientation === "vertical";
   const horizontal = orientation === "horizontal";
   const withLabel = !!label && horizontal;

package/esm/components/Divider/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n ~~useMantineTheme,\n~~ DefaultProps,\n MantineNumberSize,\n MantineColor,\n ~~useMantineDefaultProps~~,\n} from '@mantine/styles';\nimport useStyles from './Divider.styles';\nimport { Text, ~~TextProps~~ } from '../Text';\nimport { Box } from '../Box';\n\nexport type DividerStylesNames = 'label';\n\nexport interface DividerProps\n extends DefaultProps<DividerStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Line color from theme, defaults to gray in light color scheme and to dark in dark color scheme /\n color?: MantineColor;\n\n /* Line orientation /\n orientation?: 'horizontal' \| 'vertical';\n\n /* Sets height in horizontal orientation and width in vertical /\n size?: MantineNumberSize;\n\n /* Adds text after line in horizontal orientation /\n label?: React.ReactNode;\n\n /* Label position /\n labelPosition?: 'left' \| 'center' \| 'right';\n\n /* Props spread to Text component in label /\n labelProps?: ~~TextProps~~<any>;\n\n /* Divider borderStyle */\n variant?: 'solid' \| 'dashed' \| 'dotted';\n}\n\nconst defaultProps: Partial<DividerProps> = {\n orientation: 'horizontal',\n size: 'xs',\n labelPosition: 'left',\n variant: 'solid',\n};\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>((props: DividerProps, ref) => {\n const {\n className,\n color,\n orientation,\n size,\n label,\n labelPosition,\n labelProps,\n variant,\n styles,\n classNames,\n ...others\n } = ~~useMantineDefaultProps~~('Divider', defaultProps, props);\n\n const ~~theme = useMantineTheme();\n const _color = color \|\| (theme.colorScheme === 'dark' ? 'dark' : 'gray');\n const~~ { classes, cx } = useStyles(\n { color~~: _color~~, size, variant },\n { classNames, styles, name: 'Divider' }\n );\n\n const vertical = orientation === 'vertical';\n const horizontal = orientation === 'horizontal';\n const withLabel = !!label && horizontal;\n\n const useLabelDefaultStyles = !labelProps?.color;\n\n return (\n <Box\n ref={ref}\n className={cx(\n classes.root,\n {\n [classes.vertical]: vertical,\n [classes.horizontal]: horizontal,\n [classes.withLabel]: withLabel,\n },\n className\n )}\n {...others}\n >\n {withLabel && (\n <Text\n {...labelProps}\n size={labelProps?.size \|\| 'xs'}\n sx={{ marginTop: 2 }}\n className={cx(classes.label, classes[labelPosition], {\n [classes.labelDefaultStyles]: useLabelDefaultStyles,\n })}\n >\n {label}\n </Text>\n )}\n </Box>\n );\n});\n\nDivider.displayName = '@mantine/core/Divider';\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AASF~~,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,OAAO,EAAE,OAAO;AAClB,CAAC,CAAC;AACU,MAAC,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,GAAG,~~sBAAsB~~,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;~~AACrE~~,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,UAAU;AACd,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,~~GAAG~~,~~CAAC,CAAC~~;~~AACL~~,~~EAAE,MAAM,KAAK,~~GAAG,~~eAAe,EAAE,~~CAAC~~;AAClC~~,~~EAAE,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,~~CAAC~~,WAAW,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC~~;~~AAC3E~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,~~MAAM,EAAE,~~IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;~~AAC/G~~,EAAE,MAAM,QAAQ,GAAG,WAAW,KAAK,UAAU,CAAC;AAC9C,EAAE,MAAM,UAAU,GAAG,WAAW,KAAK,YAAY,CAAC;AAClD,EAAE,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC;AAC1C,EAAE,MAAM,qBAAqB,GAAG,EAAE,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAClF,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;AAChC,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAClC,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,UAAU;AACtC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;AACpC,KAAK,EAAE,SAAS,CAAC;AACjB,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,oBAAoB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE;AACnH,IAAI,IAAI,EAAE,CAAC,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,KAAK,IAAI;AACjE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;AACxB,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE;AACzD,MAAM,CAAC,OAAO,CAAC,kBAAkB,GAAG,qBAAqB;AACzD,KAAK,CAAC;AACN,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport useStyles from './Divider.styles';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\n\nexport type DividerStylesNames = 'label';\n\nexport interface DividerProps\n extends DefaultProps<DividerStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Line color from theme, defaults to gray in light color scheme and to dark in dark color scheme /\n color?: MantineColor;\n\n /* Line orientation /\n orientation?: 'horizontal' \| 'vertical';\n\n /* Sets height in horizontal orientation and width in vertical /\n size?: MantineNumberSize;\n\n /* Adds text after line in horizontal orientation /\n label?: React.ReactNode;\n\n /* Label position /\n labelPosition?: 'left' \| 'center' \| 'right';\n\n /* Props spread to Text component in label /\n labelProps?: Record<string, any>;\n\n /* Divider borderStyle */\n variant?: 'solid' \| 'dashed' \| 'dotted';\n}\n\nconst defaultProps: Partial<DividerProps> = {\n orientation: 'horizontal',\n size: 'xs',\n labelPosition: 'left',\n variant: 'solid',\n};\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>((props: DividerProps, ref) => {\n const {\n className,\n color,\n orientation,\n size,\n label,\n labelPosition,\n labelProps,\n variant,\n styles,\n classNames,\n unstyled,\n ...others\n } = useComponentDefaultProps('Divider', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { color, size, variant },\n { classNames, styles, unstyled, name: 'Divider' }\n );\n\n const vertical = orientation === 'vertical';\n const horizontal = orientation === 'horizontal';\n const withLabel = !!label && horizontal;\n\n const useLabelDefaultStyles = !labelProps?.color;\n\n return (\n <Box\n ref={ref}\n className={cx(\n classes.root,\n {\n [classes.vertical]: vertical,\n [classes.horizontal]: horizontal,\n [classes.withLabel]: withLabel,\n },\n className\n )}\n {...others}\n >\n {withLabel && (\n <Text\n {...labelProps}\n size={labelProps?.size \|\| 'xs'}\n sx={{ marginTop: 2 }}\n className={cx(classes.label, classes[labelPosition], {\n [classes.labelDefaultStyles]: useLabelDefaultStyles,\n })}\n >\n {label}\n </Text>\n )}\n </Box>\n );\n});\n\nDivider.displayName = '@mantine/core/Divider';\n"],"names":[],"mappings":"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"}

package/esm/components/Divider/Divider.styles.js CHANGED Viewed

@@ -7,6 +7,10 @@ const sizes = {
   lg: 4,
   xl: 5
 };
+function getColor(theme, color) {
+  const themeColor = theme.fn.variant({ variant: "outline", color }).border;
+  return color in theme.colors ? themeColor : color === void 0 ? theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4] : color;
+}
 var useStyles = createStyles((theme, { size, variant, color }) => ({
   root: {},
   withLabel: {
@@ -29,13 +33,13 @@ var useStyles = createStyles((theme, { size, variant, color }) => ({
       content: '""',
       flex: 1,
       height: 1,
-      borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4, false)}`,
+      borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${getColor(theme, color)}`,
       marginRight: theme.spacing.xs
     },
     "&::after": {
       content: '""',
       flex: 1,
-      borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4, false)}`,
+      borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${getColor(theme, color)}`,
       marginLeft: theme.spacing.xs
     }
   },
@@ -45,7 +49,7 @@ var useStyles = createStyles((theme, { size, variant, color }) => ({
   horizontal: {
     border: 0,
     borderTopWidth: theme.fn.size({ size, sizes }),
-    borderTopColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4, false),
+    borderTopColor: getColor(theme, color),
     borderTopStyle: variant,
     margin: 0
   },
@@ -54,11 +58,10 @@ var useStyles = createStyles((theme, { size, variant, color }) => ({
     alignSelf: "stretch",
     height: "100%",
     borderLeftWidth: theme.fn.size({ size, sizes }),
-    borderLeftColor: theme.fn.themeColor(color, 4, false),
+    borderLeftColor: getColor(theme, color),
     borderLeftStyle: variant
   }
 }));
 export default useStyles;
-export { sizes };
 //# sourceMappingURL=Divider.styles.js.map

package/esm/components/Divider/Divider.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.styles.js","sources":["../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\nexport interface DividerStylesParams {\n size: MantineNumberSize;\n variant: 'solid' \| 'dashed' \| 'dotted';\n color: MantineColor;\n}\n\~~nexport~~ ~~const~~ sizes = {\n xs: 1,\n sm: 2,\n md: 3,\n lg: 4,\n xl: 5,\n};\n\nexport default createStyles((theme, { size, variant, color }: DividerStylesParams) => ({\n root: {},\n\n withLabel: {\n borderTop: '0 !important',\n },\n\n left: {\n '&::before': {\n display: 'none',\n },\n },\n\n right: {\n '&::after': {\n display: 'none',\n },\n },\n\n label: {\n display: 'flex',\n alignItems: 'center',\n\n '&::before': {\n content: '\"\"',\n flex: 1,\n height: 1,\n borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${~~theme.fn.themeColor~~(~~\n color,\n~~ theme~~.colorScheme~~ ~~=== 'dark' ? 3 : 4,\n false\n~~ )}`,\n marginRight: theme.spacing.xs,\n },\n\n '&::after': {\n content: '\"\"',\n flex: 1,\n borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${~~theme.fn.themeColor~~(~~\n color,\n~~ theme~~.colorScheme~~ ~~=== 'dark' ? 3 : 4,\n false\n~~ )}`,\n marginLeft: theme.spacing.xs,\n },\n },\n\n labelDefaultStyles: {\n color:\n color === 'dark'\n ? theme.colors.dark[1]\n : theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 5 : theme.fn.primaryShade(),\n false\n ),\n },\n\n horizontal: {\n border: 0,\n borderTopWidth: theme.fn.size({ size, sizes }),\n borderTopColor: ~~theme.fn.themeColor~~(~~color,~~ theme~~.colorScheme === 'dark' ? 3 : 4~~, ~~false~~),\n borderTopStyle: variant,\n margin: 0,\n },\n\n vertical: {\n border: 0,\n alignSelf: 'stretch',\n height: '100%',\n borderLeftWidth: theme.fn.size({ size, sizes }),\n borderLeftColor: theme~~.fn.themeColor(color~~, ~~4, false~~),\n borderLeftStyle: variant,\n },\n}));\n"],"names":[],"mappings":";;~~AACY~~,~~MAAC~~,KAAK,GAAG;~~AACrB~~,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,~~EAAE~~;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;AAClE,EAAE,IAAI,EAAE,EAAE;AACV,EAAE,SAAS,EAAE;AACb,IAAI,SAAS,EAAE,cAAc;AAC7B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,MAAM;AACrB,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,MAAM;AACrB,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,~~KAAK~~,CAAC,~~EAAE,CAAC,UAAU,CAAC,~~KAAK,EAAE,KAAK,CAAC,~~WAAW,KAAK,MAAM,GAAG,~~CAAC,~~GAAG,~~CAAC~~,EAAE,KAAK,CAAC,CAAC,CAAC~~;~~AAC5I~~,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACnC,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,~~KAAK~~,CAAC,~~EAAE,CAAC,UAAU,CAAC,~~KAAK,EAAE,KAAK,CAAC,~~WAAW,KAAK,MAAM,GAAG,~~CAAC,~~GAAG,~~CAAC~~,EAAE,KAAK,CAAC,CAAC,CAAC~~;~~AAC5I~~,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,KAAK;AACL,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,KAAK,CAAC;AAClJ,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAClD,IAAI,cAAc,EAAE,~~KAAK~~,CAAC,~~EAAE,CAAC,UAAU,CAAC,~~KAAK,EAAE,KAAK,CAAC~~,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC~~;~~AAC3F~~,IAAI,cAAc,EAAE,OAAO;AAC3B,IAAI,MAAM,EAAE,CAAC;AACb,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE,SAAS;AACxB,IAAI,MAAM,EAAE,MAAM;AAClB,IAAI,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACnD,IAAI,eAAe,EAAE,~~KAAK~~,CAAC,~~EAAE,CAAC,UAAU,CAAC,~~KAAK,EAAE,~~CAAC,EAAE,~~KAAK,CAAC;~~AACzD~~,IAAI,eAAe,EAAE,OAAO;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC~~;;;;;~~"}
1	+ {"version":3,"file":"Divider.styles.js","sources":["../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, MantineTheme } from '@mantine/styles';\n\nexport interface DividerStylesParams {\n size: MantineNumberSize;\n variant: 'solid' \| 'dashed' \| 'dotted';\n color: MantineColor;\n}\n\nconst sizes = {\n xs: 1,\n sm: 2,\n md: 3,\n lg: 4,\n xl: 5,\n};\n\nfunction getColor(theme: MantineTheme, color: MantineColor) {\n const themeColor = theme.fn.variant({ variant: 'outline', color }).border;\n\n return color in theme.colors\n ? themeColor\n : color === undefined\n ? theme.colorScheme === 'dark'\n ? theme.colors.dark[4]\n : theme.colors.gray[4]\n : color;\n}\n\nexport default createStyles((theme, { size, variant, color }: DividerStylesParams) => ({\n root: {},\n\n withLabel: {\n borderTop: '0 !important',\n },\n\n left: {\n '&::before': {\n display: 'none',\n },\n },\n\n right: {\n '&::after': {\n display: 'none',\n },\n },\n\n label: {\n display: 'flex',\n alignItems: 'center',\n\n '&::before': {\n content: '\"\"',\n flex: 1,\n height: 1,\n borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${getColor(theme, color)}`,\n marginRight: theme.spacing.xs,\n },\n\n '&::after': {\n content: '\"\"',\n flex: 1,\n borderTop: `${theme.fn.size({ size, sizes })}px ${variant} ${getColor(theme, color)}`,\n marginLeft: theme.spacing.xs,\n },\n },\n\n labelDefaultStyles: {\n color:\n color === 'dark'\n ? theme.colors.dark[1]\n : theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 5 : theme.fn.primaryShade(),\n false\n ),\n },\n\n horizontal: {\n border: 0,\n borderTopWidth: theme.fn.size({ size, sizes }),\n borderTopColor: getColor(theme, color),\n borderTopStyle: variant,\n margin: 0,\n },\n\n vertical: {\n border: 0,\n alignSelf: 'stretch',\n height: '100%',\n borderLeftWidth: theme.fn.size({ size, sizes }),\n borderLeftColor: getColor(theme, color),\n borderLeftStyle: variant,\n },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Drawer/Drawer.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import React, { useEffect } from 'react';
 import { useFocusTrap, useScrollLock, useFocusReturn } from '@mantine/hooks';
-import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
+import { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './Drawer.styles.js';
 import { OptionalPortal } from '../Portal/OptionalPortal.js';
 import { GroupedTransition } from '../Transition/GroupedTransition.js';
 import { Box } from '../Box/Box.js';
 import { Paper } from '../Paper/Paper.js';
 import { Text } from '../Text/Text.js';
-import { CloseButton } from '../ActionIcon/CloseButton/CloseButton.js';
+import { CloseButton } from '../CloseButton/CloseButton.js';
 import { Overlay } from '../Overlay/Overlay.js';
 var __defProp = Object.defineProperty;
@@ -68,7 +68,7 @@ const defaultProps = {
   overlayBlur: 0
 };
 function Drawer(props) {
-  const _a = useMantineDefaultProps("Drawer", defaultProps, props), {
+  const _a = useComponentDefaultProps("Drawer", defaultProps, props), {
     className,
     opened,
     onClose,
@@ -95,7 +95,8 @@ function Drawer(props) {
     styles,
     target,
     withinPortal,
-    overlayBlur
+    overlayBlur,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "opened",
@@ -123,15 +124,16 @@ function Drawer(props) {
     "styles",
     "target",
     "withinPortal",
-    "overlayBlur"
+    "overlayBlur",
+    "unstyled"
   ]);
-  const { classes, cx, theme } = useStyles({ size, position, zIndex }, { classNames, styles, name: "Drawer" });
+  const { classes, cx, theme } = useStyles({ size, position, zIndex }, { classNames, styles, unstyled, name: "Drawer" });
   const focusTrapRef = useFocusTrap(trapFocus && opened);
   const [, _lockScroll] = useScrollLock();
   const drawerTransition = transition || (theme.dir === "rtl" ? rtlTransitions : transitions)[position];
   const _overlayOpacity = typeof overlayOpacity === "number" ? overlayOpacity : theme.colorScheme === "dark" ? 0.85 : 0.75;
   const _closeOnEscape = (event) => {
-    if (event.code === "Escape" && closeOnEscape) {
+    if (event.key === "Escape" && closeOnEscape) {
       onClose();
     }
   };
@@ -145,7 +147,6 @@ function Drawer(props) {
   useFocusReturn({ opened, transitionDuration: 0, shouldReturnFocus: trapFocus });
   return /* @__PURE__ */ React.createElement(OptionalPortal, {
     withinPortal,
-    zIndex,
     target
   }, /* @__PURE__ */ React.createElement(GroupedTransition, {
     onExited: () => _lockScroll(false),
@@ -161,7 +162,7 @@ function Drawer(props) {
       }
     }
   }, (transitionStyles) => /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    className: cx(classes.root, { [classes.noOverlay]: !withOverlay }, className),
+    className: cx(classes.root, className),
     role: "dialog",
     "aria-modal": true
   }, others), /* @__PURE__ */ React.createElement(Paper, {
@@ -173,22 +174,26 @@ function Drawer(props) {
     onKeyDownCapture: (event) => {
       var _a2;
       const shouldTrigger = ((_a2 = event.target) == null ? void 0 : _a2.getAttribute("data-mantine-stop-propagation")) !== "true";
-      shouldTrigger && event.nativeEvent.code === "Escape" && closeOnEscape && onClose();
+      shouldTrigger && event.key === "Escape" && closeOnEscape && onClose();
     },
     shadow,
-    p: padding
+    p: padding,
+    unstyled
   }, (title || withCloseButton) && /* @__PURE__ */ React.createElement("div", {
     className: classes.header
   }, /* @__PURE__ */ React.createElement(Text, {
-    className: classes.title
+    className: classes.title,
+    unstyled
   }, title), withCloseButton && /* @__PURE__ */ React.createElement(CloseButton, {
     iconSize: 16,
     onClick: onClose,
     "aria-label": closeButtonLabel,
-    className: classes.closeButton
+    className: classes.closeButton,
+    unstyled
   })), children), withOverlay && /* @__PURE__ */ React.createElement("div", {
     style: transitionStyles.overlay
   }, /* @__PURE__ */ React.createElement(Overlay, {
+    unstyled,
     blur: overlayBlur,
     onMouseDown: () => closeOnClickOutside && onClose(),
     className: classes.overlay,