@atlaskit/editor-plugin-table 7.16.7 → 7.16.9

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -212,9 +212,11 @@ export class ContextualMenu extends Component<
           </span>
         ) : undefined,
         elemAfter: (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           <div className={DropdownMenuSharedCssClassName.SUBMENU}>
             <div
               css={cellColourPreviewStyles(background)}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={
                 isDragAndDropEnabled
                   ? ClassName.CONTEXTUAL_MENU_ICON_SMALL
@@ -223,6 +225,7 @@ export class ContextualMenu extends Component<
             />
             {isSubmenuOpen && (
               <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
                 className={ClassName.CONTEXTUAL_SUBMENU}
                 ref={this.handleSubMenuRef}
               >

package/src/ui/FloatingDeleteButton/DeleteButton.tsx

@@ -23,7 +23,9 @@ const DeleteButton = ({
   intl: { formatMessage },
 }: ButtonProps & WrappedComponentProps) => (
   <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className={ClassName.CONTROLS_DELETE_BUTTON_WRAP}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style={style}
     onMouseEnter={onMouseEnter}
     onMouseLeave={onMouseLeave}
@@ -31,10 +33,12 @@ const DeleteButton = ({
     <button
       type="button"
       aria-label={formatMessage(removeLabel, { 0: 1 })}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.CONTROLS_DELETE_BUTTON}
       onMouseDown={onClick}
       onMouseMove={(e) => e.preventDefault()}
     >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
       <svg className={ClassName.CONTROLS_BUTTON_ICON}>
         <path
           d="M12.242 10.828L9.414 8l2.828-2.829a.999.999 0 1 0-1.414-1.414L8 6.587l-2.829-2.83a1 1 0 0 0-1.414 1.414l2.83 2.83-2.83 2.827a1 1 0 0 0 1.414 1.414l2.83-2.828 2.827 2.828a.999.999 0 1 0 1.414-1.414"

package/src/ui/FloatingDeleteButton/index.tsx

@@ -346,9 +346,11 @@ class FloatingDeleteButton extends Component<Props, State> {
         return createPortal(
           <div
             style={{
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               position: 'fixed',
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
               top: pos.top,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               zIndex: stickyRowZIndex,
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
               left:

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -392,14 +392,17 @@ export const DragMenu = React.memo(
         ),
         elemAfter: (
           <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className={DropdownMenuSharedCssClassName.SUBMENU}
             css={dragMenuBackgroundColorStyles}
           >
             <div
               css={cellColourPreviewStyles(background)}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={ClassName.DRAG_SUBMENU_ICON}
             />
             {isSubmenuOpen && (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               <div className={ClassName.DRAG_SUBMENU} ref={handleSubMenuRef}>
                 <ArrowKeyNavigationProvider
                   type={ArrowKeyNavigationType.COLOR}

package/src/ui/FloatingDragMenu/DropdownMenu.tsx

@@ -90,6 +90,7 @@ export const DropdownMenu = ({
         }}
         targetRef={targetRefDiv}
       >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
         <div style={{ height: 0, minWidth: dragMenuDropdownWidth }} />
         <MenuGroup role="menu">
           {items.map((group, index) => (
@@ -116,7 +117,9 @@ export const DropdownMenu = ({
   };
 
   return (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     <div className="drag-dropdown-menu-wrapper">
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
       <div className="drag-dropdown-menu-popup-ref" ref={handleRef}></div>
       <Popup
         target={targetRefDiv as HTMLElement}

package/src/ui/FloatingInsertButton/InsertButton.tsx

@@ -124,6 +124,7 @@ export const InsertButtonForDragAndDrop = ({
     >
       <>
         <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className={classnames(ClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER, {
             [ClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW]: isRow,
             [ClassName.DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN]: !isRow,
@@ -131,10 +132,12 @@ export const InsertButtonForDragAndDrop = ({
         >
           <button
             type="button"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className={ClassName.DRAG_CONTROLS_INSERT_BUTTON}
             onMouseDown={onMouseDown}
           >
             <svg
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={ClassName.CONTROLS_BUTTON_ICON}
               width="16"
               height="16"
@@ -150,7 +153,9 @@ export const InsertButtonForDragAndDrop = ({
           </button>
         </div>
         <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className={ClassName.CONTROLS_INSERT_LINE}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           style={
             type === 'row'
               ? {
@@ -174,8 +179,10 @@ export const InsertButtonForDragAndDrop = ({
     : ClassName.CONTROLS_FLOATING_BUTTON_COLUMN;
 
   return (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     <div className={floatingButtonClassName}>
       <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={`${ClassName.DRAG_CONTROLS_INSERT_BUTTON_WRAP} ${ClassName.CONTROLS_INSERT_ROW}`}
       >
         {content}
@@ -204,12 +211,15 @@ const InsertButton = ({
       position="top"
     >
       <>
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
         <div className={ClassName.CONTROLS_INSERT_BUTTON_INNER}>
           <button
             type="button"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className={ClassName.CONTROLS_INSERT_BUTTON}
             onMouseDown={onMouseDown}
           >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
             <svg className={ClassName.CONTROLS_BUTTON_ICON}>
               <path
                 d="M10 4a1 1 0 0 1 1 1v4h4a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-2 0v-4H5a1 1 0 1 1 0-2h4V5a1 1 0 0 1 1-1z"
@@ -220,7 +230,9 @@ const InsertButton = ({
           </button>
         </div>
         <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className={ClassName.CONTROLS_INSERT_LINE}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           style={
             type === 'row'
               ? { width: getInsertLineWidth(tableRef) }
@@ -237,8 +249,10 @@ const InsertButton = ({
       : ClassName.CONTROLS_FLOATING_BUTTON_ROW;
 
   return (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     <div className={floatingButtonClassName}>
       <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={`${ClassName.CONTROLS_INSERT_BUTTON_WRAP} ${ClassName.CONTROLS_INSERT_ROW}`}
       >
         {content}

package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx

@@ -211,14 +211,23 @@ export const ColumnControls = ({
         key={type}
         style={{
           gridColumn,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           gridRow: '1',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           display: 'flex',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           justifyContent: 'center',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           alignItems: 'center',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: 'fit-content',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           placeSelf: 'center',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           zIndex: 99,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           width: '100%',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           position: 'relative',
         }}
         data-testid={`table-floating-column-${
@@ -306,16 +315,19 @@ export const ColumnControls = ({
 
   return (
     <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.DRAG_COLUMN_CONTROLS}
       onMouseMove={handleMouseMove}
     >
       <div
         ref={columnControlsRef}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={ClassName.DRAG_COLUMN_CONTROLS_INNER}
         data-testid="table-floating-column-controls"
         style={{
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           gridTemplateColumns: widths,
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           marginTop,
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
           width: stickyTop ? containerWidth : undefined,
@@ -330,12 +342,15 @@ export const ColumnControls = ({
             }}
             data-start-index={startIndex}
             data-end-index={endIndex}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className={ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER}
             contentEditable={false}
             key={index}
           >
             <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               style={columnParams.length - 1 === index ? { right: '0' } : {}}
             />
           </div>

package/src/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.tsx

@@ -101,7 +101,9 @@ export const ColumnDropTarget = ({
         height: height && `${height}px`,
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
         marginTop: marginTop && `${marginTop}px`,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         pointerEvents: 'auto',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         flexShrink: 0,
       }}
       data-drop-target-index={index}

package/src/ui/TableFloatingColumnControls/ColumnDropTargets/index.tsx

@@ -34,10 +34,12 @@ export const ColumnDropTargets = ({
   return (
     <div
       ref={dropTargetRef}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.DRAG_COLUMN_DROP_TARGET_CONTROLS}
       contentEditable={false}
     >
       <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={ClassName.DRAG_COLUMN_CONTROLS_INNER}
         data-testid="table-floating-column-controls-drop-targets"
       >

package/src/ui/TableFloatingColumnControls/index.tsx

@@ -124,6 +124,7 @@ export const TableFloatingColumnControls = ({
   return (
     <div
       ref={containerRef}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.DRAG_COLUMN_CONTROLS_WRAPPER}
       data-testid="table-floating-column-controls-wrapper"
     >

package/src/ui/TableFloatingControls/CornerControls/ClassicCornerControls.tsx

@@ -36,6 +36,7 @@ class CornerControlComponent extends Component<
 
     return (
       <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={classnames(ClassName.CORNER_CONTROLS, {
           active: isActive,
           sticky: this.props.stickyTop !== undefined,
@@ -52,6 +53,7 @@ class CornerControlComponent extends Component<
         <button
           aria-label={formatMessage(messages.cornerControl)}
           type="button"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className={classnames(ClassName.CONTROLS_CORNER_BUTTON, {
             danger: isActive && isInDanger,
           })}
@@ -61,12 +63,16 @@ class CornerControlComponent extends Component<
         />
 
         {!isHeaderRowEnabled && (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           <div className={ClassName.CORNER_CONTROLS_INSERT_ROW_MARKER}>
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
             <div className={ClassName.CONTROLS_INSERT_MARKER} />
           </div>
         )}
         {!isHeaderColumnEnabled && (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           <div className={ClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER}>
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
             <div className={ClassName.CONTROLS_INSERT_MARKER} />
           </div>
         )}

package/src/ui/TableFloatingControls/CornerControls/DragCornerControls.tsx

@@ -50,6 +50,7 @@ const DragCornerControlsComponent = ({
 
   return (
     <button
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={classnames(ClassName.DRAG_CORNER_BUTTON, {
         active: isActive,
         danger: isActive && isInDanger,
@@ -60,6 +61,7 @@ const DragCornerControlsComponent = ({
       onMouseOut={handleMouseOut}
       contentEditable={false}
     >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
       <div className={ClassName.DRAG_CORNER_BUTTON_INNER} />
     </button>
   );
@@ -101,6 +103,7 @@ const DragCornerControlsComponentWithSelection = ({
 
   return (
     <button
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={classnames(ClassName.DRAG_CORNER_BUTTON, {
         active: isActive,
         danger: isActive && isInDanger,
@@ -111,6 +114,7 @@ const DragCornerControlsComponentWithSelection = ({
       onMouseOut={handleMouseOut}
       contentEditable={false}
     >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
       <div className={ClassName.DRAG_CORNER_BUTTON_INNER} />
     </button>
   );

package/src/ui/TableFloatingControls/NumberColumn/index.tsx

@@ -39,6 +39,7 @@ export default class NumberColumn extends Component<Props, any> {
 
     return (
       <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className={ClassName.NUMBERED_COLUMN}
         style={{
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -57,8 +58,10 @@ export default class NumberColumn extends Component<Props, any> {
           isDragAndDropEnabled ? (
             <div
               key={`wrapper-${index}`}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={this.getClassNames(index, true)}
               data-index={index}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               style={this.getCellStyles(index, rowHeight)}
               onMouseOver={() => updateCellHoverLocation(index)}
             >
@@ -67,8 +70,10 @@ export default class NumberColumn extends Component<Props, any> {
           ) : (
             <div
               key={`wrapper-${index}`}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
               className={this.getClassNames(index)}
               data-index={index}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               style={this.getCellStyles(index, rowHeight)}
               onClick={(event) => this.selectRow(index, event)}
               onMouseOver={() => this.hoverRows(index)}

package/src/ui/TableFloatingControls/RowControls/ClassicControls.tsx

@@ -50,7 +50,9 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
       : false;
 
     return (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       <div className={ClassName.ROW_CONTROLS}>
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
         <div className={ClassName.ROW_CONTROLS_INNER}>
           {rowsParams.map(
             ({ startIndex, endIndex, height }: RowParams, index) => {
@@ -71,6 +73,7 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
 
               return (
                 <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
                   className={`${
                     ClassName.ROW_CONTROLS_BUTTON_WRAP
                   } ${getRowClassNames(
@@ -99,6 +102,7 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
                   <button
                     aria-label={formatMessage(messages.rowControl)}
                     type="button"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
                     className={`${ClassName.ROW_CONTROLS_BUTTON} ${ClassName.CONTROLS_BUTTON}`}
                     onClick={(event) =>
                       this.props.selectRow(startIndex, event.shiftKey)
@@ -109,6 +113,7 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
                     data-end-index={endIndex}
                   />
 
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
                   <div className={ClassName.CONTROLS_INSERT_MARKER} />
                 </div>
               );

package/src/ui/TableFloatingControls/RowControls/DragControls.tsx

@@ -226,13 +226,18 @@ const DragControlsComponent = ({
         key={type}
         style={{
           gridRow,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           gridColumn: '2',
           // DragHandle uses `transform: rotate(90)`, which doesn't affect its parent (this div) causing the width of this element to be the true height of the drag handle
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           display: 'flex',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           width: '9px',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           position: 'relative',
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           right: '-0.5px',
         }}
         data-testid={`table-floating-row-${
@@ -309,6 +314,7 @@ const DragControlsComponent = ({
 
   return (
     <div
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.DRAG_ROW_CONTROLS}
       style={{
         gridTemplateRows: heights,
@@ -328,14 +334,17 @@ const DragControlsComponent = ({
           <div
             style={{
               gridRow: `${index + 1} / span 1`,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
               gridColumn: '2',
             }}
             data-start-index={startIndex}
             data-end-index={endIndex}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className={ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER}
             contentEditable={false}
             key={`insert-dot-${index}`}
           >
+{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766  */}
             <div className={ClassName.DRAG_ROW_FLOATING_INSERT_DOT} />
           </div>
           {isDragging && (
@@ -344,11 +353,16 @@ const DragControlsComponent = ({
               index={index}
               localId={currentNodeLocalId}
               style={{
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
                 gridColumn: '1 / span 3',
                 gridRow: `${index + 1} / span 1`,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
                 height: '100%',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
                 pointerEvents: 'auto',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
                 position: 'relative',
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
                 left: token('space.negative.100', '-8px'),
               }}
             />

package/src/ui/TableFloatingControls/RowDropTarget/index.tsx

@@ -87,6 +87,7 @@ const RowDropTarget = ({ index, localId, style }: RowDropTargetProps) => {
   return (
     <div
       ref={dropTargetRef}
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       style={style}
       data-drop-target-index={index}
       data-drop-target-localid={localId}

package/src/ui/TableFloatingControls/index.tsx

@@ -127,6 +127,7 @@ export const TableFloatingControls = ({
     : ClassName.ROW_CONTROLS_WRAPPER;
 
   return (
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     <div className={wrapperClassName}>
       <div onMouseDown={(e) => !isDragAndDropEnabled && e.preventDefault()}>
         {isNumberColumnEnabled ? (

package/src/ui/icons/DragHandleDisabledIcon.tsx

@@ -13,6 +13,7 @@ export const DragHandleDisabledIcon = ({
     viewBox="0 0 24 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style={style}
     data-testid="drag-icon-disabled"
   >

package/src/ui/icons/DragInMotionIcon.tsx

@@ -13,6 +13,7 @@ export const DragInMotionIcon = ({ style }: DragInMotionIconProps) => (
     viewBox="0 0 28 20"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style={style}
   >
     <rect

package/src/ui/icons/MinimisedHandle.tsx

@@ -5,6 +5,7 @@ import { TableCssClassName as ClassName } from '../../types';
 export const MinimisedHandleIcon = () => (
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="5" fill="none">
     <rect
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className={ClassName.DRAG_HANDLE_MINIMISED}
       width="24"
       height="5"