@atlaskit/smart-card 26.48.3 → 26.48.4

package/dist/types-ts4.5/view/EmbedCard/views/not-found-view/types.d.ts

@@ -1,7 +1,7 @@
-import { RequestAccessContextProps } from '../../../types';
-import { ContextViewModel } from '../../types';
-import { UnresolvedViewProps } from '../unresolved-view/types';
-export type NotFoundViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
+import type { RequestAccessContextProps } from '../../../types';
+import type { ContextViewModel } from '../../types';
+import type { UnresolvedViewCardProps } from '../unresolved-view/types';
+export type NotFoundViewProps = UnresolvedViewCardProps & {
     context?: ContextViewModel;
     accessContext?: RequestAccessContextProps;
 };

package/dist/types-ts4.5/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -1,7 +1,7 @@
 import type { AnalyticsFacade } from '../../../../state/analytics';
-import { ContextViewModel } from '../../types';
-import { UnresolvedViewProps } from '../unresolved-view/types';
-export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'> & {
+import type { ContextViewModel } from '../../types';
+import type { UnresolvedViewCardProps } from '../unresolved-view/types';
+export type UnauthorizedViewProps = UnresolvedViewCardProps & {
     analytics: AnalyticsFacade;
     context?: ContextViewModel;
     extensionKey?: string;

package/dist/types-ts4.5/view/EmbedCard/views/unresolved-view/types.d.ts

@@ -1,5 +1,8 @@
-import type { MouseEvent, ReactNode } from 'react';
-export type UnresolvedViewProps = {
+import type { ReactNode } from 'react';
+import type { CardProps } from '../../../Card/types';
+/** Props derived from <Card /> for base embed functionalities */
+export type UnresolvedViewCardProps = Pick<CardProps, 'frameStyle' | 'inheritDimensions' | 'isSelected' | 'onClick' | 'testId' | 'url'>;
+export type UnresolvedViewProps = UnresolvedViewCardProps & {
     /** An action button */
     button?: ReactNode;
     /** A detail and instruction of the unresolved link */
@@ -8,18 +11,8 @@ export type UnresolvedViewProps = {
     icon: string | ReactNode;
     /** A provider or visual aids for the unresolved link */
     image: string;
-    /** A flag whether the embed frame should inherit parent dimension  */
-    inheritDimensions?: boolean;
-    /** A flag whether the embed frame is selected */
-    isSelected?: boolean;
-    /** An action when a link text is clicked */
-    onClick?: (evt: MouseEvent) => void;
     /** A link text displayed on embed frame */
     text?: string;
-    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
-    testId?: string;
     /** A title for the unresolved link */
     title: ReactNode;
-    /** A link url */
-    url: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.48.3",
+  "version": "26.48.4",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/cjs/utils/token.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tokens = void 0;
-/**
- * @private
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-8175 Internal documentation for deprecation (no external access)}\
- * @deprecated Use the token directly in the file
- */
-var tokens = exports.tokens = {
-  actionIcon: "var(--ds-icon, #44546F)",
-  background: "var(--ds-surface-raised, #FFFFFF)",
-  badgeIcon: "var(--ds-icon-subtle, #626F86)",
-  badgeText: "var(--ds-text-subtlest, #626F86)",
-  blackLink: "var(--ds-text-subtle, #44546F)",
-  blackLinkPressed: "var(--ds-text, #172B4D)",
-  blueLink: "var(--ds-link, #0C66E4)",
-  blueLinkPressed: "var(--ds-link-pressed, #0055CC)",
-  elevation: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424F)",
-  errorMessage: "var(--ds-text-disabled, #6B778C)",
-  errorMessageHover: "var(--ds-text-subtle, #8993A4)",
-  focus: "var(--ds-border-focused, #388BFF)",
-  snippet: "var(--ds-text, #172B4D)",
-  text: "var(--ds-text-subtlest, #626F86)"
-};

package/dist/cjs/view/EmbedCard/views/UnresolvedView.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmbedCardUnresolvedView = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _constants = require("@atlaskit/theme/constants");
-var _reactIntlNext = require("react-intl-next");
-var _messages = require("../../../messages");
-var _utils = require("../../common/utils");
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
-
-/**
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
- * @deprecated Replaced by unresolved-view
- */
-var EmbedCardUnresolvedView = exports.EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
-  var image = _ref.image,
-    title = _ref.title,
-    description = _ref.description,
-    button = _ref.button,
-    context = _ref.context,
-    onClick = _ref.onClick,
-    testId = _ref.testId,
-    children = _ref.children;
-  return (0, _react.jsx)("div", {
-    css: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingTop: (0, _utils.gs)(4.5),
-      paddingBottom: (0, _utils.gs)(6)
-    },
-    "data-testid": "".concat(testId, "-unresolved-container")
-  }, (0, _react.jsx)("img", {
-    src: image,
-    css: {
-      height: (0, _utils.gs)(14),
-      marginBottom: (0, _utils.gs)(4)
-    },
-    "data-testid": "".concat(testId, "-unresolved-image")
-  }), (0, _react.jsx)("span", {
-    css: {
-      fontSize: (0, _utils.gs)(2.5),
-      marginBottom: (0, _utils.gs)(1.5),
-      maxWidth: (0, _utils.gs)(50),
-      textAlign: 'center'
-    },
-    "data-testid": "".concat(testId, "-unresolved-title")
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
-    values: {
-      context: context
-    }
-  }))), (0, _react.jsx)("span", {
-    css: {
-      fontSize: (0, _constants.fontSize)(),
-      marginBottom: (0, _utils.gs)(2.5),
-      textAlign: 'center',
-      maxWidth: (0, _utils.gs)(50),
-      lineHeight: (0, _utils.gs)(3)
-    },
-    "data-testid": "".concat(testId, "-unresolved-description")
-  }, children !== null && children !== void 0 ? children : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
-    values: {
-      context: context
-    }
-  }))), button && (0, _react.jsx)(_customThemeButton.default, {
-    testId: "button-".concat(button.testId || testId),
-    appearance: button.appearance,
-    onClick: onClick
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
-    values: {
-      context: context
-    }
-  }))));
-};

