@atlaskit/smart-card 30.3.0 → 30.3.2

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.3.0"
+  packageVersion: "30.3.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -394,68 +394,6 @@ export const uiCardClickedEvent = ({
     destinationSubproduct
   }
 });
-
-/**
- * @deprecated
- */
-export const uiIframeDwelledEvent = ({
-  id,
-  display,
-  status,
-  definitionId,
-  extensionKey,
-  location,
-  destinationProduct,
-  destinationSubproduct,
-  dwellTime,
-  dwellPercentVisible
-}) => ({
-  action: 'dwelled',
-  actionSubject: 'smartLinkIframe',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    status,
-    definitionId,
-    extensionKey,
-    display,
-    location,
-    destinationProduct,
-    destinationSubproduct,
-    dwellTime,
-    dwellPercentVisible
-  }
-});
-
-/**
- * @deprecated
- */
-export const uiIframeFocusedEvent = ({
-  id,
-  display,
-  status,
-  definitionId,
-  extensionKey,
-  location,
-  destinationProduct,
-  destinationSubproduct
-}) => ({
-  action: 'focused',
-  actionSubject: 'smartLinkIframe',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    status,
-    definitionId,
-    extensionKey,
-    display,
-    location,
-    destinationProduct,
-    destinationSubproduct
-  }
-});
 export const uiActionClickedEvent = ({
   id,
   actionType,

package/dist/es2019/utils/analytics/index.js

@@ -1,6 +1,6 @@
 import { getMeasure } from '../performance';
 import { resolvedEvent, unresolvedEvent } from './analytics';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiIframeDwelledEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
 export const instrumentEvent = ({
   id,
   status,

package/dist/es2019/view/BlockCard/components/Name.js

@@ -4,7 +4,6 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
 /**
  * Class name for selecting non-flexible block card header name
@@ -14,8 +13,7 @@ import { gs } from '../../common/utils';
  */
 export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 const baseStyles = css({
-  fontSize: `${fontSize()}px`,
-  fontWeight: 500,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: gs(2.5),
   // Spec: show max two lines.

package/dist/es2019/view/BlockCard/views/ResolvingView.js

@@ -7,7 +7,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--editor-file';
 import { N50, N90 } from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../messages';
 import { gs } from '../../common/utils';
 import { Frame } from '../components/Frame';
@@ -19,7 +18,7 @@ import { Frame } from '../components/Frame';
  */
 export const blockCardResolvingViewClassName = 'block-card-resolving-view';
 const messageStyles = css({
-  fontSize: `${fontSize()}px`,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   color: `var(--ds-text-subtlest, ${N90})`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginLeft: gs(0.5)

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

@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
@@ -148,47 +147,21 @@ function Component({
     }
   }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   const onIframeDwell = useCallback((dwellTime, dwellPercentVisible) => {
-    if (fg('smart-card-migrate-smartlinkiframe-analytics')) {
-      fireEvent('ui.smartLinkIframe.dwelled', {
-        id,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        dwellPercentVisible,
-        dwellTime
-      });
-    } else {
-      analytics.ui.iframeDwelledEvent({
-        id,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        definitionId,
-        extensionKey,
-        destinationProduct: product,
-        destinationSubproduct: subproduct,
-        dwellTime: dwellTime,
-        dwellPercentVisible: dwellPercentVisible
-      });
-    }
-  }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct, fireEvent]);
+    fireEvent('ui.smartLinkIframe.dwelled', {
+      id,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      display: isFlexibleUi ? 'flexible' : appearance,
+      dwellPercentVisible,
+      dwellTime
+    });
+  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
   const onIframeFocus = useCallback(() => {
-    if (fg('smart-card-migrate-smartlinkiframe-analytics')) {
-      fireEvent('ui.smartLinkIframe.focus', {
-        id,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        display: isFlexibleUi ? 'flexible' : appearance
-      });
-    } else {
-      analytics.ui.iframeFocusedEvent({
-        id,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        definitionId,
-        extensionKey,
-        destinationProduct: product,
-        destinationSubproduct: subproduct
-      });
-    }
-  }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct, fireEvent]);
+    fireEvent('ui.smartLinkIframe.focus', {
+      id,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      display: isFlexibleUi ? 'flexible' : appearance
+    });
+  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
   if (isFlexibleUi) {
     let cardState = state;
     if (error) {

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

@@ -214,8 +214,7 @@ ${/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-va
 }, {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N300})`,
-  fontSize: '12px',
-  lineHeight: '16px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 ellipsis('none'));
@@ -292,9 +291,7 @@ export const ContentWrapper = styled.div({
 export const Title = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N900})`,
-  fontSize: '16px',
-  fontWeight: 500,
-  lineHeight: 20 / 16,
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxHeight: `${20 * 4}px`,
   overflow: 'hidden'
 });
@@ -304,9 +301,7 @@ export const Byline = styled.div({
   marginTop: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N300})`,
-  fontSize: '12px',
-  fontWeight: 'normal',
-  lineHeight: 16 / 12
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 ellipsis('100%'));
@@ -316,9 +311,7 @@ export const Description = styled.div({
   marginTop: `calc(${"var(--ds-space-100, 8px)"} - 1px)`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
-  fontSize: '12px',
-  fontWeight: 'normal',
-  lineHeight: 18 / 12,
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxHeight: `${18 * 3}px`,
   overflow: 'hidden'
 });

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

@@ -8,12 +8,12 @@ import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { R300 } from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../messages';
 import { Frame } from '../../BlockCard/components/Frame';
 import { gs } from '../../common/utils';
 const messageStyles = css({
-  fontSize: `${fontSize()}px`,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginLeft: gs(0.5),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -26,7 +26,7 @@ const contentStyles = css({
   maxWidth: gs(50)
 });
 const descriptionStyles = css({
-  fontSize: '1em',
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   textAlign: 'center'
 });
 const imageStyles = css({

package/dist/es2019/view/EmbedModal/components/link-info/styled.js

@@ -34,9 +34,8 @@ export const titleCss = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   h3: {
     flex: '1 1 auto',
-    fontSize: '16px',
-    fontWeight: 400,
-    lineHeight: height,
+    font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-regular, 400)",
     display: '-webkit-box',
     marginBottom: 0,
     overflow: 'hidden',

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -17,12 +17,7 @@ const buttonStyles = xcss({
 });
 const contentStyles = xcss({
   color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const ActionButton = ({
   content,

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -23,10 +23,7 @@ const errorContentStyles = xcss({
 });
 const titleStyles = xcss({
   color: 'color.text.subtle',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '16px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 const getIcon = appearance => {
   switch (appearance) {

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -30,7 +30,7 @@ const getThemeStyles = theme => {
             color: "var(--ds-text-subtlest, #626F86)",
             textDecoration: 'underline'
           },
-          fontSize: '12px'
+          font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
         }
       });
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

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

@@ -7,7 +7,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.3.0",
+  packageVersion: "30.3.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');