@atlaskit/smart-card 33.4.0 → 34.0.1

package/dist/esm/view/InlineCard/ResolvingView/index.js

@@ -6,11 +6,14 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { IconTitleWrapper, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
+import { IconTitleWrapper as IconTitleWrapperOld, RightIconPositionWrapper as RightIconPositionWrapperOld } from '../IconAndTitleLayout/styled-emotion';
 import { SpinnerWrapper } from './styled';
+import { SpinnerWrapper as SpinnerWrapperOld } from './styled-emotion';
 export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
   function InlineCardResolvingView() {
     _classCallCheck(this, InlineCardResolvingView);
@@ -30,18 +33,33 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
         titleTextColor = _this$props.titleTextColor,
         resolvingPlaceholder = _this$props.resolvingPlaceholder,
         truncateInline = _this$props.truncateInline;
+      var SpinnerWrapperComponent = fg('bandicoots-compiled-migration-smartcard') ? SpinnerWrapper : SpinnerWrapperOld;
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-        return /*#__PURE__*/React.createElement(Frame, {
-          withoutBackground: true,
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, /*#__PURE__*/React.createElement(SpinnerWrapper, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        })))));
+        if (fg('bandicoots-compiled-migration-smartcard')) {
+          return /*#__PURE__*/React.createElement(Frame, {
+            withoutBackground: true,
+            testId: testId,
+            onClick: onClick,
+            isSelected: isSelected,
+            truncateInline: truncateInline
+          }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
+            className: "inline-resolving-spinner"
+          }, /*#__PURE__*/React.createElement(Spinner, {
+            size: 14
+          })))));
+        } else {
+          return /*#__PURE__*/React.createElement(Frame, {
+            withoutBackground: true,
+            testId: testId,
+            onClick: onClick,
+            isSelected: isSelected,
+            truncateInline: truncateInline
+          }, /*#__PURE__*/React.createElement(IconTitleWrapperOld, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapperOld, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
+            className: "inline-resolving-spinner"
+          }, /*#__PURE__*/React.createElement(Spinner, {
+            size: 14
+          })))));
+        }
       } else {
         return /*#__PURE__*/React.createElement(Frame, {
           testId: testId,
@@ -52,7 +70,7 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
           title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
           titleTextColor: titleTextColor
-        }, /*#__PURE__*/React.createElement(SpinnerWrapper, {
+        }, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
           className: "inline-resolving-spinner"
         }, /*#__PURE__*/React.createElement(Spinner, {
           size: 14

package/dist/esm/view/InlineCard/ResolvingView/styled-emotion.js

@@ -0,0 +1,9 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { IconTitleWrapper } from '../IconAndTitleLayout/styled-emotion';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SpinnerWrapper = styled(IconTitleWrapper)({
+  verticalAlign: 'text-bottom',
+  padding: '0px'
+});

package/dist/esm/view/InlineCard/ResolvingView/styled.compiled.css

@@ -0,0 +1,5 @@
+._19bvidpf{padding-left:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._s7n41ndm{vertical-align:text-bottom}
+._u5f3idpf{padding-right:0}

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

@@ -1,9 +1,25 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+/* styled.tsx generated by @compiled/babel-plugin v0.35.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"];
+import "./styled.compiled.css";
+import { forwardRef } from 'react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SpinnerWrapper = styled(IconTitleWrapper)({
-  verticalAlign: 'text-bottom',
-  padding: '0px'
-});
+export var SpinnerWrapper = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? IconTitleWrapper : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _s7n41ndm", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  SpinnerWrapper.displayName = 'SpinnerWrapper';
+}

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -3,20 +3,33 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';
+import { AKIconWrapper as AKIconWrapperOld } from '../Icon-emotion';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { IconStyledButton } from '../styled';
+import { IconStyledButton as IconStyledButtonOld } from '../styled-emotion';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
-var FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
-  label: "error",
-  size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
-}));
+var fallbackUnauthorizedIcon = function fallbackUnauthorizedIcon() {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
+    }));
+  } else {
+    return /*#__PURE__*/React.createElement(AKIconWrapperOld, null, /*#__PURE__*/React.createElement(LockIcon, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
+    }));
+  }
+};
 export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref) {
   var url = _ref.url,
     id = _ref.id,
@@ -43,16 +56,29 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
   }, [fireEvent, onAuthorise]);
   var renderActionButton = React.useCallback(function () {
     var ActionButton = withFrameStyleControl(Button, frameRef);
-    return onAuthorise ? /*#__PURE__*/React.createElement(ActionButton, {
-      spacing: "none",
-      component: IconStyledButton,
-      onClick: handleConnectAccount,
-      testId: "button-connect-account"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-      values: {
-        context: context
-      }
-    }))) : undefined;
+    if (fg('bandicoots-compiled-migration-smartcard')) {
+      return onAuthorise ? /*#__PURE__*/React.createElement(ActionButton, {
+        spacing: "none",
+        component: IconStyledButton,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))) : undefined;
+    } else {
+      return onAuthorise ? /*#__PURE__*/React.createElement(ActionButton, {
+        spacing: "none",
+        component: IconStyledButtonOld,
+        onClick: handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+        values: {
+          context: context
+        }
+      }))) : undefined;
+    }
   }, [handleConnectAccount, onAuthorise, context]);
   var inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
     testId: testId,