package/dist/es2019/utils/token.js

@@ -1,21 +0,0 @@
-/**
- * @private
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-8175 Internal documentation for deprecation (no external access)}\
- * @deprecated Use the token directly in the file
- */
-export const tokens = {
-  actionIcon: "var(--ds-icon, #44546F)",
-  background: "var(--ds-surface-raised, #FFFFFF)",
-  badgeIcon: "var(--ds-icon-subtle, #626F86)",
-  badgeText: "var(--ds-text-subtlest, #626F86)",
-  blackLink: "var(--ds-text-subtle, #44546F)",
-  blackLinkPressed: "var(--ds-text, #172B4D)",
-  blueLink: "var(--ds-link, #0C66E4)",
-  blueLinkPressed: "var(--ds-link-pressed, #0055CC)",
-  elevation: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424F)",
-  errorMessage: "var(--ds-text-disabled, #6B778C)",
-  errorMessageHover: "var(--ds-text-subtle, #8993A4)",
-  focus: "var(--ds-border-focused, #388BFF)",
-  snippet: "var(--ds-text, #172B4D)",
-  text: "var(--ds-text-subtlest, #626F86)"
-};

package/dist/es2019/view/EmbedCard/views/UnresolvedView.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/custom-theme-button';
-import { fontSize } from '@atlaskit/theme/constants';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { gs as gridSize } from '../../common/utils';
-/**
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
- * @deprecated Replaced by unresolved-view
- */
-export const EmbedCardUnresolvedView = ({
-  image,
-  title,
-  description,
-  button,
-  context,
-  onClick,
-  testId,
-  children
-}) => {
-  return jsx("div", {
-    css: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingTop: gridSize(4.5),
-      paddingBottom: gridSize(6)
-    },
-    "data-testid": `${testId}-unresolved-container`
-  }, jsx("img", {
-    src: image,
-    css: {
-      height: gridSize(14),
-      marginBottom: gridSize(4)
-    },
-    "data-testid": `${testId}-unresolved-image`
-  }), jsx("span", {
-    css: {
-      fontSize: gridSize(2.5),
-      marginBottom: gridSize(1.5),
-      maxWidth: gridSize(50),
-      textAlign: 'center'
-    },
-    "data-testid": `${testId}-unresolved-title`
-  }, jsx(FormattedMessage, _extends({}, messages[title], {
-    values: {
-      context
-    }
-  }))), jsx("span", {
-    css: {
-      fontSize: fontSize(),
-      marginBottom: gridSize(2.5),
-      textAlign: 'center',
-      maxWidth: gridSize(50),
-      lineHeight: gridSize(3)
-    },
-    "data-testid": `${testId}-unresolved-description`
-  }, children !== null && children !== void 0 ? children : jsx(FormattedMessage, _extends({}, messages[description], {
-    values: {
-      context
-    }
-  }))), button && jsx(Button, {
-    testId: `button-${button.testId || testId}`,
-    appearance: button.appearance,
-    onClick: onClick
-  }, jsx(FormattedMessage, _extends({}, messages[button.text], {
-    values: {
-      context
-    }
-  }))));
-};

