@mantine/core 5.0.2 → 5.1.1
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/Accordion/AccordionControl/AccordionControl.js +1 -0
- package/cjs/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/cjs/ActionIcon/ActionIcon.styles.js +3 -3
- package/cjs/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/AppShell/HorizontalSection/HorizontalSection.js +4 -1
- package/cjs/AppShell/HorizontalSection/HorizontalSection.js.map +1 -1
- package/cjs/AppShell/HorizontalSection/HorizontalSection.styles.js +11 -2
- package/cjs/AppShell/HorizontalSection/HorizontalSection.styles.js.map +1 -1
- package/cjs/AppShell/VerticalSection/VerticalSection.js +3 -1
- package/cjs/AppShell/VerticalSection/VerticalSection.js.map +1 -1
- package/cjs/Badge/Badge.styles.js +1 -1
- package/cjs/Badge/Badge.styles.js.map +1 -1
- package/cjs/Burger/Burger.js.map +1 -1
- package/cjs/Burger/Burger.styles.js +6 -6
- package/cjs/Burger/Burger.styles.js.map +1 -1
- package/cjs/Button/Button.styles.js +0 -1
- package/cjs/Button/Button.styles.js.map +1 -1
- package/cjs/ColorPicker/ColorPicker.js +2 -2
- package/cjs/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/ColorPicker/Swatches/Swatches.js +5 -6
- package/cjs/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/Divider/Divider.js +2 -1
- package/cjs/Divider/Divider.js.map +1 -1
- package/cjs/Divider/Divider.styles.js +2 -2
- package/cjs/Divider/Divider.styles.js.map +1 -1
- package/cjs/Image/Image.js +6 -3
- package/cjs/Image/Image.js.map +1 -1
- package/cjs/Indicator/Indicator.styles.js +1 -1
- package/cjs/Indicator/Indicator.styles.js.map +1 -1
- package/cjs/Input/InputDescription/InputDescription.js +2 -1
- package/cjs/Input/InputDescription/InputDescription.js.map +1 -1
- package/cjs/Loader/Loader.js +5 -2
- package/cjs/Loader/Loader.js.map +1 -1
- package/cjs/Menu/MenuItem/MenuItem.styles.js +1 -1
- package/cjs/Menu/MenuItem/MenuItem.styles.js.map +1 -1
- package/cjs/MultiSelect/DefaultValue/DefaultValue.js +4 -2
- package/cjs/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/cjs/MultiSelect/DefaultValue/DefaultValue.styles.js +2 -2
- package/cjs/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/cjs/MultiSelect/MultiSelect.js +50 -29
- package/cjs/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/NativeSelect/NativeSelect.js +2 -1
- package/cjs/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/Notification/Notification.styles.js +1 -1
- package/cjs/Notification/Notification.styles.js.map +1 -1
- package/cjs/NumberInput/NumberInput.js +1 -9
- package/cjs/NumberInput/NumberInput.js.map +1 -1
- package/cjs/Popover/PopoverDropdown/PopoverDropdown.js +2 -1
- package/cjs/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/Progress/Progress.js +5 -1
- package/cjs/Progress/Progress.js.map +1 -1
- package/cjs/Progress/Progress.styles.js +5 -1
- package/cjs/Progress/Progress.styles.js.map +1 -1
- package/cjs/Select/Select.js +50 -39
- package/cjs/Select/Select.js.map +1 -1
- package/cjs/Select/SelectRightSection/get-select-right-section-props.js +1 -1
- package/cjs/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/cjs/Skeleton/Skeleton.styles.js +2 -1
- package/cjs/Skeleton/Skeleton.styles.js.map +1 -1
- package/cjs/Spoiler/Spoiler.js +5 -4
- package/cjs/Spoiler/Spoiler.js.map +1 -1
- package/cjs/Spoiler/Spoiler.styles.js +2 -0
- package/cjs/Spoiler/Spoiler.styles.js.map +1 -1
- package/cjs/Switch/Switch.styles.js +1 -1
- package/cjs/Switch/Switch.styles.js.map +1 -1
- package/cjs/Text/Text.js +12 -3
- package/cjs/Text/Text.js.map +1 -1
- package/cjs/Text/Text.styles.js +20 -4
- package/cjs/Text/Text.styles.js.map +1 -1
- package/esm/Accordion/AccordionControl/AccordionControl.js +1 -0
- package/esm/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/esm/ActionIcon/ActionIcon.styles.js +3 -3
- package/esm/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/AppShell/HorizontalSection/HorizontalSection.js +4 -1
- package/esm/AppShell/HorizontalSection/HorizontalSection.js.map +1 -1
- package/esm/AppShell/HorizontalSection/HorizontalSection.styles.js +11 -2
- package/esm/AppShell/HorizontalSection/HorizontalSection.styles.js.map +1 -1
- package/esm/AppShell/VerticalSection/VerticalSection.js +3 -1
- package/esm/AppShell/VerticalSection/VerticalSection.js.map +1 -1
- package/esm/Badge/Badge.styles.js +1 -1
- package/esm/Badge/Badge.styles.js.map +1 -1
- package/esm/Burger/Burger.js.map +1 -1
- package/esm/Burger/Burger.styles.js +6 -6
- package/esm/Burger/Burger.styles.js.map +1 -1
- package/esm/Button/Button.styles.js +0 -1
- package/esm/Button/Button.styles.js.map +1 -1
- package/esm/ColorPicker/ColorPicker.js +2 -2
- package/esm/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/ColorPicker/Swatches/Swatches.js +5 -6
- package/esm/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/Divider/Divider.js +2 -1
- package/esm/Divider/Divider.js.map +1 -1
- package/esm/Divider/Divider.styles.js +2 -2
- package/esm/Divider/Divider.styles.js.map +1 -1
- package/esm/Image/Image.js +6 -3
- package/esm/Image/Image.js.map +1 -1
- package/esm/Indicator/Indicator.styles.js +1 -1
- package/esm/Indicator/Indicator.styles.js.map +1 -1
- package/esm/Input/InputDescription/InputDescription.js +2 -1
- package/esm/Input/InputDescription/InputDescription.js.map +1 -1
- package/esm/Loader/Loader.js +5 -2
- package/esm/Loader/Loader.js.map +1 -1
- package/esm/Menu/MenuItem/MenuItem.styles.js +1 -1
- package/esm/Menu/MenuItem/MenuItem.styles.js.map +1 -1
- package/esm/MultiSelect/DefaultValue/DefaultValue.js +4 -2
- package/esm/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/esm/MultiSelect/DefaultValue/DefaultValue.styles.js +2 -2
- package/esm/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/esm/MultiSelect/MultiSelect.js +50 -29
- package/esm/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/NativeSelect/NativeSelect.js +2 -1
- package/esm/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/Notification/Notification.styles.js +1 -1
- package/esm/Notification/Notification.styles.js.map +1 -1
- package/esm/NumberInput/NumberInput.js +1 -9
- package/esm/NumberInput/NumberInput.js.map +1 -1
- package/esm/Popover/PopoverDropdown/PopoverDropdown.js +2 -1
- package/esm/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/Progress/Progress.js +5 -1
- package/esm/Progress/Progress.js.map +1 -1
- package/esm/Progress/Progress.styles.js +5 -1
- package/esm/Progress/Progress.styles.js.map +1 -1
- package/esm/Select/Select.js +50 -39
- package/esm/Select/Select.js.map +1 -1
- package/esm/Select/SelectRightSection/get-select-right-section-props.js +1 -1
- package/esm/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/esm/Skeleton/Skeleton.styles.js +2 -1
- package/esm/Skeleton/Skeleton.styles.js.map +1 -1
- package/esm/Spoiler/Spoiler.js +6 -5
- package/esm/Spoiler/Spoiler.js.map +1 -1
- package/esm/Spoiler/Spoiler.styles.js +2 -0
- package/esm/Spoiler/Spoiler.styles.js.map +1 -1
- package/esm/Switch/Switch.styles.js +1 -1
- package/esm/Switch/Switch.styles.js.map +1 -1
- package/esm/Text/Text.js +12 -3
- package/esm/Text/Text.js.map +1 -1
- package/esm/Text/Text.styles.js +20 -4
- package/esm/Text/Text.styles.js.map +1 -1
- package/lib/Accordion/AccordionControl/AccordionControl.d.ts.map +1 -1
- package/lib/ActionIcon/ActionIcon.d.ts +7 -1
- package/lib/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
- package/lib/Anchor/Anchor.d.ts +7 -1
- package/lib/Anchor/Anchor.d.ts.map +1 -1
- package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts +3 -1
- package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts.map +1 -1
- package/lib/AppShell/HorizontalSection/HorizontalSection.styles.d.ts +1 -0
- package/lib/AppShell/HorizontalSection/HorizontalSection.styles.d.ts.map +1 -1
- package/lib/AppShell/HorizontalSection/Section/Section.d.ts +7 -1
- package/lib/AppShell/HorizontalSection/Section/Section.d.ts.map +1 -1
- package/lib/AppShell/VerticalSection/VerticalSection.d.ts +2 -0
- package/lib/AppShell/VerticalSection/VerticalSection.d.ts.map +1 -1
- package/lib/Avatar/Avatar.d.ts +7 -1
- package/lib/Avatar/Avatar.d.ts.map +1 -1
- package/lib/BackgroundImage/BackgroundImage.d.ts +7 -1
- package/lib/BackgroundImage/BackgroundImage.d.ts.map +1 -1
- package/lib/Badge/Badge.d.ts +7 -1
- package/lib/Badge/Badge.d.ts.map +1 -1
- package/lib/Badge/Badge.styles.d.ts.map +1 -1
- package/lib/Box/Box.d.ts +7 -1
- package/lib/Box/Box.d.ts.map +1 -1
- package/lib/Burger/Burger.d.ts +2 -2
- package/lib/Burger/Burger.d.ts.map +1 -1
- package/lib/Button/Button.d.ts +7 -1
- package/lib/Button/Button.d.ts.map +1 -1
- package/lib/Button/Button.styles.d.ts.map +1 -1
- package/lib/Card/Card.d.ts +7 -1
- package/lib/Card/Card.d.ts.map +1 -1
- package/lib/Card/CardSection/CardSection.d.ts +7 -1
- package/lib/Card/CardSection/CardSection.d.ts.map +1 -1
- package/lib/Center/Center.d.ts +7 -1
- package/lib/Center/Center.d.ts.map +1 -1
- package/lib/ColorPicker/Swatches/Swatches.d.ts +2 -3
- package/lib/ColorPicker/Swatches/Swatches.d.ts.map +1 -1
- package/lib/ColorSwatch/ColorSwatch.d.ts +7 -1
- package/lib/ColorSwatch/ColorSwatch.d.ts.map +1 -1
- package/lib/Divider/Divider.d.ts.map +1 -1
- package/lib/Highlight/Highlight.d.ts +7 -1
- package/lib/Highlight/Highlight.d.ts.map +1 -1
- package/lib/Image/Image.d.ts.map +1 -1
- package/lib/Indicator/Indicator.styles.d.ts.map +1 -1
- package/lib/Input/Input.d.ts +7 -1
- package/lib/Input/Input.d.ts.map +1 -1
- package/lib/Input/InputDescription/InputDescription.d.ts.map +1 -1
- package/lib/InputBase/InputBase.d.ts +7 -1
- package/lib/InputBase/InputBase.d.ts.map +1 -1
- package/lib/Loader/Loader.d.ts.map +1 -1
- package/lib/Menu/Menu.d.ts +7 -1
- package/lib/Menu/MenuItem/MenuItem.d.ts +7 -1
- package/lib/Menu/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/MultiSelect/DefaultValue/DefaultValue.d.ts +2 -1
- package/lib/MultiSelect/DefaultValue/DefaultValue.d.ts.map +1 -1
- package/lib/MultiSelect/DefaultValue/DefaultValue.styles.d.ts +1 -0
- package/lib/MultiSelect/DefaultValue/DefaultValue.styles.d.ts.map +1 -1
- package/lib/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/lib/NavLink/NavLink.d.ts +7 -1
- package/lib/NavLink/NavLink.d.ts.map +1 -1
- package/lib/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/Overlay/Overlay.d.ts +7 -1
- package/lib/Overlay/Overlay.d.ts.map +1 -1
- package/lib/Paper/Paper.d.ts +7 -1
- package/lib/Paper/Paper.d.ts.map +1 -1
- package/lib/Popover/PopoverDropdown/PopoverDropdown.d.ts.map +1 -1
- package/lib/Progress/Progress.d.ts.map +1 -1
- package/lib/Select/Select.d.ts.map +1 -1
- package/lib/Select/SelectRightSection/get-select-right-section-props.d.ts +1 -0
- package/lib/Select/SelectRightSection/get-select-right-section-props.d.ts.map +1 -1
- package/lib/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/lib/Spoiler/Spoiler.d.ts.map +1 -1
- package/lib/Spoiler/Spoiler.styles.d.ts.map +1 -1
- package/lib/Text/Text.d.ts +14 -1
- package/lib/Text/Text.d.ts.map +1 -1
- package/lib/Text/Text.styles.d.ts +2 -0
- package/lib/Text/Text.styles.d.ts.map +1 -1
- package/lib/UnstyledButton/UnstyledButton.d.ts +7 -1
- package/lib/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-select-right-section-props.js","sources":["../../../src/Select/SelectRightSection/get-select-right-section-props.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { SelectRightSection, SelectRightSectionProps } from './SelectRightSection';\n\ninterface GetRightSectionProps extends SelectRightSectionProps {\n rightSection?: React.ReactNode;\n rightSectionWidth?: number;\n styles: Record<string, any>;\n theme: MantineTheme;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport function getSelectRightSectionProps({\n styles,\n rightSection,\n rightSectionWidth,\n theme,\n ...props\n}: GetRightSectionProps) {\n if (rightSection) {\n return { rightSection, rightSectionWidth, styles };\n }\n\n const _styles = typeof styles === 'function' ? styles(theme) : styles;\n\n return {\n rightSectionWidth: theme.fn.size({ size: props.size, sizes: RIGHT_SECTION_WIDTH }) as number,\n rightSection: !(props.disabled && props.shouldClear) && <SelectRightSection {...props}
|
|
1
|
+
{"version":3,"file":"get-select-right-section-props.js","sources":["../../../src/Select/SelectRightSection/get-select-right-section-props.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { SelectRightSection, SelectRightSectionProps } from './SelectRightSection';\n\ninterface GetRightSectionProps extends SelectRightSectionProps {\n rightSection?: React.ReactNode;\n rightSectionWidth?: number;\n styles: Record<string, any>;\n theme: MantineTheme;\n readOnly: boolean;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport function getSelectRightSectionProps({\n styles,\n rightSection,\n rightSectionWidth,\n theme,\n ...props\n}: GetRightSectionProps) {\n if (rightSection) {\n return { rightSection, rightSectionWidth, styles };\n }\n\n const _styles = typeof styles === 'function' ? styles(theme) : styles;\n\n return {\n rightSectionWidth: theme.fn.size({ size: props.size, sizes: RIGHT_SECTION_WIDTH }) as number,\n rightSection: !props.readOnly && !(props.disabled && props.shouldClear) && (\n <SelectRightSection {...props} />\n ),\n styles: {\n ..._styles,\n rightSection: {\n ..._styles?.rightSection,\n pointerEvents: props.shouldClear ? undefined : 'none',\n },\n },\n };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,8 @@ var useStyles = createStyles((theme, { height, width, radius, circle, animate })
|
|
|
10
10
|
width: circle ? height : width,
|
|
11
11
|
borderRadius: circle ? height : theme.fn.radius(radius),
|
|
12
12
|
position: "relative",
|
|
13
|
-
overflow: "hidden"
|
|
13
|
+
overflow: "hidden",
|
|
14
|
+
WebkitTransform: "translateZ(0)"
|
|
14
15
|
},
|
|
15
16
|
visible: {
|
|
16
17
|
"&::before": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.styles.js","sources":["../../src/Skeleton/Skeleton.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, keyframes } from '@mantine/styles';\n\nexport interface SkeletonStylesParams {\n height: number | string;\n width: number | string;\n circle: boolean;\n radius: MantineNumberSize;\n animate: boolean;\n}\n\nexport const fade = keyframes({\n 'from, to': { opacity: 0.4 },\n '50%': { opacity: 1 },\n});\n\nexport default createStyles(\n (theme, { height, width, radius, circle, animate }: SkeletonStylesParams) => ({\n root: {\n height,\n width: circle ? height : width,\n borderRadius: circle ? height : theme.fn.radius(radius),\n position: 'relative',\n overflow: 'hidden',\n },\n\n visible: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n background: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 10,\n },\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n background: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n animation: animate ? `${fade} 1500ms linear infinite` : 'none',\n zIndex: 11,\n },\n },\n })\n);\n"],"names":[],"mappings":";;AACY,MAAC,IAAI,GAAG,SAAS,CAAC;AAC9B,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AAC9B,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,CAAC,EAAE;AACH,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;AACpF,EAAE,IAAI,EAAE;AACR,IAAI,MAAM;AACV,IAAI,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK;AAClC,IAAI,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AAC3D,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACnF,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,MAAM,EAAE,EAAE;AAChB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5F,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,uBAAuB,CAAC,GAAG,MAAM;AACpE,MAAM,MAAM,EAAE,EAAE;AAChB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
|
|
1
|
+
{"version":3,"file":"Skeleton.styles.js","sources":["../../src/Skeleton/Skeleton.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, keyframes } from '@mantine/styles';\n\nexport interface SkeletonStylesParams {\n height: number | string;\n width: number | string;\n circle: boolean;\n radius: MantineNumberSize;\n animate: boolean;\n}\n\nexport const fade = keyframes({\n 'from, to': { opacity: 0.4 },\n '50%': { opacity: 1 },\n});\n\nexport default createStyles(\n (theme, { height, width, radius, circle, animate }: SkeletonStylesParams) => ({\n root: {\n height,\n width: circle ? height : width,\n borderRadius: circle ? height : theme.fn.radius(radius),\n position: 'relative',\n overflow: 'hidden',\n WebkitTransform: 'translateZ(0)',\n },\n\n visible: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n background: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: 10,\n },\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n background: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n animation: animate ? `${fade} 1500ms linear infinite` : 'none',\n zIndex: 11,\n },\n },\n })\n);\n"],"names":[],"mappings":";;AACY,MAAC,IAAI,GAAG,SAAS,CAAC;AAC9B,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AAC9B,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,CAAC,EAAE;AACH,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;AACpF,EAAE,IAAI,EAAE;AACR,IAAI,MAAM;AACV,IAAI,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK;AAClC,IAAI,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AAC3D,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,eAAe,EAAE,eAAe;AACpC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACnF,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,MAAM,EAAE,EAAE;AAChB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5F,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,uBAAuB,CAAC,GAAG,MAAM;AACpE,MAAM,MAAM,EAAE,EAAE;AAChB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
|
package/esm/Spoiler/Spoiler.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React, { forwardRef, useState,
|
|
1
|
+
import React, { forwardRef, useState, useEffect } from 'react';
|
|
2
2
|
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
|
+
import { useElementSize } from '@mantine/hooks';
|
|
3
4
|
import useStyles from './Spoiler.styles.js';
|
|
4
5
|
import { Box } from '../Box/Box.js';
|
|
5
6
|
import { Anchor } from '../Anchor/Anchor.js';
|
|
@@ -66,18 +67,18 @@ const Spoiler = forwardRef((props, ref) => {
|
|
|
66
67
|
const { classes, cx } = useStyles({ transitionDuration }, { classNames, styles, unstyled, name: "Spoiler" });
|
|
67
68
|
const [show, setShowState] = useState(initialState);
|
|
68
69
|
const [spoiler, setSpoilerState] = useState(initialState);
|
|
69
|
-
const contentRef =
|
|
70
|
+
const { ref: contentRef, height } = useElementSize();
|
|
70
71
|
const spoilerMoreContent = show ? hideLabel : showLabel;
|
|
71
72
|
useEffect(() => {
|
|
72
|
-
setSpoilerState(maxHeight <
|
|
73
|
-
}, [maxHeight, children]);
|
|
73
|
+
setSpoilerState(maxHeight < height);
|
|
74
|
+
}, [height, maxHeight, children]);
|
|
74
75
|
return /* @__PURE__ */ React.createElement(Box, __spreadValues({
|
|
75
76
|
className: cx(classes.root, className),
|
|
76
77
|
ref
|
|
77
78
|
}, others), /* @__PURE__ */ React.createElement("div", {
|
|
78
79
|
className: classes.content,
|
|
79
80
|
style: {
|
|
80
|
-
maxHeight: !show ? maxHeight :
|
|
81
|
+
maxHeight: !show ? maxHeight : height || void 0
|
|
81
82
|
}
|
|
82
83
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
83
84
|
ref: contentRef
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spoiler.js","sources":["../../src/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"Spoiler.js","sources":["../../src/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { useElementSize } from '@mantine/hooks';\nimport { Anchor } from '../Anchor';\nimport { Box } from '../Box';\nimport useStyles, { SpoilerStylesParams } from './Spoiler.styles';\n\nexport type SpoilerStylesNames = Selectors<typeof useStyles>;\n\nexport interface SpoilerProps\n extends DefaultProps<SpoilerStylesNames, SpoilerStylesParams>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Max height of visible content, when this point is reached spoiler appears */\n maxHeight: number;\n\n /** Label for close spoiler action */\n hideLabel: React.ReactNode;\n\n /** Label for open spoiler action */\n showLabel: React.ReactNode;\n\n /** Get ref of spoiler toggle button */\n controlRef?: React.ForwardedRef<HTMLButtonElement>;\n\n /** Initial spoiler state, true to wrap content in spoiler, false to show content without spoiler, opened state will be updated on mount */\n initialState?: boolean;\n\n /** Spoiler reveal transition duration in ms, 0 or null to turn off animation */\n transitionDuration?: number;\n}\n\nconst defaultProps: Partial<SpoilerProps> = {\n maxHeight: 100,\n transitionDuration: 200,\n initialState: false,\n};\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>((props, ref) => {\n const {\n className,\n children,\n maxHeight,\n hideLabel,\n showLabel,\n transitionDuration,\n controlRef,\n initialState,\n classNames,\n styles,\n unstyled,\n ...others\n } = useComponentDefaultProps('Spoiler', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { transitionDuration },\n { classNames, styles, unstyled, name: 'Spoiler' }\n );\n\n const [show, setShowState] = useState(initialState);\n const [spoiler, setSpoilerState] = useState(initialState);\n const { ref: contentRef, height } = useElementSize();\n\n const spoilerMoreContent = show ? hideLabel : showLabel;\n\n useEffect(() => {\n setSpoilerState(maxHeight < height);\n }, [height, maxHeight, children]);\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n <div\n className={classes.content}\n style={{\n maxHeight: !show ? maxHeight : height || undefined,\n }}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n\n {spoiler && (\n <Anchor\n component=\"button\"\n ref={controlRef}\n onClick={() => setShowState((opened) => !opened)}\n className={classes.control}\n >\n {spoilerMoreContent}\n </Anchor>\n )}\n </Box>\n );\n});\n\nSpoiler.displayName = '@mantine/core/Spoiler';\n"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ var useStyles = createStyles((theme, { transitionDuration }) => ({
|
|
|
6
6
|
position: "relative"
|
|
7
7
|
},
|
|
8
8
|
content: {
|
|
9
|
+
display: "flex",
|
|
10
|
+
flexDirection: "column",
|
|
9
11
|
overflow: "hidden",
|
|
10
12
|
transitionProperty: "max-height",
|
|
11
13
|
transitionTimingFunction: theme.transitionTimingFunction,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spoiler.styles.js","sources":["../../src/Spoiler/Spoiler.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface SpoilerStylesParams {\n transitionDuration: number;\n}\n\nexport default createStyles((theme, { transitionDuration }: SpoilerStylesParams) => ({\n control: {},\n\n root: {\n position: 'relative',\n },\n\n content: {\n overflow: 'hidden',\n transitionProperty: 'max-height',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: `${transitionDuration}ms`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n },\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM;AAChE,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,kBAAkB,EAAE,YAAY;AACpC,IAAI,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;AAC5D,IAAI,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;AACjD,IAAI,iCAAiC,EAAE;AACvC,MAAM,kBAAkB,EAAE,KAAK,CAAC,oBAAoB,GAAG,KAAK,GAAG,KAAK,CAAC;AACrE,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"Spoiler.styles.js","sources":["../../src/Spoiler/Spoiler.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface SpoilerStylesParams {\n transitionDuration: number;\n}\n\nexport default createStyles((theme, { transitionDuration }: SpoilerStylesParams) => ({\n control: {},\n\n root: {\n position: 'relative',\n },\n\n content: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n transitionProperty: 'max-height',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: `${transitionDuration}ms`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n },\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM;AAChE,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,kBAAkB,EAAE,YAAY;AACpC,IAAI,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;AAC5D,IAAI,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;AACjD,IAAI,iCAAiC,EAAE;AACvC,MAAM,kBAAkB,EAAE,KAAK,CAAC,oBAAoB,GAAG,KAAK,GAAG,KAAK,CAAC;AACrE,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.styles.js","sources":["../../src/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\n\nexport interface SwitchStylesParams {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n offLabel: string;\n onLabel: string;\n}\n\nconst switchHeight = {\n xs: 16,\n sm: 20,\n md: 24,\n lg: 30,\n xl: 36,\n};\n\nconst switchWidth = {\n xs: 30,\n sm: 38,\n md: 46,\n lg: 56,\n xl: 68,\n};\n\nconst handleSizes = {\n xs: 12,\n sm: 14,\n md: 18,\n lg: 22,\n xl: 28,\n};\n\nconst labelFontSizes = {\n xs: 5,\n sm: 6,\n md: 7,\n lg: 9,\n xl: 11,\n};\n\nexport default createStyles(\n (theme, { size, radius, color, offLabel, onLabel }: SwitchStylesParams) => {\n const handleSize = theme.fn.size({ size, sizes: handleSizes });\n const borderRadius = theme.fn.size({ size: radius, sizes: theme.radius });\n const colors = theme.fn.variant({ variant: 'filled', color });\n\n return {\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n\n input: {\n ...theme.fn.focusStyles(),\n overflow: 'hidden',\n WebkitTapHighlightColor: 'transparent',\n position: 'relative',\n borderRadius,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n height: theme.fn.size({ size, sizes: switchHeight }),\n width: theme.fn.size({ size, sizes: switchWidth }),\n minWidth: theme.fn.size({ size, sizes: switchWidth }),\n margin: 0,\n transitionProperty: 'background-color, border-color',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: '150ms',\n boxSizing: 'border-box',\n appearance: 'none',\n display: 'flex',\n alignItems: 'center',\n fontSize: theme.fn.size({ size, sizes: labelFontSizes }),\n fontWeight: 600,\n cursor: theme.cursorType,\n\n '&::before': {\n zIndex: 1,\n borderRadius,\n boxSizing: 'border-box',\n content: \"''\",\n display: 'block',\n backgroundColor: theme.white,\n height: handleSize,\n width: handleSize,\n border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n transition: `transform 150ms ${theme.transitionTimingFunction}`,\n transform: `translateX(${size === 'xs' ? 1 : 2}px)`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: theme.respectReducedMotion ? '0ms' : false,\n },\n },\n\n '&::after': {\n position: 'absolute',\n zIndex: 0,\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n lineHeight: 0,\n right: '10%',\n transform: 'translateX(0)',\n content: offLabel ? `'${offLabel}'` : \"''\",\n color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[6],\n transition: `color 150ms ${theme.transitionTimingFunction}`,\n },\n\n '&:checked': {\n backgroundColor: colors.background,\n borderColor: colors.background,\n\n '&::before': {\n transform: `translateX(${\n theme.fn.size({ size, sizes: switchWidth }) -\n theme.fn.size({ size, sizes: handleSizes }) -\n (size === 'xs' ? 3 : 4) // borderWidth: 2 + padding: 2 * 2\n }px)`,\n borderColor: theme.white,\n },\n\n '&::after': {\n position: 'absolute',\n zIndex: 0,\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n lineHeight: 0,\n left: '10%',\n transform: 'translateX(0)',\n content: onLabel ? `'${onLabel}'` : \"''\",\n color: theme.white,\n transition: `color 150ms ${theme.transitionTimingFunction}`,\n },\n },\n\n '&:disabled': {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n cursor: 'not-allowed',\n\n '&::before': {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n },\n },\n },\n\n label: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n fontFamily: theme.fontFamily,\n paddingLeft: theme.spacing.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n cursor: theme.cursorType,\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Switch.styles.js","sources":["../../src/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\n\nexport interface SwitchStylesParams {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n offLabel: string;\n onLabel: string;\n}\n\nconst switchHeight = {\n xs: 16,\n sm: 20,\n md: 24,\n lg: 30,\n xl: 36,\n};\n\nconst switchWidth = {\n xs: 30,\n sm: 38,\n md: 46,\n lg: 56,\n xl: 68,\n};\n\nconst handleSizes = {\n xs: 12,\n sm: 14,\n md: 18,\n lg: 22,\n xl: 28,\n};\n\nconst labelFontSizes = {\n xs: 5,\n sm: 6,\n md: 7,\n lg: 9,\n xl: 11,\n};\n\nexport default createStyles(\n (theme, { size, radius, color, offLabel, onLabel }: SwitchStylesParams) => {\n const handleSize = theme.fn.size({ size, sizes: handleSizes });\n const borderRadius = theme.fn.size({ size: radius, sizes: theme.radius });\n const colors = theme.fn.variant({ variant: 'filled', color });\n\n return {\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n\n input: {\n ...theme.fn.focusStyles(),\n overflow: 'hidden',\n WebkitTapHighlightColor: 'transparent',\n position: 'relative',\n borderRadius,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n height: theme.fn.size({ size, sizes: switchHeight }),\n width: theme.fn.size({ size, sizes: switchWidth }),\n minWidth: theme.fn.size({ size, sizes: switchWidth }),\n margin: 0,\n transitionProperty: 'background-color, border-color',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: '150ms',\n boxSizing: 'border-box',\n appearance: 'none',\n display: 'flex',\n alignItems: 'center',\n fontSize: theme.fn.size({ size, sizes: labelFontSizes }),\n fontWeight: 600,\n cursor: theme.cursorType,\n\n '&::before': {\n zIndex: 1,\n borderRadius,\n boxSizing: 'border-box',\n content: '\"\"',\n display: 'block',\n backgroundColor: theme.white,\n height: handleSize,\n width: handleSize,\n border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n transition: `transform 150ms ${theme.transitionTimingFunction}`,\n transform: `translateX(${size === 'xs' ? 1 : 2}px)`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: theme.respectReducedMotion ? '0ms' : false,\n },\n },\n\n '&::after': {\n position: 'absolute',\n zIndex: 0,\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n lineHeight: 0,\n right: '10%',\n transform: 'translateX(0)',\n content: offLabel ? `'${offLabel}'` : \"''\",\n color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[6],\n transition: `color 150ms ${theme.transitionTimingFunction}`,\n },\n\n '&:checked': {\n backgroundColor: colors.background,\n borderColor: colors.background,\n\n '&::before': {\n transform: `translateX(${\n theme.fn.size({ size, sizes: switchWidth }) -\n theme.fn.size({ size, sizes: handleSizes }) -\n (size === 'xs' ? 3 : 4) // borderWidth: 2 + padding: 2 * 2\n }px)`,\n borderColor: theme.white,\n },\n\n '&::after': {\n position: 'absolute',\n zIndex: 0,\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n lineHeight: 0,\n left: '10%',\n transform: 'translateX(0)',\n content: onLabel ? `'${onLabel}'` : \"''\",\n color: theme.white,\n transition: `color 150ms ${theme.transitionTimingFunction}`,\n },\n },\n\n '&:disabled': {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n cursor: 'not-allowed',\n\n '&::before': {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n },\n },\n },\n\n label: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n fontFamily: theme.fontFamily,\n paddingLeft: theme.spacing.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n cursor: theme.cursorType,\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}
|
package/esm/Text/Text.js
CHANGED
|
@@ -49,9 +49,12 @@ const _Text = forwardRef((props, ref) => {
|
|
|
49
49
|
inline,
|
|
50
50
|
inherit,
|
|
51
51
|
underline,
|
|
52
|
+
strikethrough,
|
|
53
|
+
italic,
|
|
52
54
|
classNames,
|
|
53
55
|
styles,
|
|
54
|
-
unstyled
|
|
56
|
+
unstyled,
|
|
57
|
+
span
|
|
55
58
|
} = _a, others = __objRest(_a, [
|
|
56
59
|
"className",
|
|
57
60
|
"size",
|
|
@@ -65,9 +68,12 @@ const _Text = forwardRef((props, ref) => {
|
|
|
65
68
|
"inline",
|
|
66
69
|
"inherit",
|
|
67
70
|
"underline",
|
|
71
|
+
"strikethrough",
|
|
72
|
+
"italic",
|
|
68
73
|
"classNames",
|
|
69
74
|
"styles",
|
|
70
|
-
"unstyled"
|
|
75
|
+
"unstyled",
|
|
76
|
+
"span"
|
|
71
77
|
]);
|
|
72
78
|
const { classes, cx } = useStyles({
|
|
73
79
|
variant,
|
|
@@ -77,6 +83,8 @@ const _Text = forwardRef((props, ref) => {
|
|
|
77
83
|
inline,
|
|
78
84
|
inherit,
|
|
79
85
|
underline,
|
|
86
|
+
strikethrough,
|
|
87
|
+
italic,
|
|
80
88
|
weight,
|
|
81
89
|
transform,
|
|
82
90
|
align,
|
|
@@ -84,7 +92,8 @@ const _Text = forwardRef((props, ref) => {
|
|
|
84
92
|
}, { unstyled, name: "Text" });
|
|
85
93
|
return /* @__PURE__ */ React.createElement(Box, __spreadValues({
|
|
86
94
|
ref,
|
|
87
|
-
className: cx(classes.root, { [classes.gradient]: variant === "gradient" }, className)
|
|
95
|
+
className: cx(classes.root, { [classes.gradient]: variant === "gradient" }, className),
|
|
96
|
+
component: span ? "span" : "div"
|
|
88
97
|
}, others));
|
|
89
98
|
});
|
|
90
99
|
_Text.displayName = "@mantine/core/Text";
|
package/esm/Text/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../src/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":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../src/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 /** Add strikethrough styles */\n strikethrough?: boolean;\n\n /** Adds font-style: italic style */\n italic?: 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 /** Shorthand for component=\"span\" */\n span?: boolean;\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 strikethrough,\n italic,\n classNames,\n styles,\n unstyled,\n span,\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 strikethrough,\n italic,\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 component={span ? 'span' : 'div'}\n {...others}\n />\n );\n});\n\n_Text.displayName = '@mantine/core/Text';\n\nexport const Text = createPolymorphicComponent<'div', TextProps>(_Text);\n"],"names":[],"mappings":"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"}
|
package/esm/Text/Text.styles.js
CHANGED
|
@@ -19,11 +19,24 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
21
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
|
+
function getTextDecoration({
|
|
23
|
+
underline,
|
|
24
|
+
strikethrough
|
|
25
|
+
}) {
|
|
26
|
+
const styles = [];
|
|
27
|
+
if (underline) {
|
|
28
|
+
styles.push("underline");
|
|
29
|
+
}
|
|
30
|
+
if (strikethrough) {
|
|
31
|
+
styles.push("line-through");
|
|
32
|
+
}
|
|
33
|
+
return styles.length > 0 ? styles.join(" ") : "none";
|
|
34
|
+
}
|
|
22
35
|
function getTextColor({ theme, color, variant }) {
|
|
23
36
|
if (color === "dimmed") {
|
|
24
37
|
return theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6];
|
|
25
38
|
}
|
|
26
|
-
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";
|
|
39
|
+
return typeof color === "string" && (color in theme.colors || color.split(".")[0] in theme.colors) ? theme.fn.variant({ variant: "filled", color }).background : variant === "link" ? theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 7] : color || "inherit";
|
|
27
40
|
}
|
|
28
41
|
function getLineClamp(lineClamp) {
|
|
29
42
|
if (typeof lineClamp === "number") {
|
|
@@ -48,7 +61,9 @@ var useStyles = createStyles((theme, {
|
|
|
48
61
|
gradient,
|
|
49
62
|
weight,
|
|
50
63
|
transform,
|
|
51
|
-
align
|
|
64
|
+
align,
|
|
65
|
+
strikethrough,
|
|
66
|
+
italic
|
|
52
67
|
}) => {
|
|
53
68
|
const colors = theme.fn.variant({ variant: "gradient", gradient });
|
|
54
69
|
return {
|
|
@@ -57,11 +72,12 @@ var useStyles = createStyles((theme, {
|
|
|
57
72
|
fontFamily: inherit ? "inherit" : theme.fontFamily,
|
|
58
73
|
fontSize: inherit || size === void 0 ? "inherit" : theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
59
74
|
lineHeight: inherit ? "inherit" : inline ? 1 : theme.lineHeight,
|
|
60
|
-
textDecoration:
|
|
75
|
+
textDecoration: getTextDecoration({ underline, strikethrough }),
|
|
61
76
|
WebkitTapHighlightColor: "transparent",
|
|
62
77
|
fontWeight: inherit ? "inherit" : weight,
|
|
63
78
|
textTransform: transform,
|
|
64
|
-
textAlign: align
|
|
79
|
+
textAlign: align,
|
|
80
|
+
fontStyle: italic ? "italic" : void 0
|
|
65
81
|
}), theme.fn.hover(variant === "link" && underline === void 0 ? {
|
|
66
82
|
textDecoration: "underline"
|
|
67
83
|
} : void 0)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.styles.js","sources":["../../src/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:
|
|
1
|
+
{"version":3,"file":"Text.styles.js","sources":["../../src/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 strikethrough: boolean;\n italic: 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 getTextDecoration({\n underline,\n strikethrough,\n}: {\n underline: boolean;\n strikethrough: boolean;\n}) {\n const styles = [];\n if (underline) {\n styles.push('underline');\n }\n\n if (strikethrough) {\n styles.push('line-through');\n }\n\n return styles.length > 0 ? styles.join(' ') : 'none';\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 typeof color === 'string' && (color in theme.colors || color.split('.')[0] 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 strikethrough,\n italic,\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: getTextDecoration({ underline, strikethrough }),\n WebkitTapHighlightColor: 'transparent',\n fontWeight: inherit ? 'inherit' : weight,\n textTransform: transform,\n textAlign: align,\n fontStyle: italic ? 'italic' : undefined,\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":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionControl.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAuB,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK/E,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,oBAAY,2BAA2B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEtE,MAAM,WAAW,qBACf,SAAQ,YAAY,EAClB,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AccordionControl.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAuB,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK/E,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,oBAAY,2BAA2B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEtE,MAAM,WAAW,qBACf,SAAQ,YAAY,EAClB,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,iGA2E5B,CAAC"}
|
|
@@ -22,5 +22,11 @@ export interface ActionIconProps extends DefaultProps<ActionIconStylesNames, Act
|
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
}
|
|
24
24
|
export declare const _ActionIcon: React.ForwardRefExoticComponent<ActionIconProps & React.RefAttributes<HTMLButtonElement>>;
|
|
25
|
-
export declare const ActionIcon: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, ActionIconProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) &
|
|
25
|
+
export declare const ActionIcon: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, ActionIconProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ActionIconProps & {
|
|
26
|
+
component?: any;
|
|
27
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof ActionIconProps> & {
|
|
28
|
+
ref?: any;
|
|
29
|
+
}) | (ActionIconProps & {
|
|
30
|
+
component: React.ElementType<any>;
|
|
31
|
+
})>, never> & Record<string, never>;
|
|
26
32
|
//# sourceMappingURL=ActionIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,SAAS,EAAE,EAAS,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClG,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,oBAAY,qBAAqB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,qBAAqB,EAAE,sBAAsB,CAAC;IACnE,WAAW;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,eAAO,MAAM,WAAW,2FAsCtB,CAAC;AAIH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,SAAS,EAAE,EAAS,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClG,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,oBAAY,qBAAqB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,qBAAqB,EAAE,sBAAsB,CAAC;IACnE,WAAW;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,eAAO,MAAM,WAAW,2FAsCtB,CAAC;AAIH,eAAO,MAAM,UAAU;;;;;;mCAAqE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.styles.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9F,oBAAY,iBAAiB,GACzB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;AA2BF,
|
|
1
|
+
{"version":3,"file":"ActionIcon.styles.d.ts","sourceRoot":"","sources":["../../src/ActionIcon/ActionIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9F,oBAAY,iBAAiB,GACzB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;AA2BF,wBAqDI"}
|
package/lib/Anchor/Anchor.d.ts
CHANGED
|
@@ -6,5 +6,11 @@ export interface AnchorProps extends TextProps {
|
|
|
6
6
|
export declare const _Anchor: React.ForwardRefExoticComponent<AnchorProps & {
|
|
7
7
|
component: any;
|
|
8
8
|
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
9
|
-
export declare const Anchor: (<C = "a">(props: import("@mantine/utils").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) &
|
|
9
|
+
export declare const Anchor: (<C = "a">(props: import("@mantine/utils").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AnchorProps & {
|
|
10
|
+
component?: any;
|
|
11
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof AnchorProps> & {
|
|
12
|
+
ref?: any;
|
|
13
|
+
}) | (AnchorProps & {
|
|
14
|
+
component: React.ElementType<any>;
|
|
15
|
+
})>, never> & Record<string, never>;
|
|
10
16
|
//# sourceMappingURL=Anchor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,OAAO;eAA4D,GAAG;2CAqBlF,CAAC;AAIF,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,OAAO;eAA4D,GAAG;2CAqBlF,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;mCAAwD,CAAC"}
|
|
@@ -8,6 +8,8 @@ export interface HorizontalSectionSharedProps extends DefaultProps {
|
|
|
8
8
|
height?: string | number;
|
|
9
9
|
/** HorizontalSection content */
|
|
10
10
|
children: React.ReactNode;
|
|
11
|
+
/** Border */
|
|
12
|
+
withBorder?: boolean;
|
|
11
13
|
/** Set position to fixed */
|
|
12
14
|
fixed?: boolean;
|
|
13
15
|
/** Position for fixed variant */
|
|
@@ -23,5 +25,5 @@ export interface HorizontalSectionProps extends HorizontalSectionSharedProps, Om
|
|
|
23
25
|
section: 'navbar' | 'aside';
|
|
24
26
|
__staticSelector: string;
|
|
25
27
|
}
|
|
26
|
-
export declare const HorizontalSection: React.ForwardRefExoticComponent<Pick<HorizontalSectionProps, "color" | "height" | "position" | "translate" | "width" | "zIndex" | "children" | "className" | "style" | "sx" | "classNames" | "styles" | "unstyled" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "
|
|
28
|
+
export declare const HorizontalSection: React.ForwardRefExoticComponent<Pick<HorizontalSectionProps, "color" | "height" | "position" | "translate" | "width" | "zIndex" | "children" | "className" | "style" | "sx" | "classNames" | "styles" | "unstyled" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "slot" | "section" | "title" | "fixed" | "defaultValue" | "onChange" | "id" | "hidden" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "withBorder" | "hiddenBreakpoint" | "__staticSelector"> & React.RefAttributes<HTMLElement>>;
|
|
27
29
|
//# sourceMappingURL=HorizontalSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalSection.d.ts","sourceRoot":"","sources":["../../../src/AppShell/HorizontalSection/HorizontalSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAA4B,MAAM,iBAAiB,CAAC;AAI5F,OAAkB,EAChB,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,4BAA6B,SAAQ,YAAY;IAChE,uCAAuC;IACvC,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAE/B,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,sBACf,SAAQ,4BAA4B,EAClC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtD,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"HorizontalSection.d.ts","sourceRoot":"","sources":["../../../src/AppShell/HorizontalSection/HorizontalSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAA4B,MAAM,iBAAiB,CAAC;AAI5F,OAAkB,EAChB,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,4BAA6B,SAAQ,YAAY;IAChE,uCAAuC;IACvC,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAE/B,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,aAAa;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,sBACf,SAAQ,4BAA4B,EAClC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtD,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,k2JAsE7B,CAAC"}
|
|
@@ -15,6 +15,7 @@ interface HorizontalSectionStyles {
|
|
|
15
15
|
fixed: boolean;
|
|
16
16
|
zIndex: React.CSSProperties['zIndex'];
|
|
17
17
|
section: 'navbar' | 'aside';
|
|
18
|
+
withBorder: boolean;
|
|
18
19
|
}
|
|
19
20
|
declare const _default: (params: HorizontalSectionStyles, options?: import("@mantine/styles").UseStylesOptions<"root">) => {
|
|
20
21
|
classes: Record<"root", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalSection.styles.d.ts","sourceRoot":"","sources":["../../../src/AppShell/HorizontalSection/HorizontalSection.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGlE,oBAAY,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAE9E,MAAM,WAAW,yBAAyB;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,yBAAyB,CAAC;IACpC,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"HorizontalSection.styles.d.ts","sourceRoot":"","sources":["../../../src/AppShell/HorizontalSection/HorizontalSection.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGlE,oBAAY,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAE9E,MAAM,WAAW,yBAAyB;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,yBAAyB,CAAC;IACpC,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;CACrB;;;;;;AAED,wBAyDE"}
|
|
@@ -7,5 +7,11 @@ export interface SectionProps extends DefaultProps {
|
|
|
7
7
|
grow?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const _Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export declare const Section: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, SectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) &
|
|
10
|
+
export declare const Section: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, SectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(SectionProps & {
|
|
11
|
+
component?: any;
|
|
12
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof SectionProps> & {
|
|
13
|
+
ref?: any;
|
|
14
|
+
}) | (SectionProps & {
|
|
15
|
+
component: React.ElementType<any>;
|
|
16
|
+
})>, never> & Record<string, never>;
|
|
11
17
|
//# sourceMappingURL=Section.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/AppShell/HorizontalSection/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,qFAUpB,CAAC;AAIF,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/AppShell/HorizontalSection/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,qFAUpB,CAAC;AAIF,eAAO,MAAM,OAAO;;;;;;mCAA4D,CAAC"}
|
|
@@ -6,6 +6,8 @@ export interface VerticalSectionSharedProps extends DefaultProps {
|
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
/** Section height */
|
|
8
8
|
height: number | string;
|
|
9
|
+
/** Border */
|
|
10
|
+
withBorder?: boolean;
|
|
9
11
|
/** Changes position to fixed, controlled by AppShell component if rendered inside */
|
|
10
12
|
fixed?: boolean;
|
|
11
13
|
/** Control top, left, right or bottom position values, controlled by AppShell component if rendered inside */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalSection.d.ts","sourceRoot":"","sources":["../../../src/AppShell/VerticalSection/VerticalSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAGzE,OAAkB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAE9E,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,qBAAqB;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IAEnC,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,UAAU,oBACR,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"VerticalSection.d.ts","sourceRoot":"","sources":["../../../src/AppShell/VerticalSection/VerticalSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAGzE,OAAkB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAE9E,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,qBAAqB;IACrB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,aAAa;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IAEnC,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACxC;AAED,UAAU,oBACR,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,0FAkD3B,CAAC"}
|
package/lib/Avatar/Avatar.d.ts
CHANGED
|
@@ -20,7 +20,13 @@ export interface AvatarProps extends DefaultProps<AvatarStylesNames, AvatarStyle
|
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
}
|
|
22
22
|
export declare const _Avatar: any;
|
|
23
|
-
export declare const Avatar: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
23
|
+
export declare const Avatar: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AvatarProps & {
|
|
24
|
+
component?: any;
|
|
25
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof AvatarProps> & {
|
|
26
|
+
ref?: any;
|
|
27
|
+
}) | (AvatarProps & {
|
|
28
|
+
component: React.ElementType<any>;
|
|
29
|
+
})>, never> & {
|
|
24
30
|
Group: typeof AvatarGroup;
|
|
25
31
|
};
|
|
26
32
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,oBAAY,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IACtF,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8BAA8B;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,eAAO,MAAM,OAAO,KA6CX,CAAC;AAKV,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,oBAAY,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IACtF,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8BAA8B;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,eAAO,MAAM,OAAO,KA6CX,CAAC;AAKV,eAAO,MAAM,MAAM;;;;;;;WAA2D,kBAAkB;CAE/F,CAAC"}
|
|
@@ -7,5 +7,11 @@ export interface BackgroundImageProps extends DefaultProps, React.ComponentProps
|
|
|
7
7
|
radius?: MantineNumberSize;
|
|
8
8
|
}
|
|
9
9
|
export declare const _BackgroundImage: React.ForwardRefExoticComponent<BackgroundImageProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export declare const BackgroundImage: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, BackgroundImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) &
|
|
10
|
+
export declare const BackgroundImage: (<C = "div">(props: import("@mantine/utils").PolymorphicComponentProps<C, BackgroundImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BackgroundImageProps & {
|
|
11
|
+
component?: any;
|
|
12
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof BackgroundImageProps> & {
|
|
13
|
+
ref?: any;
|
|
14
|
+
}) | (BackgroundImageProps & {
|
|
15
|
+
component: React.ElementType<any>;
|
|
16
|
+
})>, never> & Record<string, never>;
|
|
11
17
|
//# sourceMappingURL=BackgroundImage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundImage.d.ts","sourceRoot":"","sources":["../../src/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAA4B,MAAM,iBAAiB,CAAC;AAI5F,MAAM,WAAW,oBAAqB,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/F,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;IAEZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAMD,eAAO,MAAM,gBAAgB,6FA4B3B,CAAC;AAIH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"BackgroundImage.d.ts","sourceRoot":"","sources":["../../src/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAA4B,MAAM,iBAAiB,CAAC;AAI5F,MAAM,WAAW,oBAAqB,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/F,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;IAEZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAMD,eAAO,MAAM,gBAAgB,6FA4B3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;mCAE3B,CAAC"}
|