@mantine/core 5.0.0-alpha.2 → 5.0.0-alpha.22

package/cjs/components/Table/Table.styles.js

@@ -23,60 +23,54 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = styles.createStyles((theme, { captionSide, horizontalSpacing, verticalSpacing, fontSize }, getRef) => {
-  const striped = { ref: getRef("striped") };
-  const hover = { ref: getRef("hover") };
-  return {
-    striped,
-    hover,
-    root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
-      width: "100%",
-      borderCollapse: "collapse",
-      captionSide,
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      lineHeight: theme.lineHeight,
-      "& caption": {
-        marginTop: captionSide === "top" ? 0 : theme.spacing.xs,
-        marginBottom: captionSide === "bottom" ? 0 : theme.spacing.xs,
-        fontSize: theme.fontSizes.sm,
-        color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
-      },
-      "& thead tr th, & tfoot tr th": {
-        textAlign: "left",
-        fontWeight: "bold",
-        color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
-        fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),
-        padding: `${theme.fn.size({
-          size: verticalSpacing,
-          sizes: theme.spacing
-        })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`
-      },
-      "& thead tr th": {
-        borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-      },
-      "& tfoot tr th": {
-        borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-      },
-      "& tbody tr td": {
-        padding: `${theme.fn.size({
-          size: verticalSpacing,
-          sizes: theme.spacing
-        })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,
-        borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
-        fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes })
-      },
-      "& tbody tr:last-of-type td": {
-        borderBottom: "none"
-      },
-      [`&.${striped.ref} tbody tr:nth-of-type(odd)`]: {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
-      },
-      [`&.${hover.ref} tbody tr:hover`]: {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
-      }
+var useStyles = styles.createStyles((theme, { captionSide, horizontalSpacing, verticalSpacing, fontSize }) => ({
+  root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    width: "100%",
+    borderCollapse: "collapse",
+    captionSide,
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    lineHeight: theme.lineHeight,
+    "& caption": {
+      marginTop: captionSide === "top" ? 0 : theme.spacing.xs,
+      marginBottom: captionSide === "bottom" ? 0 : theme.spacing.xs,
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
+    },
+    "& thead tr th, & tfoot tr th": {
+      textAlign: "left",
+      fontWeight: "bold",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
+      fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),
+      padding: `${theme.fn.size({
+        size: verticalSpacing,
+        sizes: theme.spacing
+      })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`
+    },
+    "& thead tr th": {
+      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+    },
+    "& tfoot tr th": {
+      borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+    },
+    "& tbody tr td": {
+      padding: `${theme.fn.size({
+        size: verticalSpacing,
+        sizes: theme.spacing
+      })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,
+      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
+      fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes })
+    },
+    "& tbody tr:last-of-type td": {
+      borderBottom: "none"
+    },
+    "&[data-striped] tbody tr:nth-of-type(odd)": {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
+    },
+    "&[data-hover] tbody tr": theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
     })
-  };
-});
+  })
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Table.styles.js.map

