@atlaskit/editor-common 111.14.1 → 111.14.3

package/dist/es2019/react-node-view/index.js

@@ -13,9 +13,11 @@ import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
 export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
+  // Spreading props to pass through dynamic component props
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
+    // Spreading props to pass through dynamic component props
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "decorations", []);
@@ -88,6 +90,7 @@ export default class ReactNodeView {
     return this;
   }
 
+  // Spreading props to pass through dynamic component props
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   renderReactComponent(component) {
@@ -103,6 +106,7 @@ export default class ReactNodeView {
       }, component());
     };
     this.portalProviderAPI.render(componentWithErrorBoundary,
+    // Spreading props to pass through dynamic component props
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     this.domRef, this.key, undefined, this.shouldRenderImmediatelyInPortal);
@@ -120,6 +124,7 @@ export default class ReactNodeView {
   _handleRef(node) {
     const contentDOM = this.contentDOMWrapper || this.contentDOM;
     // @ts-ignore
+    // Spreading props to pass through dynamic component props
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let oldIgnoreMutation;
@@ -171,6 +176,7 @@ export default class ReactNodeView {
     }
   }
 
+  // Spreading props to pass through dynamic component props
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   render(props, forwardRef) {
@@ -179,8 +185,7 @@ export default class ReactNodeView {
       getPos: this.getPos,
       node: this.node,
       forwardRef: forwardRef
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
+      // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass through dynamic component props
     }, props)) : null;
   }
   update(node, decorations, _innerDecorations, validUpdate = () => true) {
@@ -222,6 +227,7 @@ export default class ReactNodeView {
     });
   }
   get dom() {
+    // Spreading props to pass through dynamic component props
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     return this.domRef;
@@ -235,6 +241,7 @@ export default class ReactNodeView {
     this.contentDOM = undefined;
   }
   static fromComponent(
+  // Spreading props to pass through dynamic component props
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "111.14.0";
+const packageVersion = "111.14.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -42,9 +42,27 @@ const EmojiNodeFunctional = props => {
     editorEmoji: true
   });
 };
-const EmojiNode = props => {
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(EmojiNodeFunctional, props);
+const EmojiNode = ({
+  allowTextFallback,
+  shortName,
+  id,
+  fallback,
+  fitToHeight,
+  showTooltip,
+  resourceConfig,
+  emojiProvider,
+  providers
+}) => {
+  return /*#__PURE__*/React.createElement(EmojiNodeFunctional, {
+    allowTextFallback: allowTextFallback,
+    shortName: shortName,
+    id: id,
+    fallback: fallback,
+    fitToHeight: fitToHeight,
+    showTooltip: showTooltip,
+    resourceConfig: resourceConfig,
+    emojiProvider: emojiProvider,
+    providers: providers
+  });
 };
 export default /*#__PURE__*/React.memo(EmojiNode);

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

@@ -78,21 +78,15 @@ export const expandLayoutWrapperStyle = css({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)"
 });
-export const ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef(
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-(props, ref) => {
-  const {
-    children,
-    ...rest
-  } = props;
-  return (
+export const ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef(({
+  children,
+  ...otherProps
+}, ref) => {
+  return jsx("div", _extends({
     // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading, @typescript-eslint/no-explicit-any
-    jsx("div", _extends({
-      css: expandLayoutWrapperStyle
-    }, rest, {
-      ref: ref
-    }), children)
-  );
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    css: expandLayoutWrapperStyle,
+    ref: ref
+    // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading otherProps to pass through HTML attributes (aria-*, data-*, event handlers, etc.) to the native div element
+  }, otherProps), children);
 });

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

@@ -145,16 +145,12 @@ export default function overflowShadow(Component, options) {
        * for a11y purposes.
        */
       const hasOverflowScroll = showRightShadow || showLeftShadow;
-      return (
-        /*#__PURE__*/
-        // Ignored via go/ees005
-        React.createElement(Component, _extends({
-          handleRef: this.handleContainer,
-          tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
-          shadowClassNames: classNames
-          // eslint-disable-next-line react/jsx-props-no-spreading
-        }, this.props))
-      );
+      return /*#__PURE__*/React.createElement(Component, _extends({
+        handleRef: this.handleContainer,
+        tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
+        shadowClassNames: classNames
+        // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass all component props through to wrapped generic component
+      }, this.props));
     }
   };
 }

