@atlaskit/editor-core 185.6.3 → 185.7.0

package/dist/cjs/plugins/card/ui/link-toolbar-button-group-options.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getButtonGroupOption = void 0;
-var _messages = require("../messages");
-var _card = require("./assets/card");
-var _embed = require("./assets/embed");
-var _inline = require("./assets/inline");
-var _url = require("./assets/url");
-var appearancePropsMap = {
-  url: {
-    title: _messages.messages.urlTitle,
-    icon: _url.IconUrl
-  },
-  inline: {
-    title: _messages.messages.inlineTitle,
-    icon: _inline.IconInline
-  },
-  block: {
-    title: _messages.messages.blockTitle,
-    icon: _card.IconCard
-  },
-  embed: {
-    title: _messages.messages.embedTitle,
-    icon: _embed.IconEmbed
-  }
-};
-var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand, _ref) {
-  var disabled = _ref.disabled,
-    _onClick = _ref.onClick,
-    selected = _ref.selected,
-    appearance = _ref.appearance,
-    testId = _ref.testId,
-    tooltip = _ref.tooltip;
-  var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
-    title = _appearancePropsMap.title,
-    icon = _appearancePropsMap.icon;
-  return {
-    title: intl.formatMessage(title),
-    icon: icon,
-    onClick: function onClick() {
-      return dispatchCommand(_onClick);
-    },
-    disabled: Boolean(disabled),
-    tooltipContent: tooltip || null,
-    testId: testId,
-    selected: selected
-  };
-};
-exports.getButtonGroupOption = getButtonGroupOption;

package/dist/cjs/plugins/card/ui/styled.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.embedSpacingStyles = exports.embedCardStyles = exports.editIconStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3;
-var embedCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
-exports.embedCardStyles = embedCardStyles;
-var embedSpacingStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 10px;\n"])));
-exports.embedSpacingStyles = embedSpacingStyles;
-var editIconStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n"])));
-exports.editIconStyles = editIconStyles;

package/dist/cjs/plugins/card/ui/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/es2019/plugins/card/messages.js

@@ -1,83 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export const messages = defineMessages({
-  url: {
-    id: 'fabric.editor.url',
-    defaultMessage: 'Display URL',
-    description: 'Convert the card to become a regular text-based hyperlink.'
-  },
-  block: {
-    id: 'fabric.editor.displayBlock',
-    defaultMessage: 'Display card',
-    description: 'Display link as a card with a rich preview similar to in a Facebook feed with page title, description, and potentially an image.'
-  },
-  inline: {
-    id: 'fabric.editor.displayInline',
-    defaultMessage: 'Display inline',
-    description: 'Display link with the title only.'
-  },
-  embed: {
-    id: 'fabric.editor.displayEmbed',
-    defaultMessage: 'Display embed',
-    description: 'Display link as an embedded object'
-  },
-  link: {
-    id: 'fabric.editor.displayLink',
-    defaultMessage: 'Display as text',
-    description: 'Convert the card to become a regular text-based hyperlink.'
-  },
-  card: {
-    id: 'fabric.editor.cardFloatingControls',
-    defaultMessage: 'Card options',
-    description: 'Options to change card type'
-  },
-  blockCardUnavailable: {
-    id: 'fabric.editor.blockCardUnavailable',
-    defaultMessage: 'The inline link is inside {node} and cannot have its view changed',
-    description: 'Warning message to show the user that this node cannot change its view'
-  },
-  displayOptionUnavailableInParentNode: {
-    id: 'fabric.editor.displayOptionUnavailableInParentNode',
-    defaultMessage: "This display option isn't available inside {node}",
-    description: 'Warning message to show the user that this node option is not available inside a parent node type'
-  },
-  urlTitle: {
-    id: 'fabric.editor.urlTitle',
-    defaultMessage: 'URL',
-    description: 'Title for option to convert the card to become a regular text-based hyperlink.'
-  },
-  blockTitle: {
-    id: 'fabric.editor.blockTitle',
-    defaultMessage: 'Card',
-    description: 'Title for option to display link in the card view.'
-  },
-  inlineTitle: {
-    id: 'fabric.editor.inlineTitle',
-    defaultMessage: 'Inline',
-    description: 'Title for option to display link in the inline view.'
-  },
-  embedTitle: {
-    id: 'fabric.editor.embedTitle',
-    defaultMessage: 'Embed',
-    description: 'Title for option to display link as an embedded object.'
-  },
-  urlDescription: {
-    id: 'fabric.editor.urlDescription',
-    defaultMessage: 'Display link as URL',
-    description: 'Description for option to convert the card to become a regular text-based hyperlink.'
-  },
-  blockDescription: {
-    id: 'fabric.editor.blockDescription',
-    defaultMessage: 'Display more information about a link, including a summary and actions',
-    description: 'Description for option to display link in the card view.'
-  },
-  inlineDescription: {
-    id: 'fabric.editor.inlineDescription',
-    defaultMessage: 'Display link as inline text',
-    description: 'Description for option to display link in the inline view.'
-  },
-  embedDescription: {
-    id: 'fabric.editor.ecombedDescription',
-    defaultMessage: 'Display an interactive preview of a link',
-    description: 'Description for option to display link as an embedded object.'
-  }
-});

