@atlaskit/smart-card 26.43.10 → 26.44.1

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -1,30 +1,55 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";\n  }\n");
+var selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")")),
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+  }
+};
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
-    return "\n      :active {\n        background-color: ".concat("var(--ds-background-selected, ".concat(B50, ")"), ";\n      }\n      :focus {\n        ", selected, "\n      }\n    ");
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 var isSelected = function isSelected(_ref2) {
   var isSelected = _ref2.isSelected;
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
   }
 };
-var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(B200, ")"), ";");
+var hoveredStyles = {
+  borderColor: "var(--ds-border-accent-blue, ".concat(B200, ")")
+};
 var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
-  return "\n  ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
+  if (props.withoutBackground) {
+    return undefined;
+  }
+  return {
+    textDecoration: 'none'
+  };
 };
 var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
-  return "\n    ".concat(hoveredStyles, "\n    ").concat(activeHoveredFocusedStyles(props), ";\n");
+  return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
 };
 
 /*
@@ -39,10 +64,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n  color: ", "var(--ds-link, ".concat(B400, ")"), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";"), "\n  &:hover {\n    ").concat(hoveredStyles, "\n  }\n  &, :hover, :focus, :active {\n    ").concat(activeHoveredFocusedStyles(props), "\n  }\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
+var baseWrapperStyles = function baseWrapperStyles(props) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    lineHeight: '22px',
+    padding: "var(--ds-space-025, 2px)".concat(" 0px")
+  }, props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined), {}, {
+    display: 'inline',
+    boxDecorationBreak: 'clone',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    color: "var(--ds-link, ".concat(B400, ")")
+  }, props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }), isSelected(props)), props.withoutBackground ? undefined : {
+    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+  }), {}, {
+    '&:hover': hoveredStyles,
+    '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+    transition: '0.1s all ease-in-out',
+    MozUserSelect: 'none'
+  }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
-export var WrapperAnchor = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+export var WrapperAnchor = styled.a(function (props) {
+  return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
+});
 WrapperAnchor.displayName = 'WrapperAnchor';
-export var WrapperSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), baseWrapperStyle);
+export var WrapperSpan = styled.span(function (props) {
+  return _objectSpread({}, baseWrapperStyles(props));
+});
 WrapperSpan.displayName = 'WrapperSpan';

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.43.10",
+  packageVersion: "26.44.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/extractors/common/lozenge/types.d.ts

@@ -1,8 +1,6 @@
 import { InvokeActions } from '../../../state/hooks/use-invoke/types';
 export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
-export type LinkLozengeInvokeActions = InvokeActions & {
-    showFeatureDiscovery?: boolean;
-};
+export type LinkLozengeInvokeActions = InvokeActions;
 export interface LinkLozenge {
     action?: LinkLozengeInvokeActions;
     text: string;

package/dist/types/extractors/flexible/actions/extract-follow-action.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
 import { ServerActionProp } from '../../../state/flexible-ui-context/types';
-import { ServerActionOptions } from '../../../view/FlexibleCard/types';
-declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
+declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => ServerActionProp<boolean> | undefined;
 export default extractFollowAction;

package/dist/types/extractors/flexible/extract-state.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
 import type { LinkLozenge } from '../common/lozenge/types';
-import { ServerActionOptions } from '../../view/FlexibleCard/types';
-declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
+declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
 export default extractState;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -4,7 +4,6 @@ import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
 export type LozengeActionTriggerProps = {
     appearance?: ThemeAppearance;
     isOpen?: boolean;
-    showFeatureDiscovery?: boolean;
     testId?: string;
     text: string | React.ReactNode;
 } & CustomTriggerProps<HTMLButtonElement>;

package/dist/types/view/FlexibleCard/types.d.ts

@@ -59,7 +59,7 @@ export type FlexibleCardProps = {
     /**
      * Determines whether to show available server actions.
      */
