@atlaskit/editor-plugin-floating-toolbar 1.5.0 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.7.0
+
+### Minor Changes
+
+- [#111788](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111788)
+  [`5a286a37540ff`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5a286a37540ff) -
+  [ux] [EDF-770] Show agents in the floating toolbar dropdown
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.6.0
+
+### Minor Changes
+
+- [#108718](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108718)
+  [`1aad4f15416c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1aad4f15416c2) -
+  [EDF-737] Add content warning to the floating toolbar of the ai panels, extended extensions
+  floating toolbar API to allow custom JSX
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.5.0
 
 ### Minor Changes

package/dist/cjs/ui/DropdownMenu.js

@@ -34,13 +34,14 @@ var spacerStyles = (0, _react2.css)({
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 var menuContainerStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minWidth: "".concat(menuItemDimensions.width, "px"),
   // temporary solution to retain spacing defined by @atlaskit/Item
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& button': {
     minHeight: "var(--ds-space-400, 32px)",
     padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " 7px"),
-    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > [data-item-elem-before]': {
       marginRight: "var(--ds-space-050, 4px)"
     }
@@ -67,12 +68,16 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
     intl = props.intl;
   var itemSelected = item.selected;
   var iconBefore = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)(SelectedIconBefore, {
-      itemSelected: itemSelected,
-      showSelected: showSelected,
-      intl: intl
-    });
-  }, [itemSelected, showSelected, intl]);
+    if (item.icon) {
+      return item.icon;
+    } else {
+      return (0, _react2.jsx)(SelectedIconBefore, {
+        itemSelected: itemSelected,
+        showSelected: showSelected,
+        intl: intl
+      });
+    }
+  }, [itemSelected, showSelected, intl, item.icon]);
   var _useState = (0, _react.useState)(item.tooltip || ''),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tooltipContent = _useState2[0],

package/dist/cjs/ui/ExtensionsPlaceholder.js

@@ -84,14 +84,27 @@ var ExtensionButton = function ExtensionButton(props) {
     var targetNodeAdf = (0, _utils.nodeToJSON)(node);
     item.action(targetNodeAdf, extensionApi);
   };
+  var getAriaLabel = function getAriaLabel() {
+    if (item.ariaLabel) {
+      return item.ariaLabel;
+    }
+    if (typeof item.tooltip === 'string') {
+      return item.tooltip;
+    }
+    if (item.label) {
+      return item.label;
+    }
+    return '';
+  };
   return /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
     title: item.label,
-    ariaLabel: item.tooltip,
+    ariaLabel: getAriaLabel(),
     icon: ButtonIcon ? /*#__PURE__*/_react.default.createElement(ButtonIcon, {
       label: item.label || ''
     }) : undefined,
     onClick: onClick,
     tooltipContent: item.tooltip,
+    tooltipStyle: item.tooltipStyle,
     disabled: item.disabled
   }, item.label);
 };

package/dist/cjs/ui/Input.js

@@ -66,7 +66,7 @@ var TextField = exports.default = /*#__PURE__*/function (_Component) {
       return (0, _react2.jsx)("form", {
         onSubmit: this.handleSubmit
       }, (0, _react2.jsx)("input", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: _ui.panelTextInput,
         value: this.state.text,
         onChange: this.handleChange,

package/dist/cjs/ui/Toolbar.js

@@ -309,43 +309,79 @@ var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstEle
     display: 'flex',
     lineHeight: 1,
     boxSizing: 'border-box',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > div > div': {
       alignItems: 'center'
     }
-  }, scrollable ? (0, _react2.css)(hasSelect ? (0, _react2.css)({
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollable ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  hasSelect ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     height: '40px'
-  }) : (0, _react2.css)({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     height: '32px'
   }), {
     overflow: 'hidden'
-  }) : (0, _react2.css)({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)")
-  }, firstElementIsSelect && (0, _react2.css)({
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  firstElementIsSelect &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     paddingLeft: "var(--ds-space-050, 4px)"
   })));
 };
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
-  return (0, _react2.css)(scrollable ? (0, _react2.css)(scrollDisabled ? (0, _react2.css)({
+  return (0, _react2.css)(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollable ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollDisabled ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     overflow: 'hidden'
-  }) : (0, _react2.css)({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     overflowX: 'auto',
     overflowY: 'hidden'
   }), {
     WebkitOverflowScrolling: 'touch',
     padding: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-600, 48px)"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
-      '> div:first-child': firstElementIsSelect ? (0, _react2.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      '> div:first-child': firstElementIsSelect ?
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react2.css)({
         marginLeft: "var(--ds-space-050, 4px)"
-      }) : (0, _react2.css)({
+      }) :
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react2.css)({
         marginLeft: "var(--ds-space-100, 8px)"
       }),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '> div:last-child': {
         marginRight: "var(--ds-space-100, 8px)"
       }
     }
-  }) : (0, _react2.css)({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
     display: 'flex'
   }));
 };

package/dist/es2019/ui/DropdownMenu.js

@@ -24,13 +24,14 @@ const spacerStyles = css({
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 const menuContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minWidth: `${menuItemDimensions.width}px`,
   // temporary solution to retain spacing defined by @atlaskit/Item
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& button': {
     minHeight: "var(--ds-space-400, 32px)",
     padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 7px`,
-    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > [data-item-elem-before]': {
       marginRight: "var(--ds-space-050, 4px)"
     }
@@ -59,12 +60,16 @@ const DropdownMenuItem = props => {
   } = props;
   const itemSelected = item.selected;
   const iconBefore = useMemo(() => {
-    return jsx(SelectedIconBefore, {
-      itemSelected: itemSelected,
-      showSelected: showSelected,
-      intl: intl
-    });
-  }, [itemSelected, showSelected, intl]);
+    if (item.icon) {
+      return item.icon;
+    } else {
+      return jsx(SelectedIconBefore, {
+        itemSelected: itemSelected,
+        showSelected: showSelected,
+        intl: intl
+      });
+    }
+  }, [itemSelected, showSelected, intl, item.icon]);
   const [tooltipContent, setTooltipContent] = useState(item.tooltip || '');
   const handleItemMouseOut = useCallback(() => {
     setTooltipContent('');

package/dist/es2019/ui/ExtensionsPlaceholder.js

@@ -33,14 +33,27 @@ const ExtensionButton = props => {
     const targetNodeAdf = nodeToJSON(node);
     item.action(targetNodeAdf, extensionApi);
   };
+  const getAriaLabel = () => {
+    if (item.ariaLabel) {
+      return item.ariaLabel;
+    }
+    if (typeof item.tooltip === 'string') {
+      return item.tooltip;
+    }
+    if (item.label) {
+      return item.label;
+    }
+    return '';
+  };
   return /*#__PURE__*/React.createElement(Button, {
     title: item.label,
-    ariaLabel: item.tooltip,
+    ariaLabel: getAriaLabel(),
     icon: ButtonIcon ? /*#__PURE__*/React.createElement(ButtonIcon, {
       label: item.label || ''
     }) : undefined,
     onClick: onClick,
     tooltipContent: item.tooltip,
+    tooltipStyle: item.tooltipStyle,
     disabled: item.disabled
   }, item.label);
 };

package/dist/es2019/ui/Input.js

@@ -42,7 +42,7 @@ export default class TextField extends Component {
     return jsx("form", {
       onSubmit: this.handleSubmit
     }, jsx("input", {
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       css: panelTextInput,
       value: this.state.text,
       onChange: this.handleChange,

package/dist/es2019/ui/Toolbar.js

@@ -274,41 +274,77 @@ const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css({
   display: 'flex',
   lineHeight: 1,
   boxSizing: 'border-box',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div > div': {
     alignItems: 'center'
   }
-}, scrollable ? css(hasSelect ? css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+scrollable ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+hasSelect ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   height: '40px'
-}) : css({
+}) :
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   height: '32px'
 }), {
   overflow: 'hidden'
-}) : css({
+}) :
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`
-}, firstElementIsSelect && css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+firstElementIsSelect &&
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   paddingLeft: "var(--ds-space-050, 4px)"
 })));
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => css(scrollable ? css(scrollDisabled ? css({
+const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => css(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+scrollable ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+scrollDisabled ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   overflow: 'hidden'
-}) : css({
+}) :
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   overflowX: 'auto',
   overflowY: 'hidden'
 }), {
   WebkitOverflowScrolling: 'touch',
   padding: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-600, 48px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
-    '> div:first-child': firstElementIsSelect ? css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    '> div:first-child': firstElementIsSelect ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css({
       marginLeft: "var(--ds-space-050, 4px)"
-    }) : css({
+    }) :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css({
       marginLeft: "var(--ds-space-100, 8px)"
     }),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '> div:last-child': {
       marginRight: "var(--ds-space-100, 8px)"
     }
   }
-}) : css({
+}) :
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   display: 'flex'
 }));
 // eslint-disable-next-line @repo/internal/react/no-class-components

package/dist/esm/ui/DropdownMenu.js

@@ -25,13 +25,14 @@ var spacerStyles = css({
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 var menuContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minWidth: "".concat(menuItemDimensions.width, "px"),
   // temporary solution to retain spacing defined by @atlaskit/Item
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& button': {
     minHeight: "var(--ds-space-400, 32px)",
     padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " 7px"),
-    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > [data-item-elem-before]': {
       marginRight: "var(--ds-space-050, 4px)"
     }
@@ -58,12 +59,16 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
     intl = props.intl;
   var itemSelected = item.selected;
   var iconBefore = useMemo(function () {
-    return jsx(SelectedIconBefore, {
-      itemSelected: itemSelected,
-      showSelected: showSelected,
-      intl: intl
-    });
-  }, [itemSelected, showSelected, intl]);
+    if (item.icon) {
+      return item.icon;
+    } else {
+      return jsx(SelectedIconBefore, {
+        itemSelected: itemSelected,
+        showSelected: showSelected,
+        intl: intl
+      });
+    }
+  }, [itemSelected, showSelected, intl, item.icon]);
   var _useState = useState(item.tooltip || ''),
     _useState2 = _slicedToArray(_useState, 2),
     tooltipContent = _useState2[0],

package/dist/esm/ui/ExtensionsPlaceholder.js

@@ -74,14 +74,27 @@ var ExtensionButton = function ExtensionButton(props) {
     var targetNodeAdf = nodeToJSON(node);
     item.action(targetNodeAdf, extensionApi);
   };
+  var getAriaLabel = function getAriaLabel() {
+    if (item.ariaLabel) {
+      return item.ariaLabel;
+    }
+    if (typeof item.tooltip === 'string') {
+      return item.tooltip;
+    }
+    if (item.label) {
+      return item.label;
+    }
+    return '';
+  };
   return /*#__PURE__*/React.createElement(Button, {
     title: item.label,
-    ariaLabel: item.tooltip,
+    ariaLabel: getAriaLabel(),
     icon: ButtonIcon ? /*#__PURE__*/React.createElement(ButtonIcon, {
       label: item.label || ''
     }) : undefined,
     onClick: onClick,
     tooltipContent: item.tooltip,
+    tooltipStyle: item.tooltipStyle,
     disabled: item.disabled
   }, item.label);
 };

package/dist/esm/ui/Input.js

@@ -57,7 +57,7 @@ var TextField = /*#__PURE__*/function (_Component) {
       return jsx("form", {
         onSubmit: this.handleSubmit
       }, jsx("input", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: panelTextInput,
         value: this.state.text,
         onChange: this.handleChange,

package/dist/esm/ui/Toolbar.js

@@ -300,43 +300,79 @@ var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstEle
     display: 'flex',
     lineHeight: 1,
     boxSizing: 'border-box',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > div > div': {
       alignItems: 'center'
     }
-  }, scrollable ? css(hasSelect ? css({
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollable ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  hasSelect ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     height: '40px'
-  }) : css({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     height: '32px'
   }), {
     overflow: 'hidden'
-  }) : css({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)")
-  }, firstElementIsSelect && css({
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  firstElementIsSelect &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     paddingLeft: "var(--ds-space-050, 4px)"
   })));
 };
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
-  return css(scrollable ? css(scrollDisabled ? css({
+  return css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollable ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  scrollDisabled ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     overflow: 'hidden'
-  }) : css({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     overflowX: 'auto',
     overflowY: 'hidden'
   }), {
     WebkitOverflowScrolling: 'touch',
     padding: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-600, 48px)"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
-      '> div:first-child': firstElementIsSelect ? css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      '> div:first-child': firstElementIsSelect ?
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      css({
         marginLeft: "var(--ds-space-050, 4px)"
-      }) : css({
+      }) :
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      css({
         marginLeft: "var(--ds-space-100, 8px)"
       }),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '> div:last-child': {
         marginRight: "var(--ds-space-100, 8px)"
       }
     }
-  }) : css({
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     display: 'flex'
   }));
 };

package/package.json

@@ -1,116 +1,116 @@
 {
-  "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "1.5.0",
-  "description": "Floating toolbar plugin for @atlaskit/editor-core",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "atlassian": {
-    "team": "Editor: Lego",
-    "singleton": true,
-    "releaseModel": "continuous",
-    "runReact18": false
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    ".": "./src/index.ts"
-  },
-  "dependencies": {
-    "@atlaskit/adf-utils": "^19.2.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/checkbox": "^13.4.0",
-    "@atlaskit/editor-common": "^82.3.0",
-    "@atlaskit/editor-palette": "1.6.0",
-    "@atlaskit/editor-plugin-block-controls": "^1.4.1",
-    "@atlaskit/editor-plugin-context-panel": "^1.1.0",
-    "@atlaskit/editor-plugin-copy-button": "^1.1.0",
-    "@atlaskit/editor-plugin-decorations": "^1.1.0",
-    "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
-    "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
-    "@atlaskit/editor-plugin-extension": "^1.5.0",
-    "@atlaskit/editor-plugin-table": "^7.17.0",
-    "@atlaskit/editor-prosemirror": "4.0.1",
-    "@atlaskit/emoji": "^67.6.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/menu": "^2.4.0",
-    "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/select": "^17.10.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.50.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "lodash": "^4.17.21",
-    "raf-schd": "^4.0.3",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "react-loadable": "^5.1.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0"
-  },
-  "devDependencies": {
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/dom": "^8.17.1",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.4.3",
-    "enzyme": "^3.10.0",
-    "react-dom": "^16.8.0",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": [
-        "atlassian-conventions"
-      ],
-      "circular-dependencies": [
-        "file-and-folder-level"
-      ]
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "analytics": [
-        "analytics-next"
-      ],
-      "design-tokens": [
-        "color"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "ui-components": [
-        "lite-mode"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "emotion"
-      ]
-    }
-  },
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "platform-feature-flags": {
-    "platform.editor.a11y-floating-toolbar-markup_vexmo": {
-      "type": "boolean"
-    },
-    "platform.editor.a11y-table-floating-toolbar-dropdown-menu_zkb33": {
-      "type": "boolean"
-    }
-  }
-}
+	"name": "@atlaskit/editor-plugin-floating-toolbar",
+	"version": "1.7.0",
+	"description": "Floating toolbar plugin for @atlaskit/editor-core",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"atlassian": {
+		"team": "Editor: Lego",
+		"singleton": true,
+		"releaseModel": "continuous",
+		"runReact18": false
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"af:exports": {
+		".": "./src/index.ts"
+	},
+	"dependencies": {
+		"@atlaskit/adf-utils": "^19.2.0",
+		"@atlaskit/button": "^17.17.0",
+		"@atlaskit/checkbox": "^13.4.0",
+		"@atlaskit/editor-common": "^82.8.0",
+		"@atlaskit/editor-palette": "1.6.0",
+		"@atlaskit/editor-plugin-block-controls": "^1.4.1",
+		"@atlaskit/editor-plugin-context-panel": "^1.1.0",
+		"@atlaskit/editor-plugin-copy-button": "^1.1.0",
+		"@atlaskit/editor-plugin-decorations": "^1.1.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^1.2.0",
+		"@atlaskit/editor-plugin-extension": "^1.6.0",
+		"@atlaskit/editor-plugin-table": "^7.17.0",
+		"@atlaskit/editor-prosemirror": "4.0.1",
+		"@atlaskit/emoji": "^67.6.0",
+		"@atlaskit/icon": "^22.3.0",
+		"@atlaskit/menu": "^2.4.0",
+		"@atlaskit/modal-dialog": "^12.13.0",
+		"@atlaskit/platform-feature-flags": "^0.2.5",
+		"@atlaskit/select": "^17.10.0",
+		"@atlaskit/theme": "^12.9.0",
+		"@atlaskit/tokens": "^1.50.0",
+		"@atlaskit/tooltip": "^18.4.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"lodash": "^4.17.21",
+		"raf-schd": "^4.0.3",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"react-loadable": "^5.1.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0"
+	},
+	"devDependencies": {
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/dom": "^8.17.1",
+		"@testing-library/react": "^12.1.5",
+		"@testing-library/user-event": "^14.4.3",
+		"enzyme": "^3.10.0",
+		"react-dom": "^16.8.0",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": [
+				"atlassian-conventions"
+			],
+			"circular-dependencies": [
+				"file-and-folder-level"
+			]
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"analytics": [
+				"analytics-next"
+			],
+			"design-tokens": [
+				"color"
+			],
+			"theming": [
+				"react-context"
+			],
+			"ui-components": [
+				"lite-mode"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"emotion"
+			]
+		}
+	},
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"platform-feature-flags": {
+		"platform.editor.a11y-floating-toolbar-markup_vexmo": {
+			"type": "boolean"
+		},
+		"platform.editor.a11y-table-floating-toolbar-dropdown-menu_zkb33": {
+			"type": "boolean"
+		}
+	}
+}