@@ -60,7 +86,7 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     ref: frameRef,
     truncateInline: truncateInline
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-    icon: icon ? icon : FallbackUnauthorizedIcon,
+    icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,
     link: url,
     onClick: onClick,

package/dist/esm/view/InlineCard/styled-emotion.js

@@ -0,0 +1,47 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { B400, N200 } from '@atlaskit/theme/colors';
+// By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var IconStyledButton = styled.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '&&&': {
+    textAlign: 'initial',
+    display: 'inline',
+    verticalAlign: 'baseline',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    borderTopLeftRadius: '0px',
+    borderBottomLeftRadius: '0px',
+    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
+    backgroundClip: 'padding-box',
+    boxDecorationBreak: 'clone'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '> span': {
+    display: 'inline',
+    overflow: 'initial',
+    textOverflow: 'initial',
+    whiteSpace: 'initial',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '> span': {
+      overflow: 'initial',
+      textOverflow: 'initial',
+      whiteSpace: 'initial'
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var NoLinkAppearance = styled.span({
+  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
+  marginLeft: "var(--ds-space-050, 4px)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var LinkAppearance = styled.a({
+  color: "var(--ds-link, ".concat(B400, ")"),
+  '&:hover': {
+    textDecoration: 'none'
+  }
+});

package/dist/esm/view/InlineCard/styled.compiled.css

@@ -0,0 +1,21 @@
+
+._i3j7iti9._i3j7iti9._i3j7iti9{border-radius:var(--ds-border-radius-100,4px)}._12rl18uv >span>span{overflow-x:initial}
+._1695v77o._1695v77o._1695v77o{padding-top:var(--ds-space-025,2px)}
+._18v918uv._18v918uv._18v918uv{vertical-align:initial}
+._1a8r4jg8 >span>span{white-space:normal}
+._1byq12x7._1byq12x7._1byq12x7{padding-left:var(--ds-space-075,6px)}
+._1ilx1nu9._1ilx1nu9._1ilx1nu9{display:inline}
+._1jjh4jg8 >span{white-space:normal}
+._1nr3zryt >span>span{text-overflow:clip}
+._1pns12x7._1pns12x7._1pns12x7{padding-right:var(--ds-space-075,6px)}
+._1t1midpf._1t1midpf._1t1midpf{border-top-left-radius:0}
+._1t21zryt >span{text-overflow:clip}
+._1wge18uv >span>span{overflow-y:initial}
+._1xdi1nu9 >span{display:inline}
+._5x9bqvcn._5x9bqvcn._5x9bqvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
+._jinwidpf._jinwidpf._jinwidpf{border-bottom-left-radius:0}
+._ju3g18uv >span{overflow-x:initial}
+._k1fv1u8q._k1fv1u8q._k1fv1u8q{background-clip:padding-box}
+._mt1t18uv >span{overflow-y:initial}
+._uqpc18uv._uqpc18uv._uqpc18uv{text-align:initial}
+._vktqv77o._vktqv77o._vktqv77o{padding-bottom:var(--ds-space-025,2px)}

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

@@ -1,47 +1,25 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { B400, N200 } from '@atlaskit/theme/colors';
+/* styled.tsx generated by @compiled/babel-plugin v0.35.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"];
+import "./styled.compiled.css";
+import { forwardRef } from 'react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconStyledButton = styled.span({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&&&': {
-    textAlign: 'initial',
-    display: 'inline',
-    verticalAlign: 'baseline',
-    borderRadius: "var(--ds-border-radius-100, 4px)",
-    borderTopLeftRadius: '0px',
-    borderBottomLeftRadius: '0px',
-    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
-    backgroundClip: 'padding-box',
-    boxDecorationBreak: 'clone'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> span': {
-    display: 'inline',
-    overflow: 'initial',
-    textOverflow: 'initial',
-    whiteSpace: 'initial',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> span': {
-      overflow: 'initial',
-      textOverflow: 'initial',
-      whiteSpace: 'initial'
-    }
-  }
+export var IconStyledButton = forwardRef(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "span" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_i3j7iti9 _uqpc18uv _1ilx1nu9 _18v918uv _1t1midpf _jinwidpf _1695v77o _1pns12x7 _vktqv77o _1byq12x7 _k1fv1u8q _5x9bqvcn _ju3g18uv _mt1t18uv _12rl18uv _1wge18uv _1nr3zryt _1a8r4jg8 _1xdi1nu9 _1t21zryt _1jjh4jg8", __cmplp.className])
+  }));
 });
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var NoLinkAppearance = styled.span({
-  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
-  marginLeft: "var(--ds-space-050, 4px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var LinkAppearance = styled.a({
-  color: "var(--ds-link, ".concat(B400, ")"),
-  '&:hover': {
-    textDecoration: 'none'
-  }
-});
+if (process.env.NODE_ENV !== 'production') {
+  IconStyledButton.displayName = 'IconStyledButton';
+}

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "33.4.0",
+  packageVersion: "34.0.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId }: HoverCardComponentProps) => jsx.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => jsx.JSX.Element;

package/dist/types/view/InlineCard/Frame/styled-emotion.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface WrapperProps {
+    href?: string;
+    isSelected?: boolean;
+    isInteractive?: boolean;
+    withoutBackground?: boolean;
+    isHovered?: boolean;
+    truncateInline?: boolean;
+}
+export declare const WrapperAnchor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const WrapperSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/view/InlineCard/Frame/styled.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" />
-export interface WrapperProps {
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export interface WrapperProps extends React.ComponentProps<any> {
     href?: string;
     isSelected?: boolean;
     isInteractive?: boolean;
@@ -7,11 +11,5 @@ export interface WrapperProps {
     isHovered?: boolean;
     truncateInline?: boolean;
 }
-export declare const WrapperAnchor: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-export declare const WrapperSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const WrapperSpan: React.ForwardRefExoticComponent<Pick<WrapperProps, keyof WrapperProps> & React.RefAttributes<HTMLSpanElement>>;
+export declare const WrapperAnchor: React.ForwardRefExoticComponent<Pick<WrapperProps, keyof WrapperProps> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/types/view/InlineCard/Icon-emotion.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Shimmer: ({ testId }: {
+    testId: string;
+}) => JSX.Element;

package/dist/types/view/InlineCard/Icon.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
-export declare const Icon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Icon: React.ComponentType<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement> & import("@compiled/react").StyledProps>;
+export declare const AKIconWrapper: React.ComponentType<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
 export declare const Shimmer: ({ testId }: {
     testId: string;
 }) => JSX.Element;

package/dist/types/view/InlineCard/IconAndTitleLayout/styled-emotion.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TitleWrapperClassName = "smart-link-title-wrapper";
+export declare const TitleWrapper: 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/InlineCard/IconAndTitleLayout/styled.d.ts

@@ -1,36 +1,10 @@
 /// <reference types="react" />
-export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const EmojiWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const IconTitleWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const LozengeWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const RightIconPositionWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const IconPositionWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
+export declare const IconEmptyWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;
 export declare const TitleWrapperClassName = "smart-link-title-wrapper";
-export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TitleWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;

package/dist/types/view/InlineCard/ResolvingView/styled-emotion.d.ts

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

package/dist/types/view/InlineCard/ResolvingView/styled.d.ts

@@ -1,9 +1,2 @@
 /// <reference types="react" />
-export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+export declare const SpinnerWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;

package/dist/types/view/InlineCard/styled-emotion.d.ts

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

package/dist/types/view/InlineCard/styled.d.ts

@@ -1,13 +1,2 @@
 /// <reference types="react" />
-export declare const IconStyledButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const LinkAppearance: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const IconStyledButton: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@compiled/react").StyledProps>;

package/dist/types-ts4.5/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId }: HoverCardComponentProps) => jsx.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/InlineCard/Frame/styled-emotion.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface WrapperProps {
+    href?: string;
+    isSelected?: boolean;
+    isInteractive?: boolean;
+    withoutBackground?: boolean;
+    isHovered?: boolean;
+    truncateInline?: boolean;
+}
+export declare const WrapperAnchor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const WrapperSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;