diff --git a/src/mantine-core/src/ActionIcon/ActionIcon.styles.ts b/src/mantine-core/src/ActionIcon/ActionIcon.styles.ts
index a3a01ed777b..bcdddd77d69 100644
--- a/src/mantine-core/src/ActionIcon/ActionIcon.styles.ts
+++ b/src/mantine-core/src/ActionIcon/ActionIcon.styles.ts
@@ -84,7 +84,7 @@ export default createStyles(
'&:active': theme.activeStyles,
- '&[data-disabled]': {
+ '&:disabled, &[data-disabled]': {
color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],
cursor: 'not-allowed',
backgroundColor:
@@ -96,6 +96,7 @@ export default createStyles(
? undefined
: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),
backgroundImage: 'none',
+ pointerEvents: 'none',
'&:active': {
transform: 'none',
diff --git a/src/mantine-core/src/ActionIcon/ActionIcon.test.tsx b/src/mantine-core/src/ActionIcon/ActionIcon.test.tsx
index cd683545b30..07d86fc98f3 100644
--- a/src/mantine-core/src/ActionIcon/ActionIcon.test.tsx
+++ b/src/mantine-core/src/ActionIcon/ActionIcon.test.tsx
@@ -64,4 +64,13 @@ describe('@mantine/core/ActionIcon', () => {
expect(loading.querySelectorAll('.test-icon')).toHaveLength(0);
expect(loading.querySelectorAll('svg')).toHaveLength(1);
});
+
+ it('is disabled when inside fieldset disabled', () => {
+ render(
+
+ );
+ expect(screen.getByRole('button')).toBeDisabled();
+ });
});
diff --git a/src/mantine-core/src/Button/Button.story.tsx b/src/mantine-core/src/Button/Button.story.tsx
index 767e2e5c504..4211e7de476 100644
--- a/src/mantine-core/src/Button/Button.story.tsx
+++ b/src/mantine-core/src/Button/Button.story.tsx
@@ -128,6 +128,16 @@ export function States() {
);
}
+/**
+ * All buttons should be disabled
+ */
+export function StatesInFieldsetDisabled() {
+ return (
+
+ );
+}
export function CustomComponent() {
return (
diff --git a/src/mantine-core/src/Button/Button.styles.ts b/src/mantine-core/src/Button/Button.styles.ts
index 294e895ee4a..85d043c7351 100644
--- a/src/mantine-core/src/Button/Button.styles.ts
+++ b/src/mantine-core/src/Button/Button.styles.ts
@@ -135,12 +135,13 @@ export default createStyles(
'&:active': theme.activeStyles,
- '&[data-disabled]': {
+ '&:disabled, &[data-disabled]': {
borderColor: 'transparent',
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],
color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],
cursor: 'not-allowed',
backgroundImage: 'none',
+ pointerEvents: 'none',
'&:active': {
transform: 'none',
diff --git a/src/mantine-core/src/Button/Button.test.tsx b/src/mantine-core/src/Button/Button.test.tsx
index 93b89ab6609..6bd4abac8b0 100644
--- a/src/mantine-core/src/Button/Button.test.tsx
+++ b/src/mantine-core/src/Button/Button.test.tsx
@@ -52,4 +52,13 @@ describe('@mantine/core/Button', () => {
it('exposes ButtonGroup as static component', () => {
expect(Button.Group).toBe(ButtonGroup);
});
+
+ it('is disabled when inside fieldset disabled', () => {
+ render(
+
+ );
+ expect(screen.getByRole('button')).toBeDisabled();
+ });
});
diff --git a/src/mantine-core/src/Modal/Modal.tsx b/src/mantine-core/src/Modal/Modal.tsx
index 5b589d5a4f6..c620b332779 100644
--- a/src/mantine-core/src/Modal/Modal.tsx
+++ b/src/mantine-core/src/Modal/Modal.tsx
@@ -262,7 +262,7 @@ export function Modal(props: ModalProps) {
closeOnClickOutside && onClose()}
blur={overlayBlur}
color={
diff --git a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts
index f5530d358ed..e158f81bb74 100644
--- a/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts
+++ b/src/mantine-core/src/PasswordInput/PasswordInput.styles.ts
@@ -17,7 +17,9 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt
innerInput: {
...theme.fn.fontStyles(),
backgroundColor: 'transparent',
- border: 0,
+ border: '1px solid transparent',
+ borderLeftWidth: 0,
+ borderRightWidth: 0,
boxSizing: 'border-box',
position: 'absolute',
display: 'block',
@@ -25,7 +27,7 @@ export default createStyles((theme, { size, rightSectionWidth }: PasswordInputSt
paddingLeft: theme.fn.size({ size, sizes: INPUT_SIZES }) / 3,
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,
- lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`,
+ lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 4}px`,
color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
top: 0,
bottom: 0,
diff --git a/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx b/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx
index 54cbf346103..0f389e5d5e1 100644
--- a/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx
+++ b/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx
@@ -28,3 +28,7 @@ export function EmptyStringValue() {
/>
);
}
+
+export function InvisibleIndicator() {
+ return ;
+}
diff --git a/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx b/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx
index 33424d4b265..58ae48dbca4 100644
--- a/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx
+++ b/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx
@@ -212,7 +212,7 @@ export const SegmentedControl = forwardRef
- {typeof value === 'string' && shouldAnimate && (
+ {typeof _value === 'string' && shouldAnimate && (
=1.0.0",
"react": ">=16.8.0"
},
"dependencies": {
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-demos/package.json b/src/mantine-demos/package.json
index 40e46c2fa3f..ffacc628410 100644
--- a/src/mantine-demos/package.json
+++ b/src/mantine-demos/package.json
@@ -2,7 +2,7 @@
"name": "@mantine/demos",
"description": "Demos used in documentation",
"private": true,
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -18,20 +18,20 @@
"peerDependencies": {
"react": "*",
"@emotion/styled": "*",
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
- "@mantine/dates": "5.3.1",
- "@mantine/form": "5.3.1",
- "@mantine/rte": "5.3.1",
- "@mantine/modals": "5.3.1",
- "@mantine/nprogress": "5.3.1",
- "@mantine/notifications": "5.3.1",
- "@mantine/dropzone": "5.3.1",
- "@mantine/prism": "5.3.1",
- "@mantine/labs": "5.3.1",
- "@mantine/spotlight": "5.3.1",
- "@mantine/carousel": "5.3.1",
- "@mantine/ds": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
+ "@mantine/dates": "5.3.3",
+ "@mantine/form": "5.3.3",
+ "@mantine/rte": "5.3.3",
+ "@mantine/modals": "5.3.3",
+ "@mantine/nprogress": "5.3.3",
+ "@mantine/notifications": "5.3.3",
+ "@mantine/dropzone": "5.3.3",
+ "@mantine/prism": "5.3.3",
+ "@mantine/labs": "5.3.3",
+ "@mantine/spotlight": "5.3.3",
+ "@mantine/carousel": "5.3.3",
+ "@mantine/ds": "5.3.3",
"@tabler/icons": "*",
"react-beautiful-dnd": "*",
"embla-carousel-autoplay": "*",
diff --git a/src/mantine-demos/src/demos/core/Indicator/Indicator.demo.overflowCount.tsx b/src/mantine-demos/src/demos/core/Indicator/Indicator.demo.overflowCount.tsx
index 915d830195e..59176ea9ad8 100644
--- a/src/mantine-demos/src/demos/core/Indicator/Indicator.demo.overflowCount.tsx
+++ b/src/mantine-demos/src/demos/core/Indicator/Indicator.demo.overflowCount.tsx
@@ -19,7 +19,7 @@ function Demo() {
-
+
@@ -51,7 +51,7 @@ function Demo() {
-
+
diff --git a/src/mantine-dropzone/package.json b/src/mantine-dropzone/package.json
index f322ef5211b..ab0449a10eb 100644
--- a/src/mantine-dropzone/package.json
+++ b/src/mantine-dropzone/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/dropzone",
"description": "Dropzone component built with Mantine theme and components",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -28,14 +28,14 @@
"upload"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "react-dropzone": "14.2.1",
- "@mantine/utils": "5.3.1"
+ "react-dropzone": "14.2.2",
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-ds/package.json b/src/mantine-ds/package.json
index 9d1873eb71a..ca8152f2a1f 100644
--- a/src/mantine-ds/package.json
+++ b/src/mantine-ds/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/ds",
"description": "Internal Mantine components used on *.mantine.dev websites",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -18,13 +18,13 @@
"react"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"@tabler/icons": "*",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
}
}
diff --git a/src/mantine-form/package.json b/src/mantine-form/package.json
index ef5c2585521..13c62b9d239 100644
--- a/src/mantine-form/package.json
+++ b/src/mantine-form/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/form",
"description": "Mantine form management library",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-form/src/stories/Form.rerendering2.story.tsx b/src/mantine-form/src/stories/Form.rerendering2.story.tsx
deleted file mode 100644
index fca09486af3..00000000000
--- a/src/mantine-form/src/stories/Form.rerendering2.story.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-/* eslint-disable no-spaced-func */
-import React, { useCallback, useState, useRef, memo } from 'react';
-import { TextInput, TextInputProps, MultiSelect, MultiSelectProps } from '@mantine/core';
-
-export default { title: 'Form' };
-
-const TestInput = memo((props: TextInputProps) => {
- console.log(`Rerender ${props.name}`);
- return ;
-});
-
-const TestMultiSelect = memo((props: MultiSelectProps) => {
- console.log(`Rerender ${props.name}`);
- return ;
-});
-
-function useTestForm() {
- const [state, setState] = useState({ first: '', second: [] });
- const handleChange = useCallback((path: string, value: any) => {
- setState((current) => ({ ...current, [path]: value }));
- }, []);
-
- const callbacks = useRef void>>({});
-
- const getInputProps = (path: string) => {
- if (!(path in callbacks.current)) {
- callbacks.current[path] = (event: any) =>
- handleChange(path, 'currentTarget' in event ? event.currentTarget.value : event);
- }
-
- return {
- value: state[path],
- onChange: callbacks.current[path],
- };
- };
-
- return { getInputProps, values: state };
-}
-
-const data = ['1', '2', '3'];
-
-export function RerenderingTest() {
- const form = useTestForm();
-
- return (
-
-
-
-
- );
-}
diff --git a/src/mantine-hooks/package.json b/src/mantine-hooks/package.json
index 37a003df1ee..405620909ae 100644
--- a/src/mantine-hooks/package.json
+++ b/src/mantine-hooks/package.json
@@ -1,6 +1,6 @@
{
"name": "@mantine/hooks",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-labs/package.json b/src/mantine-labs/package.json
index 2b99aada250..578a405c059 100644
--- a/src/mantine-labs/package.json
+++ b/src/mantine-labs/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/labs",
"description": "Experimental unstable Mantine components",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -15,8 +15,8 @@
"directory": "src/mantine-labs"
},
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
diff --git a/src/mantine-modals/package.json b/src/mantine-modals/package.json
index 163204a8379..46aa4651482 100644
--- a/src/mantine-modals/package.json
+++ b/src/mantine-modals/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/modals",
"description": "Modals manager based on Mantine components",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -27,13 +27,13 @@
"confirm"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-next/package.json b/src/mantine-next/package.json
index 8ae6a6dd6e0..7fc6cd708db 100644
--- a/src/mantine-next/package.json
+++ b/src/mantine-next/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/next",
"description": "Mantine integration for Next.js",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -25,8 +25,8 @@
"next": "*"
},
"dependencies": {
- "@mantine/ssr": "5.3.1",
- "@mantine/styles": "5.3.1"
+ "@mantine/ssr": "5.3.3",
+ "@mantine/styles": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-notifications/package.json b/src/mantine-notifications/package.json
index 5f46f6191d3..b862692dc42 100644
--- a/src/mantine-notifications/package.json
+++ b/src/mantine-notifications/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/notifications",
"description": "Notification system based on Mantine components",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -28,14 +28,14 @@
"notification-system"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
"react-transition-group": "4.4.2",
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-nprogress/package.json b/src/mantine-nprogress/package.json
index 5d8b6fb397a..4ee79d58f16 100644
--- a/src/mantine-nprogress/package.json
+++ b/src/mantine-nprogress/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/nprogress",
"description": "Navigation progress bar",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -15,13 +15,13 @@
"directory": "src/mantine-nprogress"
},
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-prism/package.json b/src/mantine-prism/package.json
index 18f8f5cacf4..eddc0e4b963 100644
--- a/src/mantine-prism/package.json
+++ b/src/mantine-prism/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/prism",
"description": "Code highlight with Mantine theme",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -29,14 +29,14 @@
"syntax-highlight"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
"prism-react-renderer": "^1.2.1",
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-remix/package.json b/src/mantine-remix/package.json
index 51e79c5d73e..8c0ffb79f81 100644
--- a/src/mantine-remix/package.json
+++ b/src/mantine-remix/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/remix",
"description": "Mantine integration for Remix",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -20,14 +20,14 @@
"remix"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@mantine/ssr": "5.3.1",
- "@mantine/styles": "5.3.1"
+ "@mantine/ssr": "5.3.3",
+ "@mantine/styles": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-rte/package.json b/src/mantine-rte/package.json
index d5081780025..d6ca09da16c 100644
--- a/src/mantine-rte/package.json
+++ b/src/mantine-rte/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/rte",
"description": "Rich text editor built with Mantine components",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -30,14 +30,14 @@
"quilljs"
],
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
"@tabler/icons": "^1.68.0",
- "react-quill": "2.0.0-beta.4",
+ "react-quill": "2.0.0",
"quill-mention": "^3.0.8"
},
"devDependencies": {}
diff --git a/src/mantine-spotlight/package.json b/src/mantine-spotlight/package.json
index b09f5400bea..23472a571b1 100644
--- a/src/mantine-spotlight/package.json
+++ b/src/mantine-spotlight/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/spotlight",
"description": "Command center for your application",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -15,13 +15,13 @@
"directory": "src/mantine-spotlight"
},
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1",
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3",
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@mantine/utils": "5.3.1"
+ "@mantine/utils": "5.3.3"
},
"devDependencies": {}
}
diff --git a/src/mantine-ssr/package.json b/src/mantine-ssr/package.json
index 5e96ba830e0..b7ab77b0da8 100644
--- a/src/mantine-ssr/package.json
+++ b/src/mantine-ssr/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/ssr",
"description": "Mantine server side rendering utils",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -33,7 +33,7 @@
"@emotion/server": ">=11.4.0"
},
"dependencies": {
- "@mantine/styles": "5.3.1",
+ "@mantine/styles": "5.3.3",
"html-react-parser": "1.4.12"
},
"devDependencies": {}
diff --git a/src/mantine-storybook/package.json b/src/mantine-storybook/package.json
index 3b165b56e21..13186cdf581 100644
--- a/src/mantine-storybook/package.json
+++ b/src/mantine-storybook/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/storybook",
"private": true,
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-styles-api/package.json b/src/mantine-styles-api/package.json
index 937dbb839ce..c069e949e2c 100644
--- a/src/mantine-styles-api/package.json
+++ b/src/mantine-styles-api/package.json
@@ -2,7 +2,7 @@
"name": "@mantine/styles-api",
"description": "Mantine components styles api descriptions",
"private": true,
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
@@ -16,8 +16,8 @@
"directory": "src/mantine-styles-api"
},
"peerDependencies": {
- "@mantine/core": "5.3.1",
- "@mantine/hooks": "5.3.1"
+ "@mantine/core": "5.3.3",
+ "@mantine/hooks": "5.3.3"
},
"dependencies": {},
"devDependencies": {}
diff --git a/src/mantine-styles/package.json b/src/mantine-styles/package.json
index 0bf67bba82a..82e4c041c93 100644
--- a/src/mantine-styles/package.json
+++ b/src/mantine-styles/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/styles",
"description": "Mantine css-in-js styles engine, based on emotion",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-tests/package.json b/src/mantine-tests/package.json
index 3382977c43d..c746b2b115c 100644
--- a/src/mantine-tests/package.json
+++ b/src/mantine-tests/package.json
@@ -1,7 +1,7 @@
{
"name": "@mantine/tests",
"private": true,
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-utils/package.json b/src/mantine-utils/package.json
index e2bfb071750..6d4e2d923f1 100644
--- a/src/mantine-utils/package.json
+++ b/src/mantine-utils/package.json
@@ -1,6 +1,6 @@
{
"name": "@mantine/utils",
- "version": "5.3.1",
+ "version": "5.3.3",
"main": "cjs/index.js",
"module": "esm/index.js",
"types": "lib/index.d.ts",
diff --git a/src/mantine-utils/src/create-use-external-events/create-use-external-events.ts b/src/mantine-utils/src/create-use-external-events/create-use-external-events.ts
index 36de645d084..09184abeaac 100644
--- a/src/mantine-utils/src/create-use-external-events/create-use-external-events.ts
+++ b/src/mantine-utils/src/create-use-external-events/create-use-external-events.ts
@@ -25,7 +25,7 @@ export function createUseExternalEvents {
window.removeEventListener(eventKey, handlers[eventKey]);
});
- }, []);
+ }, [handlers]);
}
function createEvent(event: EventKey) {
diff --git a/yarn.lock b/yarn.lock
index a0785ab3d0d..67bcb13eba6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11735,10 +11735,10 @@ react-dom@18.1.0:
loose-envify "^1.1.0"
scheduler "^0.22.0"
-react-dropzone@14.2.1:
- version "14.2.1"
- resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-14.2.1.tgz#aad17e06290723358398a7be76fb38ecf6d77c1a"
- integrity sha512-jzX6wDtAjlfwZ+Fbg+G17EszWUkQVxhMTWMfAC9qSUq7II2pKglHA8aarbFKl0mLpRPDaNUcy+HD/Sf4gkf76Q==
+react-dropzone@14.2.2:
+ version "14.2.2"
+ resolved "https://registry.yarnpkg.com/react-dropzone/-/react-dropzone-14.2.2.tgz#a75a0676055fe9e2cb78578df4dedb4c42b54f98"
+ integrity sha512-5oyGN/B5rNhop2ggUnxztXBQ6q6zii+OMEftPzsxAR2hhpVWz0nAV+3Ktxo2h5bZzdcCKrpd8bfWAVsveIBM+w==
dependencies:
attr-accept "^2.2.2"
file-selector "^0.6.0"
@@ -11803,10 +11803,10 @@ react-property@2.0.0:
resolved "https://registry.yarnpkg.com/react-property/-/react-property-2.0.0.tgz#2156ba9d85fa4741faf1918b38efc1eae3c6a136"
integrity sha512-kzmNjIgU32mO4mmH5+iUyrqlpFQhF8K2k7eZ4fdLSOPFrD1XgEuSBv9LDEgxRXTMBqMd8ppT0x6TIzqE5pdGdw==
-react-quill@2.0.0-beta.4:
- version "2.0.0-beta.4"
- resolved "https://registry.yarnpkg.com/react-quill/-/react-quill-2.0.0-beta.4.tgz#522bd2680dc55713068c6cac12f2bf2ccfebcd28"
- integrity sha512-KyAHvAlPjP4xLElKZJefMth91Z6FbbXRvq9OSu6xN3KBaoasLP9p+3dcxg4Ywr4tBlpMGXcPszYSAgd5CpJ45Q==
+react-quill@2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/react-quill/-/react-quill-2.0.0.tgz#67a0100f58f96a246af240c9fa6841b363b3e017"
+ integrity sha512-4qQtv1FtCfLgoD3PXAur5RyxuUbPXQGOHgTlFie3jtxp43mXDtzCKaOgQ3mLyZfi1PUlyjycfivKelFhy13QUg==
dependencies:
"@types/quill" "^1.3.10"
lodash "^4.17.4"