package/cjs/components/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface TableStylesParams {\n  captionSide: 'top' | 'bottom';\n  horizontalSpacing: MantineNumberSize;\n  verticalSpacing: MantineNumberSize;\n  fontSize: MantineNumberSize;\n}\n\nexport default createStyles(\n  (\n    theme,\n    { captionSide, horizontalSpacing, verticalSpacing, fontSize }: TableStylesParams,\n    getRef\n  ) => {\n    const striped = { ref: getRef('striped') };\n    const hover = { ref: getRef('hover') };\n\n    return {\n      striped,\n      hover,\n\n      root: {\n        ...theme.fn.fontStyles(),\n        width: '100%',\n        borderCollapse: 'collapse',\n        captionSide,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        lineHeight: theme.lineHeight,\n\n        '& caption': {\n          marginTop: captionSide === 'top' ? 0 : theme.spacing.xs,\n          marginBottom: captionSide === 'bottom' ? 0 : theme.spacing.xs,\n          fontSize: theme.fontSizes.sm,\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        },\n\n        '& thead tr th, & tfoot tr th': {\n          textAlign: 'left',\n          fontWeight: 'bold',\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n          fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),\n          padding: `${theme.fn.size({\n            size: verticalSpacing,\n            sizes: theme.spacing,\n          })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,\n        },\n\n        '& thead tr th': {\n          borderBottom: `1px solid ${\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n          }`,\n        },\n\n        '& tfoot tr th': {\n          borderTop: `1px solid ${\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n          }`,\n        },\n\n        '& tbody tr td': {\n          padding: `${theme.fn.size({\n            size: verticalSpacing,\n            sizes: theme.spacing,\n          })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,\n          borderBottom: `1px solid ${\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n          }`,\n          fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),\n        },\n\n        '& tbody tr:last-of-type td': {\n          borderBottom: 'none',\n        },\n\n        [`&.${striped.ref} tbody tr:nth-of-type(odd)`]: {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n        },\n\n        [`&.${hover.ref} tbody tr:hover`]: {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface TableStylesParams {\n  captionSide: 'top' | 'bottom';\n  horizontalSpacing: MantineNumberSize;\n  verticalSpacing: MantineNumberSize;\n  fontSize: MantineNumberSize;\n}\n\nexport default createStyles(\n  (theme, { captionSide, horizontalSpacing, verticalSpacing, fontSize }: TableStylesParams) => ({\n    root: {\n      ...theme.fn.fontStyles(),\n      width: '100%',\n      borderCollapse: 'collapse',\n      captionSide,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      lineHeight: theme.lineHeight,\n\n      '& caption': {\n        marginTop: captionSide === 'top' ? 0 : theme.spacing.xs,\n        marginBottom: captionSide === 'bottom' ? 0 : theme.spacing.xs,\n        fontSize: theme.fontSizes.sm,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n      },\n\n      '& thead tr th, & tfoot tr th': {\n        textAlign: 'left',\n        fontWeight: 'bold',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n        fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),\n        padding: `${theme.fn.size({\n          size: verticalSpacing,\n          sizes: theme.spacing,\n        })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,\n      },\n\n      '& thead tr th': {\n        borderBottom: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n      },\n\n      '& tfoot tr th': {\n        borderTop: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n      },\n\n      '& tbody tr td': {\n        padding: `${theme.fn.size({\n          size: verticalSpacing,\n          sizes: theme.spacing,\n        })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,\n        borderBottom: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n        fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),\n      },\n\n      '& tbody tr:last-of-type td': {\n        borderBottom: 'none',\n      },\n\n      '&[data-striped] tbody tr:nth-of-type(odd)': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      },\n\n      '&[data-hover] tbody tr': theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n      }),\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Tabs/Tab/Tab.styles.js

@@ -45,7 +45,6 @@ function getVariantStyles(theme, { variant, orientation, color, radius, inverted
   }
   if (variant === "outline") {
     return {
-      background: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
       borderRadius,
       border: "1px solid transparent",
       [vertical ? "borderRight" : inverted ? "borderTop" : "borderBottom"]: "none",

package/cjs/components/Tabs/Tab/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { TabsStylesParams } from '../Tabs.types';\n\ninterface TabStylesParams extends TabsStylesParams {\n  withIcon: boolean;\n  withRightSection: boolean;\n}\n\nfunction getVariantStyles(\n  theme: MantineTheme,\n  { variant, orientation, color, radius, inverted }: TabStylesParams\n): CSSObject {\n  const vertical = orientation === 'vertical';\n  const filledScheme = theme.fn.variant({ color, variant: 'filled' });\n  const radiusValue = theme.fn.radius(radius);\n  const borderRadius =\n    orientation === 'vertical'\n      ? `${radiusValue}px 0 0 ${radiusValue}px`\n      : inverted\n      ? `0 0 ${radiusValue}px ${radiusValue}px`\n      : `${radiusValue}px ${radiusValue}px 0 0`;\n\n  if (variant === 'default') {\n    return {\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: '2px solid transparent',\n      [vertical ? 'marginRight' : inverted ? 'marginTop' : 'marginBottom']: -2,\n      borderRadius,\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n      }),\n\n      '&[data-active]': {\n        borderColor: filledScheme.background,\n        color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n        ...theme.fn.hover({ borderColor: filledScheme.background }),\n      },\n    };\n  }\n\n  if (variant === 'outline') {\n    return {\n      background: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n      borderRadius,\n      border: '1px solid transparent',\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: 'none',\n\n      '&[data-active]': {\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n\n        '&::before': {\n          content: '\"\"',\n          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          position: 'absolute',\n          bottom: vertical ? 0 : inverted ? 'unset' : -1,\n          top: vertical ? 0 : inverted ? -1 : 'unset',\n          [vertical ? 'width' : 'height']: 1,\n          right: vertical ? -1 : 0,\n          left: vertical ? 'unset' : 0,\n        },\n      },\n    };\n  }\n\n  if (variant === 'pills') {\n    return {\n      borderRadius: theme.fn.radius(radius),\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      }),\n\n      '&[data-active]': {\n        backgroundColor: filledScheme.background,\n        color: theme.white,\n        ...theme.fn.hover({ backgroundColor: filledScheme.background }),\n      },\n    };\n  }\n\n  return {};\n}\n\nexport default createStyles((theme, params: TabStylesParams) => ({\n  tabLabel: {},\n\n  tab: {\n    position: 'relative',\n    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    paddingLeft: params.withIcon ? theme.spacing.xs : undefined,\n    paddingRight: params.withRightSection ? theme.spacing.xs : undefined,\n    fontSize: theme.fontSizes.sm,\n    whiteSpace: 'nowrap',\n    zIndex: 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: params.orientation === 'horizontal' ? 'center' : undefined,\n    lineHeight: 1,\n\n    '&:disabled': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n      ...theme.fn.hover({ backgroundColor: 'transparent' }),\n    },\n\n    '&:focus': {\n      zIndex: 1,\n    },\n\n    ...getVariantStyles(theme, params),\n  },\n\n  tabRightSection: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginLeft: 7,\n    },\n  },\n\n  tabIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginRight: 7,\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { TabsStylesParams } from '../Tabs.types';\n\ninterface TabStylesParams extends TabsStylesParams {\n  withIcon: boolean;\n  withRightSection: boolean;\n}\n\nfunction getVariantStyles(\n  theme: MantineTheme,\n  { variant, orientation, color, radius, inverted }: TabStylesParams\n): CSSObject {\n  const vertical = orientation === 'vertical';\n  const filledScheme = theme.fn.variant({ color, variant: 'filled' });\n  const radiusValue = theme.fn.radius(radius);\n  const borderRadius =\n    orientation === 'vertical'\n      ? `${radiusValue}px 0 0 ${radiusValue}px`\n      : inverted\n      ? `0 0 ${radiusValue}px ${radiusValue}px`\n      : `${radiusValue}px ${radiusValue}px 0 0`;\n\n  if (variant === 'default') {\n    return {\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: '2px solid transparent',\n      [vertical ? 'marginRight' : inverted ? 'marginTop' : 'marginBottom']: -2,\n      borderRadius,\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n      }),\n\n      '&[data-active]': {\n        borderColor: filledScheme.background,\n        color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n        ...theme.fn.hover({ borderColor: filledScheme.background }),\n      },\n    };\n  }\n\n  if (variant === 'outline') {\n    return {\n      borderRadius,\n      border: '1px solid transparent',\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: 'none',\n\n      '&[data-active]': {\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n\n        '&::before': {\n          content: '\"\"',\n          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          position: 'absolute',\n          bottom: vertical ? 0 : inverted ? 'unset' : -1,\n          top: vertical ? 0 : inverted ? -1 : 'unset',\n          [vertical ? 'width' : 'height']: 1,\n          right: vertical ? -1 : 0,\n          left: vertical ? 'unset' : 0,\n        },\n      },\n    };\n  }\n\n  if (variant === 'pills') {\n    return {\n      borderRadius: theme.fn.radius(radius),\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      }),\n\n      '&[data-active]': {\n        backgroundColor: filledScheme.background,\n        color: theme.white,\n        ...theme.fn.hover({ backgroundColor: filledScheme.background }),\n      },\n    };\n  }\n\n  return {};\n}\n\nexport default createStyles((theme, params: TabStylesParams) => ({\n  tabLabel: {},\n\n  tab: {\n    position: 'relative',\n    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    paddingLeft: params.withIcon ? theme.spacing.xs : undefined,\n    paddingRight: params.withRightSection ? theme.spacing.xs : undefined,\n    fontSize: theme.fontSizes.sm,\n    whiteSpace: 'nowrap',\n    zIndex: 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: params.orientation === 'horizontal' ? 'center' : undefined,\n    lineHeight: 1,\n\n    '&:disabled': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n      ...theme.fn.hover({ backgroundColor: 'transparent' }),\n    },\n\n    '&:focus': {\n      zIndex: 1,\n    },\n\n    ...getVariantStyles(theme, params),\n  },\n\n  tabRightSection: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginLeft: 7,\n    },\n  },\n\n  tabIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginRight: 7,\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Tabs/Tabs.context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('@mantine/utils');
 var Tabs_errors = require('./Tabs.errors.js');
 
