npm - @mantine/core - Versions diffs - 3.1.8 → 3.2.2 - Mend

@mantine/core 3.1.8 → 3.2.2

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 (790) hide show

package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 import { THUMB_SIZES } from '../Thumb/Thumb.styles.js';
 var useStyles = createStyles((theme, { size }, getRef) => {
@@ -7,10 +7,10 @@ var useStyles = createStyles((theme, { size }, getRef) => {
     sliderThumb,
     slider: {
       position: "relative",
-      height: getSizeValue({ size, sizes: THUMB_SIZES }) + 2,
+      height: theme.fn.size({ size, sizes: THUMB_SIZES }) + 2,
       boxSizing: "border-box",
-      marginLeft: getSizeValue({ size, sizes: THUMB_SIZES }) / 2,
-      marginRight: getSizeValue({ size, sizes: THUMB_SIZES }) / 2,
+      marginLeft: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,
+      marginRight: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,
       outline: 0,
       [`&:focus .${sliderThumb.ref}`]: {
         outline: "none",
@@ -25,8 +25,8 @@ var useStyles = createStyles((theme, { size }, getRef) => {
       boxSizing: "border-box",
       top: 0,
       bottom: 0,
-      left: -getSizeValue({ size, sizes: THUMB_SIZES }) / 2 - 1,
-      right: -getSizeValue({ size, sizes: THUMB_SIZES }) / 2 - 1,
+      left: -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1,
+      right: -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1,
       borderRadius: 1e3
     }
   };

package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorSlider.styles.js","sources":["../../../../src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts"],"sourcesContent":["import { createStyles, ~~getSizeValue,~~ MantineSize } from '@mantine/styles';\n\nimport { THUMB_SIZES } from '../Thumb/Thumb.styles';\n\ninterface ColorSliderStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: ColorSliderStyles, getRef) => {\n const sliderThumb = { ref: getRef('sliderThumb') } as const;\n\n return {\n sliderThumb,\n\n slider: {\n position: 'relative',\n height: ~~getSizeValue~~({ size, sizes: THUMB_SIZES }) + 2,\n boxSizing: 'border-box',\n marginLeft: ~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2,\n marginRight: ~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2,\n outline: 0,\n\n [`&:focus .${sliderThumb.ref}`]: {\n outline: 'none',\n boxShadow: `0 0 0 1px ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n }, 0 0 0 3px ${theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 7 : 5]}`,\n },\n\n [`&:focus:not(:focus-visible) .${sliderThumb.ref}`]: {\n boxShadow: 'none',\n },\n },\n\n sliderOverlay: {\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n bottom: 0,\n left: -~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2 - 1,\n right: -~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2 - 1,\n borderRadius: 1000,\n },\n };\n});\n"],"names":[],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,KAAK;AACzD,EAAE,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;AACrD,EAAE,OAAO;AACT,IAAI,WAAW;AACf,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;~~AAC5D~~,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,UAAU,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;~~AAChE~~,MAAM,WAAW,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;~~AACjE~~,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG;AACvC,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACxL,OAAO;AACP,MAAM,CAAC,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG;AAC3D,QAAQ,SAAS,EAAE,MAAM;AACzB,OAAO;AACP,KAAK;AACL,IAAI,aAAa,EAAE;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;~~AAC/D~~,MAAM,KAAK,EAAE,CAAC,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;~~AAChE~~,MAAM,YAAY,EAAE,GAAG;AACvB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"ColorSlider.styles.js","sources":["../../../../src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\nimport { THUMB_SIZES } from '../Thumb/Thumb.styles';\n\ninterface ColorSliderStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: ColorSliderStyles, getRef) => {\n const sliderThumb = { ref: getRef('sliderThumb') } as const;\n\n return {\n sliderThumb,\n\n slider: {\n position: 'relative',\n height: theme.fn.size({ size, sizes: THUMB_SIZES }) + 2,\n boxSizing: 'border-box',\n marginLeft: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,\n marginRight: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,\n outline: 0,\n\n [`&:focus .${sliderThumb.ref}`]: {\n outline: 'none',\n boxShadow: `0 0 0 1px ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n }, 0 0 0 3px ${theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 7 : 5]}`,\n },\n\n [`&:focus:not(:focus-visible) .${sliderThumb.ref}`]: {\n boxShadow: 'none',\n },\n },\n\n sliderOverlay: {\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n bottom: 0,\n left: -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1,\n right: -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1,\n borderRadius: 1000,\n },\n };\n});\n"],"names":[],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,KAAK;AACzD,EAAE,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;AACrD,EAAE,OAAO;AACT,IAAI,WAAW;AACf,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAC7D,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AACjE,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAClE,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG;AACvC,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACxL,OAAO;AACP,MAAM,CAAC,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG;AAC3D,QAAQ,SAAS,EAAE,MAAM;AACzB,OAAO;AACP,KAAK;AACL,IAAI,aAAa,EAAE;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;AAChE,MAAM,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;AACjE,MAAM,YAAY,EAAE,GAAG;AACvB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/components/ColorPicker/Saturation/Saturation.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 import { THUMB_SIZES } from '../Thumb/Thumb.styles.js';
 const SATURATION_HEIGHTS = {
@@ -9,16 +9,16 @@ const SATURATION_HEIGHTS = {
   xl: 160
 };
 var useStyles = createStyles((theme, { size }, getRef) => {
-  const position = -getSizeValue({ size, sizes: THUMB_SIZES }) / 2 - 1;
+  const position = -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1;
   const saturationThumb = { ref: getRef("saturationThumb") };
   return {
     saturationThumb,
     saturation: {
       boxSizing: "border-box",
       position: "relative",
-      height: getSizeValue({ size, sizes: SATURATION_HEIGHTS }),
+      height: theme.fn.size({ size, sizes: SATURATION_HEIGHTS }),
       borderRadius: theme.radius.sm,
-      margin: getSizeValue({ size, sizes: THUMB_SIZES }) / 2,
+      margin: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,
       WebkitTapHighlightColor: "transparent",
       [`&:focus .${saturationThumb.ref}`]: {
         outline: "none",

package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Saturation.styles.js","sources":["../../../../src/components/ColorPicker/Saturation/Saturation.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, ~~getSizeValue~~ } from '@mantine/styles';\nimport { THUMB_SIZES } from '../Thumb/Thumb.styles';\n\ninterface SaturationStyles {\n size: MantineSize;\n}\n\nconst SATURATION_HEIGHTS = {\n xs: 100,\n sm: 110,\n md: 120,\n lg: 140,\n xl: 160,\n};\n\nexport default createStyles((theme, { size }: SaturationStyles, getRef) => {\n const position = -~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2 - 1;\n const saturationThumb = { ref: getRef('saturationThumb') } as const;\n\n return {\n saturationThumb,\n\n saturation: {\n boxSizing: 'border-box',\n position: 'relative',\n height: ~~getSizeValue~~({ size, sizes: SATURATION_HEIGHTS }),\n borderRadius: theme.radius.sm,\n margin: ~~getSizeValue~~({ size, sizes: THUMB_SIZES }) / 2,\n WebkitTapHighlightColor: 'transparent',\n\n [`&:focus .${saturationThumb.ref}`]: {\n outline: 'none',\n boxShadow: `0 0 0 1px ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n }, 0 0 0 3px ${theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 7 : 5]}`,\n },\n\n [`&:focus:not(:focus-visible) .${saturationThumb.ref}`]: {\n boxShadow: 'none',\n },\n },\n\n saturationOverlay: {\n position: 'absolute',\n boxSizing: 'border-box',\n borderRadius: theme.radius.sm,\n top: position,\n left: position,\n right: position,\n bottom: position,\n },\n };\n});\n"],"names":[],"mappings":";;;AAEA,MAAM,kBAAkB,GAAG;AAC3B,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,EAAE,MAAM,KAAK;AACzD,EAAE,MAAM,QAAQ,GAAG,CAAC,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;~~AACvE~~,EAAE,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC;AAC7D,EAAE,OAAO;AACT,IAAI,eAAe;AACnB,IAAI,UAAU,EAAE;AAChB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;~~AAC/D~~,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,MAAM,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;~~AAC5D~~,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,CAAC,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG;AAC3C,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACxL,OAAO;AACP,MAAM,CAAC,CAAC,6BAA6B,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG;AAC/D,QAAQ,SAAS,EAAE,MAAM;AACzB,OAAO;AACP,KAAK;AACL,IAAI,iBAAiB,EAAE;AACvB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,GAAG,EAAE,QAAQ;AACnB,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,MAAM,EAAE,QAAQ;AACtB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Saturation.styles.js","sources":["../../../../src/components/ColorPicker/Saturation/Saturation.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\nimport { THUMB_SIZES } from '../Thumb/Thumb.styles';\n\ninterface SaturationStyles {\n size: MantineSize;\n}\n\nconst SATURATION_HEIGHTS = {\n xs: 100,\n sm: 110,\n md: 120,\n lg: 140,\n xl: 160,\n};\n\nexport default createStyles((theme, { size }: SaturationStyles, getRef) => {\n const position = -theme.fn.size({ size, sizes: THUMB_SIZES }) / 2 - 1;\n const saturationThumb = { ref: getRef('saturationThumb') } as const;\n\n return {\n saturationThumb,\n\n saturation: {\n boxSizing: 'border-box',\n position: 'relative',\n height: theme.fn.size({ size, sizes: SATURATION_HEIGHTS }),\n borderRadius: theme.radius.sm,\n margin: theme.fn.size({ size, sizes: THUMB_SIZES }) / 2,\n WebkitTapHighlightColor: 'transparent',\n\n [`&:focus .${saturationThumb.ref}`]: {\n outline: 'none',\n boxShadow: `0 0 0 1px ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n }, 0 0 0 3px ${theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 7 : 5]}`,\n },\n\n [`&:focus:not(:focus-visible) .${saturationThumb.ref}`]: {\n boxShadow: 'none',\n },\n },\n\n saturationOverlay: {\n position: 'absolute',\n boxSizing: 'border-box',\n borderRadius: theme.radius.sm,\n top: position,\n left: position,\n right: position,\n bottom: position,\n },\n };\n});\n"],"names":[],"mappings":";;;AAEA,MAAM,kBAAkB,GAAG;AAC3B,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,EAAE,MAAM,KAAK;AACzD,EAAE,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxE,EAAE,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC;AAC7D,EAAE,OAAO;AACT,IAAI,eAAe;AACnB,IAAI,UAAU,EAAE;AAChB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;AAChE,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAC7D,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,CAAC,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG;AAC3C,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACxL,OAAO;AACP,MAAM,CAAC,CAAC,6BAA6B,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG;AAC/D,QAAQ,SAAS,EAAE,MAAM;AACzB,OAAO;AACP,KAAK;AACL,IAAI,iBAAiB,EAAE;AACvB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,GAAG,EAAE,QAAQ;AACnB,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,MAAM,EAAE,QAAQ;AACtB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 const THUMB_SIZES = {
   xs: 8,
@@ -8,7 +8,7 @@ const THUMB_SIZES = {
   xl: 22
 };
 var useStyles = createStyles((theme, { size }) => {
-  const _size = getSizeValue({ size, sizes: THUMB_SIZES });
+  const _size = theme.fn.size({ size, sizes: THUMB_SIZES });
   return {
     thumb: {
       overflow: "hidden",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/ColorPicker/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, ~~getSizeValue,~~ MantineSize } from '@mantine/styles';\n\ninterface ThumbStyles {\n size: MantineSize;\n}\n\nexport const THUMB_SIZES = {\n xs: 8,\n sm: 12,\n md: 16,\n lg: 20,\n xl: 22,\n};\n\nexport default createStyles((theme, { size }: ThumbStyles) => {\n const _size = ~~getSizeValue~~({ size, sizes: THUMB_SIZES });\n return {\n thumb: {\n overflow: 'hidden',\n boxSizing: 'border-box',\n position: 'absolute',\n boxShadow: '0 0 1px rgba(0, 0, 0, .6)',\n border: `2px solid ${theme.white}`,\n backgroundColor: 'transparent',\n width: _size,\n height: _size,\n borderRadius: _size,\n },\n };\n});\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG;AAC3B,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,KAAK,GAAG,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;~~AAC3D~~,EAAE,OAAO;AACT,IAAI,KAAK,EAAE;AACX,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,2BAA2B;AAC5C,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AACxC,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,MAAM,EAAE,KAAK;AACnB,MAAM,YAAY,EAAE,KAAK;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/ColorPicker/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\ninterface ThumbStyles {\n size: MantineSize;\n}\n\nexport const THUMB_SIZES = {\n xs: 8,\n sm: 12,\n md: 16,\n lg: 20,\n xl: 22,\n};\n\nexport default createStyles((theme, { size }: ThumbStyles) => {\n const _size = theme.fn.size({ size, sizes: THUMB_SIZES });\n return {\n thumb: {\n overflow: 'hidden',\n boxSizing: 'border-box',\n position: 'absolute',\n boxShadow: '0 0 1px rgba(0, 0, 0, .6)',\n border: `2px solid ${theme.white}`,\n backgroundColor: 'transparent',\n width: _size,\n height: _size,\n borderRadius: _size,\n },\n };\n});\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG;AAC3B,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;AAC5D,EAAE,OAAO;AACT,IAAI,KAAK,EAAE;AACX,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,SAAS,EAAE,2BAA2B;AAC5C,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AACxC,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,MAAM,EAAE,KAAK;AACnB,MAAM,YAAY,EAAE,KAAK;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue, getFocusStyles } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -22,12 +22,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = createStyles((theme, { size, radius }) => {
   const overlayColor = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
   return {
-    root: __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
+    root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       width: size,
       height: size,
       WebkitTapHighlightColor: "transparent",
       border: 0,
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       appearance: "none",
       WebkitAppearance: "none",
       padding: 0,
@@ -36,7 +36,7 @@ var useStyles = createStyles((theme, { size, radius }) => {
     }),
     overlay: {
       position: "absolute",
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       top: 0,
       left: 0,
       right: 0,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorSwatch.styles.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.styles.ts"],"sourcesContent":["import { createStyles, ~~getSizeValue,~~ MantineNumberSize, ~~getFocusStyles~~ } from '@mantine/styles';\n\ninterface ColorSwatchStyles {\n radius: MantineNumberSize;\n size: number;\n}\n\nexport default createStyles((theme, { size, radius }: ColorSwatchStyles) => {\n const overlayColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n return {\n root: {\n ...~~getFocusStyles~~(~~theme~~),\n width: size,\n height: size,\n WebkitTapHighlightColor: 'transparent',\n border: 0,\n borderRadius: ~~getSizeValue~~({ size: radius, sizes: theme.radius }),\n appearance: 'none',\n WebkitAppearance: 'none',\n padding: 0,\n position: 'relative',\n overflow: 'hidden',\n },\n\n overlay: {\n position: 'absolute',\n borderRadius: ~~getSizeValue~~({ size: radius, sizes: theme.radius }),\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n children: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n shadowOverlay: {\n boxShadow: 'rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset',\n zIndex: 1,\n },\n\n alphaOverlay: {\n backgroundImage: `linear-gradient(45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(-45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${overlayColor} 75%), linear-gradient(-45deg, ${\n theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white\n } 75%, ${overlayColor} 75%)`,\n backgroundSize: '8px 8px',\n backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n },\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,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK;AACzD,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClG,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,~~cAAc~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AACnE~~,MAAM,KAAK,EAAE,IAAI;AACjB,MAAM,MAAM,EAAE,IAAI;AAClB,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,YAAY,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;~~AACvE~~,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,gBAAgB,EAAE,MAAM;AAC9B,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,QAAQ,EAAE,QAAQ;AACxB,KAAK,CAAC;AACN,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,YAAY,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;~~AACvE~~,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,OAAO,EAAE,aAAa;AAC5B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,UAAU,EAAE,QAAQ;AAC1B,KAAK;AACL,IAAI,aAAa,EAAE;AACnB,MAAM,SAAS,EAAE,8EAA8E;AAC/F,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,eAAe,EAAE,CAAC,uBAAuB,EAAE,YAAY,CAAC,gDAAgD,EAAE,YAAY,CAAC,gEAAgE,EAAE,YAAY,CAAC,+BAA+B,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC;AAC1U,MAAM,cAAc,EAAE,SAAS;AAC/B,MAAM,kBAAkB,EAAE,gCAAgC;AAC1D,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"ColorSwatch.styles.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface ColorSwatchStyles {\n radius: MantineNumberSize;\n size: number;\n}\n\nexport default createStyles((theme, { size, radius }: ColorSwatchStyles) => {\n const overlayColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n return {\n root: {\n ...theme.fn.focusStyles(),\n width: size,\n height: size,\n WebkitTapHighlightColor: 'transparent',\n border: 0,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n appearance: 'none',\n WebkitAppearance: 'none',\n padding: 0,\n position: 'relative',\n overflow: 'hidden',\n },\n\n overlay: {\n position: 'absolute',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n children: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n shadowOverlay: {\n boxShadow: 'rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset',\n zIndex: 1,\n },\n\n alphaOverlay: {\n backgroundImage: `linear-gradient(45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(-45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${overlayColor} 75%), linear-gradient(-45deg, ${\n theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white\n } 75%, ${overlayColor} 75%)`,\n backgroundSize: '8px 8px',\n backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n },\n };\n});\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 const sizes = {
   xs: 540,
@@ -9,11 +9,11 @@ const sizes = {
 };
 var useStyles = createStyles((theme, { fluid, size, padding }) => ({
   root: {
-    maxWidth: fluid ? "100%" : getSizeValue({ size, sizes }),
+    maxWidth: fluid ? "100%" : theme.fn.size({ size, sizes }),
     marginLeft: "auto",
     marginRight: "auto",
-    paddingLeft: getSizeValue({ size: padding, sizes: theme.spacing }),
-    paddingRight: getSizeValue({ size: padding, sizes: theme.spacing })
+    paddingLeft: theme.fn.size({ size: padding, sizes: theme.spacing }),
+    paddingRight: theme.fn.size({ size: padding, sizes: theme.spacing })
   }
 }));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.styles.js","sources":["../../../src/components/Container/Container.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, ~~getSizeValue~~ } from '@mantine/styles';\n\ninterface ContainerStyles {\n fluid: boolean;\n size: MantineNumberSize;\n padding: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n};\n\nexport default createStyles((theme, { fluid, size, padding }: ContainerStyles) => ({\n root: {\n maxWidth: fluid ? '100%' : ~~getSizeValue~~({ size, sizes }),\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: ~~getSizeValue~~({ size: padding, sizes: theme.spacing }),\n paddingRight: ~~getSizeValue~~({ size: padding, sizes: theme.spacing }),\n },\n}));\n"],"names":[],"mappings":";;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,IAAI;AACV,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAClE,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;~~AAC5D~~,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,WAAW,EAAE,MAAM;AACvB,IAAI,WAAW,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;~~AACtE~~,IAAI,YAAY,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;~~AACvE~~,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Container.styles.js","sources":["../../../src/components/Container/Container.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface ContainerStyles {\n fluid: boolean;\n size: MantineNumberSize;\n padding: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n};\n\nexport default createStyles((theme, { fluid, size, padding }: ContainerStyles) => ({\n root: {\n maxWidth: fluid ? '100%' : theme.fn.size({ size, sizes }),\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: theme.fn.size({ size: padding, sizes: theme.spacing }),\n paddingRight: theme.fn.size({ size: padding, sizes: theme.spacing }),\n },\n}));\n"],"names":[],"mappings":";;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,IAAI;AACV,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAClE,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,WAAW,EAAE,MAAM;AACvB,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACxE,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue, getFontStyles } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,10 +27,10 @@ const sizes = {
   xl: 500
 };
 var useStyles = createStyles((theme, { size }) => ({
-  root: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
+  root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     position: "relative",
-    width: getSizeValue({ size, sizes }),
+    width: theme.fn.size({ size, sizes }),
     maxWidth: "100%",
     minHeight: 50,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.white

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, ~~getSizeValue,~~ MantineNumberSize, ~~getFontStyles~~ } from '@mantine/styles';\n\ninterface DialogStyles {\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 }: DialogStyles) => ({\n root: {\n ...~~getFontStyles~~(~~theme~~),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n position: 'relative',\n width: ~~getSizeValue~~({ 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,~~aAAa~~,CAAC,~~KAAK~~,CAAC,CAAC,EAAE;~~AAChE~~,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,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;~~AACxC~~,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, MantineNumberSize } from '@mantine/styles';\n\ninterface DialogStyles {\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 }: DialogStyles) => ({\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;;;;"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getThemeColor, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 const sizes = {
   xs: 1,
@@ -24,41 +24,33 @@ var useStyles = createStyles((theme, { size, variant, color }) => ({
   label: {
     display: "flex",
     alignItems: "center",
-    color: color === "dark" ? theme.colors.dark[1] : getThemeColor({ theme, color, shade: 6 }),
+    color: color === "dark" ? theme.colors.dark[1] : theme.fn.themeColor(color, 6),
     "&::before": {
       content: '""',
       flex: 1,
       height: 1,
-      borderTop: `1px ${variant} ${getThemeColor({
-        theme,
-        color,
-        shade: theme.colorScheme === "dark" ? 3 : 4
-      })}`,
+      borderTop: `1px ${variant} ${theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4)}`,
       marginRight: theme.spacing.xs
     },
     "&::after": {
       content: '""',
       flex: 1,
-      borderTop: `1px ${variant} ${getThemeColor({
-        theme,
-        color,
-        shade: theme.colorScheme === "dark" ? 3 : 4
-      })}`,
+      borderTop: `1px ${variant} ${theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4)}`,
       marginLeft: theme.spacing.xs
     }
   },
   horizontal: {
     border: 0,
-    borderTopWidth: getSizeValue({ size, sizes }),
-    borderTopColor: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 3 : 4 }),
+    borderTopWidth: theme.fn.size({ size, sizes }),
+    borderTopColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 4),
     borderTopStyle: variant,
     margin: 0
   },
   vertical: {
     border: 0,
     alignSelf: "stretch",
-    borderLeftWidth: getSizeValue({ size, sizes }),
-    borderLeftColor: getThemeColor({ theme, color, shade: 4 }),
+    borderLeftWidth: theme.fn.size({ size, sizes }),
+    borderLeftColor: theme.fn.themeColor(color, 4),
     borderLeftStyle: variant
   }
 }));

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 {\n createStyles~~,\n~~ MantineNumberSize~~,\n getSizeValue,\n getThemeColor,\n~~ MantineColor~~,\n~~} from '@mantine/styles';\n\ninterface DividerStyles {\n size: MantineNumberSize;\n variant: string;\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 }: DividerStyles) => ({\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 color: color === 'dark' ? theme.colors.dark[1] : ~~getThemeColor~~(~~{ theme,~~ color, ~~shade:~~ 6 }),\n\n '&::before': {\n content: '\"\"',\n flex: 1,\n height: 1,\n borderTop: `1px ${variant} ${~~getThemeColor~~({\n ~~theme,\n~~ color,\n ~~shade:~~ theme.colorScheme === 'dark' ? 3 : 4,\n })}`,\n marginRight: theme.spacing.xs,\n },\n\n '&::after': {\n content: '\"\"',\n flex: 1,\n borderTop: `1px ${variant} ${~~getThemeColor~~({\n ~~theme,\n~~ color,\n ~~shade:~~ theme.colorScheme === 'dark' ? 3 : 4,\n })}`,\n marginLeft: theme.spacing.xs,\n },\n },\n\n horizontal: {\n border: 0,\n borderTopWidth: ~~getSizeValue~~({ size, sizes }),\n borderTopColor: ~~getThemeColor~~(~~{ theme,~~ color, ~~shade:~~ theme.colorScheme === 'dark' ? 3 : 4 }),\n borderTopStyle: variant as any,\n margin: 0,\n },\n\n vertical: {\n border: 0,\n alignSelf: 'stretch',\n borderLeftWidth: ~~getSizeValue~~({ size, sizes }),\n borderLeftColor: ~~getThemeColor~~(~~{ theme,~~ color, ~~shade:~~ 4 }),\n borderLeftStyle: variant as any,\n },\n}));\n"],"names":[],"mappings":";;~~AAKY~~,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,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,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,~~aAAa~~,CAAC,EAAE,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~EAAE,~~KAAK,EAAE,CAAC,~~EAAE,~~CAAC;~~AAC9F~~,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,~~aAAa~~,CAAC~~;AACjD~~,~~QAAQ~~,~~KAAK;AACb~~,~~QAAQ~~,~~KAAK;AACb~~,~~QAAQ,~~KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC~~;AACnD~~,~~OAAO,~~CAAC,CAAC,CAAC;~~AACV~~,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,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,~~aAAa~~,CAAC~~;AACjD~~,~~QAAQ~~,~~KAAK;AACb~~,~~QAAQ~~,~~KAAK;AACb~~,~~QAAQ,~~KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC~~;AACnD~~,~~OAAO,~~CAAC,CAAC,CAAC;~~AACV~~,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,KAAK;AACL,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,cAAc,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;~~AACjD~~,IAAI,cAAc,EAAE,~~aAAa~~,CAAC,EAAE,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~EAAE,~~KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,~~EAAE,~~CAAC;~~AAChG~~,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,eAAe,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;~~AAClD~~,IAAI,eAAe,EAAE,~~aAAa~~,CAAC,EAAE,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~EAAE,~~KAAK,EAAE,CAAC,~~EAAE,~~CAAC;~~AAC9D~~,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 } from '@mantine/styles';\n\ninterface DividerStyles {\n size: MantineNumberSize;\n variant: string;\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 }: DividerStyles) => ({\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 color: color === 'dark' ? theme.colors.dark[1] : theme.fn.themeColor(color, 6),\n\n '&::before': {\n content: '\"\"',\n flex: 1,\n height: 1,\n borderTop: `1px ${variant} ${theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 3 : 4\n )}`,\n marginRight: theme.spacing.xs,\n },\n\n '&::after': {\n content: '\"\"',\n flex: 1,\n borderTop: `1px ${variant} ${theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 3 : 4\n )}`,\n marginLeft: theme.spacing.xs,\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),\n borderTopStyle: variant as any,\n margin: 0,\n },\n\n vertical: {\n border: 0,\n alignSelf: 'stretch',\n borderLeftWidth: theme.fn.size({ size, sizes }),\n borderLeftColor: theme.fn.themeColor(color, 4),\n borderLeftStyle: variant as any,\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,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,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;AAClF,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrG,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,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrG,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,KAAK;AACL,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,CAAC;AACpF,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,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,CAAC;AAClD,IAAI,eAAe,EAAE,OAAO;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

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

@@ -1,6 +1,5 @@
 import React, { useEffect } from 'react';
 import { useFocusTrap, useScrollLock, useFocusReturn } from '@mantine/hooks';
-import { useMantineTheme } from '@mantine/styles';
 import { Paper } from '../Paper/Paper.js';
 import { Overlay } from '../Overlay/Overlay.js';
 import { Portal } from '../Portal/Portal.js';
@@ -102,8 +101,7 @@ function MantineDrawer(_a) {
     "styles",
     "sx"
   ]);
-  const theme = useMantineTheme();
-  const { classes, cx } = useStyles({ size, position }, { sx, classNames, styles, name: "Drawer" });
+  const { classes, cx, theme } = useStyles({ size, position }, { sx, classNames, styles, name: "Drawer" });
   const focusTrapRef = useFocusTrap(!noFocusTrap && opened);
   const [, lockScroll] = useScrollLock();
   const drawerTransition = transition || transitions[position];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn } from '@mantine/hooks';\nimport {\n useMantineTheme,\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineMargin,\n} from '@mantine/styles';\nimport { Paper } from '../Paper/Paper';\nimport { Overlay } from '../Overlay/Overlay';\nimport { Portal } from '../Portal/Portal';\nimport { Text } from '../Text/Text';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<\n ClassNames<typeof useStyles>,\n 'noOverlay' \| 'clickOutsideOverlay'\n>;\n\nexport interface DrawerProps\n extends Omit<DefaultProps<DrawerStylesNames>, MantineMargin>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** If true drawer is mounted to the dom /\n opened: boolean;\n\n /* Called when drawer is closed (Escape key and click outside, depending on options) /\n onClose(): void;\n\n /* Drawer body position /\n position?: DrawerPosition;\n\n /* Drawer body width (right \| left position) or height (top \| bottom position), cannot exceed 100vh for height and 100% for width /\n size?: string \| number;\n\n /* Drawer body shadow from theme or any css shadow value /\n shadow?: MantineShadow;\n\n /* Drawer body padding from theme or number for padding in px /\n padding?: MantineNumberSize;\n\n /* Drawer z-index property /\n zIndex?: number;\n\n /* Disables focus trap /\n noFocusTrap?: boolean;\n\n /* Disables scroll lock /\n noScrollLock?: boolean;\n\n /* Disable onClock trigger for outside events /\n noCloseOnClickOutside?: boolean;\n\n /* Disable onClock trigger for escape key press /\n noCloseOnEscape?: boolean;\n\n /* Drawer appear and disappear transition, see Transition component for full documentation /\n transition?: MantineTransition;\n\n /* Transition duration in ms /\n transitionDuration?: number;\n\n /* Drawer transitionTimingFunction css property /\n transitionTimingFunction?: string;\n\n /* Removes overlay entirely /\n noOverlay?: boolean;\n\n /* Sets overlay opacity, defaults to 0.75 in light theme and to 0.85 in dark theme /\n overlayOpacity?: number;\n\n /* Sets overlay color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme /\n overlayColor?: string;\n\n /* Drawer title, displayed in header before close button /\n title?: React.ReactNode;\n\n /* Hides close button, modal still can be closed with escape key and by clicking outside /\n hideCloseButton?: boolean;\n\n /* Close button aria-label */\n closeButtonLabel?: string;\n}\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n left: 'slide-right',\n right: 'slide-left',\n};\n\nexport function MantineDrawer({\n className,\n style,\n opened,\n onClose,\n position = 'left',\n size = 'md',\n noFocusTrap = false,\n noScrollLock = false,\n noCloseOnClickOutside = false,\n noCloseOnEscape = false,\n transition,\n transitionDuration = 250,\n transitionTimingFunction = 'ease',\n zIndex = 1000,\n overlayColor,\n overlayOpacity,\n children,\n noOverlay = false,\n shadow = 'md',\n padding = 0,\n title,\n hideCloseButton,\n closeButtonLabel,\n classNames,\n styles,\n sx,\n ...others\n}: DrawerProps) {\n const theme = useMantineTheme();\n const { classes, cx } = useStyles({ size, position }, { sx, classNames, styles, name: 'Drawer' });\n const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n\n const [, lockScroll] = useScrollLock();\n\n const drawerTransition = transition \|\| transitions[position];\n const _overlayOpacity =\n typeof overlayOpacity === 'number'\n ? overlayOpacity\n : theme.colorScheme === 'dark'\n ? 0.85\n : 0.75;\n\n const closeOnEscape = (event: KeyboardEvent) => {\n if (noFocusTrap && event.code === 'Escape' && !noCloseOnEscape) {\n onClose();\n }\n };\n\n // eslint-disable-next-line consistent-return\n useEffect(() => {\n // onKeyDownCapture event will not fire when focus trap is not active\n if (noFocusTrap) {\n window.addEventListener('keydown', closeOnEscape);\n return () => window.removeEventListener('keydown', closeOnEscape);\n }\n }, [noFocusTrap]);\n\n useFocusReturn({ opened, transitionDuration });\n\n return (\n <GroupedTransition\n onExited={() => lockScroll(false)}\n onEntered={() => lockScroll(!noScrollLock && true)}\n mounted={opened}\n transitions={{\n overlay: { duration: transitionDuration / 2, transition: 'fade', timingFunction: 'ease' },\n drawer: {\n duration: transitionDuration,\n transition: drawerTransition,\n timingFunction: transitionTimingFunction,\n },\n }}\n >\n {(transitionStyles) => (\n <div\n className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n role=\"dialog\"\n aria-modal\n style={style}\n {...others}\n >\n {!noCloseOnClickOutside && (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n <div\n onClick={onClose}\n className={classes.clickOutsideOverlay}\n style={{ zIndex: zIndex + 1 }}\n />\n )}\n\n <Paper<'div'>\n className={cx(classes.drawer, className)}\n ref={focusTrapRef}\n style={{ ...transitionStyles.drawer, zIndex: zIndex + 2 }}\n radius={0}\n tabIndex={-1}\n onKeyDownCapture={(event) => {\n const shouldTrigger =\n (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n\n shouldTrigger && event.nativeEvent.code === 'Escape' && !noCloseOnEscape && onClose();\n }}\n shadow={shadow}\n padding={padding}\n >\n {(title \|\| !hideCloseButton) && (\n <div className={classes.header}>\n <Text className={classes.title}>{title}</Text>\n\n {!hideCloseButton && (\n <CloseButton iconSize={16} onClick={onClose} aria-label={closeButtonLabel} />\n )}\n </div>\n )}\n {children}\n </Paper>\n\n {!noOverlay && (\n <div style={transitionStyles.overlay}>\n <Overlay\n opacity={_overlayOpacity}\n zIndex={zIndex}\n color={\n overlayColor \|\|\n (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n }\n />\n </div>\n )}\n </div>\n )}\n </GroupedTransition>\n );\n}\n\nexport function Drawer(props: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n return (\n <Portal zIndex={props.zIndex \|\| 1000}>\n <MantineDrawer {...props} />\n </Portal>\n );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineMargin,\n} from '@mantine/styles';\nimport { Paper } from '../Paper/Paper';\nimport { Overlay } from '../Overlay/Overlay';\nimport { Portal } from '../Portal/Portal';\nimport { Text } from '../Text/Text';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<\n ClassNames<typeof useStyles>,\n 'noOverlay' \| 'clickOutsideOverlay'\n>;\n\nexport interface DrawerProps\n extends Omit<DefaultProps<DrawerStylesNames>, MantineMargin>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** If true drawer is mounted to the dom /\n opened: boolean;\n\n /* Called when drawer is closed (Escape key and click outside, depending on options) /\n onClose(): void;\n\n /* Drawer body position /\n position?: DrawerPosition;\n\n /* Drawer body width (right \| left position) or height (top \| bottom position), cannot exceed 100vh for height and 100% for width /\n size?: string \| number;\n\n /* Drawer body shadow from theme or any css shadow value /\n shadow?: MantineShadow;\n\n /* Drawer body padding from theme or number for padding in px /\n padding?: MantineNumberSize;\n\n /* Drawer z-index property /\n zIndex?: number;\n\n /* Disables focus trap /\n noFocusTrap?: boolean;\n\n /* Disables scroll lock /\n noScrollLock?: boolean;\n\n /* Disable onClock trigger for outside events /\n noCloseOnClickOutside?: boolean;\n\n /* Disable onClock trigger for escape key press /\n noCloseOnEscape?: boolean;\n\n /* Drawer appear and disappear transition, see Transition component for full documentation /\n transition?: MantineTransition;\n\n /* Transition duration in ms /\n transitionDuration?: number;\n\n /* Drawer transitionTimingFunction css property /\n transitionTimingFunction?: string;\n\n /* Removes overlay entirely /\n noOverlay?: boolean;\n\n /* Sets overlay opacity, defaults to 0.75 in light theme and to 0.85 in dark theme /\n overlayOpacity?: number;\n\n /* Sets overlay color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme /\n overlayColor?: string;\n\n /* Drawer title, displayed in header before close button /\n title?: React.ReactNode;\n\n /* Hides close button, modal still can be closed with escape key and by clicking outside /\n hideCloseButton?: boolean;\n\n /* Close button aria-label */\n closeButtonLabel?: string;\n}\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n left: 'slide-right',\n right: 'slide-left',\n};\n\nexport function MantineDrawer({\n className,\n style,\n opened,\n onClose,\n position = 'left',\n size = 'md',\n noFocusTrap = false,\n noScrollLock = false,\n noCloseOnClickOutside = false,\n noCloseOnEscape = false,\n transition,\n transitionDuration = 250,\n transitionTimingFunction = 'ease',\n zIndex = 1000,\n overlayColor,\n overlayOpacity,\n children,\n noOverlay = false,\n shadow = 'md',\n padding = 0,\n title,\n hideCloseButton,\n closeButtonLabel,\n classNames,\n styles,\n sx,\n ...others\n}: DrawerProps) {\n const { classes, cx, theme } = useStyles(\n { size, position },\n { sx, classNames, styles, name: 'Drawer' }\n );\n const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n\n const [, lockScroll] = useScrollLock();\n\n const drawerTransition = transition \|\| transitions[position];\n const _overlayOpacity =\n typeof overlayOpacity === 'number'\n ? overlayOpacity\n : theme.colorScheme === 'dark'\n ? 0.85\n : 0.75;\n\n const closeOnEscape = (event: KeyboardEvent) => {\n if (noFocusTrap && event.code === 'Escape' && !noCloseOnEscape) {\n onClose();\n }\n };\n\n // eslint-disable-next-line consistent-return\n useEffect(() => {\n // onKeyDownCapture event will not fire when focus trap is not active\n if (noFocusTrap) {\n window.addEventListener('keydown', closeOnEscape);\n return () => window.removeEventListener('keydown', closeOnEscape);\n }\n }, [noFocusTrap]);\n\n useFocusReturn({ opened, transitionDuration });\n\n return (\n <GroupedTransition\n onExited={() => lockScroll(false)}\n onEntered={() => lockScroll(!noScrollLock && true)}\n mounted={opened}\n transitions={{\n overlay: { duration: transitionDuration / 2, transition: 'fade', timingFunction: 'ease' },\n drawer: {\n duration: transitionDuration,\n transition: drawerTransition,\n timingFunction: transitionTimingFunction,\n },\n }}\n >\n {(transitionStyles) => (\n <div\n className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n role=\"dialog\"\n aria-modal\n style={style}\n {...others}\n >\n {!noCloseOnClickOutside && (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n <div\n onClick={onClose}\n className={classes.clickOutsideOverlay}\n style={{ zIndex: zIndex + 1 }}\n />\n )}\n\n <Paper<'div'>\n className={cx(classes.drawer, className)}\n ref={focusTrapRef}\n style={{ ...transitionStyles.drawer, zIndex: zIndex + 2 }}\n radius={0}\n tabIndex={-1}\n onKeyDownCapture={(event) => {\n const shouldTrigger =\n (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n\n shouldTrigger && event.nativeEvent.code === 'Escape' && !noCloseOnEscape && onClose();\n }}\n shadow={shadow}\n padding={padding}\n >\n {(title \|\| !hideCloseButton) && (\n <div className={classes.header}>\n <Text className={classes.title}>{title}</Text>\n\n {!hideCloseButton && (\n <CloseButton iconSize={16} onClick={onClose} aria-label={closeButtonLabel} />\n )}\n </div>\n )}\n {children}\n </Paper>\n\n {!noOverlay && (\n <div style={transitionStyles.overlay}>\n <Overlay\n opacity={_overlayOpacity}\n zIndex={zIndex}\n color={\n overlayColor \|\|\n (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n }\n />\n </div>\n )}\n </div>\n )}\n </GroupedTransition>\n );\n}\n\nexport function Drawer(props: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n return (\n <Portal zIndex={props.zIndex \|\| 1000}>\n <MantineDrawer {...props} />\n </Portal>\n );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -29,17 +29,18 @@ const sizes = {
 };
 function getPositionStyles({
   position,
-  size
+  size,
+  theme
 }) {
   switch (position) {
     case "top":
-      return { top: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };
+      return { top: 0, left: 0, right: 0, height: theme.fn.size({ size, sizes }) };
     case "bottom":
-      return { bottom: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };
+      return { bottom: 0, left: 0, right: 0, height: theme.fn.size({ size, sizes }) };
     case "right":
-      return { bottom: 0, top: 0, right: 0, width: getSizeValue({ size, sizes }) };
+      return { bottom: 0, top: 0, right: 0, width: theme.fn.size({ size, sizes }) };
     case "left":
-      return { bottom: 0, top: 0, left: 0, width: getSizeValue({ size, sizes }) };
+      return { bottom: 0, top: 0, left: 0, width: theme.fn.size({ size, sizes }) };
     default:
       return null;
   }
@@ -57,7 +58,7 @@ var useStyles = createStyles((theme, { position, size }, getRef) => {
         bottom: 0
       }
     },
-    drawer: __spreadProps(__spreadValues({}, getPositionStyles({ position, size })), {
+    drawer: __spreadProps(__spreadValues({}, getPositionStyles({ position, size, theme })), {
       maxWidth: "100%",
       maxHeight: "100vh",
       position: "fixed",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createStyles, ~~getSizeValue~~ } from '@mantine/styles';\n\nexport const sizes = {\n xs: 180,\n sm: 240,\n md: 320,\n lg: 360,\n xl: 500,\n full: '100%',\n};\n\nexport type DrawerPosition = 'top' \| 'bottom' \| 'left' \| 'right';\n\ninterface DrawerStyles {\n position: DrawerPosition;\n size: number \| string;\n}\n\~~nfunction~~ ~~getPositionStyles({\n position,\n size,\n}:~~ {\n position: DrawerPosition;\n size: number \| string;\n}): Partial<Record<keyof React.CSSProperties, any>> {\n switch (position) {\n case 'top':\n return { top: 0, left: 0, right: 0, height: ~~getSizeValue~~({ size, sizes }) };\n\n case 'bottom':\n return { bottom: 0, left: 0, right: 0, height: ~~getSizeValue~~({ size, sizes }) };\n\n case 'right':\n return { bottom: 0, top: 0, right: 0, width: ~~getSizeValue~~({ size, sizes }) };\n\n case 'left':\n return { bottom: 0, top: 0, left: 0, width: ~~getSizeValue~~({ size, sizes }) };\n\n default:\n return null;\n }\n}\n\nexport default createStyles((theme, { position, size }: DrawerStyles, getRef) => {\n const noOverlay = { ref: getRef('noOverlay') } as const;\n\n return {\n noOverlay,\n\n root: {\n [`&:not(.${noOverlay.ref})`]: {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n\n drawer: {\n ...getPositionStyles({ position, size }),\n maxWidth: '100%',\n maxHeight: '100vh',\n position: 'fixed',\n outline: 0,\n },\n\n clickOutsideOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n title: {\n marginRight: theme.spacing.md,\n textOverflow: 'ellipsis',\n display: 'block',\n wordBreak: 'break-word',\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginBottom: theme.spacing.md,\n },\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;AAEtD,MAAC,KAAK,GAAG;AACrB,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,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACF,SAAS,iBAAiB,CAAC;AAC3B,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,CAAC,EAAE;AACH,EAAE,QAAQ,QAAQ;AAClB,IAAI,KAAK,KAAK;AACd,MAAM,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;~~AAClF~~,IAAI,KAAK,QAAQ;AACjB,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;~~AACrF~~,IAAI,KAAK,OAAO;AAChB,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;~~AACnF~~,IAAI,KAAK,MAAM;AACf,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,~~YAAY~~,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;~~AAClF~~,IAAI;AACJ,MAAM,OAAO,IAAI,CAAC;AAClB,GAAG;AACH,CAAC;AACD,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,MAAM,KAAK;AACnE,EAAE,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;AACjD,EAAE,OAAO;AACT,IAAI,SAAS;AACb,IAAI,IAAI,EAAE;AACV,MAAM,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;AACpC,QAAQ,QAAQ,EAAE,OAAO;AACzB,QAAQ,GAAG,EAAE,CAAC;AACd,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,MAAM,EAAE,CAAC;AACjB,OAAO;AACP,KAAK;AACL,IAAI,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE;~~AACrF~~,MAAM,QAAQ,EAAE,MAAM;AACtB,MAAM,SAAS,EAAE,OAAO;AACxB,MAAM,QAAQ,EAAE,OAAO;AACvB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK,CAAC;AACN,IAAI,mBAAmB,EAAE;AACzB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACnC,MAAM,YAAY,EAAE,UAAU;AAC9B,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,SAAS,EAAE,YAAY;AAC7B,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,eAAe;AACrC,MAAM,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACpC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
1	+ {"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createStyles, MantineTheme } from '@mantine/styles';\n\nexport const sizes = {\n xs: 180,\n sm: 240,\n md: 320,\n lg: 360,\n xl: 500,\n full: '100%',\n};\n\nexport type DrawerPosition = 'top' \| 'bottom' \| 'left' \| 'right';\n\ninterface DrawerStyles {\n position: DrawerPosition;\n size: number \| string;\n}\n\ninterface GetPositionStyles {\n position: DrawerPosition;\n size: number \| string;\n theme: MantineTheme;\n}\n\nfunction getPositionStyles({\n position,\n size,\n theme,\n}: GetPositionStyles): Partial<Record<keyof React.CSSProperties, any>> {\n switch (position) {\n case 'top':\n return { top: 0, left: 0, right: 0, height: theme.fn.size({ size, sizes }) };\n\n case 'bottom':\n return { bottom: 0, left: 0, right: 0, height: theme.fn.size({ size, sizes }) };\n\n case 'right':\n return { bottom: 0, top: 0, right: 0, width: theme.fn.size({ size, sizes }) };\n\n case 'left':\n return { bottom: 0, top: 0, left: 0, width: theme.fn.size({ size, sizes }) };\n\n default:\n return null;\n }\n}\n\nexport default createStyles((theme, { position, size }: DrawerStyles, getRef) => {\n const noOverlay = { ref: getRef('noOverlay') } as const;\n\n return {\n noOverlay,\n\n root: {\n [`&:not(.${noOverlay.ref})`]: {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n\n drawer: {\n ...getPositionStyles({ position, size, theme }),\n maxWidth: '100%',\n maxHeight: '100vh',\n position: 'fixed',\n outline: 0,\n },\n\n clickOutsideOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n title: {\n marginRight: theme.spacing.md,\n textOverflow: 'ellipsis',\n display: 'block',\n wordBreak: 'break-word',\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginBottom: theme.spacing.md,\n },\n };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/Grid/Col/Col.js CHANGED Viewed

@@ -38,6 +38,11 @@ function Col(_a) {
     span,
     gutter,
     offset = 0,
+    offsetXs = 0,
+    offsetSm = 0,
+    offsetMd = 0,
+    offsetLg = 0,
+    offsetXl = 0,
     grow,
     xs,
     sm,
@@ -53,6 +58,11 @@ function Col(_a) {
     "span",
     "gutter",
     "offset",
+    "offsetXs",
+    "offsetSm",
+    "offsetMd",
+    "offsetLg",
+    "offsetXl",
     "grow",
     "xs",
     "sm",
@@ -64,7 +74,23 @@ function Col(_a) {
     "id",
     "sx"
   ]);
-  const { classes, cx } = useStyles({ gutter, offset, xs, sm, md, lg, xl, grow, columns, span }, { sx, name: "Col" });
+  const { classes, cx } = useStyles({
+    gutter,
+    offset,
+    offsetXs,
+    offsetSm,
+    offsetMd,
+    offsetLg,
+    offsetXl,
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    grow,
+    columns,
+    span
+  }, { sx, name: "Col" });
   if (!isValidSpan(span) || span > columns) {
     return null;
   }

package/esm/components/Grid/Col/Col.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineMargin } from '@mantine/styles';\nimport useStyles from './Col.styles';\n\nexport interface ColProps\n extends Omit<DefaultProps, MantineMargin>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Default col span /\n span: number;\n\n /* Total amount of columns, controlled by Grid component /\n columns?: number;\n\n /* Column left offset /\n offset?: number;\n\n /* Space between columns from theme, or number to set value in px, controlled by Grid component /\n gutter?: MantineNumberSize;\n\n /* sets flex-grow to 1 if true, controlled by Grid component /\n grow?: boolean;\n\n /* Col span at (min-width: theme.breakpoints.xs) /\n xs?: number;\n\n /* Col span at (min-width: theme.breakpoints.sm) /\n sm?: number;\n\n /* Col span at (min-width: theme.breakpoints.md) /\n md?: number;\n\n /* Col span at (min-width: theme.breakpoints.lg) /\n lg?: number;\n\n /* Col span at (min-width: theme.breakpoints.xl) */\n xl?: number;\n}\n\nexport function isValidSpan(span: number) {\n return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\n\nexport function Col({\n children,\n span,\n gutter,\n offset = 0,\n grow,\n xs,\n sm,\n md,\n lg,\n xl,\n columns,\n className,\n id,\n sx,\n ...others\n}: ColProps) {\n const { classes, cx } = useStyles(\n { gutter, offset, xs, sm, md, lg, xl, grow, columns, span },\n { sx, name: 'Col' }\n );\n\n if (!isValidSpan(span) \|\| span > columns) {\n return null;\n }\n return (\n <div className={cx(classes.root, className)} {...others}>\n {children}\n </div>\n );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":[],"mappings":"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~~EAAE~~,MAAM,~~EAAE~~,MAAM,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,~~EAAE~~,IAAI,~~EAAE~~,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;~~AACtH~~,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,OAAO,EAAE;AAC5C,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC;AACD,GAAG,CAAC,WAAW,GAAG,mBAAmB;;;;"}
1	+ {"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineMargin } from '@mantine/styles';\nimport useStyles from './Col.styles';\n\nexport interface ColProps\n extends Omit<DefaultProps, MantineMargin>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Default col span /\n span: number;\n\n /* Total amount of columns, controlled by Grid component /\n columns?: number;\n\n /* Column left offset /\n offset?: number;\n\n /* Column left offset at (min-width: theme.breakpoints.xs) /\n offsetXs?: number;\n\n /* Column left offset at (min-width: theme.breakpoints.sm) /\n offsetSm?: number;\n\n /* Column left offset at (min-width: theme.breakpoints.md) /\n offsetMd?: number;\n\n /* Column left offset at (min-width: theme.breakpoints.lg) /\n offsetLg?: number;\n\n /* Column left offset at (min-width: theme.breakpoints.xl) /\n offsetXl?: number;\n\n /* Space between columns from theme, or number to set value in px, controlled by Grid component /\n gutter?: MantineNumberSize;\n\n /* sets flex-grow to 1 if true, controlled by Grid component /\n grow?: boolean;\n\n /* Col span at (min-width: theme.breakpoints.xs) /\n xs?: number;\n\n /* Col span at (min-width: theme.breakpoints.sm) /\n sm?: number;\n\n /* Col span at (min-width: theme.breakpoints.md) /\n md?: number;\n\n /* Col span at (min-width: theme.breakpoints.lg) /\n lg?: number;\n\n /* Col span at (min-width: theme.breakpoints.xl) */\n xl?: number;\n}\n\nexport function isValidSpan(span: number) {\n return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\n\nexport function Col({\n children,\n span,\n gutter,\n offset = 0,\n offsetXs = 0,\n offsetSm = 0,\n offsetMd = 0,\n offsetLg = 0,\n offsetXl = 0,\n grow,\n xs,\n sm,\n md,\n lg,\n xl,\n columns,\n className,\n id,\n sx,\n ...others\n}: ColProps) {\n const { classes, cx } = useStyles(\n {\n gutter,\n offset,\n offsetXs,\n offsetSm,\n offsetMd,\n offsetLg,\n offsetXl,\n xs,\n sm,\n md,\n lg,\n xl,\n grow,\n columns,\n span,\n },\n { sx, name: 'Col' }\n );\n\n if (!isValidSpan(span) \|\| span > columns) {\n return null;\n }\n return (\n <div className={cx(classes.root, className)} {...others}>\n {children}\n </div>\n );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":[],"mappings":"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"}