@atlaskit/editor-plugin-table 7.16.8 → 7.16.10

package/dist/es2019/ui/DragHandle/index.js

@@ -148,7 +148,9 @@ const DragHandleComponent = ({
   }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   const showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-    type: "button",
+    type: "button"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE,
     "data-testid": "table-drag-handle-clickable-zone-button",
     style: {
@@ -173,7 +175,9 @@ const DragHandleComponent = ({
     onClick: onClick
   }), /*#__PURE__*/React.createElement("button", {
     type: "button",
-    id: isDragMenuTarget ? showDragMenuAnchorId : undefined,
+    id: isDragMenuTarget ? showDragMenuAnchorId : undefined
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, {
       [ClassName.DRAG_HANDLE_DISABLED]: hasMergedCells
     }),
@@ -202,7 +206,10 @@ const DragHandleComponent = ({
     }
   }, appearance !== 'placeholder' ?
   //  cannot block pointer events in Firefox as it breaks Dragging functionality
-  browser.gecko ? /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps) : /*#__PURE__*/React.createElement("span", {
+  browser.gecko ? /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps) :
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  React.createElement("span", {
     style: {
       pointerEvents: 'none'
     }

package/dist/es2019/ui/DragPreview/index.js

@@ -24,6 +24,7 @@ export const DragPreview = ({
     }
   }, /*#__PURE__*/React.createElement(DragInMotionIcon, {
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       marginLeft: `${marginLeft}px`,

package/dist/es2019/ui/FloatingContextualButton/FixedButton.js

@@ -93,19 +93,26 @@ export const FixedButton = ({
   React.createElement("div", {
     ref: observerTargetRef,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       top: "var(--ds-space-0, 0px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       left: "var(--ds-space-0, 0px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: "var(--ds-space-250, 20px)",
       // BUTTON_WIDTH
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: "var(--ds-space-250, 20px)" // BUTTON_WIDTH
     }
   }, /*#__PURE__*/React.createElement("div", {
     ref: fixedButtonRef,
     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: stickyHeader.top + stickyHeader.padding + offset * 2,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       zIndex: akEditorTableCellOnStickyHeaderZIndex,
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       left: calcLeftPos({
@@ -114,10 +121,14 @@ export const FixedButton = ({
         cellRefWidth: targetCellRef.clientWidth,
         offset
       }),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: "var(--ds-space-250, 20px)",
       // BUTTON_WIDTH
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: "var(--ds-space-250, 20px)" // BUTTON_WIDTH
-    },
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: ClassName.CONTEXTUAL_MENU_BUTTON_FIXED
   }, children)), mountTo);
 };

package/dist/es2019/ui/FloatingContextualButton/index.js

@@ -52,7 +52,9 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
   const labelCellOptions = formatMessage(messages.cellOptions);
   const button = jsx("div", {
     css: [tableFloatingCellButtonStyles(), isContextualMenuOpen && tableFloatingCellButtonSelectedStyles()]
-  }, jsx(ToolbarButton, {
+  }, jsx(ToolbarButton
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: ClassName.CONTEXTUAL_MENU_BUTTON,
     selected: isContextualMenuOpen,
     title: labelCellOptions,

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -79,12 +79,17 @@ export class ContextualMenu extends Component {
             label: formatMessage(messages.backgroundColor),
             size: "medium"
           })) : undefined,
-          elemAfter: jsx("div", {
+          elemAfter:
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          jsx("div", {
             className: DropdownMenuSharedCssClassName.SUBMENU
           }, jsx("div", {
-            css: cellColourPreviewStyles(background),
+            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 : ClassName.CONTEXTUAL_MENU_ICON
           }), isSubmenuOpen && jsx("div", {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: this.handleSubMenuRef
           }, jsx(ColorPalette, {

package/dist/es2019/ui/FloatingDeleteButton/DeleteButton.js

@@ -11,7 +11,10 @@ const DeleteButton = ({
     formatMessage
   }
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ClassName.CONTROLS_DELETE_BUTTON_WRAP,
+  // 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
@@ -19,7 +22,9 @@ const DeleteButton = ({
   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()

package/dist/es2019/ui/FloatingDeleteButton/index.js

@@ -250,9 +250,11 @@ class FloatingDeleteButton extends Component {
         });
         return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("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: rect.left + (pos.left || 0) - (this.state.selectionType === 'column' ? this.state.scrollLeft : 0) - (this.props.isNumberColumnEnabled ? akEditorTableNumberColumnWidth : 0)

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -257,12 +257,17 @@ export const DragMenu = /*#__PURE__*/React.memo(({
         size: "medium"
       })),
       elemAfter: jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: DropdownMenuSharedCssClassName.SUBMENU,
         css: dragMenuBackgroundColorStyles
       }, jsx("div", {
-        css: cellColourPreviewStyles(background),
+        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 && jsx("div", {
+      }), isSubmenuOpen &&
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      jsx("div", {
         className: ClassName.DRAG_SUBMENU,
         ref: handleSubMenuRef
       }, jsx(ArrowKeyNavigationProvider, {

package/dist/es2019/ui/FloatingDragMenu/DropdownMenu.js

@@ -72,63 +72,67 @@ export const DropdownMenu = ({
       });
     })))));
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "drag-dropdown-menu-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "drag-dropdown-menu-popup-ref",
-    ref: handleRef
-  }), /*#__PURE__*/React.createElement(Popup, {
-    target: targetRefDiv,
-    mountTo: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement,
-    onPlacementChanged: placement => {
-      setPopupPlacement(placement);
-    },
-    fitHeight: fitHeight,
-    fitWidth: fitWidth,
-    zIndex: akEditorFloatingPanelZIndex,
-    offset: [offsetX, offsetY],
-    allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
-  }, disableKeyboardHandling ? innerMenu() : /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
-    closeOnTab: true,
-    type: ArrowKeyNavigationType.MENU,
-    handleClose: () => handleClose('handle'),
-    onSelection: index => {
-      const results = items.flatMap(item => 'items' in item ? item.items : item);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      className: "drag-dropdown-menu-wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "drag-dropdown-menu-popup-ref",
+      ref: handleRef
+    }), /*#__PURE__*/React.createElement(Popup, {
+      target: targetRefDiv,
+      mountTo: mountPoint,
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement,
+      onPlacementChanged: placement => {
+        setPopupPlacement(placement);
+      },
+      fitHeight: fitHeight,
+      fitWidth: fitWidth,
+      zIndex: akEditorFloatingPanelZIndex,
+      offset: [offsetX, offsetY],
+      allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
+    }, disableKeyboardHandling ? innerMenu() : /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+      closeOnTab: true,
+      type: ArrowKeyNavigationType.MENU,
+      handleClose: () => handleClose('handle'),
+      onSelection: index => {
+        const results = items.flatMap(item => 'items' in item ? item.items : item);
 
-      // onSelection is called when any focusable element is 'activated'
-      // this is an issue as some menu items have toggles, which cause the index value
-      // in the callback to be outside of array length.
-      // The logic below normalises the index value based on the number
-      // of menu items with 2 focusable elements, and adjusts the index to ensure
-      // the correct menu item is sent in onItemActivated callback
-      const keys = ['row_numbers', 'header_row', 'header_column'];
-      let doubleItemCount = 0;
-      const firstIndex = results.findIndex(value => keys.includes(value.key));
-      if (firstIndex === -1 || index <= firstIndex) {
-        onItemActivated && onItemActivated({
-          item: results[index]
-        });
-        return;
-      }
-      for (let i = firstIndex; i < results.length; i += 1) {
-        if (keys.includes(results[i].key)) {
-          doubleItemCount += 1;
-        }
-        if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+        // onSelection is called when any focusable element is 'activated'
+        // this is an issue as some menu items have toggles, which cause the index value
+        // in the callback to be outside of array length.
+        // The logic below normalises the index value based on the number
+        // of menu items with 2 focusable elements, and adjusts the index to ensure
+        // the correct menu item is sent in onItemActivated callback
+        const keys = ['row_numbers', 'header_row', 'header_column'];
+        let doubleItemCount = 0;
+        const firstIndex = results.findIndex(value => keys.includes(value.key));
+        if (firstIndex === -1 || index <= firstIndex) {
           onItemActivated && onItemActivated({
-            item: results[i]
+            item: results[index]
           });
           return;
         }
-        if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
-          onItemActivated && onItemActivated({
-            item: results[i]
-          });
-          return;
+        for (let i = firstIndex; i < results.length; i += 1) {
+          if (keys.includes(results[i].key)) {
+            doubleItemCount += 1;
+          }
+          if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+            onItemActivated && onItemActivated({
+              item: results[i]
+            });
+            return;
+          }
+          if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
+            onItemActivated && onItemActivated({
+              item: results[i]
+            });
+            return;
+          }
         }
       }
-    }
-  }, innerMenu())));
+    }, innerMenu())))
+  );
 };

package/dist/es2019/ui/FloatingInsertButton/InsertButton.js

@@ -72,15 +72,19 @@ export const InsertButtonForDragAndDrop = ({
     }),
     position: "top"
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("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
     })
   }, /*#__PURE__*/React.createElement("button", {
-    type: "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
   }, /*#__PURE__*/React.createElement("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",
@@ -91,7 +95,10 @@ export const InsertButtonForDragAndDrop = ({
     d: "M8 4C7.44771 4 7 4.44771 7 5V7H5C4.44771 7 4 7.44771 4 8C4 8.55229 4.44771 9 5 9H7V11C7 11.5523 7.44771 12 8 12C8.55229 12 9 11.5523 9 11V9H11C11.5523 9 12 8.55229 12 8C12 7.44771 11.5523 7 11 7H9V5C9 4.44771 8.55229 4 8 4Z",
     fill: "currentColor"
   })))), /*#__PURE__*/React.createElement("div", {
-    className: ClassName.CONTROLS_INSERT_LINE,
+    // 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, true),
       left: "var(--ds-space-150, 12px)"
@@ -102,11 +109,16 @@ export const InsertButtonForDragAndDrop = ({
     }
   })));
   const floatingButtonClassName = isRow ? ClassName.CONTROLS_FLOATING_BUTTON_ROW : ClassName.CONTROLS_FLOATING_BUTTON_COLUMN;