-const [TabsContextProvider, useTabsContext] = utils.createSafeContext(Tabs_errors.TABS_ERRORS["tabs-context"]);
+const [TabsContextProvider, useTabsContext] = utils.createSafeContext(Tabs_errors.TABS_ERRORS.context);
 
 exports.TabsContextProvider = TabsContextProvider;
 exports.useTabsContext = useTabsContext;

package/cjs/components/Tabs/Tabs.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.context.js","sources":["../../../src/components/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsOrientation, TabsValue, TabsVariant } from './Tabs.types';\nimport { TABS_ERRORS } from './Tabs.errors';\n\ninterface TabsContext {\n  id: string;\n  value: TabsValue;\n  orientation: TabsOrientation;\n  loop: boolean;\n  activateTabWithKeyboard: boolean;\n  allowTabDeactivation: boolean;\n  onTabChange(value: TabsValue): void;\n  getTabId(value: string): string;\n  getPanelId(value: string): string;\n  variant: TabsVariant;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  inverted: boolean;\n}\n\nexport const [TabsContextProvider, useTabsContext] = createSafeContext<TabsContext>(\n  TABS_ERRORS['tabs-context']\n);\n"],"names":["createSafeContext","TABS_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAACC,uBAAW,CAAC,cAAc,CAAC;;;;;"}
+{"version":3,"file":"Tabs.context.js","sources":["../../../src/components/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsOrientation, TabsValue, TabsVariant } from './Tabs.types';\nimport { TABS_ERRORS } from './Tabs.errors';\n\ninterface TabsContext {\n  id: string;\n  value: TabsValue;\n  orientation: TabsOrientation;\n  loop: boolean;\n  activateTabWithKeyboard: boolean;\n  allowTabDeactivation: boolean;\n  onTabChange(value: TabsValue): void;\n  getTabId(value: string): string;\n  getPanelId(value: string): string;\n  variant: TabsVariant;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  inverted: boolean;\n}\n\nexport const [TabsContextProvider, useTabsContext] = createSafeContext<TabsContext>(\n  TABS_ERRORS.context\n);\n"],"names":["createSafeContext","TABS_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAACC,uBAAW,CAAC,OAAO;;;;;"}

package/cjs/components/Tabs/Tabs.errors.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@mantine/utils');
-
-const TABS_ERRORS = utils.createErrors({
-  "tabs-context": "Tabs component was not found in the tree",
-  "tabs-value": "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value"
-});
+const TABS_ERRORS = {
+  context: "Tabs component was not found in the tree",
+  value: "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value"
+};
 
 exports.TABS_ERRORS = TABS_ERRORS;
 //# sourceMappingURL=Tabs.errors.js.map

package/cjs/components/Tabs/Tabs.errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.errors.js","sources":["../../../src/components/Tabs/Tabs.errors.ts"],"sourcesContent":["import { createErrors } from '@mantine/utils';\n\nexport const TABS_ERRORS = createErrors({\n  'tabs-context': 'Tabs component was not found in the tree',\n  'tabs-value': 'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value',\n});\n"],"names":["createErrors"],"mappings":";;;;;;AACY,MAAC,WAAW,GAAGA,kBAAY,CAAC;AACxC,EAAE,cAAc,EAAE,0CAA0C;AAC5D,EAAE,YAAY,EAAE,mFAAmF;AACnG,CAAC;;;;"}
+{"version":3,"file":"Tabs.errors.js","sources":["../../../src/components/Tabs/Tabs.errors.ts"],"sourcesContent":["export const TABS_ERRORS = {\n  context: 'Tabs component was not found in the tree',\n  value: 'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value',\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,WAAW,GAAG;AAC3B,EAAE,OAAO,EAAE,0CAA0C;AACrD,EAAE,KAAK,EAAE,mFAAmF;AAC5F;;;;"}

package/cjs/components/Tabs/Tabs.js

@@ -56,7 +56,7 @@ const defaultProps = {
   variant: "default"
 };
 const Tabs = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Tabs", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Tabs", defaultProps, props), {
     defaultValue,
     value,
     orientation,

package/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n  StylesApiProvider,\n  Selectors,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n  | Selectors<typeof useStyles>\n  | TabsListStylesNames\n  | TabsPanelStylesNames\n  | TabStylesNames;\n\nexport interface TabsProps\n  extends TabsProviderProps,\n    DefaultProps<TabsStylesNames, TabsStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n  TabsProps,\n  {\n    List: typeof TabsList;\n    Tab: typeof Tab;\n    Panel: typeof TabsPanel;\n  }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n  orientation: 'horizontal',\n  loop: true,\n  activateTabWithKeyboard: true,\n  allowTabDeactivation: false,\n  unstyled: false,\n  inverted: false,\n  variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n  const {\n    defaultValue,\n    value,\n    orientation,\n    loop,\n    activateTabWithKeyboard,\n    allowTabDeactivation,\n    children,\n    id,\n    onTabChange,\n    variant,\n    color,\n    className,\n    unstyled,\n    classNames,\n    styles,\n    radius,\n    inverted,\n    ...others\n  } = useMantineDefaultProps('Tabs', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { orientation, color, variant, radius, inverted },\n    { unstyled, name: 'Tabs', classNames, styles }\n  );\n\n  return (\n    <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n      <TabsProvider\n        activateTabWithKeyboard={activateTabWithKeyboard}\n        defaultValue={defaultValue}\n        orientation={orientation}\n        onTabChange={onTabChange}\n        value={value}\n        id={id}\n        loop={loop}\n        allowTabDeactivation={allowTabDeactivation}\n        color={color}\n        variant={variant}\n        radius={radius}\n        inverted={inverted}\n      >\n        <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n          {children}\n        </Box>\n      </TabsProvider>\n    </StylesApiProvider>\n  );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","React","StylesApiProvider","TabsProvider","Box","TabsList","Tab","TabsPanel"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  useComponentDefaultProps,\n  StylesApiProvider,\n  Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n  | Selectors<typeof useStyles>\n  | TabsListStylesNames\n  | TabsPanelStylesNames\n  | TabStylesNames;\n\nexport interface TabsProps\n  extends TabsProviderProps,\n    DefaultProps<TabsStylesNames, TabsStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n  TabsProps,\n  {\n    List: typeof TabsList;\n    Tab: typeof Tab;\n    Panel: typeof TabsPanel;\n  }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n  orientation: 'horizontal',\n  loop: true,\n  activateTabWithKeyboard: true,\n  allowTabDeactivation: false,\n  unstyled: false,\n  inverted: false,\n  variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n  const {\n    defaultValue,\n    value,\n    orientation,\n    loop,\n    activateTabWithKeyboard,\n    allowTabDeactivation,\n    children,\n    id,\n    onTabChange,\n    variant,\n    color,\n    className,\n    unstyled,\n    classNames,\n    styles,\n    radius,\n    inverted,\n    ...others\n  } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { orientation, color, variant, radius, inverted },\n    { unstyled, name: 'Tabs', classNames, styles }\n  );\n\n  return (\n    <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n      <TabsProvider\n        activateTabWithKeyboard={activateTabWithKeyboard}\n        defaultValue={defaultValue}\n        orientation={orientation}\n        onTabChange={onTabChange}\n        value={value}\n        id={id}\n        loop={loop}\n        allowTabDeactivation={allowTabDeactivation}\n        color={color}\n        variant={variant}\n        radius={radius}\n        inverted={inverted}\n      >\n        <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n          {children}\n        </Box>\n      </TabsProvider>\n    </StylesApiProvider>\n  );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","StylesApiProvider","TabsProvider","Box","TabsList","Tab","TabsPanel"],"mappings":"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"}

