@atlaskit/smart-card 38.13.3 → 38.14.1

package/dist/es2019/view/FlexibleCard/utils.js

@@ -11,6 +11,7 @@ import { messages } from '../../messages';
 import { handleOnClick } from '../../utils';
 import { getForbiddenJsonLd } from '../../utils/jsonld';
 export const getContextByStatus = params => {
+  var _response$meta, _response$meta$reques;
   const {
     onClick,
     response,
@@ -44,7 +45,12 @@ export const getContextByStatus = params => {
         provider: extractSmartLinkProviderIcon(response),
         actions: fg('platform-linking-flexible-card-unresolved-action') ? {
           [InternalActionName.UnresolvedAction]: getRetryOptions(url, status, response, params.onAuthorize)
-        } : undefined
+        } : undefined,
+        ...(fg('bandicoots-smart-card-teamwork-context') ? {
+          meta: {
+            accessType: response === null || response === void 0 ? void 0 : (_response$meta = response.meta) === null || _response$meta === void 0 ? void 0 : (_response$meta$reques = _response$meta.requestAccess) === null || _response$meta$reques === void 0 ? void 0 : _response$meta$reques.accessType
+          }
+        } : undefined)
       };
   }
 };
@@ -67,7 +73,7 @@ const getForbiddenMessageKey = meta => {
   }
 };
 export const getRetryOptions = (url, status, response, onAuthorize) => {
-  var _response$meta, _access$action, _access$buttonDisable;
+  var _response$meta2, _access$action, _access$buttonDisable;
   const provider = extractSmartLinkProvider(response);
   const context = provider === null || provider === void 0 ? void 0 : provider.text;
   const values = context ? {
@@ -75,7 +81,7 @@ export const getRetryOptions = (url, status, response, onAuthorize) => {
   } : undefined;
   switch (status) {
     case SmartLinkStatus.Forbidden:
-      const meta = (_response$meta = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta !== void 0 ? _response$meta : getForbiddenJsonLd().meta;
+      const meta = (_response$meta2 = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta2 !== void 0 ? _response$meta2 : getForbiddenJsonLd().meta;
       const access = extractRequestAccessContextImproved({
         jsonLd: meta,
         url,

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

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

package/dist/esm/index.js

@@ -14,7 +14,7 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 // Flexible UI
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
-export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement } from './view/FlexibleCard/external';
+export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement } from './view/FlexibleCard/external';
 export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

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

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

package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.compiled.css

@@ -1,4 +1,6 @@
+._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}

package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -24,6 +24,12 @@ var typeToDescriptorMap = {
     absolute: messages.sent_on_absolute
   }
 };
+var fontOverrideStyleMap = {
+  'font.body': "_11c82smr",
+  'font.body.large': "_11c81ixg",
+  'font.body.small': "_11c81o8v",
+  'font.body.UNSAFE_small': "_11c8dcr7"
+};
 /**
  * A base element that displays an ISO Timestamp in text.
  * @internal
@@ -42,7 +48,8 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     text = _ref.text,
     _ref$hideDatePrefix = _ref.hideDatePrefix,
     hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix,
-    color = _ref.color;
+    color = _ref.color,
+    fontSize = _ref.fontSize;
   var _useIntl = useIntl(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -90,7 +97,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], className])
   }, content);
 };
 export default BaseDateTimeElement;

package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.compiled.css

@@ -1,4 +1,6 @@
+._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}

package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.js

@@ -7,6 +7,12 @@ import { getFormattedMessage } from '../../../utils';
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var baseStyleOld = null;
 var baseStyle = null;
+var fontOverrideStyleMap = {
+  'font.body': "_11c82smr",
+  'font.body.large': "_11c81ixg",
+  'font.body.small': "_11c81o8v",
+  'font.body.UNSAFE_small': "_11c8dcr7"
+};
 /**
  * A base element that displays some Text.
  * @internal
@@ -24,7 +30,8 @@ export var BaseTextElement = function BaseTextElement(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
     _ref$hideFormat = _ref.hideFormat,
     hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat,
-    color = _ref.color;
+    color = _ref.color,
+    fontSize = _ref.fontSize;
   if (!message && !content) {
     return null;
   }
@@ -38,7 +45,7 @@ export var BaseTextElement = function BaseTextElement(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
     style: {
       color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines),

package/dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "testId"];
+import React from 'react';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement } from '../common';
+var CustomElementByAccessType = function CustomElementByAccessType(_ref) {
+  var _context$data, _props;
+  var className = _ref.className,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'custom-by-access-type-element' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleCardContext();
+  var accessType = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 || (_context$data = _context$data.meta) === null || _context$data === void 0 ? void 0 : _context$data.accessType;
+  var text = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!text) {
+    return null;
+  }
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    React.createElement(BaseTextElement, _extends({}, props, {
+      content: text,
+      className: className,
+      testId: testId,
+      hideFormat: true
+    }))
+  );
+};
+export default CustomElementByAccessType;

package/dist/esm/view/FlexibleCard/components/elements/custom-by-status-element/index.js

@@ -0,0 +1,29 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "testId"];
+import React from 'react';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+var CustomByStatusElement = function CustomByStatusElement(_ref) {
+  var className = _ref.className,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'custom-by-status-element' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleCardContext();
+  var status = context === null || context === void 0 ? void 0 : context.status;
+  if (!status) {
+    return null;
+  }
+  var component = props[status];
+  if (!component) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    "data-separator": true,
+    "data-smart-element": "custom-element",
+    "data-smart-element-text": true,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: className
+  }, component);
+};
+export default CustomByStatusElement;

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

@@ -32,4 +32,6 @@ export { default as TargetBranch } from './target-branch-element';
 export { default as Title } from './title-element';
 export { default as ViewCount } from './view-count-element';
 export { default as VoteCount } from './vote-count-element';
-export { default as AppliedToComponentsCount } from './applied-to-components-count-element';
+export { default as AppliedToComponentsCount } from './applied-to-components-count-element';
+export { default as CustomByAccessTypeElement } from './custom-by-access-type-element';
+export { default as CustomByStatusElement } from './custom-by-status-element';

package/dist/esm/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -7,9 +7,15 @@ import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement, toFormattedTextProps } from '../common';
+var getOwnedByText = function getOwnedByText(context, textPrefix) {
+  if (!fg('bandicoots-smart-card-teamwork-context')) {
+    return context.ownedBy;
+  }
+  return textPrefix ? "".concat(textPrefix, " ").concat(context.ownedBy).trim() : context.ownedBy;
+};
 var OwnedByElement = function OwnedByElement(props) {
   var context = useFlexibleUiContext();
-  var data = context ? toFormattedTextProps(messages.owned_by, context.ownedBy) : null;
+  var data = context ? toFormattedTextProps(messages.owned_by, getOwnedByText(context, props === null || props === void 0 ? void 0 : props.textPrefix)) : null;
   var _ref = props || {},
     onRender = _ref.onRender,
     restProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/view/FlexibleCard/external.js

@@ -73,18 +73,22 @@ export var ModifiedOnElement = function ModifiedOnElement(props) {
     return /*#__PURE__*/React.createElement(ModifiedOn, {
       hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
       color: props === null || props === void 0 ? void 0 : props.color,
-      onRender: props === null || props === void 0 ? void 0 : props.onRender
+      onRender: props === null || props === void 0 ? void 0 : props.onRender,
+      fontSize: props === null || props === void 0 ? void 0 : props.fontSize
     });
   }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
 };
 export var OwnedByElement = function OwnedByElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
-    return /*#__PURE__*/React.createElement(OwnedBy, {
+    return /*#__PURE__*/React.createElement(OwnedBy, _extends({
       hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
       color: props === null || props === void 0 ? void 0 : props.color,
       onRender: props === null || props === void 0 ? void 0 : props.onRender
-    });
+    }, fg('bandicoots-smart-card-teamwork-context') ? {
+      textPrefix: props === null || props === void 0 ? void 0 : props.textPrefix,
+      fontSize: props === null || props === void 0 ? void 0 : props.fontSize
+    } : undefined));
   }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
 };
