npm - @coveord/plasma-mantine - Versions diffs - 54.0.0 → 54.0.2 - Mend

@coveord/plasma-mantine 54.0.0 → 54.0.2

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.

Files changed (85) hide show

package/dist/esm/theme/Theme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAiBH,oBAAoB,~~EAoBvB~~,MAAM,eAAe,CAAC;~~AA+BvB~~,eAAO,MAAM,WAAW,EAAE,~~oBAuNxB~~,CAAC"}
1	+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAiBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AA8BvB,eAAO,MAAM,WAAW,EAAE,oBAoNxB,CAAC"}

package/dist/esm/theme/Theme.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowHeadLeftSize16Px, ArrowHeadRightSize16Px, CheckSize16Px, CrossSize16Px, FilterSize16Px, InfoSize16Px, InfoSize24Px } from '@coveord/plasma-react-icons';
 import { color } from '@coveord/plasma-tokens';
-import { ActionIcon, Alert, Anchor, AppShellNavbar, Badge, Button, Checkbox, CloseButton, ColorSwatch, Combobox, ComboboxSearch, Divider, Input, InputWrapper, List, Loader, MenuItem, Modal, MultiSelect, NavLink, Notification, Pagination, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Stepper, Tabs, Text, TextInput, Title, Tooltip, createTheme } from '@mantine/core';
+import { ActionIcon, Alert, Anchor, AppShellNavbar, Badge, Button, Checkbox, CloseButton, ColorSwatch, Combobox, ComboboxSearch, Divider, Input, InputWrapper, List, Loader, MenuItem, Modal, MultiSelect, NavLink, Notification, Pagination, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Stepper, Tabs, Text, TextInput, Tooltip, createTheme } from '@mantine/core';
 import { DatePicker } from '@mantine/dates';
 import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
@@ -27,7 +27,6 @@ import SkeletonClasses from '../styles/Skeleton.module.css';
 import StepperClasses from '../styles/Stepper.module.css';
 import TabsClasses from '../styles/Tabs.module.css';
 import TextClasses from '../styles/Text.module.css';
-import TitleClasses from '../styles/Title.module.css';
 import { NotificationVars } from '../vars/Notification.vars';
 import { TextVars } from '../vars/Text.vars';
 import { PlasmaColors } from './PlasmaColors';
@@ -312,11 +311,6 @@ export const plasmaTheme = createTheme({
                 radius: 8
             }
         }),
