diff --git a/docs/src/docs/changelog/5-4-0.mdx b/docs/src/docs/changelog/5-4-0.mdx index 8d7a49f4bd5..964054bc2b8 100644 --- a/docs/src/docs/changelog/5-4-0.mdx +++ b/docs/src/docs/changelog/5-4-0.mdx @@ -44,3 +44,4 @@ for example, the props can be used to sync visibility state between two inputs: - [Group](https://mantine.dev/core/group/) component now uses child selector instead of passing `className` to children - [Dropzone](https://mantine.dev/others/dropzone/) component now supports `useFsAccessApi` prop - [SimpleGrid](https://mantine.dev/core/simple-grid/) component now supports `verticalSpacing` prop +- [ThemeIcon](https://mantine.dev/core/theme-icons/) component now supports `variant="default"` diff --git a/src/mantine-demos/src/demos/core/ThemeIcon/ThemeIcon.demo.configurator.tsx b/src/mantine-demos/src/demos/core/ThemeIcon/ThemeIcon.demo.configurator.tsx index f13fefe3e4b..c7e639a7841 100644 --- a/src/mantine-demos/src/demos/core/ThemeIcon/ThemeIcon.demo.configurator.tsx +++ b/src/mantine-demos/src/demos/core/ThemeIcon/ThemeIcon.demo.configurator.tsx @@ -40,13 +40,14 @@ export const configurator: MantineDemo = { configurator: [ { name: 'variant', - type: 'segmented', + type: 'select', initialValue: 'filled', defaultValue: 'filled', data: [ { label: 'filled', value: 'filled' }, { label: 'light', value: 'light' }, { label: 'outline', value: 'outline' }, + { label: 'default', value: 'default' }, ], }, { name: 'radius', type: 'size', initialValue: 'sm', defaultValue: 'sm' },