@@ -157,7 +161,10 @@ export var TitleElement = function TitleElement(props) {
     hideTooltip: props === null || props === void 0 ? void 0 : props.hideTooltip,
     maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
     target: props === null || props === void 0 ? void 0 : props.target
-  }, props !== null && props !== void 0 && props.text ? {
+  }, fg('bandicoots-smart-card-teamwork-context') ? {
+    theme: props === null || props === void 0 ? void 0 : props.theme,
+    size: props === null || props === void 0 ? void 0 : props.size
+  } : undefined, props !== null && props !== void 0 && props.text ? {
     text: props === null || props === void 0 ? void 0 : props.text
   } : undefined));
 };
@@ -197,4 +204,5 @@ export var PreviewAction = function PreviewAction(props) {
 };
 export var UnresolvedAction = function UnresolvedAction() {
   return /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
-};
+};
+export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/dist/esm/view/FlexibleCard/utils.js

@@ -1,4 +1,6 @@
 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 { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
@@ -12,6 +14,7 @@ import { messages } from '../../messages';
 import { handleOnClick } from '../../utils';
 import { getForbiddenJsonLd } from '../../utils/jsonld';
 export var getContextByStatus = function getContextByStatus(params) {
+  var _response$meta;
   var _ref = params !== null && params !== void 0 ? params : {},
     onClick = _ref.onClick,
     response = _ref.response,
@@ -35,7 +38,7 @@ export var getContextByStatus = function getContextByStatus(params) {
     case SmartLinkStatus.Errored:
     case SmartLinkStatus.Fallback:
     default:
-      return {
+      return _objectSpread({
         url: url,
         title: fg('platform-linking-flexible-card-context') ? undefined : url,
         linkIcon: extractErrorIcon(response, status),
@@ -43,7 +46,11 @@ export var getContextByStatus = function getContextByStatus(params) {
         preview: extractSmartLinkPreviewImage(response),
         provider: extractSmartLinkProviderIcon(response),
         actions: fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
-      };
+      }, fg('bandicoots-smart-card-teamwork-context') ? {
+        meta: {
+          accessType: response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.requestAccess) === null || _response$meta === void 0 ? void 0 : _response$meta.accessType
+        }
+      } : undefined);
   }
 };
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
@@ -65,7 +72,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
   }
 };
 export var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
