@atlaskit/renderer 123.2.0 → 123.2.2

package/dist/cjs/i18n/pt_BR.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _pt_BR = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/pt_BR"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Portuguese (Brazil)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'ascendente',
-  'fabric.editor.headingLink.copied': 'Copiado!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
-  'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
-  'fabric.editor.headingLink.descSortingLabel': 'descendente',
-  'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
-  'fabric.editor.headingLink.noneSortingLabel': 'nenhum',
-  'fabric.editor.inlineComment.marker.end': 'fim de comentário em linha',
-  'fabric.editor.inlineComment.marker.start': 'início de comentário em linha'
-};
+var _default = exports.default = _pt_BR.default;

package/dist/cjs/i18n/ru.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _ru = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/ru"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Russian
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'по возрастанию',
-  'fabric.editor.headingLink.copied': 'Скопировано!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Копировать ссылку в заголовок',
-  'fabric.editor.headingLink.copyAriaLabel': 'Скопировать',
-  'fabric.editor.headingLink.descSortingLabel': 'по убыванию',
-  'fabric.editor.headingLink.failedToCopy': 'Ошибка копирования',
-  'fabric.editor.headingLink.noneSortingLabel': 'Нет',
-  'fabric.editor.inlineComment.marker.end': 'конец встроенного комментария',
-  'fabric.editor.inlineComment.marker.start': 'начало встроенного комментария'
-};
+var _default = exports.default = _ru.default;

package/dist/cjs/i18n/sl.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sl = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sl"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Slovenian (Slovenia) [sl-SI]
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'naraščajoče',
-  'fabric.editor.headingLink.copied': 'Kopirano!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj povezavo do naslova',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
-  'fabric.editor.headingLink.descSortingLabel': 'padajoče',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiranje ni uspelo',
-  'fabric.editor.headingLink.noneSortingLabel': 'brez',
-  'fabric.editor.inlineComment.marker.end': 'konec komentarja v vrstici',
-  'fabric.editor.inlineComment.marker.start': 'začetek komentarja v vrstici'
-};
+var _default = exports.default = _sl.default;

package/dist/cjs/i18n/sr_RS.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sr_RS = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_RS"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Serbia) [sr-RS]
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
-  'fabric.editor.headingLink.copied': 'Kopirano!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
-  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
-  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
-  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
-  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
-};
+var _default = exports.default = _sr_RS.default;

package/dist/cjs/i18n/sr_YR.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sr_YR = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_YR"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Cyrillic) [sr-YR]
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'растући',
-  'fabric.editor.headingLink.copied': 'Копирано!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
-  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
-  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
-  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
-  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
-  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
-};
+var _default = exports.default = _sr_YR.default;

package/dist/cjs/i18n/sv.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sv = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sv"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Swedish
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'stigande',
-  'fabric.editor.headingLink.copied': 'Kopierad!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiera länk till rubrik',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiera',
-  'fabric.editor.headingLink.descSortingLabel': 'fallande',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
-  'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
-  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
-};
+var _default = exports.default = _sv.default;

package/dist/cjs/i18n/th.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _th = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/th"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Thai (Thailand)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'จากน้อยไปหามาก',
-  'fabric.editor.headingLink.copied': 'คัดลอกแล้ว!',
-  'fabric.editor.headingLink.copyAnchorLink': 'คัดลอกลิงก์ที่เชื่อมไปยังหัวเรื่อง',
-  'fabric.editor.headingLink.copyAriaLabel': 'คัดลอก',
-  'fabric.editor.headingLink.descSortingLabel': 'จากมากไปหาน้อย',
-  'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
-  'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
-  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
-};
+var _default = exports.default = _th.default;

package/dist/cjs/i18n/tr.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _tr = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/tr"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Turkish (Turkey)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'artan',
-  'fabric.editor.headingLink.copied': 'Kopyalandı!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Başlık bağlantısını kopyala',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopyala',
-  'fabric.editor.headingLink.descSortingLabel': 'azalan',
-  'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
-  'fabric.editor.headingLink.noneSortingLabel': 'yok',
-  'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
-  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
-};
+var _default = exports.default = _tr.default;

package/dist/cjs/i18n/uk.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _uk = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/uk"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Ukrainian (Ukraine)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'за зростанням',
-  'fabric.editor.headingLink.copied': 'Скопійовано',
-  'fabric.editor.headingLink.copyAnchorLink': 'Скопіювати посилання на заголовок',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копіювати',
-  'fabric.editor.headingLink.descSortingLabel': 'за спаданням',
-  'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
-  'fabric.editor.headingLink.noneSortingLabel': 'Немає',
-  'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
-  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
-};
+var _default = exports.default = _uk.default;