-        Title: Title.extend({
-            classNames: {
-                root: TitleClasses.root
-            }
-        }),
         Tooltip: Tooltip.extend({
             defaultProps: {
                 color: 'navy',

package/dist/esm/theme/Theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n InfoSize16Px,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n Anchor,\n AppShellNavbar,\n Badge,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n MenuItem,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Tabs,\n Text,\n TextInput,\n Title,\n Tooltip,\n createTheme,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TitleClasses from '../styles/Title.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeights: {md: '1.5'},\n spacing: {\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n classNames: {root: ActionIconClasses.root},\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoSize16Px height={16} />,\n color: 'navy',\n },\n classNames: AlertClasses,\n }),\n Anchor: Anchor.extend({\n defaultProps: {\n color: 'action.6',\n },\n classNames: {root: AnchorClasses.root},\n }),\n AppShellNavbar: AppShellNavbar.extend({\n classNames: {navbar: AppShellNavBarClasses.navbar},\n }),\n Badge: Badge.extend({\n classNames: {root: BadgeClasses.root},\n defaultProps: {\n variant: 'light',\n },\n }),\n Button: Button.extend({\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: {label: CheckboxClasses.label, input: CheckboxClasses.input},\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: {monthCell: DatePickerClasses.monthCell},\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'gray.3',\n },\n }),\n Input: Input.extend({\n classNames: InputClasses,\n }),\n InputWrapper: InputWrapper.extend({\n classNames: InputWrapperClasses,\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n color: 'action',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: {root: ListClasses.root},\n }),\n MenuItem: MenuItem.extend({\n defaultProps: {\n fw: 300,\n },\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: color.primary.navy[9],\n backgroundOpacity: 0.9,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n classNames: {\n root: NotificationClasses.root,\n icon: NotificationClasses.icon,\n closeButton: NotificationClasses.closeButton,\n },\n vars: NotificationVars,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: {labelWrapper: RadioClasses.labelWrapper},\n }),\n ScrollArea: ScrollArea.extend({\n classNames: {viewport: ScrollAreaClasses.viewport},\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {withCheckIcon: false, allowDeselect: false},\n classNames: {input: SelectClasses.input, option: SelectClasses.option},\n }),\n Skeleton: Skeleton.extend({\n classNames: {root: SkeletonClasses.root},\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: {\n step: StepperClasses.step,\n stepIcon: StepperClasses.stepIcon,\n stepCompletedIcon: StepperClasses.stepCompletedIcon,\n stepDescription: StepperClasses.stepDescription,\n separator: StepperClasses.separator,\n verticalSeparator: StepperClasses.verticalSeparator,\n },\n }),\n Tabs: Tabs.extend({\n classNames: {list: TabsClasses.list, tab: TabsClasses.tab},\n }),\n Text: Text.extend({\n classNames: TextClasses,\n vars: TextVars,\n }),\n TextInput: TextInput.extend({\n defaultProps: {\n radius: 8,\n },\n }),\n Title: Title.extend({\n classNames: {root: TitleClasses.root},\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n color: 'navy',\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","InfoSize16Px","InfoSize24Px","color","ActionIcon","Alert","Anchor","AppShellNavbar","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","Divider","Input","InputWrapper","List","Loader","MenuItem","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Tabs","Text","TextInput","Title","Tooltip","createTheme","DatePicker","ActionIconClasses","AlertClasses","AnchorClasses","AppShellNavBarClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","NotificationClasses","PaginationClasses","RadioClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","TitleClasses","NotificationVars","TextVars","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","components","extend","classNames","root","defaultProps","icon","height","navbar","variant","radius","label","input","aria-label","size","withShadow","option","search","placeholder","rightSection","monthCell","type","role","fw","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","closeButton","vars","nextIcon","previousIcon","shadow","withArrow","labelWrapper","viewport","withCheckIcon","allowDeselect","completedIcon","step","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","list","tab","maw","multiline","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n InfoSize16Px,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n Anchor,\n AppShellNavbar,\n Badge,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n MenuItem,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Tabs,\n Text,\n TextInput,\n Tooltip,\n createTheme,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeights: {md: '1.5'},\n spacing: {\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n classNames: {root: ActionIconClasses.root},\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoSize16Px height={16} />,\n color: 'navy',\n },\n classNames: AlertClasses,\n }),\n Anchor: Anchor.extend({\n defaultProps: {\n color: 'action.6',\n },\n classNames: {root: AnchorClasses.root},\n }),\n AppShellNavbar: AppShellNavbar.extend({\n classNames: {navbar: AppShellNavBarClasses.navbar},\n }),\n Badge: Badge.extend({\n classNames: {root: BadgeClasses.root},\n defaultProps: {\n variant: 'light',\n },\n }),\n Button: Button.extend({\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: {label: CheckboxClasses.label, input: CheckboxClasses.input},\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: {monthCell: DatePickerClasses.monthCell},\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'gray.3',\n },\n }),\n Input: Input.extend({\n classNames: InputClasses,\n }),\n InputWrapper: InputWrapper.extend({\n classNames: InputWrapperClasses,\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n color: 'action',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: {root: ListClasses.root},\n }),\n MenuItem: MenuItem.extend({\n defaultProps: {\n fw: 300,\n },\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: color.primary.navy[9],\n backgroundOpacity: 0.9,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n classNames: {\n root: NotificationClasses.root,\n icon: NotificationClasses.icon,\n closeButton: NotificationClasses.closeButton,\n },\n vars: NotificationVars,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: {labelWrapper: RadioClasses.labelWrapper},\n }),\n ScrollArea: ScrollArea.extend({\n classNames: {viewport: ScrollAreaClasses.viewport},\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {withCheckIcon: false, allowDeselect: false},\n classNames: {input: SelectClasses.input, option: SelectClasses.option},\n }),\n Skeleton: Skeleton.extend({\n classNames: {root: SkeletonClasses.root},\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: {\n step: StepperClasses.step,\n stepIcon: StepperClasses.stepIcon,\n stepCompletedIcon: StepperClasses.stepCompletedIcon,\n stepDescription: StepperClasses.stepDescription,\n separator: StepperClasses.separator,\n verticalSeparator: StepperClasses.verticalSeparator,\n },\n }),\n Tabs: Tabs.extend({\n classNames: {list: TabsClasses.list, tab: TabsClasses.tab},\n }),\n Text: Text.extend({\n classNames: TextClasses,\n vars: TextVars,\n }),\n TextInput: TextInput.extend({\n defaultProps: {\n radius: 8,\n },\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n color: 'navy',\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","InfoSize16Px","InfoSize24Px","color","ActionIcon","Alert","Anchor","AppShellNavbar","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","Divider","Input","InputWrapper","List","Loader","MenuItem","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Tabs","Text","TextInput","Tooltip","createTheme","DatePicker","ActionIconClasses","AlertClasses","AnchorClasses","AppShellNavBarClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","NotificationClasses","PaginationClasses","RadioClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","NotificationVars","TextVars","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","components","extend","classNames","root","defaultProps","icon","height","navbar","variant","radius","label","input","aria-label","size","withShadow","option","search","placeholder","rightSection","monthCell","type","role","fw","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","closeButton","vars","nextIcon","previousIcon","shadow","withArrow","labelWrapper","viewport","withCheckIcon","allowDeselect","completedIcon","step","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","list","tab","maw","multiline","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/utils/createFactoryComponent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,~~oBAA4B~~,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}
1	+ {"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,aAAc,CAAC,KAAG,CAAU,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}

package/dist/esm/utils/overrideComponent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,~~oRAS7B~~,CAAC"}
1	+ {"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,8IAIf,SAAS,cACR,gBAAgB,KAC7B,CAAC,CAAC,GAAG,IAAI,EAAE,WAAW,SAAS,CAAC,KAAK,WAAW,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,gBAG5E,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "54.0.0",
+  "version": "54.0.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -33,54 +33,55 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.21",
     "@monaco-editor/react": "4.6.0",
-    "@swc/helpers": "0.5.6",
-    "@tanstack/react-table": "8.16.0",
-    "@tanstack/table-core": "8.16.0",
-    "clsx": "2.0.0",
-    "dayjs": "1.11.10",
+    "@swc/helpers": "0.5.11",
+    "@tanstack/react-table": "8.17.3",
+    "@tanstack/table-core": "8.17.3",
+    "clsx": "2.1.1",
+    "dayjs": "1.11.11",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.46.0",
-    "@coveord/plasma-react-icons": "54.0.0",
-    "@coveord/plasma-tokens": "54.0.0"
+    "monaco-editor": "0.49.0",
+    "@coveord/plasma-react-icons": "54.0.1",
+    "@coveord/plasma-tokens": "54.0.1"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.6.1",
-    "@mantine/code-highlight": "7.6.1",
-    "@mantine/core": "7.6.1",
-    "@mantine/dates": "7.6.1",
-    "@mantine/form": "7.6.1",
-    "@mantine/hooks": "7.6.1",
-    "@mantine/modals": "7.6.1",
-    "@mantine/notifications": "7.6.1",
+    "@mantine/carousel": "7.10.1",
+    "@mantine/code-highlight": "7.10.1",
+    "@mantine/core": "7.10.1",
+    "@mantine/dates": "7.10.1",
+    "@mantine/form": "7.10.1",
+    "@mantine/hooks": "7.10.1",
+    "@mantine/modals": "7.10.1",
+    "@mantine/notifications": "7.10.1",
     "@swc/cli": "0.3.12",
-    "@swc/core": "1.5.0",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "15.0.5",
+    "@swc/core": "1.5.27",
+    "@testing-library/dom": "10.1.0",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
-    "@types/lodash.debounce": "4.0.7",
+    "@types/lodash.debounce": "4.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
-    "@types/react": "18.3.1",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "embla-carousel-react": "7.1.0",
-    "eslint-plugin-testing-library": "6.2.0",
-    "eslint-plugin-vitest": "0.3.22",
-    "eslint-plugin-vitest-globals": "1.4.0",
+    "eslint-plugin-testing-library": "6.2.2",
+    "eslint-plugin-vitest": "0.5.4",
+    "eslint-plugin-vitest-globals": "1.5.0",
     "identity-obj-proxy": "3.0.0",
-    "jsdom": "24.0.0",
-    "postcss": "8.4.32",
+    "jsdom": "24.1.0",
+    "postcss": "8.4.38",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.2.7",
+    "publint": "0.2.8",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rimraf": "5.0.5",
-    "sass": "1.66.1",
-    "tslib": "2.6.2",
-    "typescript": "5.3.3",
-    "vitest": "1.3.1",
-    "eslint-config-plasma": "54.0.0"
+    "rimraf": "5.0.7",
+    "sass": "1.77.4",
+    "tslib": "2.6.3",
+    "typescript": "5.4.5",
+    "vitest": "1.6.0",
+    "eslint-config-plasma": "54.0.1"
   },
   "peerDependencies": {
     "@mantine/carousel": "^7.6.1",

package/src/components/button/__tests__/ButtonWithDisabledTooltip.spec.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ describe('ButtonWithDisabledTooltip', () => {
         expect(button).toBeDisabled();
         expect(screen.queryByRole('tooltip', {name: /tooltip message/i})).not.toBeInTheDocument();
         await user.hover(button);
-        expect(screen.getByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
+        expect(await screen.findByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
     });
     it('does not show the tooltip when hovering over the button if it is not disabled', async () => {

package/src/components/date-range-picker/__tests__/DateRangePickerPopoverCalendar.spec.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import {useForm} from '@mantine/form';
-import {render, screen, userEvent} from '@test-utils';
+import {render, screen, userEvent, waitFor} from '@test-utils';
 import {DateRangePickerValue} from '../DateRangePickerInlineCalendar';
 import {DateRangePickerPopoverCalendar} from '../DateRangePickerPopoverCalendar';
@@ -51,12 +51,12 @@ describe('DateRangePickerPopoverCalendar', () => {
         await user.click(screen.getByRole('textbox', {name: 'Start'}));
         // click once for the start, once for the end
-        await user.click(screen.getByRole('button', {name: '8 January 2022'}));
+        await user.click(await screen.findByRole('button', {name: '8 January 2022'}));
         await user.click(screen.getByRole('button', {name: '14 February 2022'}));
         // hides the calendar when the second date is clicked
-        expect(await screen.findByRole('button', {name: '8 January 2022'})).not.toBeVisible();
-        expect(await screen.findByRole('button', {name: '8 February 2022'})).not.toBeVisible();
+        await waitFor(() => expect(screen.queryByRole('button', {name: '8 January 2022'})).not.toBeVisible());
+        expect(screen.queryByRole('button', {name: '8 February 2022'})).not.toBeVisible();
         expect(screen.getByTestId('json')).toHaveTextContent('["2022-01-08T00:00:00.000Z","2022-02-14T00:00:00.000Z"]');

package/src/components/header/__tests__/Header.spec.tsx CHANGED Viewed

@@ -1,52 +1,51 @@
 import {Anchor} from '@mantine/core';
-import {render, screen} from '@test-utils';
+import {render, screen, within} from '@test-utils';
 import {Header} from '../Header';
 describe('Header', () => {
     it('renders a heading of level 1 with the specified children within', () => {
-        render(<Header>child</Header>);
+        render(
+            <Header>
+                <div data-testid="child" />
+            </Header>,
+        );
         const header = screen.getByRole('heading');
-        expect(header).toMatchInlineSnapshot(`
-          <h1
-            class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m-8a5d1357 mantine-Title-root"
-            data-order="1"
-            data-variant="primary"
-            style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
-          >
-            child
-          </h1>
-        `);
+        expect(within(header).getByTestId('child')).toBeVisible();
     });
     it('renders the specified breadcrumbs above the title', async () => {
-        const {container, rerender} = render(
+        const {rerender} = render(
             <Header>
-                Title
-                <Header.Breadcrumbs>
+                <Header.Breadcrumbs data-testid="breadcrumbs-after">
                     <Anchor>One</Anchor>
                     <Anchor>Two</Anchor>
                     <Anchor>Three</Anchor>
                 </Header.Breadcrumbs>
+                <div data-testid="title">Title</div>
             </Header>,
         );
-        const titleFirst = container;
+        // title follows breadcrumbs even if declared after
+        expect(screen.getByTestId('breadcrumbs-after').compareDocumentPosition(screen.getByTestId('title'))).toBe(
+            Node.DOCUMENT_POSITION_FOLLOWING,
+        );
         rerender(
             <Header>
-                <Header.Breadcrumbs>
+                <div data-testid="title">Title</div>
+                <Header.Breadcrumbs data-testid="breadcrumbs-after">
                     <Anchor>One</Anchor>
                     <Anchor>Two</Anchor>
                     <Anchor>Three</Anchor>
                 </Header.Breadcrumbs>
-                Title
             </Header>,
         );
-        const breadcrumbsFirst = container;
-        expect(titleFirst).toMatchSnapshot();
-        expect(breadcrumbsFirst).toEqual(titleFirst);
+        // title still follows breadcrumbs
+        expect(screen.getByTestId('breadcrumbs-after').compareDocumentPosition(screen.getByTestId('title'))).toBe(
+            Node.DOCUMENT_POSITION_FOLLOWING,
+        );
     });
     it('renders a doc link icon if a doc anchor is provided', async () => {

package/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap CHANGED Viewed

@@ -8,19 +8,19 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
     @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
   </style>
   <div
-    class="_root_69e643 mantine-PlasmaHeader-root m-4081bf90 mantine-Group-root"
+    class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
     data-variant="primary"
     style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
   >
     <div
-      class="m-6d731127 mantine-Stack-root"
+      class="m_6d731127 mantine-Stack-root"
       style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
     >
       <div
-        class="m-8b3717df mantine-Breadcrumbs-root"
+        class="m_8b3717df mantine-Breadcrumbs-root"
       >
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -28,12 +28,12 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
           One
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -41,12 +41,12 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
           Two
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -55,7 +55,7 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         </a>
       </div>
       <h1
-        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m-8a5d1357 mantine-Title-root"
+        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
         data-order="1"
         data-variant="primary"
         style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
@@ -63,7 +63,7 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         Title
       </h1>
       <p
-        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m-b6d8b162 mantine-Text-root"
+        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
         data-size="md"
         style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
       />

package/src/components/inline-confirm/__tests__/InlineConfirm.spec.tsx CHANGED Viewed

@@ -45,7 +45,7 @@ describe('InlineConfirm', () => {
         );
         await user.click(screen.getByRole('button', {name: /open menu/i}));
-        await user.click(screen.getByRole('menuitem', {name: /delete/i}));
+        await user.click(await screen.findByRole('menuitem', {name: /delete/i}));
         expect(onClickSpy).toHaveBeenCalledTimes(1);
     });
@@ -172,6 +172,6 @@ describe('InlineConfirm', () => {
         await user.hover(deleteButton.parentElement);
-        expect(screen.getByRole('tooltip', {name: /You shall not pass/i})).toBeInTheDocument();
+        expect(await screen.findByRole('tooltip', {name: /You shall not pass/i})).toBeInTheDocument();
     });
 });

package/src/components/table/Table.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ import {
     useReactTable,
 } from '@tanstack/react-table';
 import isEqual from 'fast-deep-equal';
-import {Children, ForwardedRef, ReactElement, useRef} from 'react';
+import {Children, ForwardedRef, ReactElement, useEffect, useRef} from 'react';
 import {CustomComponentThemeExtend, identity} from '../../utils';
 import classes from './Table.module.css';
 import {TableLayout, TableProps} from './Table.types';
@@ -197,6 +197,22 @@ export const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElem
         },
     }));
+    useEffect(() => {
+        // Update the selected rows data when the data prop changes
+        if (store.getSelectedRows().length > 0) {
+            store.setRowSelection((old) => {
+                const rowsById = table.getRowModel().rowsById;
+                const newSelection = {...old};
+                Object.keys(old).forEach((rowId) => {
+                    if (rowsById[rowId]) {
+                        newSelection[rowId] = rowsById[rowId].original;
+                    }
+                });
+                return isEqual(newSelection, old) ? old : newSelection;
+            });
+        }
+    }, [data]);
     const containerRef = useRef<HTMLDivElement>();
     useClickOutside(
         () => {

package/src/components/table/__tests__/TableActions.spec.tsx CHANGED Viewed

@@ -1,11 +1,11 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent, waitFor, within} from '@test-utils';
+import {useState} from 'react';
 import {Table} from '../Table';
 import {useTable} from '../use-table';
 type RowData = {name: string};
 const columnHelper = createColumnHelper<RowData>();
 const columns: Array<ColumnDef<RowData>> = [columnHelper.accessor('name', {enableSorting: false})];
@@ -23,7 +23,7 @@ describe('Table.Actions', () => {
                     getRowActions={(selected: RowData[]) => [
                         {
                             group: '$$primary',
-                            component: <Table.ActionItem leftSection={null}>Eat {selected[0].name}</Table.ActionItem>,
+                            component: <Table.ActionItem>Eat {selected[0].name}</Table.ActionItem>,
                         },
                     ]}
                 >
@@ -60,19 +60,11 @@ describe('Table.Actions', () => {
                     getRowActions={(selected: RowData[]) => [
                         {
                             group: 'secondary',
-                            component: (
-                                <Table.ActionItem key="peel" leftSection={null}>
-                                    Peel {selected[0].name}
-                                </Table.ActionItem>
-                            ),
+                            component: <Table.ActionItem key="peel">Peel {selected[0].name}</Table.ActionItem>,
                         },
                         {
                             group: 'secondary',
-                            component: (
-                                <Table.ActionItem key="chop" leftSection={null}>
-                                    Chop {selected[0].name}
-                                </Table.ActionItem>
-                            ),
+                            component: <Table.ActionItem key="chop">Chop {selected[0].name}</Table.ActionItem>,
                         },
                     ]}
                 >
@@ -107,7 +99,7 @@ describe('Table.Actions', () => {
                     getRowActions={(selected: RowData[]) => [
                         {
                             group: '$$primary',
-                            component: <Table.ActionItem leftSection={null}>Eat {selected[0].name}</Table.ActionItem>,
+                            component: <Table.ActionItem>Eat {selected[0].name}</Table.ActionItem>,
                         },
                     ]}
                 >
@@ -135,7 +127,7 @@ describe('Table.Actions', () => {
                     getRowActions={(selected: RowData[]) => [
                         {
                             group: '$$primary',
-                            component: <Table.ActionItem leftSection={null}>Eat {selected[0].name}</Table.ActionItem>,
+                            component: <Table.ActionItem>Eat {selected[0].name}</Table.ActionItem>,
                         },
                     ]}
                 >
@@ -151,6 +143,56 @@ describe('Table.Actions', () => {
         expect(screen.queryByRole('button', {name: 'Eat vegetable'})).not.toBeInTheDocument();
     });
+    it('keeps the selected row data in sync with the data prop', async () => {
+        // When a row is selected and the data prop changes, the selected row data should be updated with the new data without having to reselect the row
+        type Food = {name: string; status: 'fresh' | 'eaten'};
+        const foodColumnHelper = createColumnHelper<Food>();
+        const myColumns: Array<ColumnDef<Food>> = [foodColumnHelper.accessor('name', {enableSorting: false})];
+        const user = userEvent.setup();
+        const Fixture = () => {
+            const [data, setData] = useState<Food[]>([{name: 'fruit', status: 'fresh'}]);
+            const eatFruit = () => setData([{name: 'fruit', status: 'eaten'}]);
+            const store = useTable<Food>();
+            return (
+                <Table<Food>
+                    store={store}
+                    data={data}
+                    columns={myColumns}
+                    getRowActions={(selected: Food[]) => [
+                        {
+                            group: '$$primary',
+                            component:
+                                selected[0].status === 'fresh' ? (
+                                    <Table.ActionItem key="eat" onClick={eatFruit}>
+                                        Eat
+                                    </Table.ActionItem>
+                                ) : null,
+                        },
+                        {
+                            group: '$$primary',
+                            component:
+                                selected[0].status === 'eaten' ? (
+                                    <Table.ActionItem key="trash">Throw away</Table.ActionItem>
+                                ) : null,
+                        },
+                    ]}
+                >
+                    <Table.Header />
+                </Table>
+            );
+        };
+        render(<Fixture />);
+        await user.click(screen.getByRole('cell', {name: 'fruit'}));
+        expect(screen.getByRole('button', {name: 'Eat'})).toBeVisible();
+        expect(screen.queryByRole('button', {name: 'Throw away'})).not.toBeInTheDocument();
+        await user.click(screen.getByRole('button', {name: 'Eat'}));
+        expect(screen.queryByRole('button', {name: 'Eat'})).not.toBeInTheDocument();
+        expect(screen.getByRole('button', {name: 'Throw away'})).toBeVisible();
+    });
     describe('when multi row selection is enabled', () => {
         it('passes down an array of selected rows', async () => {
             const user = userEvent.setup();
@@ -166,9 +208,7 @@ describe('Table.Actions', () => {
                             {
                                 group: '$$primary',
                                 component: (
-                                    <Table.ActionItem leftSection={null}>
-                                        Eat {data.map((d) => d.name).join(', ')}
-                                    </Table.ActionItem>
+                                    <Table.ActionItem>Eat {data.map((d) => d.name).join(', ')}</Table.ActionItem>
                                 ),
                             },
                         ]}