@atlaskit/editor-plugin-card 13.1.5 → 13.1.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 13.1.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.1.6
+
+### Patch Changes
+
+- [`5979ce2baa3ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5979ce2baa3ea) -
+  Mechanical type-import autofix for rendering and provider packages.
+- [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 13.1.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/toDOM-fixes/blockCard.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 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; }
 // @nodeSpecException:toDOM patch
@@ -47,7 +46,7 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/cjs/nodeviews/toDOM-fixes/embedCard.js

@@ -10,7 +10,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 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; } /**
  * Some of these functions and styling are duplicated from their custom node view equivalents
@@ -104,7 +103,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
           display: 'inline',
           boxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/cjs/nodeviews/toDOM-fixes/inlineCard.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 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; }
 // @nodeSpecException:toDOM patch
@@ -38,7 +37,7 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(_colors.B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

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

@@ -17,7 +17,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
-var _colors = require("@atlaskit/theme/colors");
 var _utils = require("./utils");
 var _excluded = ["children", "isSelected", "isVisible", "testId", "url"];
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
@@ -37,8 +36,8 @@ var OVERLAY_LABEL_CLASSNAME = 'ak-editor-card-overlay-label';
 var OVERLAY_GRADIENT_CLASSNAME = 'ak-editor-card-overlay-gradient';
 var OVERLAY_MARKER_CLASSNAME = 'ak-editor-card-overlay-marker';
 var TEXT_NODE_SELECTOR = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].join(',');
-var SMART_LINK_BACKGROUND_COLOR = "var(--ds-surface-raised, ".concat(_colors.N0, ")");
-var SMART_LINK_ACTIVE_COLOR = "var(--ds-background-selected, ".concat(_colors.B100, ")");
+var SMART_LINK_BACKGROUND_COLOR = "var(--ds-surface-raised, #FFFFFF)";
+var SMART_LINK_ACTIVE_COLOR = "var(--ds-background-selected, #E9F2FE)";
 var getGradientWithColor = function getGradientWithColor(color) {
   return "linear-gradient(270deg, ".concat(color, " 0%, rgba(255, 255, 255, 0.00) 100%)");
 };
@@ -96,7 +95,7 @@ var iconAndLabelStyles = (0, _react2.css)({
   // Margin to avoid the background covering the link border
   marginRight: "var(--ds-space-025, 2px)",
   background: SMART_LINK_BACKGROUND_COLOR,
-  color: "var(--ds-text-subtlest, ".concat(_colors.N700, ")")
+  color: "var(--ds-text-subtlest, #6B6E76)"
 });
 var overflowingContainerStyles = (0, _react2.css)({
   display: 'flex',

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

@@ -16,7 +16,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
 var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
 var _linkingCommon = require("@atlaskit/linking-common");
-var _colors = require("@atlaskit/theme/colors");
 var _actions = require("../../pm-plugins/actions");
 var _utils2 = require("../../pm-plugins/utils");
 var _utils3 = require("./utils");
@@ -26,13 +25,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 var toolbarButtonWrapperStyles = (0, _react2.css)({
-  background: "".concat("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
-  color: "".concat("var(--ds-icon, ".concat(_colors.N300, ")")),
+  background: "var(--ds-background-neutral, #0515240F)",
+  color: "var(--ds-icon, #292A2E)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    background: "".concat("var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")")),
+    background: "var(--ds-background-neutral-hovered, #0B120E24)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    color: "var(--ds-icon, white)".concat(" !important")
+    color: "var(--ds-icon, #292A2E)".concat(" !important")
   }
 });
 var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -358,11 +358,11 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         }
         return {
           left: {
-            left: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
+            left: "calc(".concat("var(--ds-space-negative-025, -2px)", " * 0.5)"),
             paddingLeft: '0px'
           },
           right: {
-            right: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
+            right: "calc(".concat("var(--ds-space-negative-025, -2px)", " * 0.5)"),
             paddingRight: '0px'
           }
         };

package/dist/es2019/nodeviews/toDOM-fixes/blockCard.js

@@ -1,7 +1,6 @@
 import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const blockCardSpecWithFixedToDOM = () => {
   const blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
@@ -42,7 +41,7 @@ export const blockCardSpecWithFixedToDOM = () => {
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: `var(--ds-link, ${B400})`,
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/es2019/nodeviews/toDOM-fixes/embedCard.js

@@ -12,7 +12,6 @@ import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
   switch (layout) {
@@ -98,7 +97,7 @@ export const embedCardSpecWithFixedToDOM = () => {
           display: 'inline',
           boxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: `var(--ds-link, ${B400})`,
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/es2019/nodeviews/toDOM-fixes/inlineCard.js

@@ -1,7 +1,6 @@
 import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export const inlineCardSpecWithFixedToDOM = () => {
   const inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
@@ -29,7 +28,7 @@ export const inlineCardSpecWithFixedToDOM = () => {
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: `var(--ds-link, ${B400})`,
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

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

@@ -14,7 +14,6 @@ import { useIntl } from 'react-intl-next';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
-import { B100, N0, N700 } from '@atlaskit/theme/colors';
 import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 const DEBOUNCE_IN_MS = 5;
 const ESTIMATED_MIN_WIDTH_IN_PX = 16;
@@ -25,8 +24,8 @@ const OVERLAY_LABEL_CLASSNAME = 'ak-editor-card-overlay-label';
 const OVERLAY_GRADIENT_CLASSNAME = 'ak-editor-card-overlay-gradient';
 const OVERLAY_MARKER_CLASSNAME = 'ak-editor-card-overlay-marker';
 const TEXT_NODE_SELECTOR = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].join(',');
-const SMART_LINK_BACKGROUND_COLOR = `var(--ds-surface-raised, ${N0})`;
-const SMART_LINK_ACTIVE_COLOR = `var(--ds-background-selected, ${B100})`;
+const SMART_LINK_BACKGROUND_COLOR = "var(--ds-surface-raised, #FFFFFF)";
+const SMART_LINK_ACTIVE_COLOR = "var(--ds-background-selected, #E9F2FE)";
 const getGradientWithColor = color => {
   return `linear-gradient(270deg, ${color} 0%, rgba(255, 255, 255, 0.00) 100%)`;
 };
@@ -89,7 +88,7 @@ const iconAndLabelStyles = css({
   // Margin to avoid the background covering the link border
   marginRight: "var(--ds-space-025, 2px)",
   background: SMART_LINK_BACKGROUND_COLOR,
-  color: `var(--ds-text-subtlest, ${N700})`
+  color: "var(--ds-text-subtlest, #6B6E76)"
 });
 const overflowingContainerStyles = css({
   display: 'flex',

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { useCallback, useMemo } from 'react';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
@@ -14,18 +13,17 @@ import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
 import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
-import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { setCardLayout } from '../../pm-plugins/actions';
 import { isDatasourceNode } from '../../pm-plugins/utils';
 import { getDatasource, isDatasourceTableLayout } from './utils';
 const toolbarButtonWrapperStyles = css({
-  background: `${`var(--ds-background-neutral, ${N20A})`}`,
-  color: `${`var(--ds-icon, ${N300})`}`,
+  background: `${"var(--ds-background-neutral, #0515240F)"}`,
+  color: `${"var(--ds-icon, #292A2E)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    background: `${`var(--ds-background-neutral-hovered, ${B300})`}`,
+    background: `${"var(--ds-background-neutral-hovered, #0B120E24)"}`,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    color: `${"var(--ds-icon, white)"} !important`
+    color: `${"var(--ds-icon, #292A2E)"} !important`
   }
 });
 export const LayoutButton = ({

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -339,11 +339,11 @@ export default class ResizableEmbedCard extends React.Component {
       }
       return {
         left: {
-          left: `calc(${"var(--ds-space-negative-025, -0.125em)"} * 0.5)`,
+          left: `calc(${"var(--ds-space-negative-025, -2px)"} * 0.5)`,
           paddingLeft: '0px'
         },
         right: {
-          right: `calc(${"var(--ds-space-negative-025, -0.125em)"} * 0.5)`,
+          right: `calc(${"var(--ds-space-negative-025, -2px)"} * 0.5)`,
           paddingRight: '0px'
         }
       };

package/dist/esm/nodeviews/toDOM-fixes/blockCard.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM() {
   var blockCardNode = fg('platform_editor_adf_with_localid') ? blockCardWithLocalId : blockCard;
@@ -40,7 +39,7 @@ export var blockCardSpecWithFixedToDOM = function blockCardSpecWithFixedToDOM()
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/esm/nodeviews/toDOM-fixes/embedCard.js

@@ -15,7 +15,6 @@ import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
 function calcMargin(layout) {
   switch (layout) {
@@ -98,7 +97,7 @@ export var embedCardSpecWithFixedToDOM = function embedCardSpecWithFixedToDOM()
           display: 'inline',
           boxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

package/dist/esm/nodeviews/toDOM-fixes/inlineCard.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 // @nodeSpecException:toDOM patch
 export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM() {
   var inlineCardNode = fg('platform_editor_adf_with_localid') ? inlineCardWithLocalId : inlineCard;
@@ -31,7 +30,7 @@ export var inlineCardSpecWithFixedToDOM = function inlineCardSpecWithFixedToDOM(
           boxDecorationBreak: 'clone',
           WebkitBoxDecorationBreak: 'clone',
           borderRadius: "var(--ds-radius-small, 4px)",
-          color: "var(--ds-link, ".concat(B400, ")"),
+          color: "var(--ds-link, #1868DB)",
           lineHeight: '22px',
           WebkitTransition: '0.1s all ease-in-out',
           transition: '0.1s all ease-in-out',

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

@@ -18,7 +18,6 @@ import { useIntl } from 'react-intl-next';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
-import { B100, N0, N700 } from '@atlaskit/theme/colors';
 import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 var DEBOUNCE_IN_MS = 5;
 var ESTIMATED_MIN_WIDTH_IN_PX = 16;
@@ -29,8 +28,8 @@ var OVERLAY_LABEL_CLASSNAME = 'ak-editor-card-overlay-label';
 var OVERLAY_GRADIENT_CLASSNAME = 'ak-editor-card-overlay-gradient';
 var OVERLAY_MARKER_CLASSNAME = 'ak-editor-card-overlay-marker';
 var TEXT_NODE_SELECTOR = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].join(',');
-var SMART_LINK_BACKGROUND_COLOR = "var(--ds-surface-raised, ".concat(N0, ")");
-var SMART_LINK_ACTIVE_COLOR = "var(--ds-background-selected, ".concat(B100, ")");
+var SMART_LINK_BACKGROUND_COLOR = "var(--ds-surface-raised, #FFFFFF)";
+var SMART_LINK_ACTIVE_COLOR = "var(--ds-background-selected, #E9F2FE)";
 var getGradientWithColor = function getGradientWithColor(color) {
   return "linear-gradient(270deg, ".concat(color, " 0%, rgba(255, 255, 255, 0.00) 100%)");
 };
@@ -88,7 +87,7 @@ var iconAndLabelStyles = css({
   // Margin to avoid the background covering the link border
   marginRight: "var(--ds-space-025, 2px)",
   background: SMART_LINK_BACKGROUND_COLOR,
-  color: "var(--ds-text-subtlest, ".concat(N700, ")")
+  color: "var(--ds-text-subtlest, #6B6E76)"
 });
 var overflowingContainerStyles = css({
   display: 'flex',

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

@@ -6,7 +6,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */
 import { useCallback, useMemo } from 'react';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
@@ -17,18 +16,17 @@ import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
 import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
-import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { setCardLayout } from '../../pm-plugins/actions';
 import { isDatasourceNode } from '../../pm-plugins/utils';
 import { getDatasource, isDatasourceTableLayout } from './utils';
 var toolbarButtonWrapperStyles = css({
-  background: "".concat("var(--ds-background-neutral, ".concat(N20A, ")")),
-  color: "".concat("var(--ds-icon, ".concat(N300, ")")),
+  background: "var(--ds-background-neutral, #0515240F)",
+  color: "var(--ds-icon, #292A2E)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    background: "".concat("var(--ds-background-neutral-hovered, ".concat(B300, ")")),
+    background: "var(--ds-background-neutral-hovered, #0B120E24)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    color: "var(--ds-icon, white)".concat(" !important")
+    color: "var(--ds-icon, #292A2E)".concat(" !important")
   }
 });
 export var LayoutButton = function LayoutButton(_ref) {

package/dist/esm/ui/ResizableEmbedCard.js

@@ -354,11 +354,11 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         }
         return {
           left: {
-            left: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
+            left: "calc(".concat("var(--ds-space-negative-025, -2px)", " * 0.5)"),
             paddingLeft: '0px'
           },
           right: {
-            right: "calc(".concat("var(--ds-space-negative-025, -0.125em)", " * 0.5)"),
+            right: "calc(".concat("var(--ds-space-negative-025, -2px)", " * 0.5)"),
             paddingRight: '0px'
           }
         };

package/dist/types/nodeviews/blockCard.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import ReactNodeView, { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import type { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';

package/dist/types/nodeviews/datasource.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types/nodeviews/embedCard.d.ts

@@ -1,4 +1,5 @@
-import React, { type ComponentProps } from 'react';
+import React from 'react';
+import type { ComponentProps } from 'react';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';

package/dist/types/nodeviews/genericCard.d.ts

@@ -7,9 +7,9 @@ import type { ProviderFactory, Providers } from '@atlaskit/editor-common/provide
 import type { ReactComponentProps, getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardContext } from '@atlaskit/link-provider';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps } from '@atlaskit/smart-card';
 import type { cardPlugin } from '../index';
 export type EditorContext<T> = React.Context<T> & {

package/dist/types/nodeviews/inlineCard.d.ts

@@ -3,7 +3,7 @@ import type { InlineNodeViewComponentProps, getInlineNodeViewProducer } from '@a
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
-import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+import type { InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider'>;
 /**

package/dist/types/nodeviews/lazy-block-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type BlockCardNodeViewProperties } from './blockCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { BlockCardNodeViewProperties } from './blockCard';
 export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => NodeViewConstructor;

package/dist/types/nodeviews/lazy-embed-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type EmbedCardNodeViewProperties } from './embedCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { EmbedCardNodeViewProperties } from './embedCard';
 export declare const lazyEmbedCardView: (props: EmbedCardNodeViewProperties) => NodeViewConstructor;

package/dist/types/nodeviews/lazy-inline-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type InlineCardNodeViewProperties } from './inlineCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { InlineCardNodeViewProperties } from './inlineCard';
 export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => NodeViewConstructor;

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -1,3 +1,3 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { type CardPluginState } from '../types';
+import type { CardPluginState } from '../types';
 export declare const pluginKey: PluginKey<CardPluginState>;

package/dist/types/pm-plugins/util/state.d.ts

@@ -3,10 +3,10 @@ import type { ACTION } from '@atlaskit/editor-common/analytics';
 import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance } from '@atlaskit/editor-common/types';
-import { type EditorState, type ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import { type CardPluginState, type Request } from '../../types';
+import type { CardPluginState, Request } from '../../types';
 import type { DatasourceTableLayout } from '../../ui/LayoutButton/types';
 export declare const getPluginState: (editorState: EditorState) => CardPluginState | undefined;
 export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState, tr: ReadonlyTransaction) => {

package/dist/types/pm-plugins/utils.d.ts

@@ -1,8 +1,8 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
+import type { getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
 import type { CardInfo, DatasourceNode } from '../types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;

package/dist/types/ui/ConfigureOverlay/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 declare const OverlayWrapper: ({ view, targetElementPos, children, isHoveredCallback: hoverCallback, onOpenLinkClick, }: {
     children: JSX.Element;
     /** Fired when the mouse enters or leaves the overlay button */

package/dist/types/ui/DatasourceAppearanceButton.d.ts

@@ -3,7 +3,7 @@ import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardContext } from '@atlaskit/link-provider';
+import type { CardContext } from '@atlaskit/link-provider';
 export interface DatasourceAppearanceButtonProps {
     areAnyNewToolbarFlagsEnabled: boolean;
     cardContext?: CardContext;

package/dist/types/ui/EditLinkToolbar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { HyperlinkAddToolbarProps } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, LinkInputType, LinkPickerOptions } from '@atlaskit/editor-common/types';

package/dist/types/ui/EditToolbarButton/types.d.ts

@@ -1,10 +1,10 @@
-import { type IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
-import { type CardType } from '../../types';
+import type { CardType } from '../../types';
 export type EditVariant = 'none' | 'edit-link' | 'edit-datasource' | 'edit-dropdown';
 export interface EditDatasourceToolbarButtonWithCommonProps {
     areAnyNewToolbarFlagsEnabled: boolean;

package/dist/types/ui/EditorAnalyticsContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type EditorAnalyticsContextProps = {
     children: React.ReactNode;
     editorView?: EditorView;

package/dist/types/ui/HyperlinkToolbarAppearance.d.ts

@@ -5,7 +5,7 @@ import type { CardOptions } from '@atlaskit/editor-common/card';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardPlugin } from '../cardPluginType';
+import type { CardPlugin } from '../cardPluginType';
 export interface HyperlinkToolbarAppearanceProps {
     cardOptions?: CardOptions;
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;

package/dist/types/ui/LayoutButton/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentType, type FC } from 'react';
+import type { ComponentType, FC } from 'react';
 import { jsx } from '@emotion/react';
 import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';

package/dist/types/ui/LayoutButton/utils.d.ts

@@ -1,6 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { DatasourceNode } from '../../types';
-import { type DatasourceTableLayout } from './types';
+import type { DatasourceTableLayout } from './types';
 export declare const getDatasource: (editorView: EditorView | undefined) => {
     depth: number;
     node: DatasourceNode;

package/dist/types/ui/LinkToolbarAppearanceDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Command, FloatingToolbarDropdown, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-import { type LinkToolbarAppearanceProps } from './LinkToolbarAppearance';
+import type { LinkToolbarAppearanceProps } from './LinkToolbarAppearance';
 type Props = LinkToolbarAppearanceProps & {
     allowDatasource?: boolean;
     dispatchCommand: (command: Command) => void;

package/dist/types/ui/OpenPreviewButton/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 type OpenPreviewPanelToolbarButtonProps = {

package/dist/types/ui/analytics/utils.d.ts

@@ -1,7 +1,8 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { type Node } from '@atlaskit/editor-prosemirror/model';
-import { type ReadonlyTransaction, type Transaction } from '@atlaskit/editor-prosemirror/state';
-import { type Entity, EVENT_SUBJECT } from './types';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { EVENT_SUBJECT } from './types';
+import type { Entity } from './types';
 export declare function isDatasourceNode(node: Node): boolean;
 /**
  * Determine if a node is considered to be a link

package/dist/types/ui/editDatasourceAction.d.ts

@@ -1,4 +1,4 @@
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { type Command } from '@atlaskit/editor-common/types';
-import { type CardType } from '../types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { CardType } from '../types';
 export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import ReactNodeView, { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import type { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';

package/dist/types-ts4.5/nodeviews/datasource.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -1,4 +1,5 @@
-import React, { type ComponentProps } from 'react';
+import React from 'react';
+import type { ComponentProps } from 'react';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/nodeviews/genericCard.d.ts

@@ -7,9 +7,9 @@ import type { ProviderFactory, Providers } from '@atlaskit/editor-common/provide
 import type { ReactComponentProps, getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardContext } from '@atlaskit/link-provider';
+import type { CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps } from '@atlaskit/smart-card';
 import type { cardPlugin } from '../index';
 export type EditorContext<T> = React.Context<T> & {

package/dist/types-ts4.5/nodeviews/inlineCard.d.ts

@@ -3,7 +3,7 @@ import type { InlineNodeViewComponentProps, getInlineNodeViewProducer } from '@a
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
-import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
+import type { InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider'>;
 /**

package/dist/types-ts4.5/nodeviews/lazy-block-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type BlockCardNodeViewProperties } from './blockCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { BlockCardNodeViewProperties } from './blockCard';
 export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => NodeViewConstructor;

package/dist/types-ts4.5/nodeviews/lazy-embed-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type EmbedCardNodeViewProperties } from './embedCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { EmbedCardNodeViewProperties } from './embedCard';
 export declare const lazyEmbedCardView: (props: EmbedCardNodeViewProperties) => NodeViewConstructor;

package/dist/types-ts4.5/nodeviews/lazy-inline-card.d.ts

@@ -1,3 +1,3 @@
-import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
-import { type InlineCardNodeViewProperties } from './inlineCard';
+import type { NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
+import type { InlineCardNodeViewProperties } from './inlineCard';
 export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => NodeViewConstructor;

package/dist/types-ts4.5/pm-plugins/plugin-key.d.ts

@@ -1,3 +1,3 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { type CardPluginState } from '../types';
+import type { CardPluginState } from '../types';
 export declare const pluginKey: PluginKey<CardPluginState>;

package/dist/types-ts4.5/pm-plugins/util/state.d.ts

@@ -3,10 +3,10 @@ import type { ACTION } from '@atlaskit/editor-common/analytics';
 import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance } from '@atlaskit/editor-common/types';
-import { type EditorState, type ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
 import type { SmartLinkEvents } from '@atlaskit/smart-card';
-import { type CardPluginState, type Request } from '../../types';
+import type { CardPluginState, Request } from '../../types';
 import type { DatasourceTableLayout } from '../../ui/LayoutButton/types';
 export declare const getPluginState: (editorState: EditorState) => CardPluginState | undefined;
 export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState, tr: ReadonlyTransaction) => {

package/dist/types-ts4.5/pm-plugins/utils.d.ts

@@ -1,8 +1,8 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
+import type { getPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
 import type { CardInfo, DatasourceNode } from '../types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;

package/dist/types-ts4.5/ui/ConfigureOverlay/index.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 declare const OverlayWrapper: ({ view, targetElementPos, children, isHoveredCallback: hoverCallback, onOpenLinkClick, }: {
     children: JSX.Element;
     /** Fired when the mouse enters or leaves the overlay button */

package/dist/types-ts4.5/ui/DatasourceAppearanceButton.d.ts

@@ -3,7 +3,7 @@ import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardContext } from '@atlaskit/link-provider';
+import type { CardContext } from '@atlaskit/link-provider';
 export interface DatasourceAppearanceButtonProps {
     areAnyNewToolbarFlagsEnabled: boolean;
     cardContext?: CardContext;

package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { HyperlinkAddToolbarProps } from '@atlaskit/editor-common/link';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, LinkInputType, LinkPickerOptions } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/ui/EditToolbarButton/types.d.ts

@@ -1,10 +1,10 @@
-import { type IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
-import { type CardType } from '../../types';
+import type { CardType } from '../../types';
 export type EditVariant = 'none' | 'edit-link' | 'edit-datasource' | 'edit-dropdown';
 export interface EditDatasourceToolbarButtonWithCommonProps {
     areAnyNewToolbarFlagsEnabled: boolean;

package/dist/types-ts4.5/ui/EditorAnalyticsContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type EditorAnalyticsContextProps = {
     children: React.ReactNode;
     editorView?: EditorView;

package/dist/types-ts4.5/ui/HyperlinkToolbarAppearance.d.ts

@@ -5,7 +5,7 @@ import type { CardOptions } from '@atlaskit/editor-common/card';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type CardPlugin } from '../cardPluginType';
+import type { CardPlugin } from '../cardPluginType';
 export interface HyperlinkToolbarAppearanceProps {
     cardOptions?: CardOptions;
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;

package/dist/types-ts4.5/ui/LayoutButton/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentType, type FC } from 'react';
+import type { ComponentType, FC } from 'react';
 import { jsx } from '@emotion/react';
 import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';

package/dist/types-ts4.5/ui/LayoutButton/utils.d.ts

@@ -1,6 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { DatasourceNode } from '../../types';
-import { type DatasourceTableLayout } from './types';
+import type { DatasourceTableLayout } from './types';
 export declare const getDatasource: (editorView: EditorView | undefined) => {
     depth: number;
     node: DatasourceNode;

package/dist/types-ts4.5/ui/LinkToolbarAppearanceDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Command, FloatingToolbarDropdown, FloatingToolbarItem } from '@atlaskit/editor-common/types';
-import { type LinkToolbarAppearanceProps } from './LinkToolbarAppearance';
+import type { LinkToolbarAppearanceProps } from './LinkToolbarAppearance';
 type Props = LinkToolbarAppearanceProps & {
     allowDatasource?: boolean;
     dispatchCommand: (command: Command) => void;

package/dist/types-ts4.5/ui/OpenPreviewButton/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 type OpenPreviewPanelToolbarButtonProps = {

package/dist/types-ts4.5/ui/analytics/utils.d.ts

@@ -1,7 +1,8 @@
 import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { type Node } from '@atlaskit/editor-prosemirror/model';
-import { type ReadonlyTransaction, type Transaction } from '@atlaskit/editor-prosemirror/state';
-import { type Entity, EVENT_SUBJECT } from './types';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { EVENT_SUBJECT } from './types';
+import type { Entity } from './types';
 export declare function isDatasourceNode(node: Node): boolean;
 /**
  * Determine if a node is considered to be a link

package/dist/types-ts4.5/ui/editDatasourceAction.d.ts

@@ -1,4 +1,4 @@
-import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { type Command } from '@atlaskit/editor-common/types';
-import { type CardType } from '../types';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { CardType } from '../types';
 export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "13.1.5",
+	"version": "13.1.7",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-smart-link-draggable": "^0.2.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
@@ -60,10 +60,9 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.27.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^46.0.0",
-		"@atlaskit/tokens": "^11.2.0",
+		"@atlaskit/smart-card": "^43.28.0",
+		"@atlaskit/tmp-editor-statsig": "^47.0.0",
+		"@atlaskit/tokens": "^11.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -72,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.9.0",
+		"@atlaskit/editor-common": "^112.10.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"