@atlaskit/renderer 108.1.2 → 108.1.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 108.1.3
+
+### Patch Changes
+
+- [`077e086c53f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/077e086c53f) - [ux] ED-17971 Changes the color token used for table borders and background of table controls and numbered column.
+- [`65ff31a2ad4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65ff31a2ad4) - use onError prop on smart card to handle errors
+- Updated dependencies
+
 ## 108.1.2
 
 ### Patch Changes

package/dist/cjs/i18n/en_ZZ.js

@@ -13,16 +13,16 @@ exports.default = void 0;
  */
 //
 var _default = {
-  'fabric.editor.codeBlockCopyButton.copiedToClipboard': '⁣⁢Copied!⁡⁡؜؜⁠؜⁡‌⁡‍‍⁣⁤',
-  'fabric.editor.codeBlockCopyButton.copyToClipboard': '⁣⁢Copy⁠‍؜‍⁠‍‌؜؜‍⁠⁡⁠⁠‍⁠⁣⁤',
   'fabric.editor.headingLink.ascOrderLabel': '⁣⁢Sort column Z to A؜‍‍‌‌⁠؜‍‍⁣⁤',
   'fabric.editor.headingLink.ascSortingLabel': '⁣⁢ascending⁡؜⁠⁠‍‍⁠‍⁡⁡⁡⁣⁤',
   'fabric.editor.headingLink.copied': '⁣⁢Copied!؜‍؜؜⁠‌؜⁣⁤',
   'fabric.editor.headingLink.copyAnchorLink': '⁣⁢Copy link to heading؜‍⁠؜⁡⁡⁠‍‍⁠‍⁡⁠‌⁡‍‍⁠⁣⁤',
   'fabric.editor.headingLink.copyAriaLabel': '⁣⁢Copy‍‍‍؜‍؜؜⁡‍⁡‍‍‍⁣⁤',
-  'fabric.editor.headingLink.descOrderLabel': "⁣⁢⚠️ You can't sort a table with merged cell⁠⁠‍⁠⁡؜⁡⁣⁤",
+  'fabric.editor.headingLink.descOrderLabel': '⁣⁢Clear sorting؜‌؜⁠⁠‌⁠‌؜‌‌⁣⁤',
+  'fabric.editor.headingLink.descSortingLabel': '⁣⁢descending؜‌⁡‌⁡⁠⁡⁠‍‌⁡⁡⁡؜⁣⁤',
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
+  'fabric.editor.headingLink.invalidLabel': "⁣⁢⚠️ You can't sort a table with merged cells؜‌⁡⁡؜‌‌⁡⁣⁤",
   'fabric.editor.headingLink.noOrderLabel': '⁣⁢Sort column A to Z‌⁠؜؜⁡⁡‍‍‍‌⁠⁣⁤',
-  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢descending⁠؜⁠‌‍‌؜⁡؜⁣⁤'
+  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤'
 };
 exports.default = _default;

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

@@ -42,6 +42,12 @@ function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
+  var onError = function onError(_ref2) {
+    var err = _ref2.err;
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -56,5 +62,7 @@ function BlockCard(props) {
     showActions: rendererAppearance !== 'mobile',
     platform: platform,
     showServerActions: showServerActions
-  }, cardProps)))));
+  }, cardProps, {
+    onError: onError
+  })))));
 }

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

@@ -115,6 +115,12 @@ function EmbedCard(props) {
     }
     var lineLength = isFullWidth ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? uIMediaSingleLayoutStyles : '';
+    var onError = function onError(_ref3) {
+      var err = _ref3.err;
+      if (err) {
+        throw err;
+      }
+    };
     return (0, _react.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
       unsupportedComponent: _ui.UnsupportedBlock
     }, cardProps), (0, _react.jsx)(_smartCard.EmbedResizeMessageListener, {
@@ -146,7 +152,8 @@ function EmbedCard(props) {
     }, cardProps, {
       onResolve: onResolve,
       inheritDimensions: true,
-      embedIframeRef: embedIframeRef
+      embedIframeRef: embedIframeRef,
+      onError: onError
     })))))));
   }));
 }

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

@@ -50,6 +50,12 @@ var InlineCard = function InlineCard(props) {
       showServerActions: showServerActions
     }));
   }
