@atlaskit/renderer 136.1.7 → 136.2.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/renderer
 
+## 136.2.1
+
+### Patch Changes
+
+- [`de41cde76539d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de41cde76539d) -
+  [ux] EDITOR-8647 fix sticky header mask for rounded table in panel
+
+## 136.2.0
+
+### Minor Changes
+
+- [`67cb56528e699`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/67cb56528e699) -
+  Add emojiProviderLookupOrder as an optional override for the shortName-only emoji lookup priority
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 136.1.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -49,6 +49,9 @@
 		{
 			"path": "../../../design-system/css/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-card-provider/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-json-transformer/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -49,6 +49,9 @@
 		{
 			"path": "../../../design-system/css/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../editor-card-provider/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-json-transformer/afm-products/tsconfig.json"
 		},

package/dist/cjs/react/index.js

@@ -213,6 +213,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
+    this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
     this.emojiResourceConfig = init.emojiResourceConfig;
     this.smartLinks = init.smartLinks;
     this.extensionViewportSizes = init.extensionViewportSizes;
@@ -563,6 +564,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     value: function getEmojiProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       return _objectSpread(_objectSpread({}, this.getProps(node, path)), {}, {
+        emojiProviderLookupOrder: (0, _platformFeatureFlags.fg)('platform_bitbucket_fix_shortname_and_ordering') ? this.emojiProviderLookupOrder : undefined,
         resourceConfig: this.emojiResourceConfig
       });
     }

package/dist/cjs/react/nodes/emoji.js

@@ -53,6 +53,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         fallback = _this$props.fallback,
         fitToHeight = _this$props.fitToHeight,
         showTooltip = _this$props.showTooltip,
+        emojiProviderLookupOrder = _this$props.emojiProviderLookupOrder,
         resourceConfig = _this$props.resourceConfig;
       if (allowTextFallback && !providers.emojiProvider) {
         // When the gate is enabled and the fallback text is not a single
@@ -84,6 +85,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           fallback: fallback,
           shortName: shortName
         },
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         emojiProvider: providers.emojiProvider,
         showTooltip: showTooltip,
         fitToHeight: fitToHeight,
@@ -135,6 +137,7 @@ var EmojiItemComponent = exports.EmojiItemComponent = function EmojiItemComponen
     shortName = props.shortName,
     text = props.text,
     fitToHeight = props.fitToHeight,
+    emojiProviderLookupOrder = props.emojiProviderLookupOrder,
     resourceConfig = props.resourceConfig;
   var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
   if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
@@ -148,6 +151,7 @@ var EmojiItemComponent = exports.EmojiItemComponent = function EmojiItemComponen
         fallback: text,
         providers: providers,
         fitToHeight: fitToHeight,
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         resourceConfig: resourceConfig
       }))
     );
@@ -159,6 +163,7 @@ var EmojiItemComponent = exports.EmojiItemComponent = function EmojiItemComponen
     fallback: text,
     providers: providers,
     fitToHeight: fitToHeight,
+    emojiProviderLookupOrder: emojiProviderLookupOrder,
     resourceConfig: resourceConfig
   });
 };

package/dist/cjs/react/nodes/index.js

@@ -179,13 +179,12 @@ var _table = _interopRequireDefault(require("./table"));
 var _tableCell = require("./tableCell");
 var _tableRow = _interopRequireDefault(require("./tableRow"));
 var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
-var _nodes = require("./nodes");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } /* eslint-disable @atlaskit/editor/no-re-export */ // Mapping file
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
+
 var WindowedCodeBlock = exports.WindowedCodeBlock = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -516,7 +515,7 @@ var toReact = exports.toReact = function toReact(node, flags, nodeComponents
   }
 
   // Allowing custom components to override those provided in nodeToReact
-  var nodes = _objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_remove_react-loadable_renderer') ? _nodes.nodeToReact : nodeToReact), nodeComponents);
+  var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
   if (node.type.name === 'codeBlock') {
     var _nodes$codeBlock;
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {

package/dist/cjs/react/nodes/panel-compiled.compiled.css

@@ -6,6 +6,7 @@
 ._13n84jg8.ak-editor-panel{align-items:normal}
 ._1554u2gc.ak-editor-panel{padding-top:var(--ds-space-100,8px)}
 ._15sp1vk5.ak-editor-panel[data-panel-type=error]{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
+._18hz1vk5.ak-editor-panel[data-panel-type=error]{--ak-renderer-panel-bg-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
 ._18w0h2mm.ak-editor-panel{position:relative}
 ._18y8qm1h.ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon{color:var(--ds-icon-discovery,#af59e1)}
 ._19agidpf.ak-editor-panel .ak-editor-panel__content{flex-shrink:0}
@@ -37,18 +38,24 @@
 ._66ohu2gc.ak-editor-panel{padding-left:var(--ds-space-100,8px)}
 ._6qwr1hna.ak-editor-panel{word-break:break-word}
 ._7c6p1t9x.ak-editor-panel .ak-editor-panel__icon .emoji-common-emoji-image{vertical-align:var(--_1glv3p1)}
+._93eu1aok.ak-editor-panel[data-panel-type=custom]{--ak-renderer-panel-bg-color:var(--ak-renderer-panel-custom-bg-color)}
 ._9dunutpp.ak-editor-panel__no-icon{padding-left:var(--ds-space-150,9pt)}
+._a9e5p2ly.ak-editor-panel[data-panel-type=note]{--ak-renderer-panel-bg-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
 ._e5ovn729.ak-editor-panel[data-panel-type=tip]{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
+._eba1ibhp.ak-editor-panel[data-panel-type=warning]{--ak-renderer-panel-bg-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
 ._fc9iidpf.ak-editor-panel .ak-editor-panel__content{min-width:0}
 ._g8a34pcx.ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon{color:var(--ds-icon-success,#6a9a23)}
 ._gb1eidpf.ak-editor-panel .ak-editor-panel__content{margin-left:0}
+._giv8n729.ak-editor-panel[data-panel-type=success]{--ak-renderer-panel-bg-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._gt7x4pcx.ak-editor-panel[data-panel-type=success] .ak-editor-panel__icon{color:var(--ds-icon-success,#6a9a23)}
 ._iqv91kw7.ak-editor-panel{color:inherit}
 ._jde2v77o.ak-editor-panel .ak-editor-panel__content{margin-top:var(--ds-space-025,2px)}
+._niep1s93.ak-editor-panel{--ak-renderer-panel-bg-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
 ._nlelp2ly.ak-editor-panel[data-panel-type=note]{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
 ._pzbautpp.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt)}
 ._s4ldn729.ak-editor-panel[data-panel-type=success]{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._ujht1s93.ak-editor-panel{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
+._vy90n729.ak-editor-panel[data-panel-type=tip]{--ak-renderer-panel-bg-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._wz94glyw.ak-editor-panel .ak-editor-panel__icon{-moz-user-select:none}
 ._zs6jglyw.ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none}
 @-moz-document url-prefix(){._udsa1o8l.ak-editor-panel .ak-editor-panel__icon .emoji-common-emoji-image img{display:inline-block}}

package/dist/cjs/react/nodes/panel-compiled.js

@@ -33,6 +33,7 @@ var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 var blockNodesVerticalMargin = '0.75rem';
 var akEditorTableCellMinWidth = 48;
 var panelBaseStyles = null;
+var panelBackgroundColorVariableStyles = null;
 var panelHasNoIconStyles = null;
 var panelInfoIconStyles = null;
 var panelNestedIconStyles = null;
@@ -47,7 +48,7 @@ var PanelStyledCompiled = exports.PanelStyledCompiled = function PanelStyledComp
   var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
-    className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
+    className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
     style: _objectSpread(_objectSpread({}, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor

package/dist/cjs/react/nodes/panel-emotion.js

@@ -135,6 +135,32 @@ var panelBaseStyles = (0, _react2.css)({
     }
   }
 });
+var panelBackgroundColorVariableStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.ak-editor-panel': {
+    '--ak-renderer-panel-bg-color': "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="note"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="tip"], &[data-panel-type="success"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-green-subtlest, #DCFFF1)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="warning"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="error"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-red-subtlest, #FFECEB)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="custom"]': {
+      '--ak-renderer-panel-bg-color': 'var(--ak-renderer-panel-custom-bg-color)'
+    }
+  }
+});
 var panelHasNoIconStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&.ak-editor-panel': {
@@ -187,7 +213,7 @@ var PanelStyledEmotion = exports.PanelStyledEmotion = function PanelStyledEmotio
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
+    css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

package/dist/cjs/react/nodes/table/sticky.js

@@ -13,6 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _table = require("./table");
 var _injectProps = require("../../utils/inject-props");
@@ -41,6 +42,17 @@ var suppressExternalStickStyles = (0, _react2.css)({
     background: "var(--ds-surface, #FFFFFF)"
   }
 });
+var panelAwareStickyTableStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Override external renderer wrapper styles targeting div[mode='stick']
+  "&.fixed-table-div-custom-table-resizing[mode='stick']": {
+    background: "var(--ak-renderer-panel-bg-color, ".concat("var(--ds-surface, #FFFFFF)", ")")
+  }
+}, "& .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ", & .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  tr: {
+    background: "var(--ak-renderer-panel-bg-color, ".concat("var(--ds-surface, #FFFFFF)", ")")
+  }
+}), "borderTopColor", "var(--ak-renderer-panel-bg-color, ".concat("var(--ds-surface, #FFFFFF)", ")")), "background", "var(--ak-renderer-panel-bg-color, ".concat("var(--ds-surface-overlay, #FFFFFF)", ")")));
 
 // refactored based on fixedTableDivStaticStyles
 // TODO: DSP-4123 - Quality ticket
@@ -81,7 +93,7 @@ var FixedTableDiv = function FixedTableDiv(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : '',
-    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles],
+    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelAwareStickyTableStyles],
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: "".concat(wrapperWidth, "px"),

package/dist/cjs/ui/Renderer/index.js

@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "136.1.6";
+var packageVersion = "136.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -262,6 +262,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       surroundTextNodesWithTextWrapper: allowAnnotationsDraftMode,
       media: props.media,
       mentionNodeDataProvider: props.mentionNodeDataProvider,
+      emojiProviderLookupOrder: props.emojiProviderLookupOrder,
       emojiResourceConfig: props.emojiResourceConfig,
       smartLinks: props.smartLinks,
       extensionViewportSizes: props.extensionViewportSizes,

package/dist/es2019/react/index.js

@@ -200,6 +200,7 @@ export default class ReactSerializer {
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
+    this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
     this.emojiResourceConfig = init.emojiResourceConfig;
     this.smartLinks = init.smartLinks;
     this.extensionViewportSizes = init.extensionViewportSizes;
@@ -509,6 +510,7 @@ export default class ReactSerializer {
   getEmojiProps(node, path = []) {
     return {
       ...this.getProps(node, path),
+      emojiProviderLookupOrder: fg('platform_bitbucket_fix_shortname_and_ordering') ? this.emojiProviderLookupOrder : undefined,
       resourceConfig: this.emojiResourceConfig
     };
   }

package/dist/es2019/react/nodes/emoji.js

@@ -39,6 +39,7 @@ class EmojiNode extends PureComponent {
         fallback,
         fitToHeight,
         showTooltip,
+        emojiProviderLookupOrder,
         resourceConfig
       } = this.props;
       if (allowTextFallback && !providers.emojiProvider) {
@@ -71,6 +72,7 @@ class EmojiNode extends PureComponent {
           fallback,
           shortName
         },
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         emojiProvider: providers.emojiProvider,
         showTooltip: showTooltip,
         fitToHeight: fitToHeight,
@@ -116,6 +118,7 @@ export const EmojiItemComponent = props => {
     shortName,
     text,
     fitToHeight,
+    emojiProviderLookupOrder,
     resourceConfig
   } = props;
   const inlineAnnotationProps = useInlineAnnotationProps(props);
@@ -130,6 +133,7 @@ export const EmojiItemComponent = props => {
         fallback: text,
         providers: providers,
         fitToHeight: fitToHeight,
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         resourceConfig: resourceConfig
       }))
     );
@@ -141,6 +145,7 @@ export const EmojiItemComponent = props => {
     fallback: text,
     providers: providers,
     fitToHeight: fitToHeight,
+    emojiProviderLookupOrder: emojiProviderLookupOrder,
     resourceConfig: resourceConfig
   });
 };

package/dist/es2019/react/nodes/index.js

@@ -29,8 +29,6 @@ import UnknownBlock from './unknownBlock';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 
-import { nodeToReact as nodeToReactNew } from './nodes';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const WindowedCodeBlock = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
   './codeBlock/windowedCodeBlock').then(mod => mod.default),
@@ -194,7 +192,7 @@ export const toReact = (node, flags, nodeComponents
 
   // Allowing custom components to override those provided in nodeToReact
   const nodes = {
-    ...(isExperimentEnabled('platform_editor_remove_react-loadable_renderer') ? nodeToReactNew : nodeToReact),
+    ...nodeToReact,
     ...nodeComponents
   };
   if (node.type.name === 'codeBlock') {

package/dist/es2019/react/nodes/panel-compiled.compiled.css

@@ -5,6 +5,7 @@
 ._13n84jg8.ak-editor-panel{align-items:normal}
 ._1554u2gc.ak-editor-panel{padding-top:var(--ds-space-100,8px)}
 ._15sp1vk5.ak-editor-panel[data-panel-type=error]{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
+._18hz1vk5.ak-editor-panel[data-panel-type=error]{--ak-renderer-panel-bg-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
 ._18w0h2mm.ak-editor-panel{position:relative}
 ._18y8qm1h.ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon{color:var(--ds-icon-discovery,#af59e1)}
 ._19agidpf.ak-editor-panel .ak-editor-panel__content{flex-shrink:0}
@@ -38,19 +39,25 @@
 ._66ohu2gc.ak-editor-panel{padding-left:var(--ds-space-100,8px)}
 ._6qwr1hna.ak-editor-panel{word-break:break-word}
 ._7c6pj39m.ak-editor-panel .ak-editor-panel__icon .emoji-common-emoji-image{vertical-align:-3px}
+._93eu1aok.ak-editor-panel[data-panel-type=custom]{--ak-renderer-panel-bg-color:var(--ak-renderer-panel-custom-bg-color)}
 ._9dunutpp.ak-editor-panel__no-icon{padding-left:var(--ds-space-150,9pt)}
+._a9e5p2ly.ak-editor-panel[data-panel-type=note]{--ak-renderer-panel-bg-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
 ._e5ovn729.ak-editor-panel[data-panel-type=tip]{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
+._eba1ibhp.ak-editor-panel[data-panel-type=warning]{--ak-renderer-panel-bg-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
 ._fc9iidpf.ak-editor-panel .ak-editor-panel__content{min-width:0}
 ._g8a34pcx.ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon{color:var(--ds-icon-success,#6a9a23)}
 ._gb1eidpf.ak-editor-panel .ak-editor-panel__content{margin-left:0}
+._giv8n729.ak-editor-panel[data-panel-type=success]{--ak-renderer-panel-bg-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._gt7x4pcx.ak-editor-panel[data-panel-type=success] .ak-editor-panel__icon{color:var(--ds-icon-success,#6a9a23)}
 ._iqv91kw7.ak-editor-panel{color:inherit}
 ._jde2v77o.ak-editor-panel .ak-editor-panel__content{margin-top:var(--ds-space-025,2px)}
+._niep1s93.ak-editor-panel{--ak-renderer-panel-bg-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
 ._nlelp2ly.ak-editor-panel[data-panel-type=note]{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
 ._pzbautpp.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt)}
 ._s4ldn729.ak-editor-panel[data-panel-type=success]{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._u70eidpf.ak-editor-panel{margin-bottom:0}
 ._ujht1s93.ak-editor-panel{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
+._vy90n729.ak-editor-panel[data-panel-type=tip]{--ak-renderer-panel-bg-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
 ._wz94glyw.ak-editor-panel .ak-editor-panel__icon{-moz-user-select:none}
 ._xmo1idpf.ak-editor-panel{margin-right:0}
 ._zs6jglyw.ak-editor-panel .ak-editor-panel__icon{-webkit-user-select:none}

package/dist/es2019/react/nodes/panel-compiled.js

@@ -21,6 +21,7 @@ const panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 const blockNodesVerticalMargin = '0.75rem';
 const akEditorTableCellMinWidth = 48;
 const panelBaseStyles = null;
+const panelBackgroundColorVariableStyles = null;
 const panelHasNoIconStyles = null;
 const panelInfoIconStyles = null;
 const panelNestedIconStyles = null;
@@ -36,7 +37,7 @@ export const PanelStyledCompiled = ({
   const customBackgroundColor = backgroundColor ? hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
-    className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
+    className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor

package/dist/es2019/react/nodes/panel-emotion.js

@@ -127,6 +127,32 @@ const panelBaseStyles = css({
     }
   }
 });
+const panelBackgroundColorVariableStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&.ak-editor-panel': {
+    '--ak-renderer-panel-bg-color': "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="note"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="tip"], &[data-panel-type="success"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-green-subtlest, #DCFFF1)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="warning"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="error"]': {
+      '--ak-renderer-panel-bg-color': "var(--ds-background-accent-red-subtlest, #FFECEB)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&[data-panel-type="custom"]': {
+      '--ak-renderer-panel-bg-color': 'var(--ak-renderer-panel-custom-bg-color)'
+    }
+  }
+});
 const panelHasNoIconStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&.ak-editor-panel': {
@@ -180,7 +206,7 @@ export const PanelStyledEmotion = ({
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
+    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

package/dist/es2019/react/nodes/table/sticky.js

@@ -8,6 +8,7 @@ import React from 'react';
 import { jsx, css } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
@@ -29,6 +30,21 @@ const suppressExternalStickStyles = css({
     background: "var(--ds-surface, #FFFFFF)"
   }
 });
+const panelAwareStickyTableStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Override external renderer wrapper styles targeting div[mode='stick']
+  "&.fixed-table-div-custom-table-resizing[mode='stick']": {
+    background: `var(--ak-renderer-panel-bg-color, ${"var(--ds-surface, #FFFFFF)"})`
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  [`& .${TableSharedCssClassName.TABLE_CONTAINER}, & .${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    tr: {
+      background: `var(--ak-renderer-panel-bg-color, ${"var(--ds-surface, #FFFFFF)"})`
+    }
+  },
+  borderTopColor: `var(--ak-renderer-panel-bg-color, ${"var(--ds-surface, #FFFFFF)"})`,
+  background: `var(--ak-renderer-panel-bg-color, ${"var(--ds-surface-overlay, #FFFFFF)"})`
+});
 
 // refactored based on fixedTableDivStaticStyles
 // TODO: DSP-4123 - Quality ticket