package/dist/esm/utils/token.js

@@ -1,21 +0,0 @@
-/**
- * @private
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-8175 Internal documentation for deprecation (no external access)}\
- * @deprecated Use the token directly in the file
- */
-export var tokens = {
-  actionIcon: "var(--ds-icon, #44546F)",
-  background: "var(--ds-surface-raised, #FFFFFF)",
-  badgeIcon: "var(--ds-icon-subtle, #626F86)",
-  badgeText: "var(--ds-text-subtlest, #626F86)",
-  blackLink: "var(--ds-text-subtle, #44546F)",
-  blackLinkPressed: "var(--ds-text, #172B4D)",
-  blueLink: "var(--ds-link, #0C66E4)",
-  blueLinkPressed: "var(--ds-link-pressed, #0055CC)",
-  elevation: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424F)",
-  errorMessage: "var(--ds-text-disabled, #6B778C)",
-  errorMessageHover: "var(--ds-text-subtle, #8993A4)",
-  focus: "var(--ds-border-focused, #388BFF)",
-  snippet: "var(--ds-text, #172B4D)",
-  text: "var(--ds-text-subtlest, #626F86)"
-};

package/dist/esm/view/EmbedCard/views/UnresolvedView.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/custom-theme-button';
-import { fontSize } from '@atlaskit/theme/constants';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { gs as gridSize } from '../../common/utils';
-/**
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
- * @deprecated Replaced by unresolved-view
- */
-export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
-  var image = _ref.image,
-    title = _ref.title,
-    description = _ref.description,
-    button = _ref.button,
-    context = _ref.context,
-    onClick = _ref.onClick,
-    testId = _ref.testId,
-    children = _ref.children;
-  return jsx("div", {
-    css: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingTop: gridSize(4.5),
-      paddingBottom: gridSize(6)
-    },
-    "data-testid": "".concat(testId, "-unresolved-container")
-  }, jsx("img", {
-    src: image,
-    css: {
-      height: gridSize(14),
-      marginBottom: gridSize(4)
-    },
-    "data-testid": "".concat(testId, "-unresolved-image")
-  }), jsx("span", {
-    css: {
-      fontSize: gridSize(2.5),
-      marginBottom: gridSize(1.5),
-      maxWidth: gridSize(50),
-      textAlign: 'center'
-    },
-    "data-testid": "".concat(testId, "-unresolved-title")
-  }, jsx(FormattedMessage, _extends({}, messages[title], {
-    values: {
-      context: context
-    }
-  }))), jsx("span", {
-    css: {
-      fontSize: fontSize(),
-      marginBottom: gridSize(2.5),
-      textAlign: 'center',
-      maxWidth: gridSize(50),
-      lineHeight: gridSize(3)
-    },
-    "data-testid": "".concat(testId, "-unresolved-description")
-  }, children !== null && children !== void 0 ? children : jsx(FormattedMessage, _extends({}, messages[description], {
-    values: {
-      context: context
-    }
-  }))), button && jsx(Button, {
-    testId: "button-".concat(button.testId || testId),
-    appearance: button.appearance,
-    onClick: onClick
-  }, jsx(FormattedMessage, _extends({}, messages[button.text], {
-    values: {
-      context: context
-    }
-  }))));
-};

