@mantine/core 7.17.3 → 7.17.5
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/components/AppShell/AppShell.cjs.map +1 -1
- package/cjs/components/Flex/Flex.cjs.map +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
- package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map +1 -1
- package/cjs/components/ModalBase/use-modal.cjs +1 -1
- package/cjs/components/ModalBase/use-modal.cjs.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.cjs +1 -2
- package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
- package/cjs/components/NavLink/NavLink.cjs.map +1 -1
- package/cjs/components/Notification/Notification.cjs +2 -1
- package/cjs/components/Notification/Notification.cjs.map +1 -1
- package/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/cjs/components/PillsInput/PillsInput.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.cjs +2 -2
- package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.cjs +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
- package/cjs/components/Select/Select.cjs +1 -1
- package/cjs/components/Select/Select.cjs.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.cjs +91 -74
- package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
- package/cjs/components/Slider/Slider/Slider.cjs +32 -22
- package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
- package/cjs/components/Table/TableScrollContainer.cjs +11 -7
- package/cjs/components/Table/TableScrollContainer.cjs.map +1 -1
- package/cjs/components/TagsInput/TagsInput.cjs +0 -1
- package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
- package/cjs/components/Text/Text.cjs.map +1 -1
- package/cjs/components/Title/Title.cjs.map +1 -1
- package/esm/components/AppShell/AppShell.mjs.map +1 -1
- package/esm/components/Flex/Flex.mjs.map +1 -1
- package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
- package/esm/components/Input/InputError/InputError.mjs.map +1 -1
- package/esm/components/Input/InputLabel/InputLabel.mjs.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
- package/esm/components/ModalBase/use-modal.mjs +1 -1
- package/esm/components/ModalBase/use-modal.mjs.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.mjs +1 -2
- package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
- package/esm/components/NavLink/NavLink.mjs.map +1 -1
- package/esm/components/Notification/Notification.mjs +2 -1
- package/esm/components/Notification/Notification.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.mjs.map +1 -1
- package/esm/components/PillsInput/PillsInput.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.mjs +2 -2
- package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.mjs +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/esm/components/Select/Select.mjs +1 -1
- package/esm/components/Select/Select.mjs.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.mjs +92 -75
- package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
- package/esm/components/Slider/Slider/Slider.mjs +33 -23
- package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
- package/esm/components/Table/TableScrollContainer.mjs +11 -7
- package/esm/components/Table/TableScrollContainer.mjs.map +1 -1
- package/esm/components/TagsInput/TagsInput.mjs +0 -1
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/Text/Text.mjs.map +1 -1
- package/esm/components/Title/Title.mjs.map +1 -1
- package/lib/components/AppShell/AppShell.d.ts +1 -1
- package/lib/components/Flex/Flex.d.ts +4 -4
- package/lib/components/Input/InputDescription/InputDescription.d.ts +2 -2
- package/lib/components/Input/InputError/InputError.d.ts +2 -2
- package/lib/components/Input/InputLabel/InputLabel.d.ts +2 -2
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +2 -2
- package/lib/components/NavLink/NavLink.d.ts +2 -2
- package/lib/components/Pagination/Pagination.d.ts +2 -2
- package/lib/components/PillsInput/PillsInput.d.ts +0 -1
- package/lib/components/Table/TableScrollContainer.d.ts +3 -1
- package/lib/components/Text/Text.d.ts +2 -2
- package/lib/components/Title/Title.d.ts +2 -2
- package/lib/core/MantineProvider/theme.types.d.ts +30 -12
- package/package.json +3 -3
- package/styles/Paper.css +8 -4
- package/styles/Paper.layer.css +8 -4
- package/styles/Table.css +11 -1
- package/styles/Table.layer.css +11 -1
- package/styles/TypographyStylesProvider.css +1 -0
- package/styles/TypographyStylesProvider.layer.css +1 -0
- package/styles.css +20 -5
- package/styles.layer.css +20 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.mjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getFontSize,\n getGradient,\n getLineHeight,\n getThemeColor,\n MantineColor,\n MantineGradient,\n MantineSize,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Text.module.css';\n\ntype TextTruncate = 'end' | 'start' | boolean;\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n if (truncate === 'start') {\n return 'start';\n }\n\n if (truncate === 'end' || truncate) {\n return 'end';\n }\n\n return undefined;\n}\n\nexport type TextStylesNames = 'root';\nexport type TextVariant = 'text' | 'gradient';\nexport type TextCssVariables = {\n root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh';\n};\n\nexport interface TextProps extends BoxProps, StylesApiProps<TextFactory> {\n __staticSelector?: string;\n\n /** Controls `font-size` and `line-height`, `'md'` by default */\n size?: MantineSize | (string & {});\n\n /** Number of lines after which Text will be truncated */\n lineClamp?: number;\n\n /** Side on which Text must be truncated, if `true`, text is truncated from the start */\n truncate?: TextTruncate;\n\n /** Sets `line-height` to 1 for centering, `false` by default */\n inline?: boolean;\n\n /** Determines whether font properties should be inherited from the parent, `false` by default */\n inherit?: boolean;\n\n /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */\n gradient?: MantineGradient;\n\n /** Shorthand for `component=\"span\"`, `false` by default, default root element is `p` */\n span?: boolean;\n\n /** @deprecated Use `c` prop instead */\n color?: MantineColor;\n}\n\nexport type TextFactory = PolymorphicFactory<{\n props: TextProps;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n stylesNames: TextStylesNames;\n vars: TextCssVariables;\n variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<TextProps> = {\n inherit: false,\n};\n\nconst varsResolver = createVarsResolver<TextFactory>(\n (theme, { variant, lineClamp, gradient, size, color }) => ({\n root: {\n '--text-fz': getFontSize(size),\n '--text-lh': getLineHeight(size),\n '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n '--text-color': color ? getThemeColor(color, theme) : undefined,\n },\n })\n);\n\nexport const Text = polymorphicFactory<TextFactory>((_props, ref) => {\n const props = useProps('Text', defaultProps, _props);\n const {\n lineClamp,\n truncate,\n inline,\n inherit,\n gradient,\n span,\n __staticSelector,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n variant,\n mod,\n size,\n ...others\n } = props;\n\n const getStyles = useStyles<TextFactory>({\n name: ['Text', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n ref={ref}\n component={span ? 'span' : 'p'}\n variant={variant}\n mod={[\n {\n 'data-truncate': getTextTruncate(truncate),\n 'data-line-clamp': typeof lineClamp === 'number',\n 'data-inline': inline,\n 'data-inherit': inherit,\n },\n mod,\n ]}\n size={size}\n {...others}\n />\n );\n});\n\nText.classes = classes;\nText.displayName = '@mantine/core/Text';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Text.mjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n getFontSize,\n getGradient,\n getLineHeight,\n getThemeColor,\n MantineColor,\n MantineFontSize,\n MantineGradient,\n MantineLineHeight,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Text.module.css';\n\ntype TextTruncate = 'end' | 'start' | boolean;\n\nfunction getTextTruncate(truncate: TextTruncate | undefined) {\n if (truncate === 'start') {\n return 'start';\n }\n\n if (truncate === 'end' || truncate) {\n return 'end';\n }\n\n return undefined;\n}\n\nexport type TextStylesNames = 'root';\nexport type TextVariant = 'text' | 'gradient';\nexport type TextCssVariables = {\n root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh';\n};\n\nexport interface TextProps extends BoxProps, StylesApiProps<TextFactory> {\n __staticSelector?: string;\n\n /** Controls `font-size` and `line-height`, `'md'` by default */\n size?: MantineFontSize & MantineLineHeight;\n\n /** Number of lines after which Text will be truncated */\n lineClamp?: number;\n\n /** Side on which Text must be truncated, if `true`, text is truncated from the start */\n truncate?: TextTruncate;\n\n /** Sets `line-height` to 1 for centering, `false` by default */\n inline?: boolean;\n\n /** Determines whether font properties should be inherited from the parent, `false` by default */\n inherit?: boolean;\n\n /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */\n gradient?: MantineGradient;\n\n /** Shorthand for `component=\"span\"`, `false` by default, default root element is `p` */\n span?: boolean;\n\n /** @deprecated Use `c` prop instead */\n color?: MantineColor;\n}\n\nexport type TextFactory = PolymorphicFactory<{\n props: TextProps;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n stylesNames: TextStylesNames;\n vars: TextCssVariables;\n variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<TextProps> = {\n inherit: false,\n};\n\nconst varsResolver = createVarsResolver<TextFactory>(\n (theme, { variant, lineClamp, gradient, size, color }) => ({\n root: {\n '--text-fz': getFontSize(size),\n '--text-lh': getLineHeight(size),\n '--text-gradient': variant === 'gradient' ? getGradient(gradient, theme) : undefined,\n '--text-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n '--text-color': color ? getThemeColor(color, theme) : undefined,\n },\n })\n);\n\nexport const Text = polymorphicFactory<TextFactory>((_props, ref) => {\n const props = useProps('Text', defaultProps, _props);\n const {\n lineClamp,\n truncate,\n inline,\n inherit,\n gradient,\n span,\n __staticSelector,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n variant,\n mod,\n size,\n ...others\n } = props;\n\n const getStyles = useStyles<TextFactory>({\n name: ['Text', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n ref={ref}\n component={span ? 'span' : 'p'}\n variant={variant}\n mod={[\n {\n 'data-truncate': getTextTruncate(truncate),\n 'data-line-clamp': typeof lineClamp === 'number',\n 'data-inline': inline,\n 'data-inherit': inherit,\n },\n mod,\n ]}\n size={size}\n {...others}\n />\n );\n});\n\nText.classes = classes;\nText.displayName = '@mantine/core/Text';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.mjs","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n
|
|
1
|
+
{"version":3,"file":"Title.mjs","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n MantineFontSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'] | MantineFontSize;\n\nexport type TitleStylesNames = 'root';\nexport type TitleCssVariables = {\n root: '--title-fw' | '--title-lh' | '--title-fz' | '--title-line-clamp' | '--title-text-wrap';\n};\n\nexport interface TitleProps\n extends BoxProps,\n StylesApiProps<TitleFactory>,\n ElementProps<'h1', 'color'> {\n /** Determines which tag will be used (h1-h6), controls `font-size` style if `size` prop is not set, `1` by default */\n order?: TitleOrder;\n\n /** Changes title size, if not set, then size is controlled by `order` prop */\n size?: TitleSize;\n\n /** Number of lines after which Text will be truncated */\n lineClamp?: number;\n\n /** Controls `text-wrap` property, `'wrap'` by default */\n textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n}>;\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size, lineClamp, textWrap }) => {\n const sizeVariables = getTitleSize(order!, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n '--title-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n '--title-text-wrap': textWrap,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props, ref) => {\n const props = useProps('Title', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n order,\n vars,\n size,\n variant,\n lineClamp,\n textWrap,\n mod,\n ...others\n } = props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order!)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order!}`}\n variant={variant}\n ref={ref}\n mod={[{ order, 'data-line-clamp': typeof lineClamp === 'number' }, mod]}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>
|
|
|
27
27
|
transitionDuration?: number;
|
|
28
28
|
/** Timing function of all transitions, `ease` by default */
|
|
29
29
|
transitionTimingFunction?: React.CSSProperties['transitionTimingFunction'];
|
|
30
|
-
/** `z-index` of all associated elements, `
|
|
30
|
+
/** `z-index` of all associated elements, `100` by default */
|
|
31
31
|
zIndex?: string | number;
|
|
32
32
|
/** Determines how Navbar/Aside are arranged relative to Header/Footer, `default` by default */
|
|
33
33
|
layout?: 'default' | 'alt';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { BoxProps, ElementProps,
|
|
1
|
+
import { BoxProps, ElementProps, MantineSpacing, PolymorphicFactory, StyleProp, StylesApiProps } from '../../core';
|
|
2
2
|
export type FlexStylesNames = 'root';
|
|
3
3
|
export interface FlexProps extends BoxProps, StylesApiProps<FlexFactory>, ElementProps<'div'> {
|
|
4
4
|
/** `gap` CSS property */
|
|
5
|
-
gap?: StyleProp<
|
|
5
|
+
gap?: StyleProp<MantineSpacing>;
|
|
6
6
|
/** `row-gap` CSS property */
|
|
7
|
-
rowGap?: StyleProp<
|
|
7
|
+
rowGap?: StyleProp<MantineSpacing>;
|
|
8
8
|
/** `column-gap` CSS property */
|
|
9
|
-
columnGap?: StyleProp<
|
|
9
|
+
columnGap?: StyleProp<MantineSpacing>;
|
|
10
10
|
/** `align-items` CSS property */
|
|
11
11
|
align?: StyleProp<React.CSSProperties['alignItems']>;
|
|
12
12
|
/** `justify-content` CSS property */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, ElementProps, Factory,
|
|
1
|
+
import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
|
|
2
2
|
export type InputDescriptionStylesNames = 'description';
|
|
3
3
|
export type InputDescriptionCssVariables = {
|
|
4
4
|
description: '--input-description-size';
|
|
@@ -7,7 +7,7 @@ export interface InputDescriptionProps extends BoxProps, StylesApiProps<InputDes
|
|
|
7
7
|
__staticSelector?: string;
|
|
8
8
|
__inheritStyles?: boolean;
|
|
9
9
|
/** Controls description `font-size`, `'sm'` by default */
|
|
10
|
-
size?:
|
|
10
|
+
size?: MantineFontSize;
|
|
11
11
|
}
|
|
12
12
|
export type InputDescriptionFactory = Factory<{
|
|
13
13
|
props: InputDescriptionProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, ElementProps, Factory,
|
|
1
|
+
import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
|
|
2
2
|
export type InputErrorStylesNames = 'error';
|
|
3
3
|
export type InputErrorCssVariables = {
|
|
4
4
|
error: '--input-error-size';
|
|
@@ -7,7 +7,7 @@ export interface InputErrorProps extends BoxProps, StylesApiProps<InputErrorFact
|
|
|
7
7
|
__staticSelector?: string;
|
|
8
8
|
__inheritStyles?: boolean;
|
|
9
9
|
/** Controls error `font-size`, `'sm'` by default */
|
|
10
|
-
size?:
|
|
10
|
+
size?: MantineFontSize;
|
|
11
11
|
}
|
|
12
12
|
export type InputErrorFactory = Factory<{
|
|
13
13
|
props: InputErrorProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, ElementProps, Factory,
|
|
1
|
+
import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
|
|
2
2
|
export type InputLabelStylesNames = 'label' | 'required';
|
|
3
3
|
export type InputLabelCssVariables = {
|
|
4
4
|
label: '--input-asterisk-color' | '--input-label-size';
|
|
@@ -8,7 +8,7 @@ export interface InputLabelProps extends BoxProps, StylesApiProps<InputLabelFact
|
|
|
8
8
|
/** Determines whether the required asterisk should be displayed */
|
|
9
9
|
required?: boolean;
|
|
10
10
|
/** Controls label `font-size`, `'sm'` by default */
|
|
11
|
-
size?:
|
|
11
|
+
size?: MantineFontSize;
|
|
12
12
|
/** Root element of the label, `'label'` by default */
|
|
13
13
|
labelElement?: 'label' | 'div';
|
|
14
14
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, ElementProps, Factory,
|
|
1
|
+
import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
|
|
2
2
|
import { InputDescriptionCssVariables, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
|
|
3
3
|
import { InputErrorCssVariables, InputErrorStylesNames } from '../InputError/InputError';
|
|
4
4
|
import { InputLabelCssVariables, InputLabelStylesNames } from '../InputLabel/InputLabel';
|
|
@@ -33,7 +33,7 @@ export interface InputWrapperProps extends __InputWrapperProps, BoxProps, Styles
|
|
|
33
33
|
/** Static id used as base to generate `aria-` attributes, by default generates random id */
|
|
34
34
|
id?: string;
|
|
35
35
|
/** Controls size of `Input.Label`, `Input.Description` and `Input.Error` components */
|
|
36
|
-
size?:
|
|
36
|
+
size?: MantineFontSize;
|
|
37
37
|
/** `Input.Label` root element, `'label'` by default */
|
|
38
38
|
labelElement?: 'label' | 'div';
|
|
39
39
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, MantineColor,
|
|
1
|
+
import { BoxProps, MantineColor, MantineSpacing, PolymorphicFactory, StylesApiProps } from '../../core';
|
|
2
2
|
export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
|
|
3
3
|
export type NavLinkVariant = 'filled' | 'light' | 'subtle';
|
|
4
4
|
export type NavLinkCssVariables = {
|
|
@@ -31,7 +31,7 @@ export interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {
|
|
|
31
31
|
/** If set, right section will not be rotated when collapse is opened, `false` by default */
|
|
32
32
|
disableRightSectionRotation?: boolean;
|
|
33
33
|
/** Key of `theme.spacing` or any valid CSS value to set collapsed links `padding-left`, `'lg'` by default */
|
|
34
|
-
childrenOffset?:
|
|
34
|
+
childrenOffset?: MantineSpacing;
|
|
35
35
|
/** If set, disabled styles will be added to the root element, `false` by default */
|
|
36
36
|
disabled?: boolean;
|
|
37
37
|
/** Called when the link is clicked */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Factory,
|
|
1
|
+
import { Factory, MantineSpacing } from '../../core';
|
|
2
2
|
import { PaginationIcon } from './Pagination.icons';
|
|
3
3
|
import { PaginationControl } from './PaginationControl/PaginationControl';
|
|
4
4
|
import { PaginationDots } from './PaginationDots/PaginationDots';
|
|
@@ -25,7 +25,7 @@ export interface PaginationProps extends PaginationRootProps {
|
|
|
25
25
|
/** Dots icon component */
|
|
26
26
|
dotsIcon?: PaginationIcon;
|
|
27
27
|
/** Key of `theme.spacing`, gap between controls, `8` by default */
|
|
28
|
-
gap?:
|
|
28
|
+
gap?: MantineSpacing;
|
|
29
29
|
/** Determines whether the pagination should be hidden when only one page is available (`total={1}`), `false` by default */
|
|
30
30
|
hideWithOnePage?: boolean;
|
|
31
31
|
/** Determines whether pages controls should be displayed, `true` by default */
|
|
@@ -4,7 +4,6 @@ import { PillsInputField } from './PillsInputField/PillsInputField';
|
|
|
4
4
|
export interface PillsInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PillsInputFactory>, ElementProps<'div', 'size'> {
|
|
5
5
|
__stylesApiProps?: Record<string, any>;
|
|
6
6
|
__staticSelector?: string;
|
|
7
|
-
multiline?: boolean;
|
|
8
7
|
}
|
|
9
8
|
export type PillsInputFactory = Factory<{
|
|
10
9
|
props: PillsInputProps;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
|
|
2
2
|
export type TableScrollContainerStylesNames = 'scrollContainer' | 'scrollContainerInner';
|
|
3
3
|
export type TableScrollContainerCssVariables = {
|
|
4
|
-
scrollContainer: '--table-min-width' | '--table-overflow';
|
|
4
|
+
scrollContainer: '--table-min-width' | '--table-max-height' | '--table-overflow';
|
|
5
5
|
};
|
|
6
6
|
export interface TableScrollContainerProps extends BoxProps, StylesApiProps<TableScrollContainerFactory>, ElementProps<'div'> {
|
|
7
7
|
/** `min-width` of the `Table` at which it should become scrollable */
|
|
8
8
|
minWidth: React.CSSProperties['minWidth'];
|
|
9
|
+
/** `max-height` of the `Table` at which it should become scrollable */
|
|
10
|
+
maxHeight?: React.CSSProperties['maxHeight'];
|
|
9
11
|
/** Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component, `scrollarea` by default */
|
|
10
12
|
type?: 'native' | 'scrollarea';
|
|
11
13
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, MantineColor, MantineGradient,
|
|
1
|
+
import { BoxProps, MantineColor, MantineFontSize, MantineGradient, MantineLineHeight, PolymorphicFactory, StylesApiProps } from '../../core';
|
|
2
2
|
type TextTruncate = 'end' | 'start' | boolean;
|
|
3
3
|
export type TextStylesNames = 'root';
|
|
4
4
|
export type TextVariant = 'text' | 'gradient';
|
|
@@ -8,7 +8,7 @@ export type TextCssVariables = {
|
|
|
8
8
|
export interface TextProps extends BoxProps, StylesApiProps<TextFactory> {
|
|
9
9
|
__staticSelector?: string;
|
|
10
10
|
/** Controls `font-size` and `line-height`, `'md'` by default */
|
|
11
|
-
size?:
|
|
11
|
+
size?: MantineFontSize & MantineLineHeight;
|
|
12
12
|
/** Number of lines after which Text will be truncated */
|
|
13
13
|
lineClamp?: number;
|
|
14
14
|
/** Side on which Text must be truncated, if `true`, text is truncated from the start */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { BoxProps, ElementProps, Factory,
|
|
1
|
+
import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../core';
|
|
2
2
|
export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3
|
-
export type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'] |
|
|
3
|
+
export type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'] | MantineFontSize;
|
|
4
4
|
export type TitleStylesNames = 'root';
|
|
5
5
|
export type TitleCssVariables = {
|
|
6
6
|
root: '--title-fw' | '--title-lh' | '--title-fz' | '--title-line-clamp' | '--title-text-wrap';
|
|
@@ -119,18 +119,35 @@ export interface HeadingStyle {
|
|
|
119
119
|
lineHeight: string;
|
|
120
120
|
}
|
|
121
121
|
export type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
122
|
-
export type
|
|
123
|
-
export
|
|
124
|
-
|
|
125
|
-
export type
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
export type
|
|
129
|
-
export type MantineFontSize =
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
export type
|
|
133
|
-
|
|
122
|
+
export type DefaultMantineSize = MantineSize;
|
|
123
|
+
export interface MantineThemeSizesOverride {
|
|
124
|
+
}
|
|
125
|
+
export type MantineBreakpoint = (MantineThemeSizesOverride extends {
|
|
126
|
+
breakpoints: Record<infer CustomBreakpoints, string>;
|
|
127
|
+
} ? CustomBreakpoints : MantineSize) | (string & {});
|
|
128
|
+
export type MantineBreakpointsValues = Record<MantineBreakpoint, string>;
|
|
129
|
+
export type MantineFontSize = (MantineThemeSizesOverride extends {
|
|
130
|
+
fontSizes: Record<infer CustomFontSizes, string>;
|
|
131
|
+
} ? CustomFontSizes : MantineSize) | (string & {});
|
|
132
|
+
export type MantineFontSizesValues = Record<MantineFontSize, string>;
|
|
133
|
+
type _MantineRadius = (MantineThemeSizesOverride extends {
|
|
134
|
+
radius: Record<infer CustomRadius, string>;
|
|
135
|
+
} ? CustomRadius : MantineSize) | (string & {});
|
|
136
|
+
export type MantineRadius = _MantineRadius | number;
|
|
137
|
+
export type MantineRadiusValues = Record<_MantineRadius, string>;
|
|
138
|
+
type _MantineSpacing = (MantineThemeSizesOverride extends {
|
|
139
|
+
spacing: Record<infer CustomSpacing, string>;
|
|
140
|
+
} ? CustomSpacing : MantineSize) | (string & {});
|
|
141
|
+
export type MantineSpacing = _MantineSpacing | number;
|
|
142
|
+
export type MantineSpacingValues = Record<MantineSpacing, string>;
|
|
143
|
+
export type MantineShadow = (MantineThemeSizesOverride extends {
|
|
144
|
+
shadows: Record<infer CustomShadow, string>;
|
|
145
|
+
} ? CustomShadow : MantineSize) | (string & {});
|
|
146
|
+
export type MantineShadowsValues = Record<MantineShadow, string>;
|
|
147
|
+
export type MantineLineHeight = (MantineThemeSizesOverride extends {
|
|
148
|
+
lineHeights: Record<infer CustomLineHeight, string>;
|
|
149
|
+
} ? CustomLineHeight : MantineSize) | (string & {});
|
|
150
|
+
export type MantineLineHeightValues = Record<MantineLineHeight, string>;
|
|
134
151
|
export interface MantineThemeOther {
|
|
135
152
|
[key: string]: any;
|
|
136
153
|
}
|
|
@@ -164,3 +181,4 @@ export type MantineThemeColors = MantineThemeColorsOverride extends {
|
|
|
164
181
|
colors: Record<infer CustomColors, MantineColorsTuple>;
|
|
165
182
|
} ? Record<CustomColors, MantineColorsTuple> : Record<DefaultMantineColor, MantineColorsTuple>;
|
|
166
183
|
export type MantineColor = keyof MantineThemeColors;
|
|
184
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
|
-
"version": "7.17.
|
|
3
|
+
"version": "7.17.5",
|
|
4
4
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
5
5
|
"homepage": "https://mantine.dev/",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"directory": "packages/@mantine/core"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@mantine/hooks": "7.17.
|
|
46
|
+
"@mantine/hooks": "7.17.5",
|
|
47
47
|
"react": "^18.x || ^19.x",
|
|
48
48
|
"react-dom": "^18.x || ^19.x"
|
|
49
49
|
},
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"clsx": "^2.1.1",
|
|
53
53
|
"react-number-format": "^5.4.3",
|
|
54
54
|
"react-remove-scroll": "^2.6.2",
|
|
55
|
-
"react-textarea-autosize": "8.5.
|
|
55
|
+
"react-textarea-autosize": "8.5.9",
|
|
56
56
|
"type-fest": "^4.27.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
package/styles/Paper.css
CHANGED
|
@@ -11,10 +11,14 @@
|
|
|
11
11
|
background-color: var(--mantine-color-body);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
[data-mantine-color-scheme='light'] .m_1b7284a3 {
|
|
15
|
+
--paper-border-color: var(--mantine-color-gray-3);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
[data-mantine-color-scheme='dark'] .m_1b7284a3 {
|
|
19
|
+
--paper-border-color: var(--mantine-color-dark-4);
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
.m_1b7284a3:where([data-with-border]) {
|
|
23
|
+
border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
|
|
24
|
+
}
|
package/styles/Paper.layer.css
CHANGED
|
@@ -11,11 +11,15 @@
|
|
|
11
11
|
background-color: var(--mantine-color-body);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
[data-mantine-color-scheme='light'] .m_1b7284a3 {
|
|
15
|
+
--paper-border-color: var(--mantine-color-gray-3);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
[data-mantine-color-scheme='dark'] .m_1b7284a3 {
|
|
19
|
+
--paper-border-color: var(--mantine-color-dark-4);
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
.m_1b7284a3:where([data-with-border]) {
|
|
23
|
+
border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
|
|
24
|
+
}
|
|
21
25
|
}
|
package/styles/Table.css
CHANGED
|
@@ -102,9 +102,18 @@
|
|
|
102
102
|
|
|
103
103
|
.m_b242d975:where([data-sticky]) {
|
|
104
104
|
position: sticky;
|
|
105
|
-
background-color: var(--mantine-color-body);
|
|
106
105
|
}
|
|
107
106
|
|
|
107
|
+
.m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
|
|
108
|
+
position: sticky;
|
|
109
|
+
top: var(--table-sticky-header-offset, 0);
|
|
110
|
+
background-color: var(--mantine-color-body);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
|
|
114
|
+
top: initial;
|
|
115
|
+
}
|
|
116
|
+
|
|
108
117
|
.m_9e5a3ac7 {
|
|
109
118
|
color: var(--mantine-color-dimmed);
|
|
110
119
|
}
|
|
@@ -123,4 +132,5 @@
|
|
|
123
132
|
|
|
124
133
|
.m_62259741 {
|
|
125
134
|
min-width: var(--table-min-width);
|
|
135
|
+
max-height: var(--table-max-height);
|
|
126
136
|
}
|
package/styles/Table.layer.css
CHANGED
|
@@ -102,9 +102,18 @@
|
|
|
102
102
|
|
|
103
103
|
.m_b242d975:where([data-sticky]) {
|
|
104
104
|
position: sticky;
|
|
105
|
-
background-color: var(--mantine-color-body);
|
|
106
105
|
}
|
|
107
106
|
|
|
107
|
+
.m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
|
|
108
|
+
position: sticky;
|
|
109
|
+
top: var(--table-sticky-header-offset, 0);
|
|
110
|
+
background-color: var(--mantine-color-body);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
|
|
114
|
+
top: initial;
|
|
115
|
+
}
|
|
116
|
+
|
|
108
117
|
.m_9e5a3ac7 {
|
|
109
118
|
color: var(--mantine-color-dimmed);
|
|
110
119
|
}
|
|
@@ -123,5 +132,6 @@
|
|
|
123
132
|
|
|
124
133
|
.m_62259741 {
|
|
125
134
|
min-width: var(--table-min-width);
|
|
135
|
+
max-height: var(--table-max-height);
|
|
126
136
|
}
|
|
127
137
|
}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
.m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
|
|
8
8
|
margin-bottom: var(--mantine-spacing-xs);
|
|
9
9
|
text-wrap: var(--mantine-heading-text-wrap);
|
|
10
|
+
font-family: var(--mantine-font-family-headings);
|
|
10
11
|
}
|
|
11
12
|
.m_d6493fad :where(h1) {
|
|
12
13
|
margin-top: calc(1.5 * var(--mantine-spacing-xl));
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
.m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
|
|
8
8
|
margin-bottom: var(--mantine-spacing-xs);
|
|
9
9
|
text-wrap: var(--mantine-heading-text-wrap);
|
|
10
|
+
font-family: var(--mantine-font-family-headings);
|
|
10
11
|
}
|
|
11
12
|
.m_d6493fad :where(h1) {
|
|
12
13
|
margin-top: calc(1.5 * var(--mantine-spacing-xl));
|
package/styles.css
CHANGED
|
@@ -812,14 +812,18 @@ fieldset:disabled .mantine-active:active {
|
|
|
812
812
|
background-color: var(--mantine-color-body);
|
|
813
813
|
}
|
|
814
814
|
|
|
815
|
-
|
|
816
|
-
|
|
815
|
+
[data-mantine-color-scheme='light'] .m_1b7284a3 {
|
|
816
|
+
--paper-border-color: var(--mantine-color-gray-3);
|
|
817
817
|
}
|
|
818
818
|
|
|
819
|
-
|
|
820
|
-
|
|
819
|
+
[data-mantine-color-scheme='dark'] .m_1b7284a3 {
|
|
820
|
+
--paper-border-color: var(--mantine-color-dark-4);
|
|
821
821
|
}
|
|
822
822
|
|
|
823
|
+
.m_1b7284a3:where([data-with-border]) {
|
|
824
|
+
border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
|
|
825
|
+
}
|
|
826
|
+
|
|
823
827
|
.m_9814e45f {
|
|
824
828
|
inset: 0;
|
|
825
829
|
position: absolute;
|
|
@@ -6794,9 +6798,18 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
6794
6798
|
|
|
6795
6799
|
.m_b242d975:where([data-sticky]) {
|
|
6796
6800
|
position: sticky;
|
|
6797
|
-
background-color: var(--mantine-color-body);
|
|
6798
6801
|
}
|
|
6799
6802
|
|
|
6803
|
+
.m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
|
|
6804
|
+
position: sticky;
|
|
6805
|
+
top: var(--table-sticky-header-offset, 0);
|
|
6806
|
+
background-color: var(--mantine-color-body);
|
|
6807
|
+
}
|
|
6808
|
+
|
|
6809
|
+
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
|
|
6810
|
+
top: initial;
|
|
6811
|
+
}
|
|
6812
|
+
|
|
6800
6813
|
.m_9e5a3ac7 {
|
|
6801
6814
|
color: var(--mantine-color-dimmed);
|
|
6802
6815
|
}
|
|
@@ -6815,6 +6828,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
6815
6828
|
|
|
6816
6829
|
.m_62259741 {
|
|
6817
6830
|
min-width: var(--table-min-width);
|
|
6831
|
+
max-height: var(--table-max-height);
|
|
6818
6832
|
}
|
|
6819
6833
|
|
|
6820
6834
|
.m_bcaa9990 {
|
|
@@ -7517,6 +7531,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
7517
7531
|
.m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
|
|
7518
7532
|
margin-bottom: var(--mantine-spacing-xs);
|
|
7519
7533
|
text-wrap: var(--mantine-heading-text-wrap);
|
|
7534
|
+
font-family: var(--mantine-font-family-headings);
|
|
7520
7535
|
}
|
|
7521
7536
|
.m_d6493fad :where(h1) {
|
|
7522
7537
|
margin-top: calc(1.5 * var(--mantine-spacing-xl));
|
package/styles.layer.css
CHANGED
|
@@ -812,14 +812,18 @@ fieldset:disabled .mantine-active:active {
|
|
|
812
812
|
background-color: var(--mantine-color-body);
|
|
813
813
|
}
|
|
814
814
|
|
|
815
|
-
|
|
816
|
-
|
|
815
|
+
[data-mantine-color-scheme='light'] .m_1b7284a3 {
|
|
816
|
+
--paper-border-color: var(--mantine-color-gray-3);
|
|
817
817
|
}
|
|
818
818
|
|
|
819
|
-
|
|
820
|
-
|
|
819
|
+
[data-mantine-color-scheme='dark'] .m_1b7284a3 {
|
|
820
|
+
--paper-border-color: var(--mantine-color-dark-4);
|
|
821
821
|
}
|
|
822
822
|
|
|
823
|
+
.m_1b7284a3:where([data-with-border]) {
|
|
824
|
+
border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
|
|
825
|
+
}
|
|
826
|
+
|
|
823
827
|
.m_9814e45f {
|
|
824
828
|
inset: 0;
|
|
825
829
|
position: absolute;
|
|
@@ -6794,9 +6798,18 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
6794
6798
|
|
|
6795
6799
|
.m_b242d975:where([data-sticky]) {
|
|
6796
6800
|
position: sticky;
|
|
6797
|
-
background-color: var(--mantine-color-body);
|
|
6798
6801
|
}
|
|
6799
6802
|
|
|
6803
|
+
.m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
|
|
6804
|
+
position: sticky;
|
|
6805
|
+
top: var(--table-sticky-header-offset, 0);
|
|
6806
|
+
background-color: var(--mantine-color-body);
|
|
6807
|
+
}
|
|
6808
|
+
|
|
6809
|
+
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
|
|
6810
|
+
top: initial;
|
|
6811
|
+
}
|
|
6812
|
+
|
|
6800
6813
|
.m_9e5a3ac7 {
|
|
6801
6814
|
color: var(--mantine-color-dimmed);
|
|
6802
6815
|
}
|
|
@@ -6815,6 +6828,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
6815
6828
|
|
|
6816
6829
|
.m_62259741 {
|
|
6817
6830
|
min-width: var(--table-min-width);
|
|
6831
|
+
max-height: var(--table-max-height);
|
|
6818
6832
|
}
|
|
6819
6833
|
|
|
6820
6834
|
.m_bcaa9990 {
|
|
@@ -7517,6 +7531,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
7517
7531
|
.m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
|
|
7518
7532
|
margin-bottom: var(--mantine-spacing-xs);
|
|
7519
7533
|
text-wrap: var(--mantine-heading-text-wrap);
|
|
7534
|
+
font-family: var(--mantine-font-family-headings);
|
|
7520
7535
|
}
|
|
7521
7536
|
.m_d6493fad :where(h1) {
|
|
7522
7537
|
margin-top: calc(1.5 * var(--mantine-spacing-xl));
|