-  var _response$meta, _access$action, _access$buttonDisable;
+  var _response$meta2, _access$action, _access$buttonDisable;
   var provider = extractSmartLinkProvider(response);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
   var values = context ? {
@@ -73,7 +80,7 @@ export var getRetryOptions = function getRetryOptions(url, status, response, onA
   } : undefined;
   switch (status) {
     case SmartLinkStatus.Forbidden:
-      var meta = (_response$meta = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta !== void 0 ? _response$meta : getForbiddenJsonLd().meta;
+      var meta = (_response$meta2 = response === null || response === void 0 ? void 0 : response.meta) !== null && _response$meta2 !== void 0 ? _response$meta2 : getForbiddenJsonLd().meta;
       var access = extractRequestAccessContextImproved({
         jsonLd: meta,
         url: url,

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: "38.13.2",
+  packageVersion: "38.14.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/index.d.ts

@@ -10,7 +10,7 @@ export { contentFooterClassName, metadataListClassName, blockCardResolvingViewCl
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock, } from './view/FlexibleCard/components/blocks';
-export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, } from './view/FlexibleCard/external';
+export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement, } from './view/FlexibleCard/external';
 export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, } from './view/FlexibleCard/external';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -250,6 +250,7 @@ export type FlexibleUiDataContext = {
         objectId?: string;
         resourceType?: string;
         tenantId?: string;
+        accessType?: string;
     };
 };
 export type LinkTitle = {

package/dist/types/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import type { Prettify } from '@atlaskit/linking-common';
+import { token } from '@atlaskit/tokens';
 import type { ElementProps } from '../../../elements';
 export type DateTimeType = 'created' | 'modified' | 'sent';
 export type BaseDateTimeElementProps = ElementProps & {
@@ -22,6 +24,10 @@ export type BaseDateTimeElementProps = ElementProps & {
      * Color of the text
      */
     color?: string;
+    /**
+     * Override the default font size.
+     */
+    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
 };
 /**
  * A base element that displays an ISO Timestamp in text.
@@ -31,6 +37,6 @@ export type BaseDateTimeElementProps = ElementProps & {
  * @see ModifiedOn
  * @see SentOn
  */
-declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeElementProps) => JSX.Element | null;
+declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, fontSize, }: BaseDateTimeElementProps) => JSX.Element | null;
 export default BaseDateTimeElement;
 export declare const toDateTimeProps: (type: 'created' | 'modified' | 'sent', dateString?: string) => Partial<BaseDateTimeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -51,6 +51,7 @@ export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof Flexibl
     objectId?: string | undefined;
     resourceType?: string | undefined;
     tenantId?: string | undefined;