-  return /*#__PURE__*/React.createElement("div", {
-    className: floatingButtonClassName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${ClassName.DRAG_CONTROLS_INSERT_BUTTON_WRAP} ${ClassName.CONTROLS_INSERT_ROW}`
-  }, content));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      className: floatingButtonClassName
+    }, /*#__PURE__*/React.createElement("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))
+  );
 };
 export const DragAndDropInsertButton = injectIntl(InsertButtonForDragAndDrop);
 const InsertButton = ({
@@ -127,7 +139,9 @@ const InsertButton = ({
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: ClassName.CONTROLS_INSERT_BUTTON_INNER
   }, /*#__PURE__*/React.createElement("button", {
-    type: "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
   }, /*#__PURE__*/React.createElement("svg", {
@@ -137,7 +151,10 @@ const InsertButton = ({
     fill: "currentColor",
     fillRule: "evenodd"
   })))), /*#__PURE__*/React.createElement("div", {
-    className: ClassName.CONTROLS_INSERT_LINE,
+    // 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)
     } : {
@@ -145,10 +162,15 @@ const InsertButton = ({
     }
   })));
   const floatingButtonClassName = type === 'column' ? ClassName.CONTROLS_FLOATING_BUTTON_COLUMN : ClassName.CONTROLS_FLOATING_BUTTON_ROW;
-  return /*#__PURE__*/React.createElement("div", {
-    className: floatingButtonClassName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${ClassName.CONTROLS_INSERT_BUTTON_WRAP} ${ClassName.CONTROLS_INSERT_ROW}`
-  }, content));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      className: floatingButtonClassName
+    }, /*#__PURE__*/React.createElement("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))
+  );
 };
 export default injectIntl(InsertButton);