+  var onError = function onError(_ref2) {
+    var err = _ref2.err;
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -69,7 +75,8 @@ var InlineCard = function InlineCard(props) {
         return;
       }
       props.smartCardStorage.set(data.url, data.title);
-    }
+    },
+    onError: onError
   })))));
 };
 var _default = (0, _SmartCardStorage.withSmartCardStorage)(InlineCard);

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

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.1.2";
+var packageVersion = "108.1.3";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

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

@@ -114,29 +114,29 @@ var rendererStyles = function rendererStyles(wrapperProps) {
       light: "var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
       dark: "var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
     })(themeProps), (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
     })(themeProps), _editorSharedStyles.akEditorTableNumberColumnWidth, (0, _components.themed)({
       light: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
       dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
     })(themeProps), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _consts.RendererCssClassName.NUMBER_COLUMN, _editorSharedStyles.akEditorStickyHeaderZIndex, (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
     })(themeProps), (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
     })(themeProps), _editorSharedStyles.akEditorStickyHeaderZIndex, (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
     })(themeProps), (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
     })(themeProps), (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
     })(themeProps), (0, _components.themed)({
-      light: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
-      dark: "var(--ds-border, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
     })(themeProps), "var(--ds-radius-100, 3px)", _editorSharedStyles.blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), (0, _lightWeightCodeBlock.getLightWeightCodeBlockStylesForRootRendererStyleSheet)(), _styles.columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
   };
 };

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.1.2",
+	"version": "108.1.3",
 	"sideEffects": false
 }

package/dist/es2019/i18n/en_ZZ.js

@@ -7,15 +7,15 @@
  */
 //
 export default {
-  'fabric.editor.codeBlockCopyButton.copiedToClipboard': '⁣⁢Copied!⁡⁡؜؜⁠؜⁡‌⁡‍‍⁣⁤',
-  'fabric.editor.codeBlockCopyButton.copyToClipboard': '⁣⁢Copy⁠‍؜‍⁠‍‌؜؜‍⁠⁡⁠⁠‍⁠⁣⁤',
   'fabric.editor.headingLink.ascOrderLabel': '⁣⁢Sort column Z to A؜‍‍‌‌⁠؜‍‍⁣⁤',
   'fabric.editor.headingLink.ascSortingLabel': '⁣⁢ascending⁡؜⁠⁠‍‍⁠‍⁡⁡⁡⁣⁤',
   'fabric.editor.headingLink.copied': '⁣⁢Copied!؜‍؜؜⁠‌؜⁣⁤',
   'fabric.editor.headingLink.copyAnchorLink': '⁣⁢Copy link to heading؜‍⁠؜⁡⁡⁠‍‍⁠‍⁡⁠‌⁡‍‍⁠⁣⁤',
   'fabric.editor.headingLink.copyAriaLabel': '⁣⁢Copy‍‍‍؜‍؜؜⁡‍⁡‍‍‍⁣⁤',
-  'fabric.editor.headingLink.descOrderLabel': "⁣⁢⚠️ You can't sort a table with merged cell⁠⁠‍⁠⁡؜⁡⁣⁤",
+  'fabric.editor.headingLink.descOrderLabel': '⁣⁢Clear sorting؜‌؜⁠⁠‌⁠‌؜‌‌⁣⁤',
+  'fabric.editor.headingLink.descSortingLabel': '⁣⁢descending؜‌⁡‌⁡⁠⁡⁠‍‌⁡⁡⁡؜⁣⁤',
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
+  'fabric.editor.headingLink.invalidLabel': "⁣⁢⚠️ You can't sort a table with merged cells؜‌⁡⁡؜‌‌⁡⁣⁤",
   'fabric.editor.headingLink.noOrderLabel': '⁣⁢Sort column A to Z‌⁠؜؜⁡⁡‍‍‍‌⁠⁣⁤',
-  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢descending⁠؜⁠‌‍‌؜⁡؜⁣⁤'
+  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤'
 };

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

@@ -33,6 +33,13 @@ export default function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
+  const onError = ({
+    err
+  }) => {
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/React.createElement("div", {
@@ -47,5 +54,7 @@ export default function BlockCard(props) {
     showActions: rendererAppearance !== 'mobile',
     platform: platform,
     showServerActions: showServerActions
-  }, cardProps)))));
+  }, cardProps, {
+    onError: onError
+  })))));
 }

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

@@ -114,6 +114,13 @@ export default function EmbedCard(props) {
     }
     const lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     const uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? uIMediaSingleLayoutStyles : '';
+    const onError = ({
+      err
+    }) => {
+      if (err) {
+        throw err;
+      }
+    };
     return jsx(CardErrorBoundary, _extends({
       unsupportedComponent: UnsupportedBlock
     }, cardProps), jsx(EmbedResizeMessageListener, {
@@ -145,7 +152,8 @@ export default function EmbedCard(props) {
     }, cardProps, {
       onResolve: onResolve,
       inheritDimensions: true,
-      embedIframeRef: embedIframeRef
+      embedIframeRef: embedIframeRef,
+      onError: onError
     })))))));
   }));
 }

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

@@ -46,6 +46,13 @@ const InlineCard = props => {
       showServerActions: showServerActions
     }));
   }
+  const onError = ({
+    err
+  }) => {
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/React.createElement("span", {
@@ -65,7 +72,8 @@ const InlineCard = props => {
         return;
       }
       props.smartCardStorage.set(data.url, data.title);
-    }
+    },
+    onError: onError
   })))));
 };
 export default withSmartCardStorage(InlineCard);

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.1.2";
+const packageVersion = "108.1.3";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

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

@@ -548,8 +548,8 @@ export const rendererStyles = wrapperProps => theme => {
   })(themeProps)};
             border-right: 1px solid
               ${themed({
-    light: `var(--ds-border, ${akEditorTableBorder})`,
-    dark: `var(--ds-border, ${akEditorTableBorderDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
   })(themeProps)};
             width: ${akEditorTableNumberColumnWidth}px;
             text-align: center;
@@ -574,13 +574,13 @@ export const rendererStyles = wrapperProps => theme => {
 
         border-right: 1px solid
           ${themed({
-    light: `var(--ds-border, ${akEditorTableBorder})`,
-    dark: `var(--ds-border, ${akEditorTableBorderDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
   })(themeProps)};
         border-bottom: 1px solid
           ${themed({
-    light: `var(--ds-border, ${akEditorTableBorder})`,
-    dark: `var(--ds-border, ${akEditorTableBorderDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
   })(themeProps)};
 
         /* this is to compensate for the table border */
@@ -606,20 +606,20 @@ export const rendererStyles = wrapperProps => theme => {
       .sticky td {
         box-shadow: 0px 1px
             ${themed({
-    light: `var(--ds-border, ${akEditorTableBorder})`,
-    dark: `var(--ds-border, ${akEditorTableBorderDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
   })(themeProps)},
           0px -0.5px ${themed({
-    light: `var(--ds-border, ${akEditorTableBorder})`,
-    dark: `var(--ds-border, ${akEditorTableBorderDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
   })(themeProps)},
           inset -1px 0px ${themed({
-    light: `var(--ds-border, ${akEditorTableToolbar})`,
-    dark: `var(--ds-border, ${akEditorTableToolbarDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableToolbar})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableToolbarDark})`
   })(themeProps)},
           0px -1px ${themed({
-    light: `var(--ds-border, ${akEditorTableToolbar})`,
-    dark: `var(--ds-border, ${akEditorTableToolbarDark})`
+    light: `var(--ds-background-accent-gray-subtler, ${akEditorTableToolbar})`,
+    dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableToolbarDark})`
   })(themeProps)};
       }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.1.2",
+	"version": "108.1.3",
 	"sideEffects": false
 }

package/dist/esm/i18n/en_ZZ.js

