@atlaskit/editor-common 82.2.1 → 82.3.0

package/dist/es2019/i18n/uk.js

@@ -112,8 +112,7 @@ export default {
   'fabric.editor.decision': 'Рішення',
   'fabric.editor.decision.description': 'Зафіксувати рішення, щоб його було легко знайти',
   'fabric.editor.decisionPlaceholder': 'Додати рішення...',
-  'fabric.editor.decreaseColumnSize': 'Звузити стовпець',
-  'fabric.editor.decreaseSize': 'Зменшити розмір',
+  'fabric.editor.decreaseSize': 'Зменшення розміру таблиці або мультимедіа',
   'fabric.editor.defaultAltText': 'Документ',
   'fabric.editor.description': 'Опис',
   'fabric.editor.displayBlock': 'Показати картку',
@@ -130,6 +129,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Додати посилання',
   'fabric.editor.editAltText': 'Редагувати текст заміщення',
   'fabric.editor.editDateText': 'Змінення дати',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Редагувати пошуковий запит',
+  'fabric.editor.editDropdownEditLinkTitle': 'Редагування посилання',
+  'fabric.editor.editDropdownExpandIconLabel': 'Розгорнути спадне меню',
+  'fabric.editor.editDropdownTriggerTitle': 'Редагувати',
   'fabric.editor.editLink': 'Редагування посилання',
   'fabric.editor.editMode.inviteToEditButton.title': 'Запросити для редагування',
   'fabric.editor.editStatusColor': 'Змінення кольору стану',
@@ -239,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Розмір',
   'fabric.editor.imageBorderSubtle': 'Тонка',
   'fabric.editor.improvement': 'Покращення',
-  'fabric.editor.increaseColumnSize': 'Розширити стовпець',
-  'fabric.editor.increaseSize': 'Збільшити розмір',
+  'fabric.editor.increaseSize': 'Збільшення розміру таблиці або мультимедіа',
   'fabric.editor.indent': 'Збільшити відступ',
   'fabric.editor.info': 'Інформація',
   'fabric.editor.infoPanel': 'Панель з інформацією',
@@ -255,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': 'Вставка елементів',
   'fabric.editor.insertRow': 'Вставити рядок знизу',
   'fabric.editor.insertRowDrag': 'Вставити рядок',
+  'fabric.editor.insertTableColumn': 'Додайте стовпець таблиці',
+  'fabric.editor.insertTableRow': 'Додайте рядок таблиці',
   'fabric.editor.invalidDateError': 'Введіть дійсну дату',
   'fabric.editor.invalidLink': 'Введіть дійсне посилання.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Запрошення учасника команди до {productName}} trusted {Запрошення учасника команди до {productName}} other {Додавання учасника команди до {productName}}}',
@@ -331,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Додати текст-заміщення',
   'fabric.editor.plainText': 'Застосувати текст без форматування',
   'fabric.editor.quickInsert': 'Швидка вставка',
+  'fabric.editor.recordLoomShortTitle': 'Записати',
   'fabric.editor.recordVideo': 'Запишіть відео в Loom',
   'fabric.editor.recordVideo.description': 'Зробіть запис екрана й поділіться своїми ідеями',
   'fabric.editor.redo': 'Повторити',
@@ -434,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Почніть вводити текст для пошуку користувачів і згадування їх за допомогою тегу',
   'fabric.editor.typeahead.mentionPopupLabel': 'Користувачі, яких можна згадати за допомогою тегу',
   'fabric.editor.typeahead.metionListItemLabel': 'Користувач {name} (@{shortName})',
-  'fabric.editor.unLockColumns': 'Змінювана ширина стовпців',
   'fabric.editor.unableToLoadContent': 'Не вдалося завантажити цей вміст',
   'fabric.editor.unableToOpenLink': 'Не вдалося відкрити посилання',
   'fabric.editor.underline': 'Підкреслювання',

package/dist/es2019/i18n/vi.js

@@ -112,8 +112,7 @@ export default {
   'fabric.editor.decision': 'Quyết định',
   'fabric.editor.decision.description': 'Thu thập các quyết định để dễ dàng theo dõi',
   'fabric.editor.decisionPlaceholder': 'Thêm quyết định…',
-  'fabric.editor.decreaseColumnSize': 'Giảm kích thước cột',
-  'fabric.editor.decreaseSize': 'Giảm kích thước',
+  'fabric.editor.decreaseSize': 'Giảm kích thước bảng hoặc nội dung nghe nhìn',
   'fabric.editor.defaultAltText': 'Tài liệu',
   'fabric.editor.description': 'Mô tả',
   'fabric.editor.displayBlock': 'Hiển thị thẻ',
@@ -130,6 +129,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Thêm một đường liên kết',
   'fabric.editor.editAltText': 'Chỉnh sửa văn bản thay thế',
   'fabric.editor.editDateText': 'Sửa ngày',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Sửa truy vấn tìm kiếm',
+  'fabric.editor.editDropdownEditLinkTitle': 'Sửa liên kết',
+  'fabric.editor.editDropdownExpandIconLabel': 'Mở rộng menu thả xuống',
+  'fabric.editor.editDropdownTriggerTitle': 'Sửa',
   'fabric.editor.editLink': 'Chỉnh sửa liên kết',
   'fabric.editor.editMode.inviteToEditButton.title': 'Mời chỉnh sửa',
   'fabric.editor.editStatusColor': 'Sửa màu trạng thái',
@@ -239,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Kích cỡ',
   'fabric.editor.imageBorderSubtle': 'Nhạt',
   'fabric.editor.improvement': 'Cải tiến',
-  'fabric.editor.increaseColumnSize': 'Tăng kích thước cột',
-  'fabric.editor.increaseSize': 'Tăng kích thước',
+  'fabric.editor.increaseSize': 'Tăng kích thước bảng hoặc nội dung nghe nhìn',
   'fabric.editor.indent': 'Thụt lề',
   'fabric.editor.info': 'Thông tin',
   'fabric.editor.infoPanel': 'Ô thông tin',
@@ -255,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': 'Chèn thành phần',
   'fabric.editor.insertRow': 'Chèn hàng ở bên dưới',
   'fabric.editor.insertRowDrag': 'Chèn hàng',
+  'fabric.editor.insertTableColumn': 'Chèn cột bảng',
+  'fabric.editor.insertTableRow': 'Chèn hàng bảng',
   'fabric.editor.invalidDateError': 'Nhập ngày hợp lệ',
   'fabric.editor.invalidLink': 'Vui lòng nhập một liên kết hợp lệ.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Mời thành viên cùng nhóm vào {productName}} trusted {Mời thành viên cùng nhóm vào {productName}} other {Thêm thành viên cùng nhóm vào {productName}}}',
@@ -331,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Thêm văn bản giữ chỗ',
   'fabric.editor.plainText': 'Dùng văn bản thuần túy',
   'fabric.editor.quickInsert': 'Chèn nhanh',
+  'fabric.editor.recordLoomShortTitle': 'Ghi',
   'fabric.editor.recordVideo': 'Quay video Loom',
   'fabric.editor.recordVideo.description': 'Quay lại và chia sẻ màn hình cũng như suy nghĩ của bạn',
   'fabric.editor.redo': 'Làm lại',
@@ -434,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Bắt đầu nhập để tìm kiếm người dùng để gắn thẻ',
   'fabric.editor.typeahead.mentionPopupLabel': 'Người dùng bạn có thể gắn thẻ',
   'fabric.editor.typeahead.metionListItemLabel': 'Người dùng {name} @{shortName}',
-  'fabric.editor.unLockColumns': 'Chiều rộng cột thay đổi',
   'fabric.editor.unableToLoadContent': 'Chúng tôi không tải được nội dung này',
   'fabric.editor.unableToOpenLink': 'Không thể mở liên kết này',
   'fabric.editor.underline': 'Gạch dưới',

package/dist/es2019/i18n/zh.js

@@ -112,7 +112,6 @@ export default {
   'fabric.editor.decision': '决定',
   'fabric.editor.decision.description': '捕获决策，以便轻松跟踪',
   'fabric.editor.decisionPlaceholder': '添加决定...',
-  'fabric.editor.decreaseColumnSize': '减小列大小',
   'fabric.editor.decreaseSize': '减小大小',
   'fabric.editor.defaultAltText': '文档',
   'fabric.editor.description': '描述',
@@ -130,6 +129,10 @@ export default {
   'fabric.editor.edit.searchInput': '添加链接',
   'fabric.editor.editAltText': '编辑替代文本',
   'fabric.editor.editDateText': '编辑日期',
+  'fabric.editor.editDropdownEditDatasourceTitle': '编辑搜索查询',
+  'fabric.editor.editDropdownEditLinkTitle': '编辑链接',
+  'fabric.editor.editDropdownExpandIconLabel': '展开下拉菜单',
+  'fabric.editor.editDropdownTriggerTitle': '编辑',
   'fabric.editor.editLink': '编辑链接',
   'fabric.editor.editMode.inviteToEditButton.title': '邀请编辑',
   'fabric.editor.editStatusColor': '编辑状态颜色',
@@ -239,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': '大小',
   'fabric.editor.imageBorderSubtle': '细微',
   'fabric.editor.improvement': '改进',
-  'fabric.editor.increaseColumnSize': '增大列大小',
-  'fabric.editor.increaseSize': '增大大小',
+  'fabric.editor.increaseSize': '增大表格或媒体大小',
   'fabric.editor.indent': '增大缩进',
   'fabric.editor.info': '信息',
   'fabric.editor.infoPanel': '信息面板',
@@ -255,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRow': '在下方插入行',
   'fabric.editor.insertRowDrag': '插入行',
+  'fabric.editor.insertTableColumn': '插入表格列',
+  'fabric.editor.insertTableRow': '插入表格行',
   'fabric.editor.invalidDateError': '输入有效日期',
   'fabric.editor.invalidLink': '请输入有效链接。',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {邀请团队成员加入 {productName}} trusted {邀请团队成员加入 {productName}} other {将团队成员添加至 {productName}}}',
@@ -331,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': '添加占位文本',
   'fabric.editor.plainText': '使用纯文本',
   'fabric.editor.quickInsert': '快速插入',
+  'fabric.editor.recordLoomShortTitle': '录制',
   'fabric.editor.recordVideo': '录制 Loom 视频',
   'fabric.editor.recordVideo.description': '录制并共享您的屏幕和想法',
   'fabric.editor.redo': '重做',
@@ -434,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': '开始输入以搜索要标记的用户',
   'fabric.editor.typeahead.mentionPopupLabel': '您可以标记的用户',
   'fabric.editor.typeahead.metionListItemLabel': '用户 {name} @{shortName}',
-  'fabric.editor.unLockColumns': '可变列宽',
   'fabric.editor.unableToLoadContent': '无法加载此内容',
   'fabric.editor.unableToOpenLink': '无法打开此链接',
   'fabric.editor.underline': '下划线',

package/dist/es2019/i18n/zh_TW.js

@@ -112,8 +112,7 @@ export default {
   'fabric.editor.decision': '決定',
   'fabric.editor.decision.description': '擷取決定以便追蹤',
   'fabric.editor.decisionPlaceholder': '新增決定…',
-  'fabric.editor.decreaseColumnSize': '縮小欄大小',
-  'fabric.editor.decreaseSize': '縮減大小',
+  'fabric.editor.decreaseSize': '縮小表格或媒體大小',
   'fabric.editor.defaultAltText': '文件',
   'fabric.editor.description': '描述',
   'fabric.editor.displayBlock': '顯示卡片',
@@ -243,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': '大小',
   'fabric.editor.imageBorderSubtle': '不明顯的',
   'fabric.editor.improvement': '改善',
-  'fabric.editor.increaseColumnSize': '放大欄大小',
-  'fabric.editor.increaseSize': '增加大小',
+  'fabric.editor.increaseSize': '增加表格或媒體大小',
   'fabric.editor.indent': '增加縮排',
   'fabric.editor.info': '資訊',
   'fabric.editor.infoPanel': '資訊面板',
@@ -259,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRow': '在下方插入列',
   'fabric.editor.insertRowDrag': '插入列',
+  'fabric.editor.insertTableColumn': '插入表格欄',
+  'fabric.editor.insertTableRow': '插入表格列',
   'fabric.editor.invalidDateError': '請輸入有效的日期',
   'fabric.editor.invalidLink': '請輸入有效的連結。',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {邀請團隊成員加入 {productName}} trusted {邀請團隊成員加入 {productName}} other {將團隊成員新增至 {productName}}}',
@@ -335,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': '新增預留位置文字',
   'fabric.editor.plainText': '使用純文字',
   'fabric.editor.quickInsert': '快速插入',
+  'fabric.editor.recordLoomShortTitle': '錄製',
   'fabric.editor.recordVideo': '錄製 Loom 影片',
   'fabric.editor.recordVideo.description': '錄製並分享您的畫面和想法',
   'fabric.editor.redo': '重做',
@@ -438,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': '開始輸入以搜尋要標記的使用者',
   'fabric.editor.typeahead.mentionPopupLabel': '您可以標記的使用者',
   'fabric.editor.typeahead.metionListItemLabel': '使用者 {name} @{shortName}',
-  'fabric.editor.unLockColumns': '變數欄寬',
   'fabric.editor.unableToLoadContent': '我們無法載入此內容',
   'fabric.editor.unableToOpenLink': '無法開啟此連結',
   'fabric.editor.underline': '底線',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "82.2.1";
+const packageVersion = "82.3.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "82.2.1";
+const packageVersion = "82.3.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-color/ColorPalette/Color/index.js

@@ -3,10 +3,69 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N0 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { buttonStyle, buttonWrapperStyle } from './styles';
-class Color extends PureComponent {
+function FunctionalComponentColor(props) {
+  const {
+    autoFocus,
+    tabIndex,
+    value,
+    label,
+    isSelected,
+    borderColor,
+    /** this is not new usage - old code extracted from editor-core */
+    /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+    checkMarkColor = N0,
+    /**
+     * When hexToPaletteColor prop is set,
+     * it will be used to get background color style based on
+     * value (which will be hexcode) prop
+     */
+    hexToPaletteColor,
+    decorator
+  } = props;
+  const colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
+  const onMouseDown = e => {
+    e.preventDefault();
+  };
+  const onClick = e => {
+    const {
+      onClick,
+      value,
+      label
+    } = props;
+    e.preventDefault();
+    onClick(value, label);
+  };
+  return jsx(Tooltip, {
+    content: label
+  }, jsx("span", {
+    css: buttonWrapperStyle
+  }, jsx("button", {
+    type: "button",
+    css: buttonStyle,
+    "aria-label": label,
+    role: "radio",
+    "aria-checked": isSelected,
+    onClick: onClick,
+    onMouseDown: onMouseDown,
+    tabIndex: tabIndex
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: `${isSelected ? 'selected' : ''}`,
+    style: {
+      backgroundColor: colorStyle || 'transparent',
+      border: `1px solid ${borderColor}`
+    },
+    autoFocus: autoFocus
+  }, isSelected && jsx(EditorDoneIcon, {
+    primaryColor: checkMarkColor,
+    label: ""
+  }), decorator)));
+}
+class ClassComponentColor extends PureComponent {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "onMouseDown", e => {
@@ -68,4 +127,5 @@ class Color extends PureComponent {
     }))));
   }
 }