-    showServerActions?: boolean | ServerActionOptions;
+    showServerActions?: boolean;
     /**
      * 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,
@@ -124,27 +124,6 @@ export type FlexibleUiOptions = {
      */
     zIndex?: number;
 };
-/**
- * Server action options to control action behaviour.
- *
- * If the type is applied to exported component (<Card />, <HoverCard />)
- * please verify with the team if the deprecated prop can be removed prior.
- *
- * In the case that it is being exposed in HoverCard, please remove
- * boolean conversion `Boolean(showServerActions)` in
- * /src/view/FlexibleCard/components/container/index.tsx line 287
- * @internal
- */
-export type ServerActionOptions = {
-    /**
-     * DO NOT USE: This prop is part of an experiment. It will be removed once
-     * the experiment is completed.
-     * @see https://team.atlassian.com/project/ATLAS-13099/about
-     * @internal
-     * @deprecated
-     */
-    showStateActionFeatureDiscovery?: boolean;
-};
 /**
  * Retry options used if Smart Link resolves to an errored state.
  */

package/dist/types-ts4.5/extractors/common/lozenge/types.d.ts

@@ -1,8 +1,6 @@
 import { InvokeActions } from '../../../state/hooks/use-invoke/types';
 export type LinkLozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
-export type LinkLozengeInvokeActions = InvokeActions & {
-    showFeatureDiscovery?: boolean;
-};
+export type LinkLozengeInvokeActions = InvokeActions;
 export interface LinkLozenge {
     action?: LinkLozengeInvokeActions;
     text: string;

package/dist/types-ts4.5/extractors/flexible/actions/extract-follow-action.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
 import { ServerActionProp } from '../../../state/flexible-ui-context/types';
-import { ServerActionOptions } from '../../../view/FlexibleCard/types';
-declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => ServerActionProp<boolean> | undefined;
+declare const extractFollowAction: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => ServerActionProp<boolean> | undefined;
 export default extractFollowAction;

package/dist/types-ts4.5/extractors/flexible/extract-state.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
 import type { LinkLozenge } from '../common/lozenge/types';
-import { ServerActionOptions } from '../../view/FlexibleCard/types';
-declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean | ServerActionOptions, id?: string) => LinkLozenge | undefined;
+declare const extractState: (response?: JsonLd.Response, showServerActions?: boolean, id?: string) => LinkLozenge | undefined;
 export default extractState;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -4,7 +4,6 @@ import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
 export type LozengeActionTriggerProps = {
     appearance?: ThemeAppearance;
     isOpen?: boolean;
-    showFeatureDiscovery?: boolean;
     testId?: string;
     text: string | React.ReactNode;
 } & CustomTriggerProps<HTMLButtonElement>;

package/dist/types-ts4.5/view/FlexibleCard/types.d.ts

@@ -59,7 +59,7 @@ export type FlexibleCardProps = {
     /**
      * Determines whether to show available server actions.
      */
-    showServerActions?: boolean | ServerActionOptions;
+    showServerActions?: boolean;
     /**
      * 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,
@@ -124,27 +124,6 @@ export type FlexibleUiOptions = {
      */
     zIndex?: number;
 };
