@atlaskit/smart-card 26.42.7 → 26.42.9

package/dist/esm/view/BlockCard/views/styled.js

@@ -0,0 +1,5 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import styled from '@emotion/styled';
+// TODO: Replace overrides with proper AtlasKit solution.
+export var LozengeBlockWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > span {\n    margin-left: ", ";\n  }\n"])), "var(--ds-space-050, 4px)");

package/dist/esm/view/CardWithData/component.js

@@ -10,7 +10,7 @@ import React from 'react';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
 import { BlockCardResolvedView } from '../BlockCard';
 export var CardWithDataContent = /*#__PURE__*/function (_React$Component) {
   _inherits(CardWithDataContent, _React$Component);

package/dist/esm/view/CardWithUrl/component.js

@@ -6,9 +6,7 @@ import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
-import { InlineCard } from '../InlineCard';
 import { InlineCard as RedesignedInlineCard } from '../RedesignedInlineCard';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { EmbedCard } from '../EmbedCard';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import FlexibleCard from '../FlexibleCard';
@@ -216,7 +214,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
+      return /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,

package/dist/esm/view/EmbedCard/components/styled.js

@@ -6,7 +6,6 @@ import * as colors from '@atlaskit/theme/colors';
 import { gs as gridSize } from '../../common/utils';
 import { N40 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var className = 'media-card-frame';
 export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
 var BACKGROUND_COLOR_DARK = '#262B31';
@@ -46,19 +45,19 @@ function getInteractiveStyles(_ref3) {
 function selected(_ref4) {
   var isSelected = _ref4.isSelected,
     frameStyle = _ref4.frameStyle;
-  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : "box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n              ", borderRadius), "\n      ") : '';
+  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(wrapperBorderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? contentBorderRadius : '';
 }
 var height = function height(_ref5) {
   var inheritDimensions = _ref5.inheritDimensions;
   return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
+  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";\n    ").concat(wrapperBorderRadius, "\n  }\n");
 };
-var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n           background-color: ", themed({
+var visibleStyles = "\n  &:after {\n    border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n    background-color: ", themed({
   light: "var(--ds-surface-raised, white)",
   dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
-})(), ";") : "background: ".concat("var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;"), "\n  }\n  .embed-header {\n    opacity: 1;\n  }");
+})(), ";\n  }\n  .embed-header {\n    opacity: 1;\n  }");
 function visible(_ref6) {
   var frameStyle = _ref6.frameStyle;
   return frameStyle === 'show' ? visibleStyles : '';
@@ -92,22 +91,15 @@ export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _tag
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
-  var isInteractive = _ref9.isInteractive;
-  if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
-    return "\n          .".concat(className, ":hover & {\n            box-shadow: ", "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))", ";\n          }\n        ");
-  } else {
-    return '';
-  }
-}, function (_ref10) {
-  var allowScrollBar = _ref10.allowScrollBar;
+export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref9) {
+  var allowScrollBar = _ref9.allowScrollBar;
   return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
-}, function (_ref11) {
-  var frameStyle = _ref11.frameStyle;
+}, function (_ref10) {
+  var frameStyle = _ref10.frameStyle;
   return frameStyle === 'hide' ? 'height: 100%;' : "\n        height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n        top: ", "var(--ds-space-400, 32px)", ";\n      ");
 });
-export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref12) {
-  var size = _ref12.size;
+export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref11) {
+  var size = _ref11.size;
   return csssize(size);
 }, borderRadius);
 export var maxAvatarCount = 6;
@@ -118,8 +110,8 @@ export var Byline = styled.div(_templateObject10 || (_templateObject10 = _tagged
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var Description = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 7px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), 18 / 12, 18 * 3);
 export var ResolvedViewIconWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)");
-export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: ", " 0 ", "\n    ", ";\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-skeleton, ".concat(colors.N30, ")"), function (_ref13) {
-  var src = _ref13.src;
+export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: ", " 0 ", "\n    ", ";\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-skeleton, ".concat(colors.N30, ")"), function (_ref12) {
+  var src = _ref12.src;
   return src;
 });
 export var UsersWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");

package/dist/esm/view/EmbedCard/index.js

@@ -9,7 +9,7 @@ import { extractBlockProps } from '../../extractors/block';
 import { getExtensionKey } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 import { BlockCardResolvedView, BlockCardResolvingView } from '../BlockCard';