+const Color = getBooleanFF('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
 export default Color;

package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,15 +1,50 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
 import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import Icon from '@atlaskit/icon';
+import { useThemeObserver } from '@atlaskit/tokens';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
 import { mapPaletteColor } from './textColorPalette';
 export const REMOVE_HIGHLIGHT_COLOR = '#00000000';
+const DiagonalLineGlyph = () => jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, jsx("rect", {
+  width: "24",
+  height: "24",
+  fill: "white",
+  fillOpacity: "0.01"
+}), jsx("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M17.2038 7.70388C17.5955 8.09565 17.5941 8.73128 17.2005 9.12127L9.1213 17.1277C8.73027 17.5152 8.09958 17.5138 7.71031 17.1245C7.31854 16.7328 7.31997 16.0971 7.71351 15.7071L15.7928 7.70069C16.1838 7.31318 16.8145 7.31461 17.2038 7.70388Z",
+  fill: "currentColor",
+  fillOpacity: "0.5"
+}));
+export const EditorDiagonalLineIcon = () => {
+  const {
+    colorMode
+  } = useThemeObserver();
+  const primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  return jsx(Icon, {
+    glyph: DiagonalLineGlyph,
+    label: "",
+    primaryColor: primaryColor
+  });
+};
 export const highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
   border: DEFAULT_BORDER_COLOR,
