@atlaskit/renderer 108.11.18 → 108.13.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 108.13.0
+
+### Minor Changes
+
+- [`3d5a4dfddba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5a4dfddba) - Make Smart Card frameStyle for embeds configurable via `@atlaskit/renderer`
+
+### Patch Changes
+
+- Updated dependencies
+
+## 108.12.0
+
+### Minor Changes
+
+- [`ec4867e1376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec4867e1376) - Removed captions flag and replaced with a new media prop `allowCaptions`. `allowCaptions` is set to `false` by default and products will need to opt in to be able to use captions from now on.
+
 ## 108.11.18
 
 ### Patch Changes

package/dist/cjs/react/nodes/embedCard.js

@@ -31,7 +31,8 @@ function EmbedCard(props) {
     layout = props.layout,
     width = props.width,
     isInsideOfBlockNode = props.isInsideOfBlockNode,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    smartLinks = props.smartLinks;
   var embedIframeRef = (0, _react2.useRef)(null);
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var platform = (0, _react2.useMemo)(function () {
@@ -43,7 +44,8 @@ function EmbedCard(props) {
     onClick: onClick,
     container: portal,
     platform: platform,
-    showActions: platform === 'web'
+    showActions: platform === 'web',
+    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
   };
   var _useState = (0, _react2.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -56,8 +56,11 @@ var MediaSingle = function MediaSingle(props) {
     layout = props.layout,
     children = props.children,
     widthAttr = props.width,
-    widthType = props.widthType;
+    widthType = props.widthType,
+    _props$allowCaptions = props.allowCaptions,
+    allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions;
   var isCaptionsFlaggedOn = (0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags);
+  var showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   var _React$useState = _react.default.useState({
       width: 0,
       height: 0
@@ -169,7 +172,7 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
+    }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), showCaptions && caption);
   };
   return (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref3) {
     var width = _ref3.width,

package/dist/cjs/ui/Renderer/index.js

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.11.18";
+var packageVersion = "108.13.0";
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/nodes/embedCard.js

@@ -38,7 +38,8 @@ export default function EmbedCard(props) {
     layout,
     width,
     isInsideOfBlockNode,
-    rendererAppearance
+    rendererAppearance,
+    smartLinks
   } = props;
   const embedIframeRef = useRef(null);
   const onClick = getCardClickHandler(eventHandlers, url);
@@ -49,7 +50,8 @@ export default function EmbedCard(props) {
     onClick,
     container: portal,
     platform,
-    showActions: platform === 'web'
+    showActions: platform === 'web',
+    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
   };
   const [liveHeight, setLiveHeight] = useState(null);
   const [aspectRatio, setAspectRatio] = useState();

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { default as React, Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
@@ -43,9 +44,11 @@ const MediaSingle = props => {
     layout,
     children,
     width: widthAttr,
-    widthType
+    widthType,
+    allowCaptions = false
   } = props;
   const isCaptionsFlaggedOn = getMediaFeatureFlag('captions', featureFlags);
+  const showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   const [externalImageDimensions, setExternalImageDimensions] = React.useState({
     width: 0,
     height: 0
@@ -154,7 +157,7 @@ const MediaSingle = props => {
         widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
+    }, jsx(Fragment, null, mediaComponent), showCaptions && caption);
   };
   return jsx(WidthConsumer, null, ({
     width,

package/dist/es2019/ui/Renderer/index.js

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.11.18";
+const packageVersion = "108.13.0";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/nodes/embedCard.js

@@ -24,7 +24,8 @@ export default function EmbedCard(props) {
     layout = props.layout,
     width = props.width,
     isInsideOfBlockNode = props.isInsideOfBlockNode,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    smartLinks = props.smartLinks;
   var embedIframeRef = useRef(null);
   var onClick = getCardClickHandler(eventHandlers, url);
   var platform = useMemo(function () {
@@ -36,7 +37,8 @@ export default function EmbedCard(props) {
     onClick: onClick,
     container: portal,
     platform: platform,
-    showActions: platform === 'web'
+    showActions: platform === 'web',
+    frameStyle: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle
   };
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
+
 import { default as React, Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
@@ -44,8 +45,11 @@ var MediaSingle = function MediaSingle(props) {
     layout = props.layout,
     children = props.children,
     widthAttr = props.width,
-    widthType = props.widthType;
+    widthType = props.widthType,
+    _props$allowCaptions = props.allowCaptions,
+    allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions;
   var isCaptionsFlaggedOn = getMediaFeatureFlag('captions', featureFlags);
+  var showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   var _React$useState = React.useState({
       width: 0,
       height: 0
@@ -157,7 +161,7 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
+    }, jsx(Fragment, null, mediaComponent), showCaptions && caption);
   };
   return jsx(WidthConsumer, null, function (_ref3) {
     var width = _ref3.width,

package/dist/esm/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.11.18";
+var packageVersion = "108.13.0";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/types/react/nodes/embedCard.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import type { SmartLinksOptions } from '../../types/smartLinksOptions';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RichMediaLayout } from '@atlaskit/adf-schema';
-import { RendererAppearance } from '../../ui/Renderer/types';
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { RendererAppearance } from '../../ui/Renderer/types';
 export default function EmbedCard(props: {
     url?: string;
     data?: object;
@@ -14,4 +15,5 @@ export default function EmbedCard(props: {
     layout: RichMediaLayout;
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
+    smartLinks?: SmartLinksOptions;
 }): jsx.JSX.Element;

package/dist/types/react/nodes/index.d.ts

@@ -43,6 +43,7 @@ declare const EmbedCard: React.ComponentType<{
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -1,11 +1,10 @@
-/** @jsx jsx */
 import { default as React } from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { EventHandlers, MediaSingleWidthType } from '@atlaskit/editor-common/ui';
-import { AnalyticsEventPayload } from '../../../analytics/events';
-import { RendererAppearance } from '../../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../../analytics/events';
+import type { RendererAppearance } from '../../../ui/Renderer/types';
 export interface Props {
     children: React.ReactNode;
     layout: MediaSingleLayout;
@@ -16,6 +15,7 @@ export interface Props {
     rendererAppearance: RendererAppearance;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     featureFlags?: MediaFeatureFlags;
+    allowCaptions?: boolean;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {

package/dist/types/types/mediaOptions.d.ts

@@ -1,5 +1,5 @@
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
 export type MediaSSR = {
     mode: SSR;
     config: MediaClientConfig;
@@ -9,4 +9,5 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     featureFlags?: MediaFeatureFlags;
     ssr?: MediaSSR;
+    allowCaptions?: boolean;
 }

package/dist/types/types/smartLinksOptions.d.ts

@@ -1,5 +1,7 @@
+import type { CardProps } from '@atlaskit/smart-card';
 export interface SmartLinksOptions {
     ssr?: boolean;
     showAuthTooltip?: boolean;
     showServerActions?: boolean;
+    frameStyle?: CardProps['frameStyle'];
 }

package/dist/types-ts4.5/react/nodes/embedCard.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import type { SmartLinksOptions } from '../../types/smartLinksOptions';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RichMediaLayout } from '@atlaskit/adf-schema';
-import { RendererAppearance } from '../../ui/Renderer/types';
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { RendererAppearance } from '../../ui/Renderer/types';
 export default function EmbedCard(props: {
     url?: string;
     data?: object;
@@ -14,4 +15,5 @@ export default function EmbedCard(props: {
     layout: RichMediaLayout;
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
+    smartLinks?: SmartLinksOptions;
 }): jsx.JSX.Element;

package/dist/types-ts4.5/react/nodes/index.d.ts

@@ -43,6 +43,7 @@ declare const EmbedCard: React.ComponentType<{
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
+    smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{

package/dist/types-ts4.5/react/nodes/mediaSingle/index.d.ts

@@ -1,11 +1,10 @@
-/** @jsx jsx */
 import { default as React } from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { EventHandlers, MediaSingleWidthType } from '@atlaskit/editor-common/ui';
-import { AnalyticsEventPayload } from '../../../analytics/events';
-import { RendererAppearance } from '../../../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../../../analytics/events';
+import type { RendererAppearance } from '../../../ui/Renderer/types';
 export interface Props {
     children: React.ReactNode;
     layout: MediaSingleLayout;
@@ -16,6 +15,7 @@ export interface Props {
     rendererAppearance: RendererAppearance;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     featureFlags?: MediaFeatureFlags;
+    allowCaptions?: boolean;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {

package/dist/types-ts4.5/types/mediaOptions.d.ts

@@ -1,5 +1,5 @@
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
 export type MediaSSR = {
     mode: SSR;
     config: MediaClientConfig;
@@ -9,4 +9,5 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     featureFlags?: MediaFeatureFlags;
     ssr?: MediaSSR;
+    allowCaptions?: boolean;
 }

package/dist/types-ts4.5/types/smartLinksOptions.d.ts

@@ -1,5 +1,7 @@
+import type { CardProps } from '@atlaskit/smart-card';
 export interface SmartLinksOptions {
     ssr?: boolean;
     showAuthTooltip?: boolean;
     showServerActions?: boolean;
+    frameStyle?: CardProps['frameStyle'];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.11.18",
+  "version": "108.13.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,14 +31,14 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.10.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^75.0.0",
+    "@atlaskit/editor-common": "^75.1.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.6.0",
     "@atlaskit/emoji": "^67.5.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/link-datasource": "^1.1.0",
+    "@atlaskit/link-datasource": "^1.2.0",
     "@atlaskit/media-card": "^77.0.0",
     "@atlaskit/media-client": "^24.0.0",
     "@atlaskit/media-common": "^9.0.0",
@@ -46,7 +46,7 @@
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.25.0",
+    "@atlaskit/smart-card": "^26.26.0",
     "@atlaskit/status": "^1.3.0",
     "@atlaskit/task-decision": "^17.8.0",
     "@atlaskit/theme": "^12.6.0",

package/report.api.md

@@ -22,6 +22,7 @@ import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import type { ADFStage } from '@atlaskit/editor-common/validator';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
+import type { CardProps } from '@atlaskit/smart-card';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { DocNode } from '@atlaskit/adf-schema';
 import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
@@ -31,8 +32,8 @@ import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { jsx } from '@emotion/react';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
 import { OperationalAEP } from '@atlaskit/editor-common/analytics';
 import { PropsDifference } from '@atlaskit/editor-common/utils';
@@ -41,7 +42,7 @@ import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { SEVERITY } from '@atlaskit/editor-common/utils';
 import { ShallowPropsDifference } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { SSR } from '@atlaskit/media-common';
+import type { SSR } from '@atlaskit/media-common';
 import type { Transformer as Transformer_2 } from '@atlaskit/editor-common/types';
 import { UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
@@ -236,6 +237,8 @@ type MediaLnkTransformedAEP = AEP<
 
 // @public (undocumented)
 interface MediaOptions {
+  // (undocumented)
+  allowCaptions?: boolean;
   // (undocumented)
   allowLinking?: boolean;
   // (undocumented)
@@ -643,6 +646,8 @@ export interface Serializer<T> {
 
 // @public (undocumented)
 interface SmartLinksOptions {
+  // (undocumented)
+  frameStyle?: CardProps['frameStyle'];
   // (undocumented)
   showAuthTooltip?: boolean;
   // (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -11,6 +11,7 @@ import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import type { ADFStage } from '@atlaskit/editor-common/validator';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
+import type { CardProps } from '@atlaskit/smart-card';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { DocNode } from '@atlaskit/adf-schema';
 import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
@@ -20,8 +21,8 @@ import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { jsx } from '@emotion/react';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
 import { OperationalAEP } from '@atlaskit/editor-common/analytics';
 import { PropsDifference } from '@atlaskit/editor-common/utils';
@@ -30,7 +31,7 @@ import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { SEVERITY } from '@atlaskit/editor-common/utils';
 import { ShallowPropsDifference } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { SSR } from '@atlaskit/media-common';
+import type { SSR } from '@atlaskit/media-common';
 import type { Transformer as Transformer_2 } from '@atlaskit/editor-common/types';
 import { UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
@@ -139,6 +140,8 @@ type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.
 
 // @public (undocumented)
 interface MediaOptions {
+    // (undocumented)
+    allowCaptions?: boolean;
     // (undocumented)
     allowLinking?: boolean;
     // (undocumented)
@@ -470,6 +473,8 @@ export interface Serializer<T> {
 
 // @public (undocumented)
 interface SmartLinksOptions {
+    // (undocumented)
+    frameStyle?: CardProps['frameStyle'];
     // (undocumented)
     showAuthTooltip?: boolean;
     // (undocumented)