package/dist/cjs/i18n/vi.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _vi = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/vi"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Vietnamese (Vietnam)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'tăng dần',
-  'fabric.editor.headingLink.copied': 'Đã sao chép!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Sao chép liên kết vào tiêu đề',
-  'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
-  'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
-  'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có',
-  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
-  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
-};
+var _default = exports.default = _vi.default;

package/dist/cjs/i18n/zh.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _zh = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Simplified)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': '升序',
-  'fabric.editor.headingLink.copied': '已复制！',
-  'fabric.editor.headingLink.copyAnchorLink': '复制标题链接',
-  'fabric.editor.headingLink.copyAriaLabel': '复制',
-  'fabric.editor.headingLink.descSortingLabel': '降序',
-  'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无',
-  'fabric.editor.inlineComment.marker.end': '内联评论结束',
-  'fabric.editor.inlineComment.marker.start': '内联评论开始'
-};
+var _default = exports.default = _zh.default;

package/dist/cjs/i18n/zh_TW.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _zh_TW = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh_TW"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Traditional)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': '遞增',
-  'fabric.editor.headingLink.copied': '已複製！',
-  'fabric.editor.headingLink.copyAnchorLink': '複製標題連結',
-  'fabric.editor.headingLink.copyAriaLabel': '複製',
-  'fabric.editor.headingLink.descSortingLabel': '遞減',
-  'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無',
-  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
-  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
-};
+var _default = exports.default = _zh_TW.default;

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

@@ -27,7 +27,7 @@ var _PortalContext = require("../../ui/Renderer/PortalContext");
 
 var datasourceContainerStyle = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -39,7 +39,8 @@ function BlockCard(props) {
     data = props.data,
     eventHandlers = props.eventHandlers,
     smartLinks = props.smartLinks,
-    isNodeNested = props.isNodeNested;
+    isNodeNested = props.isNodeNested,
+    localId = props.localId;
   var portal = (0, _PortalContext.usePortal)(props);
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
@@ -107,6 +108,7 @@ function BlockCard(props) {
         return (0, _react.jsx)("div", {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
+          "data-local-id": localId,
           style: {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             width: isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(layout, width)
@@ -155,7 +157,8 @@ function BlockCard(props) {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
-    "data-card-url": url
+    "data-card-url": url,
+    "data-local-id": localId
   }, (0, _react.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
     unsupportedComponent: _ui.UnsupportedBlock
     // Ignored via go/ees005

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

@@ -45,7 +45,8 @@ var BodiedExtension = function BodiedExtension(props) {
     extensionKey = props.extensionKey,
     extensionType = props.extensionType,
     parameters = props.parameters,
-    extensionViewportSizes = props.extensionViewportSizes;
+    extensionViewportSizes = props.extensionViewportSizes,
+    localId = props.localId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var removeOverflow = _react.default.Children.toArray(children)
@@ -75,7 +76,7 @@ var BodiedExtension = function BodiedExtension(props) {
         // Return the content directly if it's a valid JSX.Element
         return (0, _extension.renderExtension)(result, layout, {
           isTopLevel: path.length < 1
-        }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes);
+        }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, undefined, localId);
       }
     } catch (e) {
       /** We don't want this error to block renderer */
@@ -85,7 +86,7 @@ var BodiedExtension = function BodiedExtension(props) {
     // Always return default content if anything goes wrong
     return (0, _extension.renderExtension)(children, layout, {
       isTopLevel: path.length < 1
-    }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes);
+    }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, undefined, localId);
   }))));
 };
 var _default = exports.default = BodiedExtension;