@@ -82,7 +98,7 @@ const FixedTableDiv = props => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : '',
-    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles],
+    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelAwareStickyTableStyles],
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: `${wrapperWidth}px`,

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

@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "136.1.6";
+const packageVersion = "136.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -254,6 +254,7 @@ export const RendererFunctionalComponent = props => {
       surroundTextNodesWithTextWrapper: allowAnnotationsDraftMode,
       media: props.media,
       mentionNodeDataProvider: props.mentionNodeDataProvider,
+      emojiProviderLookupOrder: props.emojiProviderLookupOrder,
       emojiResourceConfig: props.emojiResourceConfig,
       smartLinks: props.smartLinks,
       extensionViewportSizes: props.extensionViewportSizes,

package/dist/esm/react/index.js

@@ -206,6 +206,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.media = init.media;
     this.mentionNodeDataProvider = init.mentionNodeDataProvider;
+    this.emojiProviderLookupOrder = init.emojiProviderLookupOrder;
     this.emojiResourceConfig = init.emojiResourceConfig;
     this.smartLinks = init.smartLinks;
     this.extensionViewportSizes = init.extensionViewportSizes;
@@ -556,6 +557,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     value: function getEmojiProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       return _objectSpread(_objectSpread({}, this.getProps(node, path)), {}, {
+        emojiProviderLookupOrder: fg('platform_bitbucket_fix_shortname_and_ordering') ? this.emojiProviderLookupOrder : undefined,
         resourceConfig: this.emojiResourceConfig
       });
     }

