@atlaskit/editor-common 92.1.1 → 93.0.0

package/dist/cjs/styles/shared/shadow.js

@@ -8,7 +8,6 @@ exports.shadowSharedStyle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _OverflowShadow = require("../../ui/OverflowShadow");
 var _shadowObserver = require("../../ui/OverflowShadow/shadowObserver");
 var _css;
@@ -42,12 +41,12 @@ var shadowSharedStyle = exports.shadowSharedStyle = (0, _react.css)((_css = {},
 }), (0, _defineProperty2.default)(_css, "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, ", .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW), {
   position: 'relative'
 }), (0, _defineProperty2.default)(_css, "& .".concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
-  background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
+  background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
   top: '0px',
   left: 0,
   display: 'block'
 }), (0, _defineProperty2.default)(_css, "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after"), {
-  background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
+  background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
   right: '0px',
   top: '0px',
   display: 'block'

package/dist/cjs/styles/shared/smartCard.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _smartCard = require("./smart-card");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var DATASOURCE_INNER_CONTAINER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
@@ -17,11 +16,11 @@ var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var smartCardStyles = exports.smartCardStyles = function smartCardStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y75, ")"), ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")"), ";\n          box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(_colors.N60A, ", -1px 2px 3px ").concat(_colors.N60A), ")"), ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
   (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer',
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
+  (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
   (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 };

package/dist/cjs/table/SortingIcon.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../types");
 var _consts = require("./consts");
@@ -30,7 +29,7 @@ var StatusClassNames = exports.StatusClassNames = /*#__PURE__*/function (StatusC
   StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
   return StatusClassNames;
 }({}); // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: 2px solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(_colors.N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
+var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: 2px solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F1F2F4)", "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);

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

@@ -10,7 +10,6 @@ exports.mapBreakpointToLayoutMaxWidth = mapBreakpointToLayoutMaxWidth;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _constants = require("@atlaskit/theme/constants");
 var _WidthProvider = require("../WidthProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -30,7 +29,7 @@ function BaseThemeWrapper(_ref) {
     children = _ref.children;
   var memoizedTheme = (0, _react.useMemo)(function () {
     return {
-      baseFontSize: baseFontSize || (0, _constants.fontSize)(),
+      baseFontSize: baseFontSize || 14,
       layoutMaxWidth: _editorSharedStyles.akEditorDefaultLayoutWidth
     };
   }, [baseFontSize]);

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

@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
@@ -25,10 +24,10 @@ var captionWrapperStyle = (0, _react2.css)({
   marginTop: "var(--ds-space-100, 8px)",
   textAlign: 'center',
   position: 'relative',
-  color: "var(--ds-text-subtle, ".concat(_colors.N400, ")")
+  color: "var(--ds-text-subtle, #44546F)"
 });
 var placeholderStyle = (0, _react2.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+  color: "var(--ds-text-subtlest, #626F86)",
   position: 'absolute',
   top: 0,
   width: '100%'

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

@@ -17,7 +17,6 @@ var _react2 = require("@emotion/react");
 var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _colors = require("@atlaskit/theme/colors");
 var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
@@ -25,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "92.1.1";
+var packageVersion = "93.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
@@ -57,10 +56,10 @@ var DropList = /*#__PURE__*/function (_Component) {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "menuWrapper", function () {
       return (0, _react2.css)({
-        color: "var(--ds-text, ".concat(_colors.N900, ")"),
-        backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
+        color: "var(--ds-text, #172B4D)",
+        backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         borderRadius: "var(--ds-border-radius, 3px)",
-        boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px calc(-1 * 2px) ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
+        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
         boxSizing: 'border-box',
         overflow: 'auto',
         padding: "var(--ds-space-050, 4px)".concat(" 0"),

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

@@ -18,7 +18,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _sharedStyles = require("./sharedStyles");
 var _excluded = ["children"];
 /**
@@ -63,12 +62,12 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
   return (0, _react2.css)({
     cursor: 'pointer',
     display: 'flex',
-    color: "var(--ds-icon, ".concat(_colors.N90, ")"),
+    color: "var(--ds-icon, #44546F)",
     borderRadius: "var(--ds-border-radius-100, 4px)",
     width: '24px',
     height: '24px',
     '&:hover': {
-      background: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
+      background: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     svg: {

package/dist/cjs/ui/Expand/sharedStyles.js

@@ -8,16 +8,13 @@ exports.sharedExpandStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var BORDER_RADIUS = "var(--ds-border-radius-100, 4px)";
 var EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
 var EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
-var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, ".concat(_colors.B300, ")");
+var EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, #388BFF)";
 var EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
-var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, ".concat(_colors.N40A, ")");
+var EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, #091E4224)";
 var containerStyles = function containerStyles(styleProps) {
   var expanded = styleProps.expanded,
     focused = styleProps.focused;
@@ -42,13 +39,6 @@ var containerStyles = function containerStyles(styleProps) {
       // 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(_editorSharedStyles.akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
       padding: "var(--ds-space-100, 8px)",
-      '&:hover': {
-        // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.
-        // This is because the default state already uses the same token and, as such, the hover style won't change anything.
-        // https://product-fabric.atlassian.net/browse/DSP-4152
-        border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N50A, ")")),
-        background: EXPAND_SELECTED_BACKGROUND
-      },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       'td > :not(style):first-child, td > style:first-child + *': {
         marginTop: 0
@@ -68,11 +58,11 @@ var titleInputStyles = function titleInputStyles() {
     outline: 'none',
     border: 'none',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: _editorSharedStyles.akEditorLineHeight,
     fontWeight: 'normal',
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
+    color: "var(--ds-text-subtlest, #626F86)",
     background: 'transparent',
     display: 'flex',
     flex: 1,
@@ -80,7 +70,7 @@ var titleInputStyles = function titleInputStyles() {
     width: '100%',
     '&::placeholder': {
       opacity: 1,
-      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
+      color: "var(--ds-text-subtlest, #626F86)"
     }
   });
 };
@@ -92,9 +82,9 @@ var titleContainerStyles = function titleContainerStyles() {
     background: 'none',
     border: 'none',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
     width: '100%',
-    color: "var(--ds-text-subtle, ".concat(_colors.N300A, ")"),
+    color: "var(--ds-text-subtle, #44546F)",
     overflow: 'hidden',
     cursor: 'pointer',
     '&:focus': {

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -13,7 +12,7 @@ var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var separator = (0, _react.css)({
-  background: "var(--ds-border, ".concat(_colors.N30, ")"),
+  background: "var(--ds-border, #091E4224)",
   width: '1px',
   height: '20px',
   margin: "0 ".concat("var(--ds-space-050, 4px)"),

package/dist/cjs/ui/FloatingToolbar/styles.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconOnlySpacing = exports.getButtonStyles = void 0;
-var _adfSchema = require("@atlaskit/adf-schema");
-var _colors = require("@atlaskit/theme/colors");
 var iconOnlySpacing = exports.iconOnlySpacing = {
   '&&': {
     padding: '0px',
@@ -41,28 +39,28 @@ var background = {
       dark: 'inherit'
     },
     hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")"),
-      dark: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
+      light: "var(--ds-background-neutral-subtle-hovered, #091E420F)",
+      dark: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
     },
     active: {
-      light: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(_colors.B75, 0.6)), ")"),
-      dark: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(_colors.B75, 0.6)), ")")
+      light: "var(--ds-background-neutral-pressed, #091E424F)",
+      dark: "var(--ds-background-neutral-pressed, #091E424F)"
     }
   }
 };
 var color = {
   danger: {
     default: {
-      light: "var(--ds-icon, ".concat(_colors.N400, ")"),
-      dark: "var(--ds-icon, ".concat(_colors.DN400, ")")
+      light: "var(--ds-icon, #44546F)",
+      dark: "var(--ds-icon, #44546F)"
     },
     hover: {
-      light: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-      dark: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
     },
     active: {
-      light: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-      dark: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
     }
   }
 };

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

@@ -8,8 +8,6 @@ exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
 var _react = require("@emotion/react");
 var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,19 +16,23 @@ var _typography = require("@atlaskit/theme/typography");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var errorColor = (0, _react.css)({
-  color: "var(--ds-text-danger, ".concat(_colors.R400, ")")
+  color: "var(--ds-text-danger, #AE2E24)"
 });
 var validColor = (0, _react.css)({
-  color: "var(--ds-text-success, ".concat(_colors.G400, ")")
+  color: "var(--ds-text-success, #216E4E)"
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var messageStyle = function messageStyle() {
   return (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    (0, _react.css)((0, _typography.h200)(), {
+    (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: "".concat(12 / 14, "em"),
+      fontStyle: 'inherit',
+      lineHeight: 16 / 12,
       fontWeight: 'normal',
-      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+      color: "var(--ds-text-subtlest, #626F86)",
       marginTop: "var(--ds-space-050, 4px)",
       display: 'flex',
       justifyContent: 'baseline'

package/dist/cjs/ui/PanelTextInput/styles.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.panelTextInputWithCustomWidth = exports.panelTextInput = void 0;
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
@@ -15,10 +14,10 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
     background: 'transparent',
-    border: "2px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
+    border: "2px solid ".concat("var(--ds-border, #091E4224)"),
     borderRadius: 0,
     boxSizing: 'content-box',
-    color: "var(--ds-text-subtle, ".concat(_colors.N400, ")"),
+    color: "var(--ds-text-subtle, #44546F)",
     flexGrow: 1,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(13),
@@ -32,10 +31,10 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
     },
     '&:focus': {
       outline: 'none',
-      borderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")")
+      borderColor: "var(--ds-border-focused, #388BFF)"
     },
     '&::placeholder': {
-      color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")")
+      color: "var(--ds-text-subtlest, #626F86)"
     }
   }
 });

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

@@ -11,8 +11,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
@@ -28,15 +26,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var blockNodeStyle = (0, _react2.css)({
-  background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
-  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.N50, ")")),
+  background: "var(--ds-background-disabled, #091E4208)",
+  border: "1px dashed ".concat("var(--ds-border-disabled, #091E420F)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
+  borderRadius: "var(--ds-border-radius, 3px)",
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'flex',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
   margin: "var(--ds-space-100, 8px)".concat(" 0"),
   minHeight: '24px',
   padding: "var(--ds-space-150, 12px)",

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

@@ -11,8 +11,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
@@ -29,15 +27,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 var inlineNodeStyle = (0, _react2.css)({
   alignItems: 'center',
-  background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
-  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.N50, ")")),
+  background: "var(--ds-background-disabled, #091E4208)",
+  border: "1px dashed ".concat("var(--ds-border-disabled, #091E420F)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
+  borderRadius: "var(--ds-border-radius, 3px)",
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'inline-flex',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
   margin: "0 ".concat("var(--ds-space-025, 2px)"),
   minHeight: '24px',
   padding: "0 ".concat("var(--ds-space-100, 8px)"),

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

@@ -14,10 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _widthDetector = require("@atlaskit/width-detector");
 var _isSsr = require("../../core-utils/is-ssr");
-var _isSsrButNoBreakoutScriptObserved = require("./isSsrButNoBreakoutScriptObserved");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -73,17 +71,11 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
   var className = _ref.className,
     shouldCheckExistingValue = _ref.shouldCheckExistingValue,
     children = _ref.children;
-  var shouldFixTableResizing = Boolean((0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing'));
-  var containerRef = (0, _react.useRef)(null);
   var existingContextValue = (0, _react.useContext)(WidthContext);
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(getBodyWidth),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isInitialWidthUpdated = _useState2[0],
-    setIsInitialWidthUpdated = _useState2[1];
-  var _useState3 = (0, _react.useState)(getBodyWidth),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
+    width = _useState2[0],
+    setWidth = _useState2[1];
   var widthRef = (0, _react.useRef)(width);
   var isMountedRef = (0, _react.useRef)(true);
   var providerValue = (0, _react.useMemo)(function () {
@@ -107,41 +99,15 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
   var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
   _react.default.useLayoutEffect(function () {
     isMountedRef.current = true;
-    if (shouldFixTableResizing && !isInitialWidthUpdated) {
-      // useLayoutEffect is not run in SSR mode
-      // The visibility change for SSR is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
-      setIsInitialWidthUpdated(true);
-      if (containerRef.current) {
-        setWidth(containerRef.current.offsetWidth);
-      }
-    }
     return function () {
       isMountedRef.current = false;
     };
-  }, [isInitialWidthUpdated, shouldFixTableResizing, width]);
+  }, []);
   return (0, _react2.jsx)("div", {
     css: styles
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: className,
-    ref: containerRef
-    // Using style not css prop because we need to also reset these style in SSR
-    // It is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Intended
-    ,
-    style:
-    // The hidden visibility is relying on the observer in breakout-ssr.tsx to clear.
-    // Do not hide if the observer is not observed. This happens in editor SSR.
-    shouldFixTableResizing && !(0, _isSsrButNoBreakoutScriptObserved.isSsrButNoBreakoutScriptObserved)() && !isInitialWidthUpdated ? {
-      // Width is initialized with body width but in Confluence this is too wide as side nav takes some space.
-      // Putting the div into hidden until we can get the correct width.
-      // Only setting the visibility so children still takes space which will make scrollbar to correct appear.
-      // Scrollbar has width too it needs to be taken into account otherwise table is going to shrink after appeared.
-      visibility: 'hidden',
-      // Because the body width is too wide, the horizontal scrollbar gonna shown
-      // Temporary hide it until we get the correct width
-      overflowX: 'hidden'
-    } : {}
+    className: className
   }, !skipWidthDetection && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_widthDetector.WidthObserver, {
     setWidth: updateWidth,
     offscreen: true

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
-var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles = require("./styles");
 /**
@@ -26,7 +25,7 @@ var Color = function Color(props) {
     isSelected = props.isSelected,
     borderColor = props.borderColor,
     _props$checkMarkColor = props.checkMarkColor,
-    checkMarkColor = _props$checkMarkColor === void 0 ? _colors.N0 : _props$checkMarkColor,
+    checkMarkColor = _props$checkMarkColor === void 0 ? '#FFFFFF' : _props$checkMarkColor,
     hexToPaletteColor = props.hexToPaletteColor,
     decorator = props.decorator;
   var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.buttonWrapperStyle = exports.buttonStyle = void 0;
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /** this is not new usage - old code extracted from editor-core */
@@ -14,10 +13,10 @@ var _colors = require("@atlaskit/theme/colors");
 var buttonStyle = exports.buttonStyle = (0, _react.css)({
   height: '26px',
   width: '26px',
-  background: "var(--ds-background-neutral, ".concat(_colors.N900, ")"),
+  background: "var(--ds-background-neutral, #091E420F)",
   padding: 0,
   borderRadius: '4px',
-  border: "1px solid ".concat("var(--ds-border-inverse, ".concat(_colors.N0, ")")),
+  border: "1px solid ".concat("var(--ds-border-inverse, #FFFFFF)"),
   cursor: 'pointer',
   display: 'block'
 });
@@ -35,7 +34,7 @@ var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)({
   borderRadius: '6px',
   '&:focus-within, &:focus, &:hover': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    borderColor: "".concat("var(--ds-border, ".concat(_colors.N50, ")"), " !important")
+    borderColor: "var(--ds-border, #091E4224)".concat(" !important")
   }
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

package/dist/cjs/ui-color/ColorPalette/Palettes/common.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_BORDER_COLOR = void 0;
 var _chromatism = _interopRequireDefault(require("chromatism"));
-var _colors = require("@atlaskit/theme/colors");
 /**
  * For a given color set the alpha channel to alpha
  *
@@ -24,5 +23,5 @@ function setAlpha(color, alpha) {
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var DEFAULT_BORDER_COLOR = exports.DEFAULT_BORDER_COLOR = setAlpha(_colors.N800, 0.12);
+var DEFAULT_BORDER_COLOR = exports.DEFAULT_BORDER_COLOR = setAlpha('#172B4D', 0.12);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */