@mantine/core 5.2.1 → 5.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.
- package/cjs/Container/Container.js.map +1 -1
- package/cjs/Grid/Col/Col.styles.js +7 -9
- package/cjs/Grid/Col/Col.styles.js.map +1 -1
- package/cjs/Title/Title.js +2 -2
- package/cjs/Title/Title.js.map +1 -1
- package/cjs/Title/Title.styles.js +3 -3
- package/cjs/Title/Title.styles.js.map +1 -1
- package/esm/Container/Container.js.map +1 -1
- package/esm/Grid/Col/Col.styles.js +7 -9
- package/esm/Grid/Col/Col.styles.js.map +1 -1
- package/esm/Title/Title.js +2 -2
- package/esm/Title/Title.js.map +1 -1
- package/esm/Title/Title.styles.js +3 -3
- package/esm/Title/Title.styles.js.map +1 -1
- package/lib/Container/Container.d.ts +1 -1
- package/lib/Container/Container.d.ts.map +1 -1
- package/lib/Grid/Col/Col.styles.d.ts.map +1 -1
- package/lib/Title/Title.styles.d.ts +1 -0
- package/lib/Title/Title.styles.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../src/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px */\n size?: MantineNumberSize;\n\n /** If fluid is set to true, size prop is ignored and Container
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../src/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px */\n size?: MantineNumberSize;\n\n /** If fluid is set to true, size prop is ignored and Container can expand to 100% of width */\n fluid?: boolean;\n\n /** Container sizes */\n sizes?: Record<MantineSize, number>;\n}\n\nconst defaultProps: Partial<ContainerProps> = {\n sizes: {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n },\n};\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (props: ContainerProps, ref) => {\n const { className, fluid, size, unstyled, sizes, ...others } = useComponentDefaultProps(\n 'Container',\n defaultProps,\n props\n );\n\n const { classes, cx } = useStyles({ fluid, size, sizes }, { unstyled, name: 'Container' });\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n }\n);\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}
|
|
@@ -31,15 +31,13 @@ function getBreakpointsStyles({
|
|
|
31
31
|
grow
|
|
32
32
|
}) {
|
|
33
33
|
return styles.MANTINE_SIZES.reduce((acc, size) => {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
};
|
|
42
|
-
}
|
|
34
|
+
acc[`@media (min-width: ${theme.breakpoints[size] + 1}px)`] = {
|
|
35
|
+
order: orders[size],
|
|
36
|
+
flexBasis: typeof sizes[size] === "number" ? getColumnWidth(sizes[size], columns) : "auto",
|
|
37
|
+
flexShrink: 0,
|
|
38
|
+
maxWidth: grow ? "unset" : typeof sizes[size] === "number" ? getColumnWidth(sizes[size], columns) : "none",
|
|
39
|
+
marginLeft: getColumnOffset(offsets[size], columns)
|
|
40
|
+
};
|
|
43
41
|
return acc;
|
|
44
42
|
}, {});
|
|
45
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.styles.js","sources":["../../../src/Grid/Col/Col.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MANTINE_SIZES,\n MantineSize,\n MantineTheme,\n} from '@mantine/styles';\n\ninterface ColStyles {\n gutter: MantineNumberSize;\n columns: number;\n grow: boolean;\n offset: number;\n offsetXs: number;\n offsetSm: number;\n offsetMd: number;\n offsetLg: number;\n offsetXl: number;\n span: number;\n xs: number;\n sm: number;\n md: number;\n lg: number;\n xl: number;\n order: React.CSSProperties['order'];\n orderXs: React.CSSProperties['order'];\n orderSm: React.CSSProperties['order'];\n orderMd: React.CSSProperties['order'];\n orderLg: React.CSSProperties['order'];\n orderXl: React.CSSProperties['order'];\n}\n\nconst getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\nconst getColumnOffset = (offset: number, columns: number) =>\n offset ? `${100 / (columns / offset)}%` : undefined;\n\nfunction getBreakpointsStyles({\n sizes,\n offsets,\n orders,\n theme,\n columns,\n grow,\n}: {\n sizes: Record<MantineSize, number>;\n offsets: Record<MantineSize, number>;\n orders: Record<MantineSize, React.CSSProperties['order']>;\n grow: boolean;\n theme: MantineTheme;\n columns: number;\n}) {\n return MANTINE_SIZES.reduce((acc, size) => {\n
|
|
1
|
+
{"version":3,"file":"Col.styles.js","sources":["../../../src/Grid/Col/Col.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MANTINE_SIZES,\n MantineSize,\n MantineTheme,\n} from '@mantine/styles';\n\ninterface ColStyles {\n gutter: MantineNumberSize;\n columns: number;\n grow: boolean;\n offset: number;\n offsetXs: number;\n offsetSm: number;\n offsetMd: number;\n offsetLg: number;\n offsetXl: number;\n span: number;\n xs: number;\n sm: number;\n md: number;\n lg: number;\n xl: number;\n order: React.CSSProperties['order'];\n orderXs: React.CSSProperties['order'];\n orderSm: React.CSSProperties['order'];\n orderMd: React.CSSProperties['order'];\n orderLg: React.CSSProperties['order'];\n orderXl: React.CSSProperties['order'];\n}\n\nconst getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\nconst getColumnOffset = (offset: number, columns: number) =>\n offset ? `${100 / (columns / offset)}%` : undefined;\n\nfunction getBreakpointsStyles({\n sizes,\n offsets,\n orders,\n theme,\n columns,\n grow,\n}: {\n sizes: Record<MantineSize, number>;\n offsets: Record<MantineSize, number>;\n orders: Record<MantineSize, React.CSSProperties['order']>;\n grow: boolean;\n theme: MantineTheme;\n columns: number;\n}) {\n return MANTINE_SIZES.reduce((acc, size) => {\n acc[`@media (min-width: ${theme.breakpoints[size] + 1}px)`] = {\n order: orders[size],\n flexBasis: typeof sizes[size] === 'number' ? getColumnWidth(sizes[size], columns) : 'auto',\n flexShrink: 0,\n maxWidth: grow\n ? 'unset'\n : typeof sizes[size] === 'number'\n ? getColumnWidth(sizes[size], columns)\n : 'none',\n marginLeft: getColumnOffset(offsets[size], columns),\n };\n return acc;\n }, {});\n}\n\nexport default createStyles(\n (\n theme,\n {\n gutter,\n grow,\n offset,\n offsetXs,\n offsetSm,\n offsetMd,\n offsetLg,\n offsetXl,\n columns,\n span,\n xs,\n sm,\n md,\n lg,\n xl,\n order,\n orderXs,\n orderSm,\n orderMd,\n orderLg,\n orderXl,\n }: ColStyles\n ) => ({\n root: {\n boxSizing: 'border-box',\n flexGrow: grow ? 1 : 0,\n order,\n padding: theme.fn.size({ size: gutter, sizes: theme.spacing }) / 2,\n marginLeft: getColumnOffset(offset, columns),\n flexBasis: getColumnWidth(span, columns),\n flexShrink: 0,\n maxWidth: grow ? 'unset' : getColumnWidth(span, columns),\n ...getBreakpointsStyles({\n sizes: { xs, sm, md, lg, xl },\n offsets: { xs: offsetXs, sm: offsetSm, md: offsetMd, lg: offsetLg, xl: offsetXl },\n orders: { xs: orderXs, sm: orderSm, md: orderMd, lg: orderLg, xl: orderXl },\n theme,\n columns,\n grow,\n }),\n },\n })\n);\n"],"names":["MANTINE_SIZES","createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAKF,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,CAAC,EAAE,GAAG,IAAI,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7E,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,GAAG,CAAC,EAAE,GAAG,IAAI,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AAC9F,SAAS,oBAAoB,CAAC;AAC9B,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,IAAI;AACN,CAAC,EAAE;AACH,EAAE,OAAOA,oBAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AAC7C,IAAI,GAAG,CAAC,CAAC,mBAAmB,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG;AAClE,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC;AACzB,MAAM,SAAS,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM;AAChG,MAAM,UAAU,EAAE,CAAC;AACnB,MAAM,QAAQ,EAAE,IAAI,GAAG,OAAO,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM;AAChH,MAAM,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;AACzD,KAAK,CAAC;AACN,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AACD,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE;AACpC,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,EAAE;AACJ,EAAE,EAAE;AACJ,EAAE,EAAE;AACJ,EAAE,EAAE;AACJ,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,CAAC,MAAM;AACP,EAAE,IAAI,EAAE,cAAc,CAAC;AACvB,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,QAAQ,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC;AAC1B,IAAI,KAAK;AACT,IAAI,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACtE,IAAI,UAAU,EAAE,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC;AAChD,IAAI,SAAS,EAAE,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC;AAC5C,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,QAAQ,EAAE,IAAI,GAAG,OAAO,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC;AAC5D,GAAG,EAAE,oBAAoB,CAAC;AAC1B,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACjC,IAAI,OAAO,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AACrF,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;AAC/E,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;;;;"}
|
package/cjs/Title/Title.js
CHANGED
|
@@ -43,8 +43,8 @@ const defaultProps = {
|
|
|
43
43
|
order: 1
|
|
44
44
|
};
|
|
45
45
|
const Title = React.forwardRef((props, ref) => {
|
|
46
|
-
const _a = styles.useComponentDefaultProps("Title", defaultProps, props), { className, order, children, unstyled, size, weight } = _a, others = __objRest(_a, ["className", "order", "children", "unstyled", "size", "weight"]);
|
|
47
|
-
const { classes, cx } = Title_styles['default']({ element: `h${order}`, weight, size }, { name: "Title", unstyled });
|
|
46
|
+
const _a = styles.useComponentDefaultProps("Title", defaultProps, props), { className, order, children, unstyled, size, weight, inline } = _a, others = __objRest(_a, ["className", "order", "children", "unstyled", "size", "weight", "inline"]);
|
|
47
|
+
const { classes, cx } = Title_styles['default']({ element: `h${order}`, weight, size, inline }, { name: "Title", unstyled });
|
|
48
48
|
if (![1, 2, 3, 4, 5, 6].includes(order)) {
|
|
49
49
|
return null;
|
|
50
50
|
}
|
package/cjs/Title/Title.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Text"],"mappings":";;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AACU,MAAC,KAAK,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, inline, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size, inline },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Text"],"mappings":"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"}
|
|
@@ -31,16 +31,16 @@ function getFontSize(size, element, theme) {
|
|
|
31
31
|
}
|
|
32
32
|
function getLineHeight(size, element, theme) {
|
|
33
33
|
if (typeof size !== "undefined" && size in theme.headings.sizes) {
|
|
34
|
-
return theme.headings.sizes[
|
|
34
|
+
return theme.headings.sizes[size].lineHeight;
|
|
35
35
|
}
|
|
36
36
|
return theme.headings.sizes[element].lineHeight;
|
|
37
37
|
}
|
|
38
|
-
var useStyles = styles.createStyles((theme, { element, weight, size }) => ({
|
|
38
|
+
var useStyles = styles.createStyles((theme, { element, weight, size, inline }) => ({
|
|
39
39
|
root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
40
40
|
fontFamily: theme.headings.fontFamily,
|
|
41
41
|
fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,
|
|
42
42
|
fontSize: getFontSize(size, element, theme),
|
|
43
|
-
lineHeight: getLineHeight(size, element, theme),
|
|
43
|
+
lineHeight: inline ? 1 : getLineHeight(size, element, theme),
|
|
44
44
|
margin: 0
|
|
45
45
|
})
|
|
46
46
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/styles';\nimport type { TitleSize } from './Title';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n size: TitleSize;\n weight: React.CSSProperties['fontWeight'];\n}\n\nfunction getFontSize(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined') {\n return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;\n }\n\n return theme.headings.sizes[element].fontSize;\n}\n\nfunction getLineHeight(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined' && size in theme.headings.sizes) {\n return theme.headings.sizes[
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/styles';\nimport type { TitleSize } from './Title';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n size: TitleSize;\n weight: React.CSSProperties['fontWeight'];\n inline: boolean;\n}\n\nfunction getFontSize(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined') {\n return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;\n }\n\n return theme.headings.sizes[element].fontSize;\n}\n\nfunction getLineHeight(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined' && size in theme.headings.sizes) {\n return theme.headings.sizes[size].lineHeight;\n }\n\n return theme.headings.sizes[element].lineHeight;\n}\n\nexport default createStyles((theme, { element, weight, size, inline }: TitleStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontFamily: theme.headings.fontFamily,\n fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,\n fontSize: getFontSize(size, element, theme),\n lineHeight: inline ? 1 : getLineHeight(size, element, theme),\n margin: 0,\n },\n}));\n"],"names":["createStyles"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../src/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px */\n size?: MantineNumberSize;\n\n /** If fluid is set to true, size prop is ignored and Container
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../src/Container/Container.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useComponentDefaultProps,\n MantineSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Predefined container max-width or number for max-width in px */\n size?: MantineNumberSize;\n\n /** If fluid is set to true, size prop is ignored and Container can expand to 100% of width */\n fluid?: boolean;\n\n /** Container sizes */\n sizes?: Record<MantineSize, number>;\n}\n\nconst defaultProps: Partial<ContainerProps> = {\n sizes: {\n xs: 540,\n sm: 720,\n md: 960,\n lg: 1140,\n xl: 1320,\n },\n};\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (props: ContainerProps, ref) => {\n const { className, fluid, size, unstyled, sizes, ...others } = useComponentDefaultProps(\n 'Container',\n defaultProps,\n props\n );\n\n const { classes, cx } = useStyles({ fluid, size, sizes }, { unstyled, name: 'Container' });\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n }\n);\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":[],"mappings":"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"}
|
|
@@ -27,15 +27,13 @@ function getBreakpointsStyles({
|
|
|
27
27
|
grow
|
|
28
28
|
}) {
|
|
29
29
|
return MANTINE_SIZES.reduce((acc, size) => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
};
|
|
38
|
-
}
|
|
30
|
+
acc[`@media (min-width: ${theme.breakpoints[size] + 1}px)`] = {
|
|
31
|
+
order: orders[size],
|
|
32
|
+
flexBasis: typeof sizes[size] === "number" ? getColumnWidth(sizes[size], columns) : "auto",
|
|
33
|
+
flexShrink: 0,
|
|
34
|
+
maxWidth: grow ? "unset" : typeof sizes[size] === "number" ? getColumnWidth(sizes[size], columns) : "none",
|
|
35
|
+
marginLeft: getColumnOffset(offsets[size], columns)
|
|
36
|
+
};
|
|
39
37
|
return acc;
|
|
40
38
|
}, {});
|
|
41
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.styles.js","sources":["../../../src/Grid/Col/Col.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MANTINE_SIZES,\n MantineSize,\n MantineTheme,\n} from '@mantine/styles';\n\ninterface ColStyles {\n gutter: MantineNumberSize;\n columns: number;\n grow: boolean;\n offset: number;\n offsetXs: number;\n offsetSm: number;\n offsetMd: number;\n offsetLg: number;\n offsetXl: number;\n span: number;\n xs: number;\n sm: number;\n md: number;\n lg: number;\n xl: number;\n order: React.CSSProperties['order'];\n orderXs: React.CSSProperties['order'];\n orderSm: React.CSSProperties['order'];\n orderMd: React.CSSProperties['order'];\n orderLg: React.CSSProperties['order'];\n orderXl: React.CSSProperties['order'];\n}\n\nconst getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\nconst getColumnOffset = (offset: number, columns: number) =>\n offset ? `${100 / (columns / offset)}%` : undefined;\n\nfunction getBreakpointsStyles({\n sizes,\n offsets,\n orders,\n theme,\n columns,\n grow,\n}: {\n sizes: Record<MantineSize, number>;\n offsets: Record<MantineSize, number>;\n orders: Record<MantineSize, React.CSSProperties['order']>;\n grow: boolean;\n theme: MantineTheme;\n columns: number;\n}) {\n return MANTINE_SIZES.reduce((acc, size) => {\n
|
|
1
|
+
{"version":3,"file":"Col.styles.js","sources":["../../../src/Grid/Col/Col.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MANTINE_SIZES,\n MantineSize,\n MantineTheme,\n} from '@mantine/styles';\n\ninterface ColStyles {\n gutter: MantineNumberSize;\n columns: number;\n grow: boolean;\n offset: number;\n offsetXs: number;\n offsetSm: number;\n offsetMd: number;\n offsetLg: number;\n offsetXl: number;\n span: number;\n xs: number;\n sm: number;\n md: number;\n lg: number;\n xl: number;\n order: React.CSSProperties['order'];\n orderXs: React.CSSProperties['order'];\n orderSm: React.CSSProperties['order'];\n orderMd: React.CSSProperties['order'];\n orderLg: React.CSSProperties['order'];\n orderXl: React.CSSProperties['order'];\n}\n\nconst getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\nconst getColumnOffset = (offset: number, columns: number) =>\n offset ? `${100 / (columns / offset)}%` : undefined;\n\nfunction getBreakpointsStyles({\n sizes,\n offsets,\n orders,\n theme,\n columns,\n grow,\n}: {\n sizes: Record<MantineSize, number>;\n offsets: Record<MantineSize, number>;\n orders: Record<MantineSize, React.CSSProperties['order']>;\n grow: boolean;\n theme: MantineTheme;\n columns: number;\n}) {\n return MANTINE_SIZES.reduce((acc, size) => {\n acc[`@media (min-width: ${theme.breakpoints[size] + 1}px)`] = {\n order: orders[size],\n flexBasis: typeof sizes[size] === 'number' ? getColumnWidth(sizes[size], columns) : 'auto',\n flexShrink: 0,\n maxWidth: grow\n ? 'unset'\n : typeof sizes[size] === 'number'\n ? getColumnWidth(sizes[size], columns)\n : 'none',\n marginLeft: getColumnOffset(offsets[size], columns),\n };\n return acc;\n }, {});\n}\n\nexport default createStyles(\n (\n theme,\n {\n gutter,\n grow,\n offset,\n offsetXs,\n offsetSm,\n offsetMd,\n offsetLg,\n offsetXl,\n columns,\n span,\n xs,\n sm,\n md,\n lg,\n xl,\n order,\n orderXs,\n orderSm,\n orderMd,\n orderLg,\n orderXl,\n }: ColStyles\n ) => ({\n root: {\n boxSizing: 'border-box',\n flexGrow: grow ? 1 : 0,\n order,\n padding: theme.fn.size({ size: gutter, sizes: theme.spacing }) / 2,\n marginLeft: getColumnOffset(offset, columns),\n flexBasis: getColumnWidth(span, columns),\n flexShrink: 0,\n maxWidth: grow ? 'unset' : getColumnWidth(span, columns),\n ...getBreakpointsStyles({\n sizes: { xs, sm, md, lg, xl },\n offsets: { xs: offsetXs, sm: offsetSm, md: offsetMd, lg: offsetLg, xl: offsetXl },\n orders: { xs: orderXs, sm: orderSm, md: orderMd, lg: orderLg, xl: orderXl },\n theme,\n columns,\n grow,\n }),\n },\n })\n);\n"],"names":[],"mappings":"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"}
|
package/esm/Title/Title.js
CHANGED
|
@@ -35,8 +35,8 @@ const defaultProps = {
|
|
|
35
35
|
order: 1
|
|
36
36
|
};
|
|
37
37
|
const Title = forwardRef((props, ref) => {
|
|
38
|
-
const _a = useComponentDefaultProps("Title", defaultProps, props), { className, order, children, unstyled, size, weight } = _a, others = __objRest(_a, ["className", "order", "children", "unstyled", "size", "weight"]);
|
|
39
|
-
const { classes, cx } = useStyles({ element: `h${order}`, weight, size }, { name: "Title", unstyled });
|
|
38
|
+
const _a = useComponentDefaultProps("Title", defaultProps, props), { className, order, children, unstyled, size, weight, inline } = _a, others = __objRest(_a, ["className", "order", "children", "unstyled", "size", "weight", "inline"]);
|
|
39
|
+
const { classes, cx } = useStyles({ element: `h${order}`, weight, size, inline }, { name: "Title", unstyled });
|
|
40
40
|
if (![1, 2, 3, 4, 5, 6].includes(order)) {
|
|
41
41
|
return null;
|
|
42
42
|
}
|
package/esm/Title/Title.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AACU,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, inline, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size, inline },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}
|
|
@@ -27,16 +27,16 @@ function getFontSize(size, element, theme) {
|
|
|
27
27
|
}
|
|
28
28
|
function getLineHeight(size, element, theme) {
|
|
29
29
|
if (typeof size !== "undefined" && size in theme.headings.sizes) {
|
|
30
|
-
return theme.headings.sizes[
|
|
30
|
+
return theme.headings.sizes[size].lineHeight;
|
|
31
31
|
}
|
|
32
32
|
return theme.headings.sizes[element].lineHeight;
|
|
33
33
|
}
|
|
34
|
-
var useStyles = createStyles((theme, { element, weight, size }) => ({
|
|
34
|
+
var useStyles = createStyles((theme, { element, weight, size, inline }) => ({
|
|
35
35
|
root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
36
36
|
fontFamily: theme.headings.fontFamily,
|
|
37
37
|
fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,
|
|
38
38
|
fontSize: getFontSize(size, element, theme),
|
|
39
|
-
lineHeight: getLineHeight(size, element, theme),
|
|
39
|
+
lineHeight: inline ? 1 : getLineHeight(size, element, theme),
|
|
40
40
|
margin: 0
|
|
41
41
|
})
|
|
42
42
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/styles';\nimport type { TitleSize } from './Title';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n size: TitleSize;\n weight: React.CSSProperties['fontWeight'];\n}\n\nfunction getFontSize(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined') {\n return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;\n }\n\n return theme.headings.sizes[element].fontSize;\n}\n\nfunction getLineHeight(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined' && size in theme.headings.sizes) {\n return theme.headings.sizes[
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/styles';\nimport type { TitleSize } from './Title';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface TitleStylesParams {\n element: HeadingElement;\n size: TitleSize;\n weight: React.CSSProperties['fontWeight'];\n inline: boolean;\n}\n\nfunction getFontSize(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined') {\n return size in theme.headings.sizes ? theme.headings.sizes[size].fontSize : size;\n }\n\n return theme.headings.sizes[element].fontSize;\n}\n\nfunction getLineHeight(size: TitleSize, element: HeadingElement, theme: MantineTheme) {\n if (typeof size !== 'undefined' && size in theme.headings.sizes) {\n return theme.headings.sizes[size].lineHeight;\n }\n\n return theme.headings.sizes[element].lineHeight;\n}\n\nexport default createStyles((theme, { element, weight, size, inline }: TitleStylesParams) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontFamily: theme.headings.fontFamily,\n fontWeight: weight || theme.headings.sizes[element].fontWeight || theme.headings.fontWeight,\n fontSize: getFontSize(size, element, theme),\n lineHeight: inline ? 1 : getLineHeight(size, element, theme),\n margin: 0,\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { DefaultProps, MantineNumberSize, MantineSize } from '@mantine/styles';
|
|
|
3
3
|
export interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {
|
|
4
4
|
/** Predefined container max-width or number for max-width in px */
|
|
5
5
|
size?: MantineNumberSize;
|
|
6
|
-
/** If fluid is set to true, size prop is ignored and Container
|
|
6
|
+
/** If fluid is set to true, size prop is ignored and Container can expand to 100% of width */
|
|
7
7
|
fluid?: boolean;
|
|
8
8
|
/** Container sizes */
|
|
9
9
|
sizes?: Record<MantineSize, number>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzF,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzF,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;CACrC;AAYD,eAAO,MAAM,SAAS,uFAWrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Col.styles.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,UAAU,SAAS;IACjB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC;;;;;;
|
|
1
|
+
{"version":3,"file":"Col.styles.d.ts","sourceRoot":"","sources":["../../../src/Grid/Col/Col.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,UAAU,SAAS;IACjB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC;;;;;;AAqCD,wBA8CE"}
|
|
@@ -6,6 +6,7 @@ export interface TitleStylesParams {
|
|
|
6
6
|
element: HeadingElement;
|
|
7
7
|
size: TitleSize;
|
|
8
8
|
weight: React.CSSProperties['fontWeight'];
|
|
9
|
+
inline: boolean;
|
|
9
10
|
}
|
|
10
11
|
declare const _default: (params: TitleStylesParams, options?: import("@mantine/styles").UseStylesOptions<"root">) => {
|
|
11
12
|
classes: Record<"root", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.d.ts","sourceRoot":"","sources":["../../src/Title/Title.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,aAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Title.styles.d.ts","sourceRoot":"","sources":["../../src/Title/Title.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,aAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;CACjB;;;;;;AAkBD,wBASI"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
3
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
4
|
-
"version": "5.2.
|
|
4
|
+
"version": "5.2.2",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
"emotion"
|
|
28
28
|
],
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@mantine/hooks": "5.2.
|
|
30
|
+
"@mantine/hooks": "5.2.2",
|
|
31
31
|
"react": ">=16.8.0",
|
|
32
32
|
"react-dom": ">=16.8.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@mantine/utils": "5.2.
|
|
36
|
-
"@mantine/styles": "5.2.
|
|
35
|
+
"@mantine/utils": "5.2.2",
|
|
36
|
+
"@mantine/styles": "5.2.2",
|
|
37
37
|
"@radix-ui/react-scroll-area": "1.0.0",
|
|
38
38
|
"react-textarea-autosize": "8.3.4",
|
|
39
39
|
"@floating-ui/react-dom-interactions": "0.6.6"
|