@atlaskit/renderer 128.2.3 → 128.3.1

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

@@ -37,7 +37,7 @@ var panelBaseStyles = css({
     position: 'relative',
     alignItems: 'normal',
     wordBreak: 'break-word',
-    backgroundColor: "var(--ds-background-accent-blue-subtlest, #DEEBFF)",
+    backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
     color: 'inherit',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-panel__icon': {
@@ -90,7 +90,7 @@ var panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&[data-panel-type="note"]': {
-      backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
+      backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-discovery, #AF59E1)"
@@ -98,7 +98,7 @@ var panelBaseStyles = css({
     },
     // 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
     '&[data-panel-type="tip"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -106,7 +106,7 @@ var panelBaseStyles = css({
     },
     // 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
     '&[data-panel-type="warning"]': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-warning, #E06C00)"
@@ -114,7 +114,7 @@ var panelBaseStyles = css({
     },
     // 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
     '&[data-panel-type="error"]': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFEBE6)",
+      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-danger, #C9372C)"
@@ -122,7 +122,7 @@ var panelBaseStyles = css({
     },
     // 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
     '&[data-panel-type="success"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -150,7 +150,7 @@ var panelNestedIconStyles = css({
 var nestedPanelStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-panel__content .ak-editor-panel': {
-    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E42)")
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
   }
 });
 var panelCustomBackground = css({

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

@@ -12,7 +12,9 @@ export default /*#__PURE__*/memo(function Status(props) {
   if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         userContext: 'document'
       }
@@ -24,7 +26,9 @@ export default /*#__PURE__*/memo(function Status(props) {
       isBold: fg('platform-component-visual-refresh')
     })));
   }
-  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     data: {
       userContext: 'document'
     }

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

@@ -13,7 +13,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { N40A } from '@atlaskit/theme/colors';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 export var tableStickyPadding = 8;
@@ -38,9 +37,9 @@ var fixedTableDivStaticStyles = css(_defineProperty(_defineProperty(_definePrope
   marginBottom: 0,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   tr: {
-    background: "var(--ds-surface, white)"
+    background: "var(--ds-surface, #FFFFFF)"
   }
-}), "borderTop", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, white)")), "background", "var(--ds-surface-overlay, white)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, ".concat(N40A, ")"))), "div[data-expanded='false'] &", {
+}), "borderTop", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, #FFFFFF)")), "background", "var(--ds-surface-overlay, #FFFFFF)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)")), "div[data-expanded='false'] &", {
   display: 'none'
 }), "& .".concat(TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.right-shadow::after, & .").concat(TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.left-shadow::before"), {
   top: '0px',

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

@@ -92,8 +92,7 @@ export var shouldHeaderPinBottom = function shouldHeaderPinBottom(scrollTop, tab
   return tableBottom - rowHeight <= scrollTop && !(tableBottom < scrollTop);
 };
 export var addSortableColumn = function addSortableColumn(rows, tableOrderStatus, onSorting
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-explicit-any
 ) {
   return React.Children.map(rows, function (row, index) {
     if (index === 0) {
@@ -704,7 +703,9 @@ var TableWithShadows = overflowShadow(TableProcessor, {
 var TableWithWidth = function TableWithWidth(props) {
   if (fg('platform-ssr-table-resize')) {
     var _props$columnWidths;
-    var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
+    var colWidthsSum =
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;
     if (colWidthsSum || props.allowTableResizing) {
@@ -721,7 +722,9 @@ var TableWithWidth = function TableWithWidth(props) {
       var _props$columnWidths2;
       var width = _ref3.width;
       var renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
-      var colWidthsSum = ((_props$columnWidths2 = props.columnWidths) === null || _props$columnWidths2 === void 0 ? void 0 : _props$columnWidths2.reduce(function (total, val) {
+      var colWidthsSum =
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+      ((_props$columnWidths2 = props.columnWidths) === null || _props$columnWidths2 === void 0 ? void 0 : _props$columnWidths2.reduce(function (total, val) {
         return total + val;
       }, 0)) || 0;
       if (colWidthsSum || props.allowTableResizing) {

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

@@ -36,7 +36,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
       if (rendererContext) {
         objectAri = rendererContext.objectAri || '';
       }
-      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: {
           userContext: 'document'
         }
@@ -52,7 +54,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
           disableOnChange: disableOnChange,
           taskDecisionProvider: taskDecisionProvider,
           contextIdentifierProvider: contextIdentifierProvider,
-          dataAttributes: dataAttributes,
+          dataAttributes: dataAttributes
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onChange: function onChange(_, isChecked) {
             dispatch(isChecked);
           }
@@ -75,7 +79,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
         providerFactory: this.providerFactory,
         renderNode: this.renderWithProvider

package/dist/esm/ui/Expand.js

@@ -42,12 +42,12 @@ var containerStyles = css({
   borderColor: 'transparent',
   borderRadius: "var(--ds-radius-small, 4px)",
   minHeight: '25px',
-  background: "var(--ds-background-neutral-subtle, transparent)",
+  background: "var(--ds-background-neutral-subtle, #00000000)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
   padding: "var(--ds-space-0, 0px)",
   paddingBottom: "var(--ds-space-0, 0px)",
-  marginTop: "var(--ds-space-050, 0.25rem)",
+  marginTop: "var(--ds-space-050, 4px)",
   marginBottom: 0,
   marginLeft: 0,
   marginRight: 0,
@@ -57,7 +57,7 @@ var containerStyles = css({
   }
 });
 var containerStylesExpanded = css({
-  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
+  background: "var(--ds-surface, #FFFFFF)",
   paddingBottom: "var(--ds-space-100, 8px)",
   borderColor: "var(--ds-border, #0B120E24)"
 });
@@ -228,14 +228,18 @@ function Expand(_ref2) {
     expanded: expanded,
     focused: focused
   }, nestedHeaderIds && nestedHeaderIds.length > 0 ? jsx(ActiveHeaderIdConsumer, {
-    nestedHeaderIds: nestedHeaderIds,
+    nestedHeaderIds: nestedHeaderIds
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
       if (!hasLoadedChildren) {
         setHasLoadedChildren(true);
       }
       setExpanded(true);
     }
-  }) : null, jsx(TitleContainer, {
+  }) : null, jsx(TitleContainer
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onClick: function onClick(e) {
       e.preventDefault();
       e.stopPropagation();

package/dist/esm/ui/ExtensionRenderer.js

@@ -130,7 +130,9 @@ export default function ExtensionRenderer(props) {
   if (!props.providers) {
     return setupAndRenderExtensionNode({});
   }
-  return jsx(WithProviders, {
+  return jsx(WithProviders
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     providers: ['extensionProvider'],
     providerFactory: props.providers,
     renderNode: setupAndRenderExtensionNode

package/dist/esm/ui/MediaCard.js

@@ -299,7 +299,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         mediaClient = _this$props7.mediaClient,
         dataAttributes = _this$props7.dataAttributes,
         enableSyncMediaCard = _this$props7.enableSyncMediaCard,
-        localId = _this$props7.localId;
+        localId = _this$props7.localId,
+        mediaViewerExtensions = _this$props7.mediaViewerExtensions;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -360,6 +361,7 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
         shouldHideTooltip: isMobile,
+        mediaViewerExtensions: mediaViewerExtensions,
         onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }));
     }