package/cjs/components/Tabs/TabsProvider.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('@mantine/utils');
+var hooks = require('@mantine/hooks');
 var Tabs_context = require('./Tabs.context.js');
 var Tabs_errors = require('./Tabs.errors.js');
 
@@ -26,8 +27,8 @@ function TabsProvider({
   radius,
   inverted
 }) {
-  const uid = utils.useId(id);
-  const [_value, onChange] = utils.useUncontrolled({
+  const uid = hooks.useId(id);
+  const [_value, onChange] = hooks.useUncontrolled({
     value,
     defaultValue,
     finalValue: null,
@@ -40,8 +41,8 @@ function TabsProvider({
       id: uid,
       loop,
       activateTabWithKeyboard,
-      getTabId: utils.getSafeId(`${uid}-tab`, Tabs_errors.TABS_ERRORS["tabs-value"]),
-      getPanelId: utils.getSafeId(`${uid}-panel`, Tabs_errors.TABS_ERRORS["tabs-value"]),
+      getTabId: utils.getSafeId(`${uid}-tab`, Tabs_errors.TABS_ERRORS.value),
+      getPanelId: utils.getSafeId(`${uid}-panel`, Tabs_errors.TABS_ERRORS.value),
       onTabChange: onChange,
       allowTabDeactivation,
       variant,

package/cjs/components/Tabs/TabsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsProvider.js","sources":["../../../src/components/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled, useId, getSafeId } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant } from './Tabs.types';\n\nexport interface TabsProviderProps {\n  /** Default value for uncontrolled component */\n  defaultValue?: TabsValue;\n\n  /** Value for controlled component */\n  value?: TabsValue;\n\n  /** Callback for controlled component */\n  onTabChange?(value: TabsValue): void;\n\n  /** Tabs orientation, vertical or horizontal */\n  orientation?: TabsOrientation;\n\n  /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n  loop?: boolean;\n\n  /** Determines whether tab should be activated with arrow key press, defaults to true */\n  activateTabWithKeyboard?: boolean;\n\n  /** Determines whether tab can be deactivated, defaults to false */\n  allowTabDeactivation?: boolean;\n\n  /** Tabs content */\n  children: React.ReactNode;\n\n  /** Controls component visuals */\n  variant?: TabsVariant;\n\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n  radius?: MantineNumberSize;\n\n  /** Determines whether tabs should have inverted styles */\n  inverted?: boolean;\n}\n\nexport function TabsProvider({\n  defaultValue,\n  value,\n  onTabChange,\n  orientation,\n  children,\n  loop,\n  id,\n  activateTabWithKeyboard,\n  allowTabDeactivation,\n  variant,\n  color,\n  radius,\n  inverted,\n}: TabsProviderProps) {\n  const uid = useId(id);\n\n  const [_value, onChange] = useUncontrolled<TabsValue>({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange: onTabChange,\n  });\n\n  return (\n    <TabsContextProvider\n      value={{\n        value: _value,\n        orientation,\n        id: uid,\n        loop,\n        activateTabWithKeyboard,\n        getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS['tabs-value']),\n        getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS['tabs-value']),\n        onTabChange: onChange,\n        allowTabDeactivation,\n        variant,\n        color,\n        radius,\n        inverted,\n      }}\n    >\n      {children}\n    </TabsContextProvider>\n  );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":["useId","useUncontrolled","React","TabsContextProvider","getSafeId","TABS_ERRORS"],"mappings":";;;;;;;;;;;;;AAIO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,gCAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAEC,uBAAW,CAAC,YAAY,CAAC,CAAC;AAClE,MAAM,UAAU,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,uBAAW,CAAC,YAAY,CAAC,CAAC;AACtE,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"TabsProvider.js","sources":["../../../src/components/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant } from './Tabs.types';\n\nexport interface TabsProviderProps {\n  /** Default value for uncontrolled component */\n  defaultValue?: TabsValue;\n\n  /** Value for controlled component */\n  value?: TabsValue;\n\n  /** Callback for controlled component */\n  onTabChange?(value: TabsValue): void;\n\n  /** Tabs orientation, vertical or horizontal */\n  orientation?: TabsOrientation;\n\n  /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n  loop?: boolean;\n\n  /** Determines whether tab should be activated with arrow key press, defaults to true */\n  activateTabWithKeyboard?: boolean;\n\n  /** Determines whether tab can be deactivated, defaults to false */\n  allowTabDeactivation?: boolean;\n\n  /** Tabs content */\n  children: React.ReactNode;\n\n  /** Controls component visuals */\n  variant?: TabsVariant;\n\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n  radius?: MantineNumberSize;\n\n  /** Determines whether tabs should have inverted styles */\n  inverted?: boolean;\n}\n\nexport function TabsProvider({\n  defaultValue,\n  value,\n  onTabChange,\n  orientation,\n  children,\n  loop,\n  id,\n  activateTabWithKeyboard,\n  allowTabDeactivation,\n  variant,\n  color,\n  radius,\n  inverted,\n}: TabsProviderProps) {\n  const uid = useId(id);\n\n  const [_value, onChange] = useUncontrolled<TabsValue>({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange: onTabChange,\n  });\n\n  return (\n    <TabsContextProvider\n      value={{\n        value: _value,\n        orientation,\n        id: uid,\n        loop,\n        activateTabWithKeyboard,\n        getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n        getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n        onTabChange: onChange,\n        allowTabDeactivation,\n        variant,\n        color,\n        radius,\n        inverted,\n      }}\n    >\n      {children}\n    </TabsContextProvider>\n  );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":["useId","useUncontrolled","React","TabsContextProvider","getSafeId","TABS_ERRORS"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,gCAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAEC,uBAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,uBAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/cjs/components/Text/Text.js

@@ -41,28 +41,25 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  size: "md",
-  variant: "text",
-  gradient: { from: "blue", to: "cyan", deg: 45 },
-  inline: false,
-  inherit: false
+  variant: "text"
 };
 const _Text = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Text", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Text", defaultProps, props), {
     className,
-    size = "md",
+    size,
     weight,
     transform,
     color,
     align,
-    variant = "text",
+    variant,
     lineClamp,
-    gradient = { from: "blue", to: "cyan", deg: 45 },
-    inline = false,
-    inherit = false,
+    gradient,
+    inline,
+    inherit,
     underline,
     classNames,
-    styles: styles$1
+    styles: styles$1,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "size",
@@ -77,7 +74,8 @@ const _Text = React.forwardRef((props, ref) => {
     "inherit",
     "underline",
     "classNames",
-    "styles"
+    "styles",
+    "unstyled"
   ]);
   const { classes, cx } = Text_styles['default']({
     variant,
@@ -90,10 +88,8 @@ const _Text = React.forwardRef((props, ref) => {
     weight,
     transform,
     align,
-    gradientFrom: gradient.from,
-    gradientTo: gradient.to,
-    gradientDeg: gradient.deg
-  }, { classNames, styles: styles$1, name: "Text" });
+    gradient
+  }, { unstyled, name: "Text" });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     ref,
     className: cx(classes.root, { [classes.gradient]: variant === "gradient" }, className)

package/cjs/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineGradient,\n  useMantineDefaultProps,\n  MantineColor,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles from './Text.styles';\n\nexport interface TextProps extends DefaultProps {\n  /** Text content */\n  children?: React.ReactNode;\n\n  /** Predefined font-size from theme.fontSizes */\n  size?: MantineSize;\n\n  /** Text color from theme or dimmed variant */\n  color?: 'dimmed' | MantineColor;\n\n  /** Sets font-weight css property */\n  weight?: React.CSSProperties['fontWeight'];\n\n  /** Sets text-transform css property */\n  transform?: 'capitalize' | 'uppercase' | 'lowercase' | 'none';\n\n  /** Sets text-align css property */\n  align?: 'left' | 'center' | 'right' | 'justify';\n\n  /** Link or text variant */\n  variant?: 'text' | 'link' | 'gradient';\n\n  /** CSS -webkit-line-clamp property */\n  lineClamp?: number;\n\n  /** Sets line-height to 1 for centering */\n  inline?: boolean;\n\n  /** Underline the text */\n  underline?: boolean;\n\n  /** Inherit font properties from parent element */\n  inherit?: boolean;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n}\n\nconst defaultProps: Partial<TextProps> = {\n  size: 'md',\n  variant: 'text',\n  gradient: { from: 'blue', to: 'cyan', deg: 45 },\n  inline: false,\n  inherit: false,\n};\n\nexport const _Text = forwardRef<HTMLDivElement, TextProps>((props, ref) => {\n  const {\n    className,\n    size = 'md',\n    weight,\n    transform,\n    color,\n    align,\n    variant = 'text',\n    lineClamp,\n    gradient = { from: 'blue', to: 'cyan', deg: 45 },\n    inline = false,\n    inherit = false,\n    underline,\n    classNames,\n    styles,\n    ...others\n  } = useMantineDefaultProps('Text', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    {\n      variant,\n      color,\n      size,\n      lineClamp,\n      inline,\n      inherit,\n      underline,\n      weight,\n      transform,\n      align,\n      gradientFrom: gradient.from,\n      gradientTo: gradient.to,\n      gradientDeg: gradient.deg,\n    },\n    { classNames, styles, name: 'Text' }\n  );\n\n  return (\n    <Box\n      ref={ref}\n      className={cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className)}\n      {...others}\n    />\n  );\n});\n\n_Text.displayName = '@mantine/core/Text';\n\nexport const Text = createPolymorphicComponent<'div', TextProps>(_Text);\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","React","Box","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineGradient,\n  useComponentDefaultProps,\n  MantineColor,\n  MantineNumberSize,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles from './Text.styles';\n\nexport interface TextProps extends DefaultProps {\n  /** Text content */\n  children?: React.ReactNode;\n\n  /** Key of theme.fontSizes or number to set font-size in px */\n  size?: MantineNumberSize;\n\n  /** Key of theme.colors or any valid CSS color */\n  color?: 'dimmed' | MantineColor;\n\n  /** Sets font-weight css property */\n  weight?: React.CSSProperties['fontWeight'];\n\n  /** Sets text-transform css property */\n  transform?: React.CSSProperties['textTransform'];\n\n  /** Sets text-align css property */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Link or text variant */\n  variant?: 'text' | 'link' | 'gradient';\n\n  /** CSS -webkit-line-clamp property */\n  lineClamp?: number;\n\n  /** Sets line-height to 1 for centering */\n  inline?: boolean;\n\n  /** Underline the text */\n  underline?: boolean;\n\n  /** Inherit font properties from parent element */\n  inherit?: boolean;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n}\n\nconst defaultProps: Partial<TextProps> = {\n  variant: 'text',\n};\n\nexport const _Text = forwardRef<HTMLDivElement, TextProps>((props, ref) => {\n  const {\n    className,\n    size,\n    weight,\n    transform,\n    color,\n    align,\n    variant,\n    lineClamp,\n    gradient,\n    inline,\n    inherit,\n    underline,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Text', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    {\n      variant,\n      color,\n      size,\n      lineClamp,\n      inline,\n      inherit,\n      underline,\n      weight,\n      transform,\n      align,\n      gradient,\n    },\n    { unstyled, name: 'Text' }\n  );\n\n  return (\n    <Box\n      ref={ref}\n      className={cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className)}\n      {...others}\n    />\n  );\n});\n\n_Text.displayName = '@mantine/core/Text';\n\nexport const Text = createPolymorphicComponent<'div', TextProps>(_Text);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","Box","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Text/Text.styles.js

@@ -27,7 +27,7 @@ function getTextColor({ theme, color, variant }) {
   if (color === "dimmed") {
     return theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6];
   }
-  return color in theme.colors ? theme.colors[color][theme.colorScheme === "dark" ? 5 : 7] : variant === "link" ? theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 7] : color || "inherit";
+  return color in theme.colors ? theme.fn.variant({ variant: "filled", color }).background : variant === "link" ? theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 7] : color || "inherit";
 }
 function getLineClamp(lineClamp) {
   if (typeof lineClamp === "number") {
@@ -49,22 +49,17 @@ var useStyles = styles.createStyles((theme, {
   inline,
   inherit,
   underline,
-  gradientDeg,
-  gradientTo,
-  gradientFrom,
+  gradient,
   weight,
   transform,
   align
 }) => {
-  const colors = theme.fn.variant({
-    variant: "gradient",
-    gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
-  });
+  const colors = theme.fn.variant({ variant: "gradient", gradient });
   return {
     root: __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), getLineClamp(lineClamp)), {
       color: getTextColor({ color, theme, variant }),
       fontFamily: inherit ? "inherit" : theme.fontFamily,
-      fontSize: inherit ? "inherit" : theme.fontSizes[size],
+      fontSize: inherit || size === void 0 ? "inherit" : theme.fn.size({ size, sizes: theme.fontSizes }),
       lineHeight: inherit ? "inherit" : inline ? 1 : theme.lineHeight,
       textDecoration: underline ? "underline" : "none",
       WebkitTapHighlightColor: "transparent",

package/cjs/components/Text/Text.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme, MantineSize, CSSObject, MantineColor } from '@mantine/styles';\n\nexport interface TextStylesParams {\n  color: 'dimmed' | MantineColor;\n  variant: 'text' | 'link' | 'gradient';\n  size: MantineSize;\n  lineClamp: number;\n  inline: boolean;\n  inherit: boolean;\n  underline: boolean;\n  gradientFrom: string;\n  gradientTo: string;\n  gradientDeg: number;\n  transform: 'capitalize' | 'uppercase' | 'lowercase' | 'none';\n  align: 'left' | 'center' | 'right' | 'justify';\n  weight: React.CSSProperties['fontWeight'];\n}\n\ninterface GetTextColor {\n  theme: MantineTheme;\n  color: 'dimmed' | MantineColor;\n  variant: TextStylesParams['variant'];\n}\n\nfunction getTextColor({ theme, color, variant }: GetTextColor) {\n  if (color === 'dimmed') {\n    return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n  }\n\n  return color in theme.colors\n    ? theme.colors[color][theme.colorScheme === 'dark' ? 5 : 7]\n    : variant === 'link'\n    ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 7]\n    : color || 'inherit';\n}\n\nfunction getLineClamp(lineClamp: number): CSSObject {\n  if (typeof lineClamp === 'number') {\n    return {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: lineClamp,\n      WebkitBoxOrient: 'vertical',\n    };\n  }\n\n  return null;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      color,\n      variant,\n      size,\n      lineClamp,\n      inline,\n      inherit,\n      underline,\n      gradientDeg,\n      gradientTo,\n      gradientFrom,\n      weight,\n      transform,\n      align,\n    }: TextStylesParams\n  ) => {\n    const colors = theme.fn.variant({\n      variant: 'gradient',\n      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n    });\n\n    return {\n      root: {\n        ...theme.fn.fontStyles(),\n        ...theme.fn.focusStyles(),\n        ...getLineClamp(lineClamp),\n        color: getTextColor({ color, theme, variant }),\n        fontFamily: inherit ? 'inherit' : theme.fontFamily,\n        fontSize: inherit ? 'inherit' : theme.fontSizes[size],\n        lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n        textDecoration: underline ? 'underline' : 'none',\n        WebkitTapHighlightColor: 'transparent',\n        fontWeight: inherit ? 'inherit' : weight,\n        textTransform: transform,\n        textAlign: align,\n\n        ...theme.fn.hover(\n          variant === 'link' && underline === undefined\n            ? {\n                textDecoration: 'underline',\n              }\n            : undefined\n        ),\n      },\n\n      gradient: {\n        backgroundImage: colors.background,\n        WebkitBackgroundClip: 'text',\n        WebkitTextFillColor: 'transparent',\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Text.styles.js","sources":["../../../src/components/Text/Text.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineTheme,\n  CSSObject,\n  MantineColor,\n  MantineGradient,\n  MantineNumberSize,\n} from '@mantine/styles';\n\nexport interface TextStylesParams {\n  color: 'dimmed' | MantineColor;\n  variant: 'text' | 'link' | 'gradient';\n  size: MantineNumberSize;\n  lineClamp: number;\n  inline: boolean;\n  inherit: boolean;\n  underline: boolean;\n  gradient: MantineGradient;\n  transform: React.CSSProperties['textTransform'];\n  align: React.CSSProperties['textAlign'];\n  weight: React.CSSProperties['fontWeight'];\n}\n\ninterface GetTextColor {\n  theme: MantineTheme;\n  color: 'dimmed' | MantineColor;\n  variant: TextStylesParams['variant'];\n}\n\nfunction getTextColor({ theme, color, variant }: GetTextColor) {\n  if (color === 'dimmed') {\n    return theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6];\n  }\n\n  return color in theme.colors\n    ? theme.fn.variant({ variant: 'filled', color }).background\n    : variant === 'link'\n    ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 7]\n    : color || 'inherit';\n}\n\nfunction getLineClamp(lineClamp: number): CSSObject {\n  if (typeof lineClamp === 'number') {\n    return {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: lineClamp,\n      WebkitBoxOrient: 'vertical',\n    };\n  }\n\n  return null;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      color,\n      variant,\n      size,\n      lineClamp,\n      inline,\n      inherit,\n      underline,\n      gradient,\n      weight,\n      transform,\n      align,\n    }: TextStylesParams\n  ) => {\n    const colors = theme.fn.variant({ variant: 'gradient', gradient });\n\n    return {\n      root: {\n        ...theme.fn.fontStyles(),\n        ...theme.fn.focusStyles(),\n        ...getLineClamp(lineClamp),\n        color: getTextColor({ color, theme, variant }),\n        fontFamily: inherit ? 'inherit' : theme.fontFamily,\n        fontSize:\n          inherit || size === undefined\n            ? 'inherit'\n            : theme.fn.size({ size, sizes: theme.fontSizes }),\n        lineHeight: inherit ? 'inherit' : inline ? 1 : theme.lineHeight,\n        textDecoration: underline ? 'underline' : 'none',\n        WebkitTapHighlightColor: 'transparent',\n        fontWeight: inherit ? 'inherit' : weight,\n        textTransform: transform,\n        textAlign: align,\n\n        ...theme.fn.hover(\n          variant === 'link' && underline === undefined\n            ? {\n                textDecoration: 'underline',\n              }\n            : undefined\n        ),\n      },\n\n      gradient: {\n        backgroundImage: colors.background,\n        WebkitBackgroundClip: 'text',\n        WebkitTextFillColor: 'transparent',\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/TextInput/TextInput.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useInputProps = require('../Input/use-input-props.js');
-var InputWrapper = require('../InputWrapper/InputWrapper.js');
 var Input = require('../Input/Input.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -49,7 +48,7 @@ const defaultProps = {
 };
 const TextInput = React.forwardRef((props, ref) => {
   const _a = useInputProps.useInputProps("TextInput", defaultProps, props), { inputProps, wrapperProps } = _a, others = __objRest(_a, ["inputProps", "wrapperProps"]);
-  return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues({}, wrapperProps), /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), others), {
+  return /* @__PURE__ */ React__default.createElement(Input.Input.Wrapper, __spreadValues({}, wrapperProps), /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), others), {
     ref
   })));
 });

package/cjs/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize } from '@mantine/styles';\nimport { Input, InputBaseProps, InputStylesNames, useInputProps } from '../Input';\nimport { InputWrapperBaseProps, InputWrapper, InputWrapperStylesNames } from '../InputWrapper';\n\nexport type TextInputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface TextInputProps\n  extends DefaultProps<TextInputStylesNames>,\n    InputBaseProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {\n  /** id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Input element type */\n  type?: 'text' | 'password' | 'email' | 'search' | 'tel' | 'url' | 'number';\n\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: Record<string, any>;\n\n  /** Input size */\n  size?: MantineSize;\n\n  /** Static css selector base */\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<TextInputProps> = {\n  type: 'text',\n  size: 'sm',\n  __staticSelector: 'TextInput',\n};\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\n  const { inputProps, wrapperProps, ...others } = useInputProps('TextInput', defaultProps, props);\n  return (\n    <InputWrapper {...wrapperProps}>\n      <Input {...inputProps} {...others} ref={ref} />\n    </InputWrapper>\n  );\n});\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["forwardRef","useInputProps","React","InputWrapper","Input"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize } from '@mantine/styles';\nimport {\n  Input,\n  InputSharedProps,\n  InputStylesNames,\n  useInputProps,\n  InputWrapperBaseProps,\n  InputWrapperStylesNames,\n} from '../Input';\n\nexport type TextInputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface TextInputProps\n  extends DefaultProps<TextInputStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {\n  /** Input element type */\n  type?: React.HTMLInputTypeAttribute;\n\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: Record<string, any>;\n\n  /** Input size */\n  size?: MantineSize;\n\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<TextInputProps> = {\n  type: 'text',\n  size: 'sm',\n  __staticSelector: 'TextInput',\n};\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\n  const { inputProps, wrapperProps, ...others } = useInputProps('TextInput', defaultProps, props);\n  return (\n    <Input.Wrapper {...wrapperProps}>\n      <Input {...inputProps} {...others} ref={ref} />\n    </Input.Wrapper>\n  );\n});\n\nTextInput.displayName = '@mantine/core/TextInput';\n"],"names":["forwardRef","useInputProps","React","Input"],"mappings":"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"}