package/dist/types/utils/token.d.ts

@@ -1,21 +0,0 @@
-/**
- * @private
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-8175 Internal documentation for deprecation (no external access)}\
- * @deprecated Use the token directly in the file
- */
-export declare const tokens: {
-    actionIcon: "var(--ds-icon)";
-    background: "var(--ds-surface-raised)";
-    badgeIcon: "var(--ds-icon-subtle)";
-    badgeText: "var(--ds-text-subtlest)";
-    blackLink: "var(--ds-text-subtle)";
-    blackLinkPressed: "var(--ds-text)";
-    blueLink: "var(--ds-link)";
-    blueLinkPressed: "var(--ds-link-pressed)";
-    elevation: "var(--ds-shadow-raised)";
-    errorMessage: "var(--ds-text-disabled)";
-    errorMessageHover: "var(--ds-text-subtle)";
-    focus: "var(--ds-border-focused)";
-    snippet: "var(--ds-text)";
-    text: "var(--ds-text-subtlest)";
-};

package/dist/types/view/EmbedCard/views/UnresolvedView.d.ts

@@ -1,22 +0,0 @@
-import { Appearance } from '@atlaskit/button/types';
-import { FC } from 'react';
-import { MessageKey } from '../../../messages';
-export interface ButtonProps {
-    appearance: Appearance;
-    text: MessageKey;
-    testId?: string;
-}
-export interface EmbedCardUnresolvedViewProps {
-    image: string;
-    context?: string;
-    title: MessageKey;
-    description: MessageKey;
-    button?: ButtonProps;
-    onClick?: () => void;
-    testId?: string;
-}
-/**
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
- * @deprecated Replaced by unresolved-view
- */
-export declare const EmbedCardUnresolvedView: FC<EmbedCardUnresolvedViewProps>;

package/dist/types-ts4.5/utils/token.d.ts

@@ -1,21 +0,0 @@
-/**
- * @private
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-8175 Internal documentation for deprecation (no external access)}\
- * @deprecated Use the token directly in the file
- */
-export declare const tokens: {
-    actionIcon: "var(--ds-icon)";
-    background: "var(--ds-surface-raised)";
-    badgeIcon: "var(--ds-icon-subtle)";
-    badgeText: "var(--ds-text-subtlest)";
-    blackLink: "var(--ds-text-subtle)";
-    blackLinkPressed: "var(--ds-text)";
-    blueLink: "var(--ds-link)";
-    blueLinkPressed: "var(--ds-link-pressed)";
-    elevation: "var(--ds-shadow-raised)";
-    errorMessage: "var(--ds-text-disabled)";
-    errorMessageHover: "var(--ds-text-subtle)";
-    focus: "var(--ds-border-focused)";
-    snippet: "var(--ds-text)";
-    text: "var(--ds-text-subtlest)";
-};

package/dist/types-ts4.5/view/EmbedCard/views/UnresolvedView.d.ts

@@ -1,22 +0,0 @@
-import { Appearance } from '@atlaskit/button/types';
-import { FC } from 'react';
-import { MessageKey } from '../../../messages';
-export interface ButtonProps {
-    appearance: Appearance;
-    text: MessageKey;
-    testId?: string;
-}
-export interface EmbedCardUnresolvedViewProps {
-    image: string;
-    context?: string;
-    title: MessageKey;
-    description: MessageKey;
-    button?: ButtonProps;
-    onClick?: () => void;
-    testId?: string;
-}
-/**
- * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
- * @deprecated Replaced by unresolved-view
- */
-export declare const EmbedCardUnresolvedView: FC<EmbedCardUnresolvedViewProps>;