package/dist/es2019/ui-menu/DropdownContainer/index.js

@@ -24,8 +24,7 @@ export const DropdownContainer = /*#__PURE__*/React.memo(function DropdownContai
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
     jsx(DropdownComponent
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
+    // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass through dynamic component props
     , _extends({}, props, {
       arrowKeyNavigationProviderOptions: newArrowKeyNavigationProviderOptions
     }))

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -114,8 +114,7 @@ const buttonStyles = (isActive, submenuActive) => {
 };
 const DropListWithOutsideClickTargetRef = props => {
   const setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
+  // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass through dynamic component props
   return jsx(DropList, _extends({
     onDroplistRef: setOutsideClickTargetRef
   }, props));
@@ -223,8 +222,7 @@ export default class DropdownMenuWrapper extends PureComponent {
       zIndex: zIndex || akEditorFloatingPanelZIndex,
       offset: offset
     }, jsx(ArrowKeyNavigationProvider
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
+    // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading navigationProviderProps to pass through dynamic component props
     , _extends({}, navigationProviderProps, {
       handleClose: this.handleCloseAndFocus,
       closeOnTab: true
@@ -309,8 +307,7 @@ const DropdownMenuItemCustomComponent = /*#__PURE__*/React.forwardRef((props, re
   } = props;
   return jsx("span", _extends({
     ref: ref
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
+    // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading rest to pass through dynamic component props
   }, rest, {
     style: {
       // This forces the item container back to be `position: static`, the default value.
@@ -408,7 +405,6 @@ export const DropdownMenuWithKeyboardNavigation = /*#__PURE__*/React.memo(
       ...props.arrowKeyNavigationProviderOptions,
       keyDownHandlerContext
     }
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
+    // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass through dynamic component props
   }, props));
 });

package/dist/esm/analytics/types/enums.js

@@ -541,6 +541,8 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_ITEM"] = "editorPluginSelectionExtensionItem";
   ACTION_SUBJECT_ID["EDITOR_PLUGIN_SELECTION_EXTENSION_COMPONENT"] = "editorPluginSelectionExtensionComponent";
   ACTION_SUBJECT_ID["TRANSFORM"] = "transform";
+  ACTION_SUBJECT_ID["BODIED_SYNCED_BLOCK"] = "bodiedSyncBlock";
+  ACTION_SUBJECT_ID["SYNCED_BLOCK"] = "syncBlock";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_TOOLBAR"] = "syncedBlockToolbar";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_COPY"] = "syncedBlockCopy";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_SOURCE_URL"] = "syncedBlockSourceUrl";

package/dist/esm/card/LinkToolbarButtonGroup.js

@@ -1,5 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["disabled"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -21,13 +19,11 @@ var buttonStyleNoneEvent = css({
   pointerEvents: 'none'
 });
 var DisallowedWrapper = function DisallowedWrapper(_ref) {
-  var _disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  // adding this ignore to avoid having to use compiled (can be fixed at a later date)
-  // @ts-ignore
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return jsx("div", props);
+  var disabled = _ref.disabled,
+    children = _ref.children;
+  return jsx("div", {
+    css: disabled ? disallowedWrapperStyle : defaultWrapperStyle
+  }, children);
 };
 
 /**
@@ -53,7 +49,6 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
       areAnyNewToolbarFlagsEnabled = _ref3.areAnyNewToolbarFlagsEnabled;
     var ButtonIcon = icon;
     return jsx(DisallowedWrapper, {
-      css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
       key: testId,
       disabled: disabled
     }, jsx(Button, {

package/dist/esm/card/ui/assets/card.js

@@ -1,25 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var IconCardGlyph = function IconCardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var IconCardGlyph = function IconCardGlyph(_ref) {
+  var ariaLabel = _ref['aria-label'],
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- style prop passed through from parent component
+    ,
+    style: style
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M8 9c-1.10457 0-2 .89543-2 2v10c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V11c0-1.10457-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Zm-4 3c-.55228 0-1 .4477-1 1s.44772 1 1 1h14c.5523 0 1-.4477 1-1s-.4477-1-1-1H9Zm-1 4c0-.5523.44772-1 1-1h6c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1Z",
     fill: "currentColor"
   }));
 };
-export var IconCard = function IconCard(_ref) {
-  var label = _ref.label;
+export var IconCard = function IconCard(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement(IconCardGlyph, {
     "aria-label": label,
     style: {

package/dist/esm/card/ui/assets/embed.js

@@ -1,25 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var IconEmbedGlyph = function IconEmbedGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var IconEmbedGlyph = function IconEmbedGlyph(_ref) {
+  var ariaLabel = _ref['aria-label'],
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- style prop passed through from parent component
+    ,
+    style: style
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M8 6c-1.10457 0-2 .89543-2 2v16c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V8c0-1.10457-.8954-2-2-2H8Zm1 2c-.55228 0-1 .44772-1 1v2c0 .5523.44772 1 1 1h2c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1H9Zm4.5 1.5c-.2761 0-.5.22386-.5.5 0 .2761.2239.5.5.5h10c.2761 0 .5-.2239.5-.5 0-.27614-.2239-.5-.5-.5h-10ZM9 14c-.55228 0-1 .4477-1 1v8c0 .5523.44772 1 1 1h14c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1H9Zm6 2.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5.5-1-1-2 2h8v-1.8L18 19l-3 3Z",
     fill: "currentColor"
   }));
 };
-export var IconEmbed = function IconEmbed(_ref) {
-  var label = _ref.label;
+export var IconEmbed = function IconEmbed(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement(IconEmbedGlyph, {
     "aria-label": label,
     style: {

package/dist/esm/card/ui/assets/inline.js

@@ -1,25 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var IconInlineGlyph = function IconInlineGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var IconInlineGlyph = function IconInlineGlyph(_ref) {
+  var ariaLabel = _ref['aria-label'],
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- style prop passed through from parent component
+    ,
+    style: style
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M8 12c-1.10457 0-2 .8954-2 2v4c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2v-4c0-1.1046-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Z",
     fill: "currentColor"
   }));
 };
-export var IconInline = function IconInline(_ref) {
-  var label = _ref.label;
+export var IconInline = function IconInline(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement(IconInlineGlyph, {
     "aria-label": label,
     style: {

package/dist/esm/card/ui/assets/url.js

@@ -1,17 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var IconUrlGlyph = function IconUrlGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var IconUrlGlyph = function IconUrlGlyph(_ref) {
+  var ariaLabel = _ref['aria-label'],
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "32",
     height: "32",
     viewBox: "0 0 32 32",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("rect", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- style prop passed through from parent component
+    ,
+    style: style
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "6",
     y: "15",
     width: "20",
@@ -20,8 +23,8 @@ var IconUrlGlyph = function IconUrlGlyph(props) {
     fill: "currentColor"
   }));
 };
-export var IconUrl = function IconUrl(_ref) {
-  var label = _ref.label;
+export var IconUrl = function IconUrl(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement(IconUrlGlyph, {
     "aria-label": label,
     style: {

package/dist/esm/icons/shared/BorderIcon.js

@@ -1,17 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var BorderIconGlyph = function BorderIconGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var BorderIconGlyph = function BorderIconGlyph(_ref) {
+  var ariaLabel = _ref['aria-label'],
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- style prop passed through from parent component
+    ,
+    style: style
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M8.33333 8C8.15267 8 8 8.14933 8 8.33333V15.6667C8.0007 15.7549 8.03604 15.8392 8.0984 15.9016C8.16076 15.964 8.24514 15.9993 8.33333 16H15.6667C15.8473 16 16 15.8507 16 15.6667V8.33333C16 8.15267 15.8507 8 15.6667 8H8.33333Z",
     fill: "currentColor"
   }), /*#__PURE__*/React.createElement("path", {
@@ -21,8 +24,8 @@ var BorderIconGlyph = function BorderIconGlyph(props) {
     fill: "currentColor"
   }));
 };
-export var BorderIcon = function BorderIcon(_ref) {
-  var label = _ref.label;
+export var BorderIcon = function BorderIcon(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement(BorderIconGlyph, {
     "aria-label": label
   });

package/dist/esm/icons/shared/PanelErrorIcon.js

@@ -1,29 +1,28 @@
 /* PanelErrorIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./PanelErrorIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var iconStyles = null;
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var PanelErrorGlyph = function PanelErrorGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var PanelErrorGlyph = function PanelErrorGlyph(_ref) {
+  var role = _ref.role;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    role: role
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M13.8562 11.9112L16.5088 9.26C16.7433 9.02545 16.8751 8.70733 16.8751 8.37563C16.8751 8.04392 16.7433 7.7258 16.5088 7.49125C16.2742 7.2567 15.9561 7.12493 15.6244 7.12493C15.2927 7.12493 14.9746 7.2567 14.74 7.49125L12.09 10.1438L9.4375 7.49125C9.20295 7.25686 8.8849 7.12526 8.55331 7.12537C8.22172 7.12549 7.90376 7.25732 7.66937 7.49188C7.43499 7.72643 7.30338 8.04448 7.3035 8.37607C7.30361 8.70766 7.43545 9.02561 7.67 9.26L10.32 11.91L7.67 14.5625C7.4423 14.7983 7.31631 15.114 7.31916 15.4418C7.32201 15.7695 7.45347 16.083 7.68523 16.3148C7.91699 16.5465 8.2305 16.678 8.55825 16.6808C8.88599 16.6837 9.20175 16.5577 9.4375 16.33L12.0888 13.68L14.74 16.33C14.8561 16.4461 14.9939 16.5383 15.1455 16.6012C15.2972 16.664 15.4597 16.6964 15.6239 16.6965C15.7881 16.6966 15.9507 16.6643 16.1024 16.6015C16.2541 16.5387 16.392 16.4467 16.5081 16.3306C16.6243 16.2146 16.7164 16.0768 16.7793 15.9251C16.8422 15.7734 16.8746 15.6109 16.8746 15.4467C16.8747 15.2825 16.8424 15.1199 16.7796 14.9682C16.7168 14.8165 16.6248 14.6786 16.5088 14.5625L13.8562 11.9112V11.9112ZM12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22V22Z",
     fill: "currentColor"
   }));
 };
-export var PanelErrorIcon = function PanelErrorIcon(_ref) {
-  var label = _ref.label;
+export var PanelErrorIcon = function PanelErrorIcon(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement("span", {
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,

package/dist/esm/icons/shared/PanelInfoIcon.js

@@ -1,29 +1,28 @@
 /* PanelInfoIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./PanelInfoIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var iconStyles = null;
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var PanelInfoGlyph = function PanelInfoGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var PanelInfoGlyph = function PanelInfoGlyph(_ref) {
+  var role = _ref.role;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    role: role
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22V22ZM12 11.375C11.6685 11.375 11.3505 11.5067 11.1161 11.7411C10.8817 11.9755 10.75 12.2935 10.75 12.625V15.75C10.75 16.0815 10.8817 16.3995 11.1161 16.6339C11.3505 16.8683 11.6685 17 12 17C12.3315 17 12.6495 16.8683 12.8839 16.6339C13.1183 16.3995 13.25 16.0815 13.25 15.75V12.625C13.25 12.2935 13.1183 11.9755 12.8839 11.7411C12.6495 11.5067 12.3315 11.375 12 11.375ZM12 9.96875C12.4558 9.96875 12.893 9.78767 13.2153 9.46534C13.5377 9.14301 13.7188 8.70584 13.7188 8.25C13.7188 7.79416 13.5377 7.35699 13.2153 7.03466C12.893 6.71233 12.4558 6.53125 12 6.53125C11.5442 6.53125 11.107 6.71233 10.7847 7.03466C10.4623 7.35699 10.2812 7.79416 10.2812 8.25C10.2812 8.70584 10.4623 9.14301 10.7847 9.46534C11.107 9.78767 11.5442 9.96875 12 9.96875Z",
     fill: "currentColor"
   }));
 };
-export var PanelInfoIcon = function PanelInfoIcon(_ref) {
-  var label = _ref.label;
+export var PanelInfoIcon = function PanelInfoIcon(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement("span", {
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,

package/dist/esm/icons/shared/PanelNoteIcon.js

@@ -1,21 +1,19 @@
 /* PanelNoteIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./PanelNoteIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var iconStyles = null;
-
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var PanelNoteGlyph = function PanelNoteGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var PanelNoteGlyph = function PanelNoteGlyph(_ref) {
+  var role = _ref.role;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    role: role
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7 2H17C17.663 2 18.2989 2.26339 18.7678 2.73223C19.2366 3.20107 19.5 3.83696 19.5 4.5V19.5C19.5 20.163 19.2366 20.7989 18.7678 21.2678C18.2989 21.7366 17.663 22 17 22H7C6.33696 22 5.70107 21.7366 5.23223 21.2678C4.76339 20.7989 4.5 20.163 4.5 19.5V4.5C4.5 3.83696 4.76339 3.20107 5.23223 2.73223C5.70107 2.26339 6.33696 2 7 2ZM8.875 7C8.70924 7 8.55027 7.06585 8.43306 7.18306C8.31585 7.30027 8.25 7.45924 8.25 7.625V8.875C8.25 9.04076 8.31585 9.19973 8.43306 9.31694C8.55027 9.43415 8.70924 9.5 8.875 9.5H15.125C15.2908 9.5 15.4497 9.43415 15.5669 9.31694C15.6842 9.19973 15.75 9.04076 15.75 8.875V7.625C15.75 7.45924 15.6842 7.30027 15.5669 7.18306C15.4497 7.06585 15.2908 7 15.125 7H8.875ZM8.875 12C8.70924 12 8.55027 12.0658 8.43306 12.1831C8.31585 12.3003 8.25 12.4592 8.25 12.625V13.875C8.25 14.0408 8.31585 14.1997 8.43306 14.3169C8.55027 14.4342 8.70924 14.5 8.875 14.5H12.625C12.7908 14.5 12.9497 14.4342 13.0669 14.3169C13.1842 14.1997 13.25 14.0408 13.25 13.875V12.625C13.25 12.4592 13.1842 12.3003 13.0669 12.1831C12.9497 12.0658 12.7908 12 12.625 12H8.875Z",

package/dist/esm/icons/shared/PanelSuccessIcon.js

@@ -1,29 +1,28 @@
 /* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./PanelSuccessIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var iconStyles = null;
 
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
-var PanelSuccessGlyph = function PanelSuccessGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var PanelSuccessGlyph = function PanelSuccessGlyph(_ref) {
+  var role = _ref.role;
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), /*#__PURE__*/React.createElement("path", {
+    xmlns: "http://www.w3.org/2000/svg",
+    role: role
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22V22ZM13.705 8.295L11.015 13.4325L9.08625 11.695C8.9642 11.5852 8.82172 11.5005 8.66694 11.4457C8.51216 11.391 8.3481 11.3672 8.18415 11.3759C8.0202 11.3845 7.85955 11.4254 7.71139 11.4961C7.56322 11.5669 7.43044 11.6661 7.32063 11.7881C7.21081 11.9102 7.1261 12.0527 7.07135 12.2074C7.0166 12.3622 6.99287 12.5263 7.00152 12.6902C7.01016 12.8542 7.05102 13.0148 7.12175 13.163C7.19248 13.3112 7.2917 13.4439 7.41375 13.5538L10.5388 16.3663C10.6803 16.4938 10.8492 16.5872 11.0325 16.6395C11.2157 16.6917 11.4085 16.7014 11.596 16.6678C11.7836 16.6341 11.9609 16.558 12.1146 16.4453C12.2682 16.3326 12.3941 16.1863 12.4825 16.0175L15.92 9.455C16.0738 9.16127 16.1047 8.81847 16.0057 8.502C15.9068 8.18553 15.6862 7.92133 15.3925 7.7675C15.0988 7.61367 14.756 7.58283 14.4395 7.68176C14.123 7.78068 13.8588 8.00127 13.705 8.295V8.295Z",
     fill: "currentColor"
   }));
 };
-export var PanelSuccessIcon = function PanelSuccessIcon(_ref) {
-  var label = _ref.label;
+export var PanelSuccessIcon = function PanelSuccessIcon(_ref2) {
+  var label = _ref2.label;
   return /*#__PURE__*/React.createElement("span", {
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,