-import { InlineCardResolvedView } from '../InlineCard/ResolvedView';
+import { InlineCardResolvedView } from '../RedesignedInlineCard/ResolvedView';
 import { EmbedCardForbiddenView } from './views/ForbiddenView';
 import { EmbedCardNotFoundView } from './views/NotFoundView';
 import { EmbedCardResolvedView } from './views/ResolvedView';

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -15,7 +15,6 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -221,7 +220,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return jsx(Popup, _extends({
+  return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -230,8 +229,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     autoFocus: false,
     content: content,
     trigger: trigger,
-    zIndex: zIndex
-  }, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') && {
+    zIndex: zIndex,
     popupComponent: CustomPopupContainer
-  }));
+  });
 };

package/dist/esm/view/HoverCard/styled.js

@@ -5,7 +5,6 @@ import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export var HOVER_CARD_Z_INDEX = layers.modal();
@@ -23,7 +22,7 @@ var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
 export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, loadingPlaceholderClassName);
-export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  ", "\n"])), blockGap, separatorCss, elementGap, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
+export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);
 };
@@ -35,5 +34,5 @@ export var popupContainerStyles = css(_templateObject5 || (_templateObject5 = _t
   dark: "var(--ds-shadow-overlay, 0px 0px 0px rgba(188, 214, 240, 0.12),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5))"
 })());
 export var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "  border-top-left-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n         border-top-right-radius: ", "var(--ds-border-radius-200, 8px)", ";\n         margin-bottom: ", blockGap, ";\n        }") : "");
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  margin-bottom: ", ";\n"])), previewHeight ? "height: ".concat(previewHeight, "px;") : '', "var(--ds-border-radius-200, 8px)", "var(--ds-border-radius-200, 8px)", blockGap);
 };

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.7",
+  packageVersion: "26.42.9",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/LinkView/index.js

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
-import { Frame } from '../InlineCard/Frame';
+import { Frame } from '../RedesignedInlineCard/Frame';
 export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(CardLinkView, _React$PureComponent);
   var _super = _createSuper(CardLinkView);

package/dist/types/extractors/inline/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
+import { InlineCardResolvedViewProps } from '../../view/RedesignedInlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;

package/dist/types/view/BlockCard/views/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/view/LinkView/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FrameViewProps } from '../InlineCard/Frame';
+import { FrameViewProps } from '../RedesignedInlineCard/Frame';
 export interface CardLinkViewProps extends FrameViewProps {
     placeholder?: string;
 }

package/dist/types-ts4.5/extractors/inline/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
+import { InlineCardResolvedViewProps } from '../../view/RedesignedInlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;

package/dist/types-ts4.5/view/BlockCard/views/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/view/LinkView/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FrameViewProps } from '../InlineCard/Frame';
+import { FrameViewProps } from '../RedesignedInlineCard/Frame';
 export interface CardLinkViewProps extends FrameViewProps {
     placeholder?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.42.7",
+  "version": "26.42.9",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/badge": "^15.1.0",
+    "@atlaskit/badge": "^15.2.0",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
@@ -38,15 +38,15 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^4.20.0",
+    "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/lozenge": "^11.5.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.11.0",
-    "@atlaskit/primitives": "^1.12.0",
+    "@atlaskit/primitives": "^1.13.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.29.0",
@@ -141,9 +141,6 @@
     "platform.linking-platform.smart-card.follow-button": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.show-smart-links-refreshed-design": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.fix-is-trusted-pop": {
       "type": "boolean"
     },

package/dist/cjs/view/InlineCard/ErroredView/index.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardErroredView = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _Frame = require("../Frame");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _Icon = require("../Icon");
-var _messages = require("../../../messages");
-var _reactIntlNext = require("react-intl-next");
-var _styled = require("../styled");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var InlineCardErroredView = exports.InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardErroredView, _React$Component);
-  var _super = _createSuper(InlineCardErroredView);
-  function InlineCardErroredView() {
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardErroredView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
-      var _this$props = _this.props,
-        onRetry = _this$props.onRetry,
-        message = _this$props.message;
-      return !onRetry ? message : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message, ', ', /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: _styled.IconStyledButton,
-        onClick: _this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
-      })));
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InlineCardErroredView, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        url = _this$props2.url,
-        onClick = _this$props2.onClick,
-        isSelected = _this$props2.isSelected,
-        _this$props2$testId = _this$props2.testId,
-        testId = _this$props2$testId === void 0 ? 'inline-card-errored-view' : _this$props2$testId,
-        icon = _this$props2.icon;
-      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-          label: "error",
-          size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-          testId: "errored-view-default-icon"
-        })),
-        link: url,
-        title: url,
-        onClick: onClick,
-        rightSide: this.renderRightSide()
-      }));
-    }
-  }]);
-  return InlineCardErroredView;
-}(_react.default.Component);

