Custom resize cursors

packages/@adobe/spectrum-css-temp/components/table/index.css

@@ -455,11 +455,20 @@ svg.spectrum-Table-sortedIcon {
 }
 
 .resize-ew * {
-  cursor: col-resize !important;
+  cursor: url('./cursors/Cur_MoveHorizontal_9_9.svg'), ew-resize !important;
 }
 .resize-e * {
-  cursor: e-resize !important;
+  cursor: url('./cursors/Cur_MoveToRight_9_9.svg'), e-resize !important;
 }
 .resize-w * {
-  cursor: w-resize !important;
+  cursor: url('./cursors/Cur_MoveToLeft_9_9.svg'), w-resize !important;
+}
+.spectrum-Table-columnResizer--ewresize {
+  cursor: url('./cursors/Cur_MoveHorizontal_9_9.svg'), ew-resize;
+}
+.spectrum-Table-columnResizer--eresize {
+  cursor: url('./cursors/Cur_MoveToRight_9_9.svg'), e-resize;
+}
+.spectrum-Table-columnResizer--wresize {
+  cursor: url('./cursors/Cur_MoveToLeft_9_9.svg'), w-resize;
 }

packages/@react-spectrum/table/src/Resizer.tsx

@@ -58,21 +58,24 @@ function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
     display: showResizer ? undefined : 'none',
     touchAction: 'none'
   };
-  if (columnState.getColumnMinWidth(column.key) >= columnState.getColumnWidth(column.key)) {
-    style.cursor = direction === 'rtl' ? 'w-resize' : 'e-resize';
-  } else if (columnState.getColumnMaxWidth(column.key) <= columnState.getColumnWidth(column.key)) {
-    style.cursor = direction === 'rtl' ? 'e-resize' : 'w-resize';
-  } else {
-    style.cursor = 'col-resize';
-  }
+  let isEResizable = columnState.getColumnMinWidth(column.key) >= columnState.getColumnWidth(column.key);
+  let isWResizable = columnState.getColumnMaxWidth(column.key) <= columnState.getColumnWidth(column.key);
 
   return (
     <>
       <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>
         <div
           role="presentation"
           style={style}
-          className={classNames(styles, 'spectrum-Table-columnResizer')}
+          className={classNames(
+            styles,
+            'spectrum-Table-columnResizer',
+            {
+              'spectrum-Table-columnResizer--ewresize': !(isEResizable && isWResizable),
+              'spectrum-Table-columnResizer--eresize': direction === 'rtl' ? isWResizable : isEResizable,
+              'spectrum-Table-columnResizer--wresize': direction === 'rtl' ? isEResizable : isWResizable
+            }
+          )}
           {...resizerProps}>
           <VisuallyHidden>
             <input