+    accessType?: string | undefined;
 } | {
     appearance: string;
     icon?: IconType | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { MessageDescriptor } from 'react-intl-next';
+import type { Prettify } from '@atlaskit/linking-common';
+import { token } from '@atlaskit/tokens';
 import type { MessageProps } from '../../../types';
 import { type ElementProps } from '../../index';
 export type BaseTextElementProps = ElementProps & {
@@ -25,6 +27,10 @@ export type BaseTextElementProps = ElementProps & {
      * Text color to override the default text color.
      */
     color?: string;
+    /**
+     * Override the default font size.
+     */
+    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
 };
 /**
  * A base element that displays some Text.
@@ -32,7 +38,7 @@ export type BaseTextElementProps = ElementProps & {
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: BaseTextElementProps) => JSX.Element | null;
+export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, fontSize, }: BaseTextElementProps) => JSX.Element | null;
 export default BaseTextElement;
 export declare const toFormattedTextProps: (descriptor: MessageDescriptor, context?: string) => Partial<BaseTextElementProps> | undefined;
 export declare const toTextProps: (content?: string) => Partial<BaseTextElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/custom-by-access-type-element/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Prettify } from '@atlaskit/linking-common';
+import type { ElementProps } from '../index';
+type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS';
+export type CustomElementByAccessTypeProps = Prettify<Pick<ElementProps, 'className' | 'testId'> & Partial<Record<AccessType | 'fallback', string>>>;
+declare const CustomElementByAccessType: ({ className, testId, ...props }: CustomElementByAccessTypeProps) => JSX.Element | null;
+export default CustomElementByAccessType;

package/dist/types/view/FlexibleCard/components/elements/custom-by-status-element/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Prettify } from '@atlaskit/linking-common';
+import type { SmartLinkStatus } from '../../../../../constants';
+import type { ElementProps } from '../index';
+export type CustomElementProps = Prettify<Pick<ElementProps, 'className' | 'testId'> & {
+    content?: string;
+} & Partial<Record<SmartLinkStatus, React.ReactNode>>>;
+declare const CustomByStatusElement: ({ className, testId, ...props }: CustomElementProps) => JSX.Element | null;
+export default CustomByStatusElement;

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -56,3 +56,5 @@ export { default as Title } from './title-element';
 export { default as ViewCount } from './view-count-element';
 export { default as VoteCount } from './vote-count-element';
 export { default as AppliedToComponentsCount } from './applied-to-components-count-element';
+export { default as CustomByAccessTypeElement } from './custom-by-access-type-element';
+export { default as CustomByStatusElement } from './custom-by-status-element';

package/dist/types/view/FlexibleCard/components/elements/owned-by-element/index.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 import { type BaseTextElementProps } from '../common';
 export type OwnedByElementProps = BaseTextElementProps & {
+    /**
+     * The text prefix to display before the owned by text.
+     * Best used when hideFormat is enabled
+     */
+    textPrefix?: string;
     onRender?: (hasData: boolean) => void;
 };
 declare const OwnedByElement: (props: OwnedByElementProps) => JSX.Element | null;

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

@@ -27,9 +27,9 @@ type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>,
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender' | 'fontSize'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender' | 'textPrefix' | 'fontSize'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 type OwnedByGroupElementProps = Pick<React.ComponentProps<typeof OwnedByGroup>, 'onRender'>;
 export declare const OwnedByGroupElement: (props?: OwnedByGroupElementProps) => React.JSX.Element;
@@ -54,7 +54,7 @@ export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text' | 'theme' | 'size'>;
 export declare const TitleElement: (props?: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;
@@ -79,4 +79,4 @@ export declare const FollowAction: (props: FollowActionProps) => React.JSX.Eleme
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
 export declare const UnresolvedAction: () => React.JSX.Element;
-export {};
+export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

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

@@ -10,7 +10,7 @@ export { contentFooterClassName, metadataListClassName, blockCardResolvingViewCl
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock, } from './view/FlexibleCard/components/blocks';
-export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, } from './view/FlexibleCard/external';
+export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement, CustomByAccessTypeElement, CustomByStatusElement, } from './view/FlexibleCard/external';
 export { CopyLinkAction, CustomAction, DownloadAction, FollowAction, PreviewAction, UnresolvedAction, } from './view/FlexibleCard/external';
 export type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -250,6 +250,7 @@ export type FlexibleUiDataContext = {
         objectId?: string;
         resourceType?: string;
         tenantId?: string;
+        accessType?: string;
     };
 };
 export type LinkTitle = {

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import type { Prettify } from '@atlaskit/linking-common';
+import { token } from '@atlaskit/tokens';
 import type { ElementProps } from '../../../elements';
 export type DateTimeType = 'created' | 'modified' | 'sent';
 export type BaseDateTimeElementProps = ElementProps & {
@@ -22,6 +24,10 @@ export type BaseDateTimeElementProps = ElementProps & {
      * Color of the text
      */
     color?: string;
+    /**
+     * Override the default font size.
+     */
+    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
 };
 /**
  * A base element that displays an ISO Timestamp in text.
@@ -31,6 +37,6 @@ export type BaseDateTimeElementProps = ElementProps & {
  * @see ModifiedOn
  * @see SentOn
  */
-declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeElementProps) => JSX.Element | null;
+declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, fontSize, }: BaseDateTimeElementProps) => JSX.Element | null;
 export default BaseDateTimeElement;
 export declare const toDateTimeProps: (type: 'created' | 'modified' | 'sent', dateString?: string) => Partial<BaseDateTimeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -51,6 +51,7 @@ export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof Flexibl
     objectId?: string | undefined;
     resourceType?: string | undefined;
     tenantId?: string | undefined;
+    accessType?: string | undefined;
 } | {
     appearance: string;
     icon?: IconType | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { MessageDescriptor } from 'react-intl-next';
+import type { Prettify } from '@atlaskit/linking-common';
+import { token } from '@atlaskit/tokens';
 import type { MessageProps } from '../../../types';
 import { type ElementProps } from '../../index';
 export type BaseTextElementProps = ElementProps & {
@@ -25,6 +27,10 @@ export type BaseTextElementProps = ElementProps & {
      * Text color to override the default text color.
      */
     color?: string;
+    /**
+     * Override the default font size.
+     */
+    fontSize?: Prettify<Extract<Parameters<typeof token>[0], 'font.body' | 'font.body.large' | 'font.body.small' | 'font.body.UNSAFE_small'>>;
 };
 /**
  * A base element that displays some Text.
@@ -32,7 +38,7 @@ export type BaseTextElementProps = ElementProps & {
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: BaseTextElementProps) => JSX.Element | null;
+export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, fontSize, }: BaseTextElementProps) => JSX.Element | null;
 export default BaseTextElement;
 export declare const toFormattedTextProps: (descriptor: MessageDescriptor, context?: string) => Partial<BaseTextElementProps> | undefined;
 export declare const toTextProps: (content?: string) => Partial<BaseTextElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/custom-by-access-type-element/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Prettify } from '@atlaskit/linking-common';
+import type { ElementProps } from '../index';
+type AccessType = 'DIRECT_ACCESS' | 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DENIED_REQUEST_EXISTS';
+export type CustomElementByAccessTypeProps = Prettify<Pick<ElementProps, 'className' | 'testId'> & Partial<Record<AccessType | 'fallback', string>>>;
+declare const CustomElementByAccessType: ({ className, testId, ...props }: CustomElementByAccessTypeProps) => JSX.Element | null;
+export default CustomElementByAccessType;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/custom-by-status-element/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Prettify } from '@atlaskit/linking-common';
+import type { SmartLinkStatus } from '../../../../../constants';
+import type { ElementProps } from '../index';
+export type CustomElementProps = Prettify<Pick<ElementProps, 'className' | 'testId'> & {
+    content?: string;
+} & Partial<Record<SmartLinkStatus, React.ReactNode>>>;
+declare const CustomByStatusElement: ({ className, testId, ...props }: CustomElementProps) => JSX.Element | null;
+export default CustomByStatusElement;