package/dist/es2019/plugins/card/styles.js

@@ -1,132 +0,0 @@
-import { css } from '@emotion/react';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBorder, akEditorDeleteBackground, akEditorRuleBorderRadius } from '@atlaskit/editor-shared-styles';
-import { N0, N20, N40 } from '@atlaskit/theme/colors';
-import { SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from './nodeviews/datasource';
-export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
-export const smartCardStyles = css`
-  .${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER} {
-    max-width: calc(100% - 20px);
-    vertical-align: top;
-    word-break: break-all;
-
-    .card {
-      padding-left: 2px;
-      padding-right: 2px;
-      padding-top: 0.5em;
-      padding-bottom: 0.5em;
-      margin-bottom: -0.5em;
-
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus {
-        ${getSelectionStyles([SelectionStyle.BoxShadow])}
-      }
-    }
-
-    &.${akEditorSelectedNodeClassName}
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER}
-      > a {
-      ${getSelectionStyles([SelectionStyle.BoxShadow])}
-    }
-    .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
-      /* EDM-1717: box-shadow Safari fix start */
-      z-index: 1;
-      position: relative;
-      /* EDM-1717: box-shadow Safari fix end */
-    }
-
-    &.danger {
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a {
-        box-shadow: 0 0 0 1px
-          ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-        /* EDM-1717: box-shadow Safari fix start */
-        z-index: 2;
-        /* EDM-1717: box-shadow Safari fix end */
-      }
-    }
-  }
-
-  .${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
-    .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
-      cursor: pointer;
-      &:hover {
-        background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
-      }
-    }
-
-    &.${akEditorSelectedNodeClassName}
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER}
-      > div {
-      ${getSelectionStyles([SelectionStyle.BoxShadow])}
-    }
-
-    &.danger {
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
-        box-shadow: 0 0 0 1px
-          ${`var(--ds-border-danger, ${akEditorDeleteBorder})`} !important;
-      }
-    }
-  }
-
-  .${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER} {
-    max-width: 100%;
-    display: flex;
-    justify-content: center;
-
-    .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
-      cursor: pointer;
-      background-color: ${`var(--ds-background-neutral-subtle, ${N0})`};
-      border-radius: ${`var(--ds-border-radius-100, ${akEditorRuleBorderRadius})`};
-      border: 1px solid ${`var(--ds-border, ${N40})`};
-    }
-
-    &.${akEditorSelectedNodeClassName} {
-      .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
-        ${getSelectionStyles([SelectionStyle.BoxShadow])}
-      }
-    }
-
-    &.danger {
-      .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
-        box-shadow: 0 0 0 1px
-          ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-      }
-    }
-  }
-
-  .${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER} {
-    .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
-      cursor: pointer;
-      &::after {
-        transition: box-shadow 0s;
-      }
-    }
-    &.${akEditorSelectedNodeClassName}
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER}
-      > div {
-      ${getSelectionStyles([SelectionStyle.BoxShadow])}
-    }
-
-    &.${akEditorSelectedNodeClassName}
-      .${SmartCardSharedCssClassName.LOADER_WRAPPER}
-      > div::after {
-      ${getSelectionStyles([SelectionStyle.BoxShadow])}
-    }
-
-    &.danger {
-      .media-card-frame::after {
-        box-shadow: 0 0 0 1px
-          ${`var(--ds-border-danger, ${akEditorDeleteBorder})`} !important;
-        background: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`} !important;
-      }
-      .richMedia-resize-handle-right::after,
-      .richMedia-resize-handle-left::after {
-        background: ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-      }
-    }
-  }
-
-  .${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME} {
-    padding: 0;
-  }
-`;

package/dist/es2019/plugins/card/ui/LinkToolbarButtonGroup.js

@@ -1,61 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { ButtonGroup } from '@atlaskit/button';
-import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-
-/**
- * Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
- */
-const buttonStyle = css`
-  pointer-events: auto;
-`;
-const buttonStyleNoneEvent = css`
-  pointer-events: none;
-`;
-const DisallowedWrapper = ({
-  disabled,
-  ...props
-}) => {
-  return jsx("div", props);
-};
-
-/**
- * The button requires `pointer-events: none;` in order to fix the tooltip, hence
- * leaving us without a disabled cursor, the following fixes this:
- */
-const defaultWrapperStyle = css`
-  cursor: pointer;
-`;
-const disallowedWrapperStyle = css`
-  cursor: not-allowed;
-`;
-export const LinkToolbarButtonGroup = ({
-  options
-}) => {
-  return jsx(ButtonGroup, null, options.map(({
-    onClick,
-    selected,
-    disabled,
-    testId,
-    tooltipContent,
-    title,
-    icon: Icon
-  }) => jsx(DisallowedWrapper, {
-    css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
-    key: testId,
-    disabled: disabled
-  }, jsx(Button, {
-    css: disabled ? buttonStyleNoneEvent : buttonStyle,
-    title: title,
-    icon: jsx(Icon, {
-      size: "medium",
-      label: title
-    }),
-    selected: selected,
-    onClick: onClick,
-    testId: testId,
-    disabled: disabled,
-    tooltipContent: tooltipContent
-  }))));
-};

package/dist/es2019/plugins/card/ui/assets/card.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-const IconCardGlyph = props => {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 9c-1.10457 0-2 .89543-2 2v10c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V11c0-1.10457-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Zm-4 3c-.55228 0-1 .4477-1 1s.44772 1 1 1h14c.5523 0 1-.4477 1-1s-.4477-1-1-1H9Zm-1 4c0-.5523.44772-1 1-1h6c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1Z",
-    fill: "currentColor"
-  }));
-};
-export const IconCard = props => {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconCardGlyph
-  }, props));
-};

package/dist/es2019/plugins/card/ui/assets/embed.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-const IconEmbedGlyph = props => {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 6c-1.10457 0-2 .89543-2 2v16c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V8c0-1.10457-.8954-2-2-2H8Zm1 2c-.55228 0-1 .44772-1 1v2c0 .5523.44772 1 1 1h2c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1H9Zm4.5 1.5c-.2761 0-.5.22386-.5.5 0 .2761.2239.5.5.5h10c.2761 0 .5-.2239.5-.5 0-.27614-.2239-.5-.5-.5h-10ZM9 14c-.55228 0-1 .4477-1 1v8c0 .5523.44772 1 1 1h14c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1H9Zm6 2.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5.5-1-1-2 2h8v-1.8L18 19l-3 3Z",
-    fill: "currentColor"
-  }));
-};
-export const IconEmbed = props => {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconEmbedGlyph
-  }, props));
-};

package/dist/es2019/plugins/card/ui/assets/inline.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-const IconInlineGlyph = props => {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 12c-1.10457 0-2 .8954-2 2v4c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2v-4c0-1.1046-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Z",
-    fill: "currentColor"
-  }));
-};
-export const IconInline = props => {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconInlineGlyph
-  }, props));
-};

package/dist/es2019/plugins/card/ui/assets/url.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-const IconUrlGlyph = props => {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("rect", {
-    x: "6",
-    y: "15",
-    width: "20",
-    height: "2",
-    rx: "1",
-    fill: "currentColor"
-  }));
-};
-export const IconUrl = props => {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconUrlGlyph
-  }, props));
-};

package/dist/es2019/plugins/card/ui/link-toolbar-button-group-options.js

@@ -1,45 +0,0 @@
-import { messages } from '../messages';
-import { IconCard } from './assets/card';
-import { IconEmbed } from './assets/embed';
-import { IconInline } from './assets/inline';
-import { IconUrl } from './assets/url';
-const appearancePropsMap = {
-  url: {
-    title: messages.urlTitle,
-    icon: IconUrl
-  },
-  inline: {
-    title: messages.inlineTitle,
-    icon: IconInline
-  },
-  block: {
-    title: messages.blockTitle,
-    icon: IconCard
-  },
-  embed: {
-    title: messages.embedTitle,
-    icon: IconEmbed
-  }
-};
-export const getButtonGroupOption = (intl, dispatchCommand, {
-  disabled,
-  onClick,
-  selected,
-  appearance,
-  testId,
-  tooltip
-}) => {
-  const {
-    title,
-    icon
-  } = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
-  return {
-    title: intl.formatMessage(title),
-    icon,
-    onClick: () => dispatchCommand(onClick),
-    disabled: Boolean(disabled),
-    tooltipContent: tooltip || null,
-    testId,
-    selected
-  };
-};

package/dist/es2019/plugins/card/ui/styled.js

@@ -1,27 +0,0 @@
-import { css } from '@emotion/react';
-export const embedCardStyles = css`
-  .ProseMirror {
-    .embedCardView-content-wrap[layout^='wrap-'] {
-      max-width: 100%;
-    }
-
-    .embedCardView-content-wrap[layout='wrap-left'] {
-      float: left;
-    }
-
-    .embedCardView-content-wrap[layout='wrap-right'] {
-      float: right;
-    }
-
-    .embedCardView-content-wrap[layout='wrap-right']
-      + .embedCardView-content-wrap[layout='wrap-left'] {
-      clear: both;
-    }
-  }
-`;
-export const embedSpacingStyles = css`
-  margin: 0 10px;
-`;
-export const editIconStyles = css`
-  width: 20px;
-`;

package/dist/es2019/plugins/card/ui/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/plugins/card/messages.js

@@ -1,83 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export var messages = defineMessages({
-  url: {
-    id: 'fabric.editor.url',
-    defaultMessage: 'Display URL',
-    description: 'Convert the card to become a regular text-based hyperlink.'
-  },
-  block: {
-    id: 'fabric.editor.displayBlock',
-    defaultMessage: 'Display card',
-    description: 'Display link as a card with a rich preview similar to in a Facebook feed with page title, description, and potentially an image.'
-  },
-  inline: {
-    id: 'fabric.editor.displayInline',
-    defaultMessage: 'Display inline',
-    description: 'Display link with the title only.'
-  },
-  embed: {
-    id: 'fabric.editor.displayEmbed',
-    defaultMessage: 'Display embed',
-    description: 'Display link as an embedded object'
-  },
-  link: {
-    id: 'fabric.editor.displayLink',
-    defaultMessage: 'Display as text',
-    description: 'Convert the card to become a regular text-based hyperlink.'
-  },
-  card: {
-    id: 'fabric.editor.cardFloatingControls',
-    defaultMessage: 'Card options',
-    description: 'Options to change card type'
-  },
-  blockCardUnavailable: {
-    id: 'fabric.editor.blockCardUnavailable',
-    defaultMessage: 'The inline link is inside {node} and cannot have its view changed',
-    description: 'Warning message to show the user that this node cannot change its view'
-  },
-  displayOptionUnavailableInParentNode: {
-    id: 'fabric.editor.displayOptionUnavailableInParentNode',
-    defaultMessage: "This display option isn't available inside {node}",
-    description: 'Warning message to show the user that this node option is not available inside a parent node type'
-  },
-  urlTitle: {
-    id: 'fabric.editor.urlTitle',
-    defaultMessage: 'URL',
-    description: 'Title for option to convert the card to become a regular text-based hyperlink.'
-  },
-  blockTitle: {
-    id: 'fabric.editor.blockTitle',
-    defaultMessage: 'Card',
-    description: 'Title for option to display link in the card view.'
-  },
-  inlineTitle: {
-    id: 'fabric.editor.inlineTitle',
-    defaultMessage: 'Inline',
-    description: 'Title for option to display link in the inline view.'
-  },
-  embedTitle: {
-    id: 'fabric.editor.embedTitle',
-    defaultMessage: 'Embed',
-    description: 'Title for option to display link as an embedded object.'
-  },
-  urlDescription: {
-    id: 'fabric.editor.urlDescription',
-    defaultMessage: 'Display link as URL',
-    description: 'Description for option to convert the card to become a regular text-based hyperlink.'
-  },
-  blockDescription: {
-    id: 'fabric.editor.blockDescription',
-    defaultMessage: 'Display more information about a link, including a summary and actions',
-    description: 'Description for option to display link in the card view.'
-  },
-  inlineDescription: {
-    id: 'fabric.editor.inlineDescription',
-    defaultMessage: 'Display link as inline text',
-    description: 'Description for option to display link in the inline view.'
-  },
-  embedDescription: {
-    id: 'fabric.editor.ecombedDescription',
-    defaultMessage: 'Display an interactive preview of a link',
-    description: 'Description for option to display link as an embedded object.'
-  }
-});

package/dist/esm/plugins/card/styles.js

@@ -1,10 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBorder, akEditorDeleteBackground, akEditorRuleBorderRadius } from '@atlaskit/editor-shared-styles';
-import { N0, N20, N40 } from '@atlaskit/theme/colors';
-import { SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from './nodeviews/datasource';
-export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
-export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: 2px;\n      padding-right: 2px;\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-100, ".concat(akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);