package/dist/cjs/view/InlineCard/ForbiddenView/index.js

@@ -1,128 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardForbiddenView = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
-var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _Frame = require("../Frame");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _Icon = require("../Icon");
-var _messages = require("../../../messages");
-var _reactIntlNext = require("react-intl-next");
-var _styled = require("../styled");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _styled2 = require("../IconAndTitleLayout/styled");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-  label: "error",
-  size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-  testId: "forbidden-view-fallback-icon"
-}));
-var InlineCardForbiddenView = exports.InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardForbiddenView, _React$Component);
-  var _super = _createSuper(InlineCardForbiddenView);
-  function InlineCardForbiddenView() {
-    var _this$props;
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardForbiddenView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRetry", function (event) {
-      var onAuthorise = _this.props.onAuthorise;
-      event.preventDefault();
-      event.stopPropagation();
-      if (onAuthorise) {
-        onAuthorise();
-      } else {
-        var _this$props2;
-        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props3;
-      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3 = _this$props3.requestAccessContext) !== null && _this$props3 !== void 0 && _this$props3.callToActionMessageKey) {
-        var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
-        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[callToActionMessageKey], {
-          values: {
-            context: _this.props.context
-          }
-        }));
-      }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.invalid_permissions, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedMessage);
-      }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
-      var onAuthorise = _this.props.onAuthorise;
-      if (_this.state.hasRequestAccessContextMessage) {
-        return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: _styled.IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, _this.renderForbiddenAccessMessage());
-      }
-      if (onAuthorise) {
-        return /*#__PURE__*/_react.default.createElement(_styled2.LozengeBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: _styled.IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, /*#__PURE__*/_react.default.createElement(_styled2.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-          appearance: 'moved'
-        }, _this.renderForbiddenAccessMessage()))));
-      }
-      return null;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InlineCardForbiddenView, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-        url = _this$props4.url,
-        icon = _this$props4.icon,
-        onClick = _this$props4.onClick,
-        isSelected = _this$props4.isSelected,
-        _this$props4$testId = _this$props4.testId,
-        testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId;
-      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon ? icon : FallbackForbiddenIcon,
-        link: url,
-        title: url,
-        onClick: onClick,
-        titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-        rightSide: this.renderRightSide(),
-        rightSideSpacer: this.state.hasRequestAccessContextMessage
-      }));
-    }
-  }]);
-  return InlineCardForbiddenView;
-}(_react.default.Component);

package/dist/cjs/view/InlineCard/Frame/index.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Frame = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@atlaskit/theme/components");
-var _styled = require("./styled");
-var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Frame = exports.Frame = function Frame(props) {
-  var isSelected = props.isSelected,
-    children = props.children,
-    onClick = props.onClick,
-    link = props.link,
-    withoutBackground = props.withoutBackground,
-    testId = props.testId,
-    className = props.className;
-  var handleClick = (0, _react.useCallback)(function (event) {
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleKeyPress = (0, _react.useCallback)(function (event) {
-    if (event.key !== ' ' && event.key !== 'Enter') {
-      return;
-    }
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var isInteractive = Boolean(onClick);
-
-  // Depending on whenever Frame was given onClick or link itself we display span or anchor elements
-  var Wrapper = link || onClick ? _styled.WrapperAnchor : _styled.WrapperSpan;
-
-  // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
-  //  It will be worked as part of https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-154
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    theme: (0, _components.useGlobalTheme)(),
-    href: link,
-    withoutBackground: withoutBackground,
-    isSelected: isSelected,
-    isInteractive: isInteractive,
-    tabIndex: isInteractive ? 0 : undefined,
-    role: isInteractive ? 'button' : undefined,
-    onClick: handleClick,
-    onMouseDown: handleMouseDown,
-    onKeyPress: handleKeyPress,
-    "data-testid": testId,
-    className: className
-  }, children);
-};