@@ -7,15 +7,15 @@
  */
 //
 export default {
-  'fabric.editor.codeBlockCopyButton.copiedToClipboard': '⁣⁢Copied!⁡⁡؜؜⁠؜⁡‌⁡‍‍⁣⁤',
-  'fabric.editor.codeBlockCopyButton.copyToClipboard': '⁣⁢Copy⁠‍؜‍⁠‍‌؜؜‍⁠⁡⁠⁠‍⁠⁣⁤',
   'fabric.editor.headingLink.ascOrderLabel': '⁣⁢Sort column Z to A؜‍‍‌‌⁠؜‍‍⁣⁤',
   'fabric.editor.headingLink.ascSortingLabel': '⁣⁢ascending⁡؜⁠⁠‍‍⁠‍⁡⁡⁡⁣⁤',
   'fabric.editor.headingLink.copied': '⁣⁢Copied!؜‍؜؜⁠‌؜⁣⁤',
   'fabric.editor.headingLink.copyAnchorLink': '⁣⁢Copy link to heading؜‍⁠؜⁡⁡⁠‍‍⁠‍⁡⁠‌⁡‍‍⁠⁣⁤',
   'fabric.editor.headingLink.copyAriaLabel': '⁣⁢Copy‍‍‍؜‍؜؜⁡‍⁡‍‍‍⁣⁤',
-  'fabric.editor.headingLink.descOrderLabel': "⁣⁢⚠️ You can't sort a table with merged cell⁠⁠‍⁠⁡؜⁡⁣⁤",
+  'fabric.editor.headingLink.descOrderLabel': '⁣⁢Clear sorting؜‌؜⁠⁠‌⁠‌؜‌‌⁣⁤',
+  'fabric.editor.headingLink.descSortingLabel': '⁣⁢descending؜‌⁡‌⁡⁠⁡⁠‍‌⁡⁡⁡؜⁣⁤',
   'fabric.editor.headingLink.failedToCopy': '⁣⁢Copy failed⁠⁠‌⁠‌‍‌⁣⁤',
+  'fabric.editor.headingLink.invalidLabel': "⁣⁢⚠️ You can't sort a table with merged cells؜‌⁡⁡؜‌‌⁡⁣⁤",
   'fabric.editor.headingLink.noOrderLabel': '⁣⁢Sort column A to Z‌⁠؜؜⁡⁡‍‍‍‌⁠⁣⁤',
-  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢descending⁠؜⁠‌‍‌؜⁡؜⁣⁤'
+  'fabric.editor.headingLink.noneSortingLabel': '⁣⁢none⁡؜⁡⁡؜⁠⁠⁣⁤'
 };

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

@@ -32,6 +32,12 @@ export default function BlockCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
+  var onError = function onError(_ref2) {
+    var err = _ref2.err;
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/React.createElement("div", {
@@ -46,5 +52,7 @@ export default function BlockCard(props) {
     showActions: rendererAppearance !== 'mobile',
     platform: platform,
     showServerActions: showServerActions
-  }, cardProps)))));
+  }, cardProps, {
+    onError: onError
+  })))));
 }

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

@@ -108,6 +108,12 @@ export default function EmbedCard(props) {
     }
     var lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? uIMediaSingleLayoutStyles : '';
+    var onError = function onError(_ref3) {
+      var err = _ref3.err;
+      if (err) {
+        throw err;
+      }
+    };
     return jsx(CardErrorBoundary, _extends({
       unsupportedComponent: UnsupportedBlock
     }, cardProps), jsx(EmbedResizeMessageListener, {
@@ -139,7 +145,8 @@ export default function EmbedCard(props) {
     }, cardProps, {
       onResolve: onResolve,
       inheritDimensions: true,
-      embedIframeRef: embedIframeRef
+      embedIframeRef: embedIframeRef,
+      onError: onError
     })))))));
   }));
 }

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

@@ -43,6 +43,12 @@ var InlineCard = function InlineCard(props) {
       showServerActions: showServerActions
     }));
   }
+  var onError = function onError(_ref2) {
+    var err = _ref2.err;
+    if (err) {
+      throw err;
+    }
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
   }, /*#__PURE__*/React.createElement("span", {
@@ -62,7 +68,8 @@ var InlineCard = function InlineCard(props) {
         return;
       }
       props.smartCardStorage.set(data.url, data.title);
-    }
+    },
+    onError: onError
   })))));
 };
 export default withSmartCardStorage(InlineCard);

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.1.2";
+var packageVersion = "108.1.3";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/ui/Renderer/style.js