package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -33,7 +33,7 @@ var codeBlockButtonsStyle = (0, _react.css)({
   button: {
     height: '32px',
     width: '32px',
-    border: "2px solid ".concat("var(--ds-border, ".concat(_colors.N0, ")")),
+    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N0, ")")),
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",

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

@@ -135,7 +135,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,
     "data-active-child-index": activeChildIndex,
-    "data-layout": layout
+    "data-layout": layout,
+    "data-local-id": localId
   }, (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref4) {
     var width = _ref4.width;
     return (0, _react.jsx)(MultiBodiedExtensionWrapper, {

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

@@ -157,7 +157,7 @@ var panelNestedIconStyles = (0, _react2.css)({
 var nestedPanelStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-panel__content .ak-editor-panel': {
-    border: "1px solid ".concat("var(--ds-border, #091E42)")
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E42)")
   }
 });
 var panelCustomBackground = (0, _react2.css)({

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

@@ -234,7 +234,7 @@ var telepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".co
     paddingLeft: '1.5px',
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'initial',
-    borderRadius: '0px 2px 2px 0px',
+    borderRadius: "0px ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0px"),
     color: "var(--ds-text-inverse, white)",
     backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
   }
@@ -291,7 +291,7 @@ var blockquoteSharedStyles = (0, _react.css)({
     display: 'inline-block',
     paddingLeft: "var(--ds-space-200, 16px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    borderLeft: "2px solid ".concat("var(--ds-border, ".concat(_editorSharedStyles.akEditorBlockquoteBorderColor, ")")),
+    borderLeft: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_editorSharedStyles.akEditorBlockquoteBorderColor, ")")),
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0 0"),
     marginRight: 0,
@@ -1106,7 +1106,7 @@ var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _definePrope
     minWidth: "".concat(_styles.tableCellMinWidth, "px"),
     fontWeight: "var(--ds-font-weight-regular, 400)",
     verticalAlign: 'top',
-    border: "1px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
     borderRightWidth: 0,
     borderBottomWidth: 0,
     padding: "var(--ds-space-100, 8px)",
@@ -1247,7 +1247,7 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
 var rendererTableColumnStylesOld = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
   'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
     backgroundColor: "".concat("var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbar, ")")),
-    borderRight: "1px solid\n\t\t\t\t\t\t\t\t".concat("var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
+    borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
     width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
     textAlign: 'center',
     color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
@@ -1260,7 +1260,7 @@ var rendererTableColumnStylesOld = (0, _react.css)((0, _defineProperty2.default)
 var rendererTableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
   'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
     backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
-    borderRight: "1px solid\n\t\t\t\t\t\t\t\t".concat("var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
+    borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
     width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
     textAlign: 'center',
     color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
@@ -1286,8 +1286,8 @@ var stickyHeaderStyles = (0, _react.css)({
     display: 'flex',
     overflow: 'hidden',
     zIndex: "".concat(_editorSharedStyles.akEditorStickyHeaderZIndex),
-    borderRight: "1px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
-    borderBottom: "1px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
+    borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
+    borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
     /* this is to compensate for the table border */
     transform: 'translateX(-1px)'
   },
@@ -1446,7 +1446,7 @@ var columnLayoutResponsiveRendererStyles = (0, _react.css)({
 var rendererAnnotationStyles = (0, _react.css)({
   "& [data-mark-type='annotation'][data-mark-annotation-state='active'] [data-annotation-mark], & [data-annotation-draft-mark][data-annotation-inline-node]": {
     background: "var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y75, ")"),
-    borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")")),
+    borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")")),
     boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(_colors.N60A, ", -1px 2px 3px ").concat(_colors.N60A), ")"),
     cursor: 'pointer',
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-025, 2px)")
@@ -1455,9 +1455,9 @@ var rendererAnnotationStyles = (0, _react.css)({
 var rendererAnnotationStylesCommentHeightFix = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& [data-annotation-draft-mark][data-annotation-inline-node]': {
-    borderBottom: '2px solid transparent',
+    borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
     cursor: 'pointer',
-    padding: '1px 0 2px',
+    padding: "1px 0 ".concat("var(--ds-space-025, 2px)"),
     background: "var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y75, ")"),
     borderBottomColor: "var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")"),
     boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(_colors.N60A, ", -1px 2px 3px ").concat(_colors.N60A), ")")

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "123.1.1";
+var packageVersion = "123.2.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/cjs/ui/annotations/draft/component.js

@@ -30,7 +30,7 @@ var markStyles = (0, _react2.css)({
   color: 'inherit',
   backgroundColor: 'unset',
   WebkitTapHighlightColor: 'transparent',
-  borderBottom: '2px solid transparent',
+  borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
   cursor: 'pointer',
   padding: '1px 0 2px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/cjs/ui/annotations/element/mark.js

@@ -26,11 +26,11 @@ var markStyles = (0, _react2.css)((0, _defineProperty2.default)({
 }, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
   // was from blur in AnnotationSharedCSSByState().blur
   background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-  borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+  borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-has-focus="true"]': {
     background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
-    borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+    borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
     // TODO: DSP-4147 - Annotation shadow
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
     cursor: 'pointer'
@@ -59,9 +59,9 @@ var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)
 }));
 var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
   // was from common in AnnotationSharedCSSByState().common
-  borderBottom: '2px solid transparent',
+  borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
   cursor: 'pointer',
-  padding: '1px 0 2px',
+  padding: "1px 0 ".concat("var(--ds-space-025, 2px)"),
   // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&:has(.card), &:has([data-inline-card])': {