-/**
- * Server action options to control action behaviour.
- *
- * If the type is applied to exported component (<Card />, <HoverCard />)
- * please verify with the team if the deprecated prop can be removed prior.
- *
- * In the case that it is being exposed in HoverCard, please remove
- * boolean conversion `Boolean(showServerActions)` in
- * /src/view/FlexibleCard/components/container/index.tsx line 287
- * @internal
- */
-export type ServerActionOptions = {
-    /**
-     * DO NOT USE: This prop is part of an experiment. It will be removed once
-     * the experiment is completed.
-     * @see https://team.atlassian.com/project/ATLAS-13099/about
-     * @internal
-     * @deprecated
-     */
-    showStateActionFeatureDiscovery?: boolean;
-};
 /**
  * Retry options used if Smart Link resolves to an errored state.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.43.10",
+  "version": "26.44.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,8 @@
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.1.0",
+    "@atlaskit/button": "^17.2.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
-    "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -38,15 +37,15 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^5.2.0",
+    "@atlaskit/linking-common": "^5.3.0",
     "@atlaskit/linking-types": "^8.5.0",
-    "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/lozenge": "^11.5.0",
+    "@atlaskit/logo": "^13.15.0",
+    "@atlaskit/lozenge": "^11.6.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.16.0",
+    "@atlaskit/primitives": "^1.17.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.33.0",
@@ -74,7 +73,7 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/analytics-listeners": "^8.7.0",
+    "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/css-reset": "^6.6.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
-var _styled = require("./styled");
-/** @jsx jsx */
-
-var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
-var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
-var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
- * @see https://team.atlassian.com/project/ATLAS-13099/about
- */
-var FeatureDiscovery = function FeatureDiscovery(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    testId = _ref.testId;
-  var renderedTime = (0, _react2.useRef)();
-  var storageClient = (0, _react2.useMemo)(function () {
-    return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
-  }, []);
-  var discovered = (0, _react2.useMemo)(function () {
-    return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-  }, [storageClient]);
-  (0, _react2.useEffect)(function () {
-    renderedTime.current = Date.now();
-    return function () {
-      if (!discovered && renderedTime.current) {
-        var duration = Date.now() - renderedTime.current;
-        if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  var component = (0, _react2.useMemo)(function () {
-    if (!discovered) {
-      return (0, _react.jsx)("span", {
-        css: (0, _styled.getPulseStyles)(appearance),
-        "data-testid": "".concat(testId, "-discovery")
-      }, children);
-    }
-  }, [appearance, children, discovered, testId]);
-  return component !== null && component !== void 0 ? component : children;
-};
-var _default = exports.default = FeatureDiscovery;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPulseStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2;
-var pulseKeyframes = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
-var getPulseColor = function getPulseColor(appearance) {
-  switch (appearance) {
-    case 'inprogress':
-      return "var(--ds-background-information-bold, #0052CC)";
-    case 'moved':
-      return "var(--ds-background-warning-bold, #FFAB00)";
-    case 'new':
-      return "var(--ds-background-discovery-bold, #5243AA)";
-    case 'removed':
-      return "var(--ds-background-danger-bold, #DE350B)";
-    case 'success':
-      return "var(--ds-background-success-bold, #00875A)";
-    case 'default':
-    default:
-      return "var(--ds-background-neutral-bold, #42526E)";
-  }
-};
-var getPulseStyles = exports.getPulseStyles = function getPulseStyles(appearance) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
-};

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js

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

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js

@@ -1,47 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { useEffect, useMemo, useRef } from 'react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { getPulseStyles } from './styled';
-const LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
-const LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
-const LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-const LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-const LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
- * @see https://team.atlassian.com/project/ATLAS-13099/about
- */
-const FeatureDiscovery = ({
-  appearance,
-  children,
-  testId
-}) => {
-  const renderedTime = useRef();
-  const storageClient = useMemo(() => new StorageClient(LOCAL_STORAGE_CLIENT_KEY), []);
-  const discovered = useMemo(() => storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE, [storageClient]);
-  useEffect(() => {
-    renderedTime.current = Date.now();
-    return () => {
-      if (!discovered && renderedTime.current) {
-        const duration = Date.now() - renderedTime.current;
-        if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  const component = useMemo(() => {
-    if (!discovered) {
-      return jsx("span", {
-        css: getPulseStyles(appearance),
-        "data-testid": `${testId}-discovery`
-      }, children);
-    }
-  }, [appearance, children, discovered, testId]);
-  return component !== null && component !== void 0 ? component : children;
-};
-export default FeatureDiscovery;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js

@@ -1,29 +0,0 @@
-import { css, keyframes } from '@emotion/react';
-const pulseKeyframes = keyframes`
-  to {
-    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
-  }
-`;
-const getPulseColor = appearance => {
-  switch (appearance) {
-    case 'inprogress':
-      return "var(--ds-background-information-bold, #0052CC)";
-    case 'moved':
-      return "var(--ds-background-warning-bold, #FFAB00)";
-    case 'new':
-      return "var(--ds-background-discovery-bold, #5243AA)";
-    case 'removed':
-      return "var(--ds-background-danger-bold, #DE350B)";
-    case 'success':
-      return "var(--ds-background-success-bold, #00875A)";
-    case 'default':
-    default:
-      return "var(--ds-background-neutral-bold, #42526E)";
-  }
-};
-export const getPulseStyles = appearance => css`
-  display: inline-flex;
-  border-radius: 3px;
-  box-shadow: 0 0 0 0 ${getPulseColor(appearance)};
-  animation: ${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) 3;
-`;

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js

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

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.js

@@ -1,50 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { useEffect, useMemo, useRef } from 'react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { getPulseStyles } from './styled';
-var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
-var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
-var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000; // 2s
-
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
- * @see https://team.atlassian.com/project/ATLAS-13099/about
- */
-var FeatureDiscovery = function FeatureDiscovery(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    testId = _ref.testId;
-  var renderedTime = useRef();
-  var storageClient = useMemo(function () {
-    return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
-  }, []);
-  var discovered = useMemo(function () {
-    return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-  }, [storageClient]);
-  useEffect(function () {
-    renderedTime.current = Date.now();
-    return function () {
-      if (!discovered && renderedTime.current) {
-        var duration = Date.now() - renderedTime.current;
-        if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
-          storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  var component = useMemo(function () {
-    if (!discovered) {
-      return jsx("span", {
-        css: getPulseStyles(appearance),
-        "data-testid": "".concat(testId, "-discovery")
-      }, children);
-    }
-  }, [appearance, children, discovered, testId]);
-  return component !== null && component !== void 0 ? component : children;
-};
-export default FeatureDiscovery;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.js

@@ -1,24 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css, keyframes } from '@emotion/react';
-var pulseKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
-var getPulseColor = function getPulseColor(appearance) {
-  switch (appearance) {
-    case 'inprogress':
-      return "var(--ds-background-information-bold, #0052CC)";
-    case 'moved':
-      return "var(--ds-background-warning-bold, #FFAB00)";
-    case 'new':
-      return "var(--ds-background-discovery-bold, #5243AA)";
-    case 'removed':
-      return "var(--ds-background-danger-bold, #DE350B)";
-    case 'success':
-      return "var(--ds-background-success-bold, #00875A)";
-    case 'default':
-    default:
-      return "var(--ds-background-neutral-bold, #42526E)";
-  }
-};
-export var getPulseStyles = function getPulseStyles(appearance) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
-};

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.js

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

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.d.ts

@@ -1,10 +0,0 @@
-import type { FC } from 'react';
-import type { FeatureDiscoveryProps } from './types';
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
- * @see https://team.atlassian.com/project/ATLAS-13099/about
- */
-declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
-export default FeatureDiscovery;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.d.ts

@@ -1,2 +0,0 @@
-import type { ThemeAppearance } from '@atlaskit/lozenge';
-export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ThemeAppearance } from '@atlaskit/lozenge';
-export type FeatureDiscoveryProps = {
-    appearance?: ThemeAppearance;
-    children: React.ReactElement;
-    testId?: string;
-};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.d.ts

@@ -1,10 +0,0 @@
-import type { FC } from 'react';
-import type { FeatureDiscoveryProps } from './types';
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
- * @see https://team.atlassian.com/project/ATLAS-13099/about
- */
-declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
-export default FeatureDiscovery;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.d.ts

@@ -1,2 +0,0 @@
-import type { ThemeAppearance } from '@atlaskit/lozenge';
-export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ThemeAppearance } from '@atlaskit/lozenge';
-export type FeatureDiscoveryProps = {
-    appearance?: ThemeAppearance;
-    children: React.ReactElement;
-    testId?: string;
-};