package/dist/esm/react/nodes/emoji.js

@@ -48,6 +48,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         fallback = _this$props.fallback,
         fitToHeight = _this$props.fitToHeight,
         showTooltip = _this$props.showTooltip,
+        emojiProviderLookupOrder = _this$props.emojiProviderLookupOrder,
         resourceConfig = _this$props.resourceConfig;
       if (allowTextFallback && !providers.emojiProvider) {
         // When the gate is enabled and the fallback text is not a single
@@ -79,6 +80,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
           fallback: fallback,
           shortName: shortName
         },
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         emojiProvider: providers.emojiProvider,
         showTooltip: showTooltip,
         fitToHeight: fitToHeight,
@@ -130,6 +132,7 @@ export var EmojiItemComponent = function EmojiItemComponent(props) {
     shortName = props.shortName,
     text = props.text,
     fitToHeight = props.fitToHeight,
+    emojiProviderLookupOrder = props.emojiProviderLookupOrder,
     resourceConfig = props.resourceConfig;
   var inlineAnnotationProps = useInlineAnnotationProps(props);
   if (fg('editor_inline_comments_on_inline_nodes')) {
@@ -143,6 +146,7 @@ export var EmojiItemComponent = function EmojiItemComponent(props) {
         fallback: text,
         providers: providers,
         fitToHeight: fitToHeight,
+        emojiProviderLookupOrder: emojiProviderLookupOrder,
         resourceConfig: resourceConfig
       }))
     );
@@ -154,6 +158,7 @@ export var EmojiItemComponent = function EmojiItemComponent(props) {
     fallback: text,
     providers: providers,
     fitToHeight: fitToHeight,
+    emojiProviderLookupOrder: emojiProviderLookupOrder,
     resourceConfig: resourceConfig
   });
 };

package/dist/esm/react/nodes/index.js

@@ -32,8 +32,6 @@ import UnknownBlock from './unknownBlock';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 
-import { nodeToReact as nodeToReactNew } from './nodes';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 var WindowedCodeBlock = Loadable({
   loader: function loader() {
     return import( /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
@@ -322,7 +320,7 @@ export var toReact = function toReact(node, flags, nodeComponents
   }
 
   // Allowing custom components to override those provided in nodeToReact
-  var nodes = _objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_remove_react-loadable_renderer') ? nodeToReactNew : nodeToReact), nodeComponents);
+  var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
   if (node.type.name === 'codeBlock') {
     var _nodes$codeBlock;
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {