@atlaskit/editor-common 112.7.4 → 112.7.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 112.7.5
+
+### Patch Changes
+
+- [`d497cbb2d150f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d497cbb2d150f) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 112.7.4
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -176,9 +176,6 @@
 		{
 			"path": "../../../design-system/textfield/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/theme/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -176,9 +176,6 @@
 		{
 			"path": "../../../design-system/textfield/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/theme/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -176,9 +176,6 @@
 		{
 			"path": "../../../design-system/textfield/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/theme/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../tmp-editor-statsig/afm-products/tsconfig.json"
 		},

package/dist/cjs/element-browser/components/CategoryList.js

@@ -183,7 +183,7 @@ function CategoryListItem(_ref2) {
 }
 var buttonWrapper = (0, _react2.css)((0, _defineProperty2.default)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: "".concat(_constants.GRID_SIZE * 4, "px"),
+  height: "32px",
   margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0")
 }, "@media (min-width: ".concat(_constants.DEVICE_BREAKPOINT_NUMBERS.medium, "px)"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -47,7 +47,7 @@ var itemIcon = exports.itemIcon = (0, _react2.css)({
   width: "".concat(ICON_WIDTH, "px"),
   height: "".concat(ICON_HEIGHT, "px"),
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   // 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: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',

package/dist/cjs/element-browser/components/ElementList/EmptyState.js

@@ -60,7 +60,7 @@ function EmptyState(_ref) {
 }
 var emptyStateHeading = (0, _react2.css)({
   font: "var(--ds-font-heading-medium, normal 653 20px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: "var(--ds-text, rgb(23, 43, 77))",
+  color: "var(--ds-text, #292A2E)",
   marginTop: "var(--ds-space-300, 24px)"
 });
 var emptyStateSubHeading = (0, _react2.css)({

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -164,7 +164,7 @@ var wrapperInline = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [data-ds--text-field--container]': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: "".concat(_constants.GRID_SIZE * 5, "px"),
+    height: "40px",
     flex: 'none',
     overflow: 'revert'
   }

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -105,7 +105,7 @@ var searchContainer = (0, _react2.css)({
 var mobileCategoryListWrapper = (0, _react2.css)({
   display: 'flex',
   overflowX: 'auto',
-  padding: "var(--ds-space-200, 8px)".concat(" 0 ", "var(--ds-space-200, 16px)", " 0"),
+  padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-200, 16px)", " 0"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(_constants.GRID_SIZE * 4, "px"),
   overflow: '-moz-scrollbars-none',
@@ -120,7 +120,7 @@ var mobileCategoryListWrapper = (0, _react2.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var categoryListWrapper = (0, _react2.css)(mobileCategoryListWrapper, {
   padding: 0,
-  marginTop: "var(--ds-space-200, 24px)",
+  marginTop: "var(--ds-space-200, 16px)",
   flexDirection: 'column'
 });
 function StatelessElementBrowser(props) {

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

@@ -69,7 +69,7 @@ var header = exports.header = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var content = exports.content = (0, _react.css)({
   padding: "var(--ds-space-100, 8px)",
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
@@ -89,7 +89,7 @@ var extensionContent = exports.extensionContent = (0, _react.css)({
   boxSizing: 'border-box',
   paddingTop: "var(--ds-space-100, 8px)",
   paddingBottom: "var(--ds-space-100, 8px)",
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',

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

@@ -25,7 +25,7 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_styles.wrapperDefault
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-children': {
     padding: 0,
-    background: "var(--ds-background-neutral-subtle, white)"
+    background: "var(--ds-background-neutral-subtle, #00000000)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {

package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js

@@ -58,7 +58,7 @@ var lcmHeaderStyles = (0, _react2.css)({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > .legacy-content-header-text': {
-    font: "var(--ds-font-body-small, 12px)",
+    font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& span': {
       paddingRight: "var(--ds-space-050, 4px)"

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

@@ -18,7 +18,7 @@ var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _r
     marginRight: "var(--ds-space-negative-150, -12px)"
   },
   cursor: 'pointer',
-  marginTop: "var(--ds-space-250, 24px)",
+  marginTop: "var(--ds-space-250, 20px)",
   marginBottom: "var(--ds-space-200, 16px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.extension-title': {

package/dist/cjs/extensions/UnknownMacroPlaceholder.compiled.css

@@ -1,9 +1,9 @@
-._11c81a4x{font:var(--ds-font-body-small,9pt)}
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19it7tl1{border:var(--_98ihdp)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko14xi{border-radius:var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0 0}
-._n7zl7tl1{border-bottom:var(--_98ihdp)}
+._n7zl1q32{border-bottom:var(--_1e0q5w0)}
 ._154i1n1a{top:-1px}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
@@ -14,8 +14,8 @@
 ._1reo15vq{overflow-x:hidden}
 ._2hwxidpf{margin-right:0}
 ._6z24egat{tab-size:4}
+._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
-._bfhkrnwa{background-color:var(--ds-surface-raised,#fffdf6)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}

package/dist/cjs/extensions/UnknownMacroPlaceholder.js

@@ -54,14 +54,14 @@ function UnknownMacroPlaceholder(_ref) {
   });
   return /*#__PURE__*/React.createElement("section", {
     "aria-label": intl.formatMessage(_messages.messages.unknownMacroPlaceholderAriaLabel),
-    className: (0, _runtime.ax)(["_19it7tl1 _2rko12b0 _1reo15vq _18m915vq _bfhkrnwa"]),
+    className: (0, _runtime.ax)(["_19it7tl1 _2rko12b0 _1reo15vq _18m915vq _bfhkhp5a"]),
     style: {
       "--_98ihdp": (0, _runtime.ix)("1px solid ".concat(neutralBorder))
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko14xi _11c81a4x _n7zl7tl1 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"]),
+    className: (0, _runtime.ax)(["_2rko14xi _11c8wadc _n7zl1q32 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"]),
     style: {
-      "--_98ihdp": (0, _runtime.ix)("1px solid ".concat(neutralBorder))
+      "--_1e0q5w0": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", neutralBorder))
     }
   }, headerText), /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _bfhkvuon _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])

package/dist/cjs/media-single/CommentBadge.js

@@ -78,11 +78,11 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
   var colourToken = (0, _react.useMemo)(function () {
     switch (status) {
       case 'active':
-        return "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)";
+        return "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)";
       case 'entered':
-        return "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)";
+        return "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)";
       default:
-        return "var(--ds-background-accent-yellow-subtlest, #FFF7D6)";
+        return "var(--ds-background-accent-yellow-subtlest, #FEF7C8)";
     }
   }, [status]);
   return (0, _react2.jsx)("div", {

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "112.7.3";
+var packageVersion = "112.7.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/assets/datasource-assets-objects.js

@@ -21,18 +21,18 @@ function IconDatasourceAssetsObjects() {
     y: "0",
     width: "42",
     height: "42",
-    fill: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+    fill: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
   }), /*#__PURE__*/_react.default.createElement("rect", {
     x: "8",
     y: "8",
     width: "26",
     height: "26",
     rx: "4",
-    fill: "var(--ds-background-input, white)"
+    fill: "var(--ds-background-input, #FFFFFF)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.667 9.33317H29.3337C31.1746 9.33317 32.667 10.8256 32.667 12.6665V29.3332C32.667 31.1741 31.1746 32.6665 29.3337 32.6665H12.667C10.826 32.6665 9.33366 31.1741 9.33366 29.3332V12.6665C9.33366 10.8256 10.826 9.33317 12.667 9.33317ZM7.66699 12.6665C7.66699 9.90508 9.90557 7.6665 12.667 7.6665H29.3337C32.0951 7.6665 34.3337 9.90508 34.3337 12.6665V29.3332C34.3337 32.0946 32.0951 34.3332 29.3337 34.3332H12.667C9.90557 34.3332 7.66699 32.0946 7.66699 29.3332V12.6665ZM12.9579 13.4165C12.9579 13.0023 13.2937 12.6665 13.7079 12.6665H17.6443C18.0585 12.6665 18.3943 13.0023 18.3943 13.4165V16.9165C18.3943 17.3307 18.0585 17.6665 17.6443 17.6665H16.5823V19.3332H22.0186V18.4165C22.0186 18.0023 22.3544 17.6665 22.7686 17.6665H26.7049C27.1192 17.6665 27.4549 18.0023 27.4549 18.4165V21.9165C27.4549 22.3307 27.1192 22.6665 26.7049 22.6665H22.7686C22.3544 22.6665 22.0186 22.3307 22.0186 21.9165V20.9998H16.5823V25.9998H22.0186V25.0832C22.0186 24.669 22.3544 24.3332 22.7686 24.3332H26.7049C27.1192 24.3332 27.4549 24.669 27.4549 25.0832V28.5832C27.4549 28.9974 27.1192 29.3332 26.7049 29.3332H22.7686C22.3544 29.3332 22.0186 28.9974 22.0186 28.5832V27.6665H16.4368C15.5163 27.6665 14.7701 26.9203 14.7701 25.9998V19.3332V17.6665H13.7079C13.2937 17.6665 12.9579 17.3307 12.9579 16.9165V13.4165ZM14.7701 14.5832C14.7701 14.4451 14.882 14.3332 15.0201 14.3332H16.3322C16.4703 14.3332 16.5822 14.4451 16.5822 14.5832V15.7498C16.5822 15.8879 16.4703 15.9998 16.3322 15.9998H15.0201C14.882 15.9998 14.7701 15.8879 14.7701 15.7498V14.5832ZM24.0805 19.3332C23.9425 19.3332 23.8305 19.4451 23.8305 19.5832V20.7498C23.8305 20.8879 23.9425 20.9998 24.0805 20.9998H25.3927C25.5307 20.9998 25.6427 20.8879 25.6427 20.7498V19.5832C25.6427 19.4451 25.5307 19.3332 25.3927 19.3332H24.0805ZM24.0805 25.9998C23.9425 25.9998 23.8305 26.1118 23.8305 26.2498V27.4165C23.8305 27.5546 23.9425 27.6665 24.0805 27.6665H25.3927C25.5307 27.6665 25.6427 27.5546 25.6427 27.4165V26.2498C25.6427 26.1118 25.5307 25.9998 25.3927 25.9998H24.0805Z",
-    fill: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
+    fill: "var(--ds-background-accent-gray-bolder-hovered, #505258)"
   }));
 }

package/dist/cjs/quick-insert/assets/five-column-layout.js

@@ -42,7 +42,7 @@ function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/_react.default.createElement("rect", {
     x: "6",

package/dist/cjs/quick-insert/assets/four-column-layout.js

@@ -42,7 +42,7 @@ function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/_react.default.createElement("rect", {
     x: "6",

package/dist/cjs/quick-insert/assets/one-column-layout.js

@@ -41,7 +41,7 @@ function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/_react.default.createElement("rect", {
     x: "6",

package/dist/cjs/quick-insert/assets/three-column-layout.js

@@ -49,7 +49,7 @@ function ThreeColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/_react.default.createElement("rect", {
     x: "6",

package/dist/cjs/quick-insert/assets/two-column-layout.js

@@ -42,7 +42,7 @@ function TwoColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/_react.default.createElement("rect", {
     x: "6",

package/dist/cjs/resizer/Resizer.js

@@ -25,7 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var resizerLabelStyles = (0, _primitives.xcss)({
   position: 'absolute',
-  bottom: "var(--ds-space-0, 0)",
+  bottom: "var(--ds-space-0, 0px)",
   width: '100%',
   overflow: 'visible',
   display: 'flex',

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

@@ -18,7 +18,7 @@ var blockquoteSharedStyles = exports.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, #0B120E24)"),
     // 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,

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

@@ -64,11 +64,11 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
 var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
   var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t.", ",\n\t\t\t\t.", " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", ");\n\t\t\t\tbackground: ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.", "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ", "px;\n\t\t\t}\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, "var(--ds-space-300, 24px)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t.", ",\n\t\t\t\t.", " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", ");\n\t\t\t\tbackground: ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.", "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ", "px;\n\t\t\t}\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\tborder: ", "px solid ", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, "var(--ds-space-300, 24px)", "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_RIGHT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, TableSharedCssClassName.TABLE_LEFT_BORDER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-background-neutral-subtle, #00000000)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", "var(--ds-background-accent-gray-subtlest, #F0F1F2)", (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, #0B120E24)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
+  }), "var(--ds-background-neutral, #0515240F)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #0515240F)", (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), "var(--ds-background-neutral, rgb(235, 237, 240))", "var(--ds-background-neutral, rgb(226, 229, 233))");
+  }), "var(--ds-background-neutral, #0515240F)", "var(--ds-background-neutral, #0515240F)");
 };
 var calcTableWidth = exports.calcTableWidth = function calcTableWidth(layout, containerWidth) {
   var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

package/dist/cjs/table/SortingIcon.js

@@ -26,7 +26,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: ", " 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-width-selected, 2px)", "var(--ds-border, #fff)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "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: ", " 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-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", _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);
@@ -38,10 +38,10 @@ var iconStyles = (0, _react.css)({
   height: '100%',
   width: '2px',
   borderRadius: "var(--ds-radius-full, 9999px)",
-  background: "var(--ds-icon, #42526E)",
+  background: "var(--ds-icon, #292A2E)",
   userSelect: 'none',
   '&::before, &::after': {
-    background: "var(--ds-icon, #42526E)",
+    background: "var(--ds-icon, #292A2E)",
     content: "''",
     height: '2px',
     width: '6px',

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

@@ -24,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 = "112.7.3";
+var packageVersion = "112.7.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -54,7 +54,7 @@ var mbeNavigation = (0, _react.css)({
   WebkitUserModify: 'read-only',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   borderBottom: 'none !important',
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -12,7 +12,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _bindEventListener = require("bind-event-listener");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _uiReact = require("../../ui-react");
 var _Popup = _interopRequireDefault(require("../Popup"));
@@ -38,9 +37,9 @@ var initialSizeState = {
 };
 var tableSelectorPopupWrapperStyles = (0, _react2.css)({
   borderRadius: "var(--ds-radius-small, 3px)",
-  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ", 0 2px 1px ").concat(_colors.N30A, ", 0 0 20px -6px ").concat(_colors.N60A), ")"),
-  padding: "".concat("var(--ds-space-100, ".concat("".concat(TABLE_SELECTOR_PADDING_TOP, "px"), ")"), " ", TABLE_SELECTOR_PADDING_SIDE, "px")
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
+  padding: "var(--ds-space-100, 8px)".concat(" ", TABLE_SELECTOR_PADDING_SIDE, "px")
 });
 var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopup(props) {
   var _useState = (0, _react.useState)(_objectSpread(_objectSpread({}, initialSizeState), props.defaultSize)),

package/dist/cjs/ui/TableSelector/table-selector.js

@@ -8,7 +8,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _messages = require("../../messages");
 var _uiReact = require("../../ui-react");
@@ -23,22 +22,22 @@ var TABLE_SELECTOR_BUTTON_GAP = exports.TABLE_SELECTOR_BUTTON_GAP = 2;
 var TABLE_SELECTOR_BUTTON_SIZE = exports.TABLE_SELECTOR_BUTTON_SIZE = 17;
 var MULTIPLICATION_SYMBOL = '×';
 var selectedButtonStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #579DFF)")
+  backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #669DF1)")
 });
 var buttonStyles = (0, _react2.css)({
   height: "".concat(TABLE_SELECTOR_BUTTON_SIZE, "px"),
   width: "".concat(TABLE_SELECTOR_BUTTON_SIZE, "px"),
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091e4224)"),
-  backgroundColor: "var(--ds-background-input, #ffffff)",
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'pointer',
   display: 'block',
   '&:focus': {
     outline: 'none',
-    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-focused, ".concat(_colors.B100, ")")),
-    boxShadow: "0 0 0 0.5px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
+    boxShadow: "0 0 0 0.5px ".concat("var(--ds-border-focused, #4688EC)")
   }
 });
 var selectionSizeTextStyles = (0, _react2.css)({
@@ -46,8 +45,8 @@ var selectionSizeTextStyles = (0, _react2.css)({
   lineHeight: '14px',
   display: 'flex',
   justifyContent: 'center',
-  marginTop: "var(--ds-space-075, 5px)",
-  padding: "var(--ds-space-075, 10px)"
+  marginTop: "var(--ds-space-075, 6px)",
+  padding: "var(--ds-space-075, 6px)"
 });
 var TableSelectorButton = function TableSelectorButton(_ref) {
   var row = _ref.row,
@@ -106,7 +105,7 @@ var gridWrapperStyles = function gridWrapperStyles(_ref2) {
     gridTemplateColumns: "repeat(".concat(maxCols, ", 1fr)"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     gridTemplateRows: "repeat(".concat(maxRows, ", 1fr)"),
-    gap: "".concat("var(--ds-space-025, ".concat("".concat(TABLE_SELECTOR_BUTTON_GAP, "px"), ")"))
+    gap: "var(--ds-space-025, 2px)"
   });
 };
 var TableSelectorPopup = function TableSelectorPopup(_ref3) {

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

@@ -47,7 +47,7 @@ var DiagonalLineGlyph = function DiagonalLineGlyph(props) {
 var EditorDiagonalLineIcon = exports.EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
   var _useThemeObserver = (0, _tokens.useThemeObserver)(),
     colorMode = _useThemeObserver.colorMode;
-  var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #6B6E76)" : "var(--ds-background-accent-gray-subtle, #8C8F97)";
   return (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     (0, _react.jsx)(DiagonalLineGlyph, {
@@ -62,7 +62,7 @@ var highlightColorPalette = exports.highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
-  border: "var(--ds-border, #091E4224)",
+  border: "var(--ds-border, #0B120E24)",
   message: (0, _getColorMessage.default)(_paletteMessages.default, 'no-color'),
   decorator: (0, _react.jsx)(EditorDiagonalLineIcon, null)
 }];

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.panelBackgroundPalette = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _common = require("./common");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var panelBackgroundPalette = exports.panelBackgroundPalette = [{
@@ -74,6 +73,6 @@ var panelBackgroundPalette = exports.panelBackgroundPalette = [{
   value: '#998DD9'
 }].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
-    border: "var(--ds-border, ".concat(_common.DEFAULT_BORDER_COLOR, ")")
+    border: "var(--ds-border, #0B120E24)"
   });
 });

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

@@ -14,7 +14,7 @@ var mapPaletteColor = exports.mapPaletteColor = function mapPaletteColor(label,
   return {
     value: color,
     label: label,
-    border: "var(--ds-border, #091E4224)",
+    border: "var(--ds-border, #0B120E24)",
     message: message
   };
 };

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -22,7 +22,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -64,17 +63,17 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
        * Hack for item to imitate old dropdown-menu selected styles
        */
       // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, transparent)", "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
+      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, #1868DB)", "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
     }
 
     /**
      * Hack for item to imitate old dropdown-menu selected styles
      */
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
+    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
+    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, #0515240F)", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, #0B120E24)", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
 var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {

package/dist/es2019/element-browser/components/CategoryList.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import Button from '@atlaskit/button/custom-theme-button';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
-import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS } from '../constants';
 import useFocus from '../hooks/use-focus';
 const arrowsKeys = new Set(['ArrowUp', 'ArrowDown']);
 function CategoryList({
@@ -176,7 +176,7 @@ function CategoryListItem({
 }
 const buttonWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: `${GRID_SIZE * 4}px`,
+  height: `32px`,
   margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`@media (min-width: ${DEVICE_BREAKPOINT_NUMBERS.medium}px)`]: {