@atlaskit/smart-card 26.58.0 → 26.59.0

package/dist/es2019/extractors/flexible/icon/extract-provider-icon.js

@@ -2,6 +2,17 @@ import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import { IconType } from '../../../constants';
 import extractUrlIcon from './extract-url-icon';
 import { extractTitle } from '@atlaskit/link-extractors';
+
+/**
+ * Extracts the provider icon and label from the given JSON-LD data.
+ *
+ * If the data is from Confluence, the icon will be the Confluence icon and the label will be 'Confluence'.
+ * If the data is from Jira, the icon will be the Jira icon and the label will be 'Jira'.
+ * If the data is from another provider, the icon and label will be extracted from the generator object.
+ *
+ * @param data - The JSON-LD data to extract the provider icon and label from.
+ * @returns IconDescriptor with optional icon string name, url and label, or `undefined` if the data is not provided.
+ */
 const extractProviderIcon = data => {
   if (!data) {
     return undefined;

package/dist/es2019/extractors/flexible/icon/extract-url-icon.js

@@ -1,4 +1,12 @@
 import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+
+/**
+ * Extracts the URL icon from the given icon or link object.
+ *
+ * @param icon - The icon or link object from which to extract the URL icon.
+ * @param label - The label for the URL icon.
+ * @returns IconDescriptor, which will contain label and url, or undefined
+ */
 const extractUrlIcon = (icon, label) => {
   const url = icon && extractUrlFromIconJsonLd(icon);
   return url ? {

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: "26.58.0"
+  packageVersion: "26.59.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,5 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx, css } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
@@ -17,6 +18,11 @@ import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
+const styles = css({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'flex-start'
+});
 /**
  * Class name for selecting non-flexible resolved block card
  *
@@ -67,11 +73,7 @@ export const ResolvedView = ({
     testId: testId,
     className: blockCardResolvedViewClassName
   }, jsx(Content, null, jsx("div", null, jsx("div", {
-    css: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'flex-start'
-    }
+    css: styles
   }, jsx(ContentHeader, {
     onClick: handleClick,
     link: link
@@ -87,7 +89,9 @@ export const ResolvedView = ({
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, jsx(Lozenge, lozenge, lozenge.text))), jsx(CollaboratorList, {
+  }, jsx(Lozenge, _extends({
+    style: lozenge.style
+  }, lozenge), lozenge.text))), jsx(CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,

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

@@ -1,12 +1,19 @@
-import { Stack, xcss } from '@atlaskit/primitives';
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { xcss } from '@atlaskit/primitives';
+import { useMemo } from 'react';
 import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { getPrimitivesPaddingSpaceBySize } from '../../utils';
-// We have to find a better way to ignore container padding
-// This has become more and more of a common use case.
-const ignoreContainerPaddingStyles = xcss({
+const ignoreContainerPaddingStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  flexGrow: 1,
+  width: '100%',
+  // We have to find a better way to ignore container padding
+  // This has become more and more of a common use case.
   marginLeft: 'calc(var(--container-gap-left) * -1)',
   marginRight: 'calc(var(--container-gap-right) * -1)'
 });
@@ -40,7 +47,7 @@ const ActionBlock = ({
     arr.sort(sort);
     return arr.map(name => {
       const Action = name in Actions ? Actions[name] : undefined;
-      return Action ? /*#__PURE__*/React.createElement(Action, {
+      return Action ? jsx(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
         key: name,
@@ -52,11 +59,10 @@ const ActionBlock = ({
       }) : null;
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, onClickCallback, padding, size, spaceInline]);
-  return actions ? /*#__PURE__*/React.createElement(Stack, {
-    grow: "fill",
-    xcss: ignoreContainerPaddingStyles,
+  return actions ? jsx("div", {
+    css: ignoreContainerPaddingStyles,
     ref: blockRef,
-    testId: testId
+    "data-testid": testId
   }, actions) : null;
 };
 export default ActionBlock;

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

@@ -20,6 +20,7 @@ const Lozenge = ({
   appearance = 'default',
   name,
   overrideCss,
+  style,
   text,
   testId = 'smart-element-lozenge'
 }) => {
@@ -35,6 +36,7 @@ const Lozenge = ({
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
     appearance: appearance,
+    style: style,
     testId: `${testId}-lozenge`
   }, text);
   return jsx("span", {

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -12,9 +12,11 @@ export class InlineCardResolvedView extends React.Component {
     if (!lozenge) {
       return null;
     }
+    const appearance = lozenge.appearance || 'default';
     return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
       testId: "inline-card-resolved-view-lozenge",
-      appearance: lozenge.appearance || 'default',
+      appearance: appearance,
+      style: lozenge.style,
       isBold: lozenge.isBold
     }, lozenge.text));
   }

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

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

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -31,6 +31,17 @@ export var extractIcon = function extractIcon(jsonLd) {
     return extractIconByType(type, opts);
   }
 };
+
+/**
+ * Extracts an icon based on the given type.
+ * 
+ * Some types return hardcoded icons, while others follow a priority list on how to pick the icon.
+ * If type is not recognized, it will return the icon from the provider, or `undefined` if no icon is found.
+ *
+ * @param type - The type of the object.
+ * @param opts - Options for the icon extraction.
+ * @returns The extracted icon as a React node, or `undefined` if no icon is found.
+ */
 var extractIconByType = function extractIconByType(type, opts) {
   switch (type) {
     case 'Document':

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
 import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
 import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
@@ -6,10 +7,29 @@ import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
 import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
 import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { getIconForFileType } from '../../../utils';
+import { prioritiseIcon } from './prioritiseIcon';
+/**
+ * Extracts an icon for a document pbject
+ *
+ * @param type - The type of the document.
+ * @param opts - The options for extracting the icon.
+ * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
+ */
 export var extractIconFromDocument = function extractIconFromDocument(type, opts) {
+  var provider = opts.provider;
   var iconFromType = documentTypeToIcon(type, opts);
   var iconFromFileFormat = documentFileFormatToIcon(opts);
   var iconFromProvider = opts.provider && opts.provider.icon;
+  if (getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
+    var providerId = provider === null || provider === void 0 ? void 0 : provider.id;
+    return prioritiseIcon({
+      providerId: providerId,
+      fileFormatIcon: iconFromFileFormat,
+      documentTypeIcon: iconFromType,
+      urlIcon: opts.icon,
+      providerIcon: iconFromProvider
+    });
+  }
   // If we encounter a native provider, we privilege the
   // icon generated by its type. Otherwise, we privilege the
   // provider icon, followed by the type & mime type icons.

package/dist/esm/extractors/common/icon/extractIconFromTask.js

@@ -10,6 +10,15 @@ import JiraServiceRequestIcon from '@atlaskit/icon-object/glyph/issue/16';
 import JiraChangeIcon from '@atlaskit/icon-object/glyph/changes/16';
 import JiraProblemIcon from '@atlaskit/icon-object/glyph/problem/16';
 import { JIRA_GENERATOR_ID, JIRA_TASK, JIRA_SUB_TASK, JIRA_STORY, JIRA_BUG, JIRA_EPIC, JIRA_INCIDENT, JIRA_SERVICE_REQUEST, JIRA_CHANGE, JIRA_PROBLEM, JIRA_CUSTOM_TASK_TYPE } from '../../constants';
+
+/**
+ * Chooses an icon for a task based on the provided options.
+ *
+ * Chooses icon based on variety of Jira task types, based on opts.taskType.id
+ *
+ * @param opts - The options for extracting the icon.
+ * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
+ */
 export var extractIconFromTask = function extractIconFromTask(opts) {
   // Render Atlaskit icons for all supported Jira issue types.
   var taskType = opts.taskType,

package/dist/esm/extractors/common/icon/prioritiseIcon.js

@@ -0,0 +1,34 @@
+import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
+var isConfluenceProvider = function isConfluenceProvider(provider) {
+  return provider === CONFLUENCE_GENERATOR_ID;
+};
+var isJiraProvider = function isJiraProvider(provider) {
+  return provider === JIRA_GENERATOR_ID;
+};
+var isNativeProvider = function isNativeProvider(provider) {
+  return isConfluenceProvider(provider) || isJiraProvider(provider);
+};
+
+/**
+ * Represents an icon. Should either contain a label and url, or a an icon type and label.
+ */
+
+/**
+ * Options required to prioritise which icon to show
+ */
+
+/**
+ * Reusable priority function for choosing which icon to show.
+ * Generic so it can be used to prioritise strings, or React components depending on the usage.
+ */
+export function prioritiseIcon(_ref) {
+  var providerId = _ref.providerId,
+    fileFormatIcon = _ref.fileFormatIcon,
+    documentTypeIcon = _ref.documentTypeIcon,
+    urlIcon = _ref.urlIcon,
+    providerIcon = _ref.providerIcon;
+  if (isNativeProvider(providerId)) {
+    return fileFormatIcon || documentTypeIcon || urlIcon || providerIcon;
+  }
+  return urlIcon || fileFormatIcon || documentTypeIcon || providerIcon;
+}

package/dist/esm/extractors/common/icon/priority.js

@@ -1,3 +1,6 @@
+/**
+ * Preference more detailed object types over less detailed ones (like 'Document' or 'Object').
+ */
 export var extractorPriorityMap = {
   Object: 0,
   Document: 5,

package/dist/esm/extractors/common/lozenge/extractState.js

@@ -1,4 +1,48 @@
-import { VALID_STATES, OMIT_STATES } from './utils';
+import { OMIT_STATES, VALID_STATES } from './utils';
+
+// Maps accent color short names to their corresponding background and text colors
+var lozengeAccentStyles = {
+  blue: {
+    backgroundColor: "var(--ds-background-accent-blue-subtler, #CCE0FF)",
+    color: "var(--ds-text-accent-blue, #0055CC)"
+  },
+  gray: {
+    backgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)",
+    color: "var(--ds-text-accent-gray, #44546F)"
+  },
+  green: {
+    backgroundColor: "var(--ds-background-accent-green-subtler, #BAF3DB)",
+    color: "var(--ds-text-accent-green, #216E4E)"
+  },
+  lime: {
+    backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
+    color: "var(--ds-text-accent-lime, #4C6B1F)"
+  },
+  magenta: {
+    backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
+    color: "var(--ds-text-accent-magenta, #943D73)"
+  },
+  orange: {
+    backgroundColor: "var(--ds-background-accent-orange-subtler, #FEDEC8)",
+    color: "var(--ds-text-accent-orange, #A54800)"
+  },
+  purple: {
+    backgroundColor: "var(--ds-background-accent-purple-subtler, #DFD8FD)",
+    color: "var(--ds-text-accent-purple, #5E4DB2)"
+  },
+  red: {
+    backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+    color: "var(--ds-text-accent-red, #AE2E24)"
+  },
+  teal: {
+    backgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
+    color: "var(--ds-text-accent-teal, #206A83)"
+  },
+  yellow: {
+    backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+    color: "var(--ds-text-accent-yellow, #7F5F01)"
+  }
+};
 export var extractState = function extractState(jsonLd) {
   var state = jsonLd['atlassian:state'];
   if (state) {
@@ -10,18 +54,13 @@ export var extractState = function extractState(jsonLd) {
           appearance: VALID_STATES[linkState] || 'default'
         };
       }
-    } else if (state['@type'] === 'Link') {
-      if (state.name) {
-        return {
-          text: state.name,
-          appearance: state.appearance || 'default'
-        };
-      }
-    } else if (state['@type'] === 'Object') {
+    } else if (state['@type'] === 'Link' || state['@type'] === 'Object') {
       if (state.name) {
+        var accent = state.accent;
         return {
           text: state.name,
-          appearance: state.appearance || 'default'
+          appearance: state.appearance || 'default',
+          style: accent ? lozengeAccentStyles[accent] : undefined
         };
       }
     }

package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -1,3 +1,4 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import extractDocumentTypeIcon from './extract-document-type-icon';
 import extractFileFormatIcon from './extract-file-formatIcon';
@@ -8,6 +9,7 @@ import { extractTaskType } from '../../common/lozenge';
 import { extractTitle } from '@atlaskit/link-extractors';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
 import { IconType } from '../../../constants';
+import { prioritiseIcon } from '../../common/icon/prioritiseIcon';
 var extractTask = function extractTask(data, label) {
   var _ref = extractTaskType(data) || {},
     id = _ref.id,
@@ -37,6 +39,10 @@ var isJiraProvider = function isJiraProvider(provider) {
 var isNativeProvider = function isNativeProvider(provider) {
   return isConfluenceProvider(provider) || isJiraProvider(provider);
 };
+
+/**
+ * Return the icon object given a JSON-LD data object.
+ */
 var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var generator = data.generator;
   var label = extractTitle(data);
@@ -61,6 +67,15 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
       var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
       var fileFormatIcon = extractFileFormatIcon(fileFormat);
       var documentTypeIcon = extractDocumentTypeIcon(type, label);
+      if (getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
+        return prioritiseIcon({
+          providerId: provider,
+          fileFormatIcon: fileFormatIcon,
+          documentTypeIcon: documentTypeIcon,
+          urlIcon: urlIcon,
+          providerIcon: providerIcon
+        });
+      }
       return isNativeProvider(provider) ? fileFormatIcon || documentTypeIcon || urlIcon || providerIcon : providerIcon || fileFormatIcon || documentTypeIcon;
     case 'atlassian:Task':
       var taskLabel = label || 'Task';

package/dist/esm/extractors/flexible/icon/extract-provider-icon.js

@@ -2,6 +2,17 @@ import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import { IconType } from '../../../constants';
 import extractUrlIcon from './extract-url-icon';
 import { extractTitle } from '@atlaskit/link-extractors';
+
+/**
+ * Extracts the provider icon and label from the given JSON-LD data.
+ *
+ * If the data is from Confluence, the icon will be the Confluence icon and the label will be 'Confluence'.
+ * If the data is from Jira, the icon will be the Jira icon and the label will be 'Jira'.
+ * If the data is from another provider, the icon and label will be extracted from the generator object.
+ *
+ * @param data - The JSON-LD data to extract the provider icon and label from.
+ * @returns IconDescriptor with optional icon string name, url and label, or `undefined` if the data is not provided.
+ */
 var extractProviderIcon = function extractProviderIcon(data) {
   if (!data) {
     return undefined;

package/dist/esm/extractors/flexible/icon/extract-url-icon.js

@@ -1,4 +1,12 @@
 import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+
+/**
+ * Extracts the URL icon from the given icon or link object.
+ *
+ * @param icon - The icon or link object from which to extract the URL icon.
+ * @param label - The label for the URL icon.
+ * @returns IconDescriptor, which will contain label and url, or undefined
+ */
 var extractUrlIcon = function extractUrlIcon(icon, label) {
   var url = icon && extractUrlFromIconJsonLd(icon);
   return url ? {

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.58.0"
+  packageVersion: "26.59.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -1,5 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx, css } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
@@ -17,6 +18,11 @@ import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
 import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
+var styles = css({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'flex-start'
+});
 /**
  * Class name for selecting non-flexible resolved block card
  *
@@ -81,11 +87,7 @@ export var ResolvedView = function ResolvedView(_ref) {
     testId: testId,
     className: blockCardResolvedViewClassName
   }, jsx(Content, null, jsx("div", null, jsx("div", {
-    css: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'flex-start'
-    }
+    css: styles
   }, jsx(ContentHeader, {
     onClick: handleClick,
     link: link
@@ -101,7 +103,9 @@ export var ResolvedView = function ResolvedView(_ref) {
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, jsx(Lozenge, lozenge, lozenge.text))), jsx(CollaboratorList, {
+  }, jsx(Lozenge, _extends({
+    style: lozenge.style
+  }, lozenge), lozenge.text))), jsx(CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,

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

@@ -1,12 +1,19 @@
-import { Stack, xcss } from '@atlaskit/primitives';
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { xcss } from '@atlaskit/primitives';
+import { useMemo } from 'react';
 import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { getPrimitivesPaddingSpaceBySize } from '../../utils';
-// We have to find a better way to ignore container padding
-// This has become more and more of a common use case.
-var ignoreContainerPaddingStyles = xcss({
+var ignoreContainerPaddingStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  flexGrow: 1,
+  width: '100%',
+  // We have to find a better way to ignore container padding
+  // This has become more and more of a common use case.
   marginLeft: 'calc(var(--container-gap-left) * -1)',
   marginRight: 'calc(var(--container-gap-right) * -1)'
 });
@@ -40,7 +47,7 @@ var ActionBlock = function ActionBlock(_ref) {
     arr.sort(sort);
     return arr.map(function (name) {
       var Action = name in Actions ? Actions[name] : undefined;
-      return Action ? /*#__PURE__*/React.createElement(Action, {
+      return Action ? jsx(Action, {
         as: "stack-item",
         spaceInline: spaceInline,
         key: name,
@@ -54,11 +61,10 @@ var ActionBlock = function ActionBlock(_ref) {
       }) : null;
     });
   }, [context === null || context === void 0 ? void 0 : context.actions, onClickCallback, padding, size, spaceInline]);
-  return actions ? /*#__PURE__*/React.createElement(Stack, {
-    grow: "fill",
-    xcss: ignoreContainerPaddingStyles,
+  return actions ? jsx("div", {
+    css: ignoreContainerPaddingStyles,
     ref: blockRef,
-    testId: testId
+    "data-testid": testId
   }, actions) : null;
 };
 export default ActionBlock;

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -21,6 +21,7 @@ var Lozenge = function Lozenge(_ref) {
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     name = _ref.name,
     overrideCss = _ref.overrideCss,
+    style = _ref.style,
     text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
@@ -36,6 +37,7 @@ var Lozenge = function Lozenge(_ref) {
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
     appearance: appearance,
+    style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);
   return jsx("span", {

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

@@ -25,9 +25,11 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       if (!lozenge) {
         return null;
       }
+      var appearance = lozenge.appearance || 'default';
       return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
         testId: "inline-card-resolved-view-lozenge",
-        appearance: lozenge.appearance || 'default',
+        appearance: appearance,
+        style: lozenge.style,
         isBold: lozenge.isBold
       }, lozenge.text));
     }

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

package/dist/types/extractors/common/icon/extractIcon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { JsonLd } from 'json-ld-types';
-import { LinkProvider } from '@atlaskit/link-extractors';
-import { LinkTaskType } from '../lozenge/extractTaskType';
+import { type JsonLd } from 'json-ld-types';
+import { type LinkProvider } from '@atlaskit/link-extractors';
+import { type LinkTaskType } from '../lozenge/extractTaskType';
 export type IconPriority = 'type' | 'provider';
 export interface IconOpts {
     title?: string;

package/dist/types/extractors/common/icon/extractIconFromDocument.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
-import { IconOpts } from './extractIcon';
+import { type IconOpts } from './extractIcon';
 export type DocumentType = 'Document' | 'schema:BlogPosting' | 'schema:DigitalDocument' | 'schema:TextDigitalDocument' | 'schema:PresentationDigitalDocument' | 'schema:SpreadsheetDigitalDocument' | 'atlassian:Template' | 'atlassian:UndefinedLink';
+/**
+ * Extracts an icon for a document pbject
+ *
+ * @param type - The type of the document.
+ * @param opts - The options for extracting the icon.
+ * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
+ */
 export declare const extractIconFromDocument: (type: DocumentType, opts: IconOpts) => React.ReactNode | undefined;

package/dist/types/extractors/common/icon/extractIconFromTask.d.ts

@@ -1,3 +1,11 @@
 import React from 'react';
 import { IconOpts } from './extractIcon';
+/**
+ * Chooses an icon for a task based on the provided options.
+ *
+ * Chooses icon based on variety of Jira task types, based on opts.taskType.id
+ *
+ * @param opts - The options for extracting the icon.
+ * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
+ */
 export declare const extractIconFromTask: (opts: IconOpts) => React.ReactNode | undefined;