-  message: getColorMessage(paletteMessages, 'no-color')
+  message: getColorMessage(paletteMessages, 'no-color'),
+  decorator: jsx(EditorDiagonalLineIcon, null)
 }];
 backgroundColorPalette.forEach((label, color) => {
   highlightColorPalette.push(mapPaletteColor(label, color));

package/dist/es2019/ui-color/ColorPalette/index.js

@@ -67,7 +67,8 @@ const ColorPalette = props => {
     value,
     label,
     border,
-    message
+    message,
+    decorator
   }) => {
     if (paletteColorTooltipMessages) {
       if (tokenTheme === 'dark') {
@@ -85,7 +86,8 @@ const ColorPalette = props => {
       onClick: onClick,
       isSelected: value === selectedColor,
       checkMarkColor: getCheckMarkColor(value, useIconToken),
-      hexToPaletteColor: hexToPaletteColor
+      hexToPaletteColor: hexToPaletteColor,
+      decorator: decorator
     });
   }))));
 };

package/dist/es2019/utils/annotation/index.js

@@ -101,4 +101,26 @@ export function containsAnyAnnotations(slice, state) {
     });
   });
   return hasAnnotation;
+}
+
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export function getRangeInlineNodeNames({
+  doc,
+  pos
+}) {
+  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  let nodeNames = new Set();
+  doc.nodesBetween(pos.from, pos.to, node => {
+    if (node.isInline) {
+      nodeNames.add(node.type.name);
+    }
+  });
+
+  // We sort the list alphabetically to make human consumption of the list easier (in tools like the analytics extension)
+  const sortedNames = [...nodeNames].sort();
+  return sortedNames;
 }