package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -134,14 +134,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-${isHover ? colIndex : isPlaceholder ? appearance : selectedColIndexes[0]}-drag-handle`
@@ -183,15 +192,19 @@ export const ColumnControls = ({
   };
   const containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth;
   return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ClassName.DRAG_COLUMN_CONTROLS,
     onMouseMove: handleMouseMove
   }, /*#__PURE__*/React.createElement("div", {
-    ref: columnControlsRef,
+    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,
@@ -206,12 +219,17 @@ export const ColumnControls = ({
       gridColumn: `${startIndex + 1} / span 1`
     },
     "data-start-index": startIndex,
-    "data-end-index": endIndex,
+    "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
   }, /*#__PURE__*/React.createElement("div", {
-    className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT,
+    // 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'
     } : {}

package/dist/es2019/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js

@@ -80,7 +80,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/dist/es2019/ui/TableFloatingColumnControls/ColumnDropTargets/index.js

@@ -18,10 +18,13 @@ export const ColumnDropTargets = ({
     dropTargetRef.current.style.marginLeft = `-${(_getScrollOffset = getScrollOffset === null || getScrollOffset === void 0 ? void 0 : getScrollOffset()) !== null && _getScrollOffset !== void 0 ? _getScrollOffset : 0}px`;
   }
   return /*#__PURE__*/React.createElement("div", {
-    ref: dropTargetRef,
+    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
   }, /*#__PURE__*/React.createElement("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"
   }, colWidths === null || colWidths === void 0 ? void 0 : colWidths.map((width, index) => {

package/dist/es2019/ui/TableFloatingColumnControls/index.js

@@ -70,7 +70,9 @@ export const TableFloatingColumnControls = ({
     containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.style.removeProperty('top');
   }
   return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
+    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"
   }, /*#__PURE__*/React.createElement(ColumnControls, {

package/dist/es2019/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -62,6 +62,7 @@ class CornerControlComponent extends Component {
     }
     const isActive = this.isActive();
     return /*#__PURE__*/React.createElement("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
@@ -73,18 +74,26 @@ class CornerControlComponent extends Component {
       contentEditable: false
     }, /*#__PURE__*/React.createElement("button", {
       "aria-label": formatMessage(messages.cornerControl),
-      type: "button",
+      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
       }),
       onClick: this.selectTable,
       onMouseOver: this.hoverTable,
       onMouseOut: this.clearHoverSelection
-    }), !isHeaderRowEnabled && /*#__PURE__*/React.createElement("div", {
+    }), !isHeaderRowEnabled &&
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
       className: ClassName.CORNER_CONTROLS_INSERT_ROW_MARKER
     }, /*#__PURE__*/React.createElement("div", {
       className: ClassName.CONTROLS_INSERT_MARKER
-    })), !isHeaderColumnEnabled && /*#__PURE__*/React.createElement("div", {
+    })), !isHeaderColumnEnabled &&
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
       className: ClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER
     }, /*#__PURE__*/React.createElement("div", {
       className: ClassName.CONTROLS_INSERT_MARKER

package/dist/es2019/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -42,6 +42,7 @@ const DragCornerControlsComponent = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("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
@@ -95,6 +96,7 @@ const DragCornerControlsComponentWithSelection = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("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

package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js

@@ -91,6 +91,7 @@ export default class NumberColumn extends Component {
     } = this.props;
     const rowHeights = getRowHeights(tableRef);
     return /*#__PURE__*/React.createElement("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
@@ -99,15 +100,23 @@ export default class NumberColumn extends Component {
       },
       contentEditable: false
     }, rowHeights.map((rowHeight, index) => isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
-      key: `wrapper-${index}`,
+      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,
+      "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)
     }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/React.createElement("div", {
-      key: `wrapper-${index}`,
+      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,
+      "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),