@@ -103,29 +103,29 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
       light: "var(--ds-background-neutral, ".concat(akEditorTableToolbar, ")"),
       dark: "var(--ds-background-neutral, ".concat(akEditorTableToolbarDark, ")")
     })(themeProps), themed({
-      light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
     })(themeProps), akEditorTableNumberColumnWidth, themed({
       light: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
       dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
     })(themeProps), relativeFontSizeToBase16(fontSize()), RendererCssClassName.NUMBER_COLUMN, akEditorStickyHeaderZIndex, themed({
-      light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
     })(themeProps), themed({
-      light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
     })(themeProps), akEditorStickyHeaderZIndex, themed({
-      light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
     })(themeProps), themed({
-      light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableBorderDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
     })(themeProps), themed({
-      light: "var(--ds-border, ".concat(akEditorTableToolbar, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableToolbarDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbar, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbarDark, ")")
     })(themeProps), themed({
-      light: "var(--ds-border, ".concat(akEditorTableToolbar, ")"),
-      dark: "var(--ds-border, ".concat(akEditorTableToolbarDark, ")")
+      light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbar, ")"),
+      dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbarDark, ")")
     })(themeProps), "var(--ds-radius-100, 3px)", blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), getLightWeightCodeBlockStylesForRootRendererStyleSheet(), columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", gridMediumMaxWidth, blockNodesVerticalMargin, blockNodesVerticalMargin, blockNodesVerticalMargin, browser.safari ? codeBlockInListSafariFix : '');
   };
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "108.1.2",
+	"version": "108.1.3",
 	"sideEffects": false
 }

package/dist/types/i18n/en_ZZ.d.ts

@@ -5,15 +5,15 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
-    'fabric.editor.codeBlockCopyButton.copiedToClipboard': string;
-    'fabric.editor.codeBlockCopyButton.copyToClipboard': string;
     'fabric.editor.headingLink.ascOrderLabel': string;
     'fabric.editor.headingLink.ascSortingLabel': string;
     'fabric.editor.headingLink.copied': string;
     'fabric.editor.headingLink.copyAnchorLink': string;
     'fabric.editor.headingLink.copyAriaLabel': string;
     'fabric.editor.headingLink.descOrderLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
     'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
 };

package/dist/types/react/nodes/fallback.d.ts

@@ -4,7 +4,6 @@ export type CardErrorBoundaryProps = {
 };
 export declare class CardErrorBoundary extends React.PureComponent<{
     url?: string;
-    data?: object;
     onClick?: (e: React.MouseEvent<HTMLElement>, url?: string) => void;
 } & CardErrorBoundaryProps> {
     state: {

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -5,15 +5,15 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
-    'fabric.editor.codeBlockCopyButton.copiedToClipboard': string;
-    'fabric.editor.codeBlockCopyButton.copyToClipboard': string;
     'fabric.editor.headingLink.ascOrderLabel': string;
     'fabric.editor.headingLink.ascSortingLabel': string;
     'fabric.editor.headingLink.copied': string;
     'fabric.editor.headingLink.copyAnchorLink': string;
     'fabric.editor.headingLink.copyAriaLabel': string;
     'fabric.editor.headingLink.descOrderLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
     'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
 };

package/dist/types-ts4.5/react/nodes/fallback.d.ts

@@ -4,7 +4,6 @@ export type CardErrorBoundaryProps = {
 };
 export declare class CardErrorBoundary extends React.PureComponent<{
     url?: string;
-    data?: object;
     onClick?: (e: React.MouseEvent<HTMLElement>, url?: string) => void;
 } & CardErrorBoundaryProps> {
     state: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.1.2",
+  "version": "108.1.3",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.7.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^74.2.0",
+    "@atlaskit/editor-common": "^74.3.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-palette": "1.4.2",
     "@atlaskit/editor-shared-styles": "^2.4.0",
@@ -52,11 +52,11 @@
     "@atlaskit/media-ui": "^23.0.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.3.0",
+    "@atlaskit/smart-card": "^26.5.0",
     "@atlaskit/status": "^1.3.0",
     "@atlaskit/task-decision": "^17.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -80,17 +80,17 @@
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/css-reset": "^6.5.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^184.0.0",
-    "@atlaskit/editor-test-helpers": "^18.4.0",
+    "@atlaskit/editor-core": "^185.0.0",
+    "@atlaskit/editor-test-helpers": "^18.5.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^4.0.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/media-core": "^34.1.0",
-    "@atlaskit/media-integration-test-helpers": "^2.6.0",
+    "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/mention": "^22.1.0",
     "@atlaskit/navigation-next": "^9.0.0",
-    "@atlaskit/profilecard": "^19.3.0",
+    "@atlaskit/profilecard": "^19.4.0",
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/ssr": "*",