package/dist/es2019/utils/index.js

@@ -2,7 +2,7 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { hasDocAsParent } from './document';
 import { isEmptyParagraph } from './editor-core-utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';

package/dist/esm/extensibility/Extension/Extension/index.js

@@ -53,7 +53,6 @@ function ExtensionWithPluginState(props) {
   editorAppearance !== 'full-width';
   var classNames = classnames('extension-container', 'block', shadowClassNames, _defineProperty({
     'with-overlay': !hasBody && !showMacroInteractionDesignUpdates,
-    'with-border': showMacroInteractionDesignUpdates,
     'with-bodied-border': showMacroInteractionDesignUpdates && hasBody,
     'with-margin-styles': showMacroInteractionDesignUpdates && !isNodeNested,
     'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered,

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -11,19 +11,15 @@ export var wrapperStyle = css(wrapperDefault, {
   '.extension-overflow-wrapper:not(.with-body)': {
     overflowX: 'auto'
   },
-  '&.with-border': {
-    border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
-  },
   '&.with-bodied-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   },
   '&.with-margin-styles': {
     margin: "0 ".concat("var(--ds-space-negative-150, -12px)"),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-    padding: '0 10px' // need exact number here to match editor elements' width
+    padding: "0 ".concat("var(--ds-space-150, 12px)")
   }
 });
 export var header = css({
@@ -57,7 +53,6 @@ export var contentWrapper = css({
 });
 export var overflowWrapperStyles = css({
   '&.with-margin-styles': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    margin: "0 -10px" // need exact number here to match editor elements' width
+    margin: "0 ".concat("var(--ds-space-negative-150, -12px)")
   }
 });

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -24,7 +24,6 @@ var InlineExtension = function InlineExtension(props) {
     'with-overlay': !showMacroInteractionDesignUpdates,
     'with-children': hasChildren,
     'with-danger-overlay': showMacroInteractionDesignUpdates,
-    'with-border': showMacroInteractionDesignUpdates,
     'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
   });
   var rendererContainerWidth = widthState ? widthState.width - akEditorGutterPaddingDynamic() * 2 : 0;

package/dist/esm/extensibility/Extension/InlineExtension/styles.js

@@ -18,11 +18,8 @@ export var wrapperStyle = css(wrapperDefault, {
     padding: 0,
     background: "var(--ds-background-neutral-subtle, white)"
   },
-  '&.with-border': {
-    border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
-  },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   }
 });
 export var inlineWrapperStyles = css({

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -34,11 +34,8 @@ var labelStyles = css({
     background: "var(--ds-surface, ".concat(N0, ")")
   },
   '&.bodied-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
-  },
-  // to account for bodied having borders now - adding this to help with less conditional styling
-  border: '1px solid transparent',
-  borderBottom: 'none'
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
+  }
 });
 var textStyles = css({
   fontSize: '14px',

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -22,10 +22,10 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
     paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
   },
   '&.with-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
   },
   '&.with-padding-background-styles': {
     padding: "var(--ds-space-100, 8px)",

package/dist/esm/i18n/cs.js

@@ -112,8 +112,7 @@ export default {
   'fabric.editor.decision': 'Rozhodnutí',
   'fabric.editor.decision.description': 'Zaznamenávejte rozhodnutí, aby se snadněji sledovala',
   'fabric.editor.decisionPlaceholder': 'Přidat rozhodnutí...',
-  'fabric.editor.decreaseColumnSize': 'Snížit velikost sloupce',
-  'fabric.editor.decreaseSize': 'Snížit velikost',
+  'fabric.editor.decreaseSize': 'Snížit velikost tabulky nebo multimédia',
   'fabric.editor.defaultAltText': 'Dokument',
   'fabric.editor.description': 'Popis',
   'fabric.editor.displayBlock': 'Zobrazit jako kartu',
@@ -243,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Velikost',
   'fabric.editor.imageBorderSubtle': 'Útlé',
   'fabric.editor.improvement': 'Vylepšení',
-  'fabric.editor.increaseColumnSize': 'Zvýšit velikost sloupce',
-  'fabric.editor.increaseSize': 'Zvýšit velikost',
+  'fabric.editor.increaseSize': 'Zvýšit velikost tabulky nebo multimédia',
   'fabric.editor.indent': 'Zvětšit odsazení',
   'fabric.editor.info': 'Informace',
   'fabric.editor.infoPanel': 'Informační panel',
@@ -259,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': 'Vložit prvky',
   'fabric.editor.insertRow': 'Vložit řádek pod',
   'fabric.editor.insertRowDrag': 'Vložit řádek',
+  'fabric.editor.insertTableColumn': 'Vložit sloupec tabulky',
+  'fabric.editor.insertTableRow': 'Vložit řádek tabulky',
   'fabric.editor.invalidDateError': 'Zadejte platné datum.',
   'fabric.editor.invalidLink': 'Zadejte platný odkaz.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Pozvat týmového kolegu do produktu {productName}} trusted {Pozvat týmového kolegu do produktu {productName}} other {Přidat týmového kolegu do produktu {productName}}}',
@@ -335,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Přidat text placeholderu.',
   'fabric.editor.plainText': 'Použít prostý text',
   'fabric.editor.quickInsert': 'Rychlé vložení',
+  'fabric.editor.recordLoomShortTitle': 'Nahrát',
   'fabric.editor.recordVideo': 'Nahrávání videa Loom',
   'fabric.editor.recordVideo.description': 'Nahrávejte a sdílejte svou obrazovku a myšlenky.',
   'fabric.editor.redo': 'Znovu',
@@ -438,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Když začnete psát, budou se vyhledávat uživatelé k označení.',
   'fabric.editor.typeahead.mentionPopupLabel': 'Uživatelé, které můžete označit',
   'fabric.editor.typeahead.metionListItemLabel': 'Uživatel {name} @{shortName}',
-  'fabric.editor.unLockColumns': 'Proměnné šířky sloupců',
   'fabric.editor.unableToLoadContent': 'Obsah se nepodařilo načíst.',
   'fabric.editor.unableToOpenLink': 'Tento odkaz nelze otevřít',
   'fabric.editor.underline': 'Podtržení',

package/dist/esm/i18n/da.js

@@ -112,8 +112,7 @@ export default {
   'fabric.editor.decision': 'Beslutning',
   'fabric.editor.decision.description': 'Registrér beslutninger, så de er lette at finde igen',
   'fabric.editor.decisionPlaceholder': 'Tilføj en beslutning ...',
-  'fabric.editor.decreaseColumnSize': 'Reducer kolonnestørrelse',
-  'fabric.editor.decreaseSize': 'Reducer størrelse',
+  'fabric.editor.decreaseSize': 'Reducer tabel- eller mediestørrelse',
   'fabric.editor.defaultAltText': 'Dokument',
   'fabric.editor.description': 'Beskrivelse',
   'fabric.editor.displayBlock': 'Vis som kort',
@@ -130,6 +129,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Tilføj et link',
   'fabric.editor.editAltText': 'Rediger alternativ tekst',
   'fabric.editor.editDateText': 'Rediger dato',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Rediger søgning',
+  'fabric.editor.editDropdownEditLinkTitle': 'Rediger link',
+  'fabric.editor.editDropdownExpandIconLabel': 'Udvid rullemenu',
+  'fabric.editor.editDropdownTriggerTitle': 'Rediger',
   'fabric.editor.editLink': 'Redigér link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invitér til at redigere',
   'fabric.editor.editStatusColor': 'Rediger statusfarve',
@@ -239,8 +242,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Størrelse',
   'fabric.editor.imageBorderSubtle': 'Diskret',
   'fabric.editor.improvement': 'Forbedring',
-  'fabric.editor.increaseColumnSize': 'Forøg kolonnestørrelse',
-  'fabric.editor.increaseSize': 'Gør større',
+  'fabric.editor.increaseSize': 'Forøg tabel- eller mediestørrelse',
   'fabric.editor.indent': 'Ryk ind',
   'fabric.editor.info': 'Info',
   'fabric.editor.infoPanel': 'Informationspanel',
@@ -255,6 +257,8 @@ export default {
   'fabric.editor.insertMenu': 'Indsæt elementer',
   'fabric.editor.insertRow': 'Indsæt række under',
   'fabric.editor.insertRowDrag': 'Indsæt række',
+  'fabric.editor.insertTableColumn': 'Indsæt tabelkolonne',
+  'fabric.editor.insertTableRow': 'Indsæt tabelrække',
   'fabric.editor.invalidDateError': 'Indtast en gyldig dato',
   'fabric.editor.invalidLink': 'Indtast et gyldigt link.',
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlemmer til {productName}} trusted {Inviter teammedlemmer til {productName}} other {Tilføj teammedlem til {productName}}}',
@@ -331,6 +335,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Tilføj midlertidig tekst',
   'fabric.editor.plainText': 'Brug almindelig tekst',
   'fabric.editor.quickInsert': 'Hurtig indsætning',
+  'fabric.editor.recordLoomShortTitle': 'Optag',
   'fabric.editor.recordVideo': 'Optag en Loom-video',
   'fabric.editor.recordVideo.description': 'Optag og del din skærm og dine tanker',
   'fabric.editor.redo': 'Gentag',
@@ -434,7 +439,6 @@ export default {
   'fabric.editor.typeahead.mentionInputLabel': 'Begynd at indtaste for at søge efter brugere, du vil tagge',
   'fabric.editor.typeahead.mentionPopupLabel': 'Brugere, du kan tagge',
   'fabric.editor.typeahead.metionListItemLabel': 'Brugeren {name} @{shortName}',
-  'fabric.editor.unLockColumns': 'Variable søjlebredder',
   'fabric.editor.unableToLoadContent': 'Vi kunne ikke indlæse dette indhold',
   'fabric.editor.unableToOpenLink': 'Kan ikke åbne dette link',
   'fabric.editor.underline': 'Understreget',