1.3.1

Fix incorrectly published @mantine/core types

1.3.0

Release demos

June 2021 release demos

New components, hooks and features

• New RingProgress component – display circular progress with multiple sections
• Tabs component now support outline variant
• Badge component now supports new dot variant
• NumberInput component now exposes increment/decrement handlers via ref
• New Center component – simple wrapper to center element horizontally and vertically
• New use-interval hook provides simple wrapper around window.setInterval
• use-focus-trap hook now allows to change element that will initially receive focus

Project core changes

• New documentation design with tabs and less cluttered packages index pages
• All packages are now published in 3 formats: esm (ECMAScript modules export { Button } from './Button';), cjs (commonjs export.Button = Button;) and umd (default for browser). These changes will allow webpack and similar bundlers to perform better tree shacking.
• All components now export related types: import { ButtonProps } from '@mantine/core';

Design changes

• Button component label is no longer uppercased by default, to replicate old design use <Button uppercase />
• Colors saturation and text shadows adjusted for Button and Badge components for better contrast

1.3.0-alpha.1

• RingProgress component
• Tabs component now supports outline variant
• Badge component now supports dot variant
• New Center component centers content vertically and horizontally
• All packages are now published with cjs and es modules – this enables better tree shaking
• @mantine/core components now export component props types

1.1.1

Dark theme adjustments for @mantine/core components

1.1.0

Release demos

June 2021 changelog demos

New features and components

• SegmentedControl
• Popover
• Divider
• Group
• Grid
• use-debounced-value

API changes

• Prop typo fix in Checkbox component (intermediate -> indeterminate)
• Hr component replaced with Divider to support more options
• ElementsGroup component replaced with Group to support all elements positioning
• Custom component is now supported by ActionIcon and MenuItem components
• Modal and Drawer components are wrapped with Portal by default
• LoadingOverlay now supports custom loaders
• @mantine/core components types are now exported from package, import it with Props suffix: import { ButtonProps } from '@mantine/core'

Bug fixes and improvements

• Significant performance improvements with react-jss parameters memoization
• Dark theme improvements, all components now use more balanced transparent colors in dark theme
• Portal component now does not show warning during server side rendering
• @mantine/notifications – useNotifications hook now returns queue

1.0.6

Remove & > * selector from ElementsGroup, Table and TypographyStylesProvider components – it is not working with react-jss during ssr and components appear without initial styles

1.0.5

Fix Portal component breaking react-jss styles during server side rendering

1.0.4

Bug fixes:

• @mantine/core: Input – add option to use tooltip inside rightSection
• @mantine/core: Modal – add option to set static modal id to avoid hydration issue
• @mantine/notifications: Fix notification onClose callback not fired when notification was closed programatically

Docs updates:

• Notifications interactive elements examples
• Tooltip with Input in right section
• Props table for all components are now sorted alphabetically

Environment updates:

• Storybook now works locally on Windows 10

1.0.3

Hot fix: incorrect typescript definitions for @mantine/hooks

1.0.2

• Fix incorrect ActionIcon appearance on mobile devices after prerendering with gatsby
• Fix use-scroll-lock hook behavior on mobile devices
• Add option to use any react node with Notification component in Notifications system