Use an object for visual editor compat

packages/themes/src/presets/aura/datatable/index.js

@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/aura/treetable/index.js

@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/lara/datatable/index.js

@@ -59,7 +59,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/lara/treetable/index.js

@@ -57,7 +57,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/material/datatable/index.js

@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/material/treetable/index.js

@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/nora/datatable/index.js

@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'

packages/themes/src/presets/nora/treetable/index.js

@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'