@atlaskit/smart-card 36.4.0 → 36.6.0

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

@@ -0,0 +1,123 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * This file contains export components and API for FlexibleCard components.
+ * For internal usage for access to all available props, please use following
+ * - ./components/elements for metadata component
+ * - ./components/actions for action component
+ *
+ * DO NOT add a new prop to these components until we are ready to support it externally.
+ */
+import React from 'react';
+import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
+// ---- EXPORTED METADATA COMPONENT ---- //
+export var AssignedToElement = function AssignedToElement() {
+  return /*#__PURE__*/React.createElement(AssignedTo, null);
+};
+export var AssignedToGroupElement = function AssignedToGroupElement() {
+  return /*#__PURE__*/React.createElement(AssignedToGroup, null);
+};
+export var AttachmentCountElement = function AttachmentCountElement() {
+  return /*#__PURE__*/React.createElement(AttachmentCount, null);
+};
+export var AuthorGroupElement = function AuthorGroupElement() {
+  return /*#__PURE__*/React.createElement(AuthorGroup, null);
+};
+export var ChecklistProgressElement = function ChecklistProgressElement() {
+  return /*#__PURE__*/React.createElement(ChecklistProgress, null);
+};
+export var CollaboratorGroupElement = function CollaboratorGroupElement() {
+  return /*#__PURE__*/React.createElement(CollaboratorGroup, null);
+};
+export var CommentCountElement = function CommentCountElement() {
+  return /*#__PURE__*/React.createElement(CommentCount, null);
+};
+export var CreatedOnElement = function CreatedOnElement() {
+  return /*#__PURE__*/React.createElement(CreatedOn, null);
+};
+export var CreatedByElement = function CreatedByElement() {
+  return /*#__PURE__*/React.createElement(CreatedBy, null);
+};
+export var DueOnElement = function DueOnElement() {
+  return /*#__PURE__*/React.createElement(DueOn, null);
+};
+export var LatestCommitElement = function LatestCommitElement() {
+  return /*#__PURE__*/React.createElement(LatestCommit, null);
+};
+export var LinkIconElement = function LinkIconElement() {
+  return /*#__PURE__*/React.createElement(LinkIcon, null);
+};
+export var LocationElement = function LocationElement() {
+  return /*#__PURE__*/React.createElement(Location, null);
+};
+export var ModifiedByElement = function ModifiedByElement() {
+  return /*#__PURE__*/React.createElement(ModifiedBy, null);
+};
+export var ModifiedOnElement = function ModifiedOnElement() {
+  return /*#__PURE__*/React.createElement(ModifiedOn, null);
+};
+export var OwnedByElement = function OwnedByElement() {
+  return /*#__PURE__*/React.createElement(OwnedBy, null);
+};
+export var OwnedByGroupElement = function OwnedByGroupElement() {
+  return /*#__PURE__*/React.createElement(OwnedByGroup, null);
+};
+export var PreviewElement = function PreviewElement() {
+  return /*#__PURE__*/React.createElement(Preview, null);
+};
+export var PriorityElement = function PriorityElement() {
+  return /*#__PURE__*/React.createElement(Priority, null);
+};
+export var ProgrammingLanguageElement = function ProgrammingLanguageElement() {
+  return /*#__PURE__*/React.createElement(ProgrammingLanguage, null);
+};
+export var ProviderElement = function ProviderElement() {
+  return /*#__PURE__*/React.createElement(Provider, null);
+};
+export var ReactCountElement = function ReactCountElement() {
+  return /*#__PURE__*/React.createElement(ReactCount, null);
+};
+export var ReadTimeElement = function ReadTimeElement() {
+  return /*#__PURE__*/React.createElement(ReadTime, null);
+};
+export var SentOnElement = function SentOnElement() {
+  return /*#__PURE__*/React.createElement(SentOn, null);
+};
+export var SnippetElement = function SnippetElement(props) {
+  return /*#__PURE__*/React.createElement(Snippet, {
+    maxLines: props.maxLines,
+    content: props.text
+  });
+};
+export var SourceBranchElement = function SourceBranchElement() {
+  return /*#__PURE__*/React.createElement(SourceBranch, null);
+};
+export var StateElement = function StateElement() {
+  return /*#__PURE__*/React.createElement(State, null);
+};
+export var StoryPointsElement = function StoryPointsElement() {
+  return /*#__PURE__*/React.createElement(StoryPoints, null);
+};
+export var SubscriberCountElement = function SubscriberCountElement() {
+  return /*#__PURE__*/React.createElement(SubscriberCount, null);
+};
+export var SubTasksProgressElement = function SubTasksProgressElement() {
+  return /*#__PURE__*/React.createElement(SubTasksProgress, null);
+};
+export var TargetBranchElement = function TargetBranchElement() {
+  return /*#__PURE__*/React.createElement(TargetBranch, null);
+};
+export var TitleElement = function TitleElement(props) {
+  return /*#__PURE__*/React.createElement(Title, _extends({
+    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 ? {
+    text: props === null || props === void 0 ? void 0 : props.text
+  } : undefined));
+};
+export var ViewCountElement = function ViewCountElement() {
+  return /*#__PURE__*/React.createElement(ViewCount, null);
+};
+export var VoteCountElement = function VoteCountElement() {
+  return /*#__PURE__*/React.createElement(VoteCount, null);
+};

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

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -1,10 +1,9 @@
 
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
-._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
-._195gmgjw{margin-inline:var(--ds-space-negative-200,-1pc)}
-._1kl71vrj{border-left:2px solid transparent}
-._1kl7nmxp{border-left:var(--_nu2mv8)}
+._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
+._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
+._16qsd1ld{box-shadow:var(--_g94mg3)}
 ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
@@ -14,7 +13,4 @@
 ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
 ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
 ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
-._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-._1ohyglyw:active{outline-style:none}
-._1q5t1r31:active{outline-color:currentColor}
-._1r9x1o36:active{outline-width:medium}
+._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -30,9 +30,9 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
     onFocus: onFocus,
-    className: ax([fg('platform-linking-visual-refresh-v2') && "_195gmgjw _18zrpxbi _1kl71vrj", fg('platform-linking-visual-refresh-v2') ? "_irr3166n _1di61dty" : "_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g", isSelected && fg('platform-linking-visual-refresh-v2') && "_1kl7nmxp _bfhkfg4m _irr3i1yw _1q5t1r31 _1ohyglyw _1r9x1o36 _1di619ru"]),
+    className: ax([fg('platform-linking-visual-refresh-v2') && "_195g10v4 _18zr1ejb", fg('platform-linking-visual-refresh-v2') ? "_irr3166n _1di61dty" : "_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g", isSelected && fg('platform-linking-visual-refresh-v2') && "_bfhkfg4m _16qsd1ld _irr3i1yw _1di619ru"]),
     style: {
-      "--_nu2mv8": ix("2px solid ".concat("var(--ds-border-selected, #0C66E4)"))
+      "--_g94mg3": ix("inset 2px 0 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))
     }
   }, /*#__PURE__*/React.createElement(Card, {
     appearance: "block",

package/dist/esm/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.compiled.css

@@ -0,0 +1,3 @@
+._1bsbwdok{width:var(--_cjikvn)}
+._1e0c1ule{display:block}
+._4t3iwdok{height:var(--_cjikvn)}

package/dist/esm/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.js

@@ -1,11 +1,77 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { RenderSVG } from '../../../../../common/render-svg';
-import Dark from './assets/dark.svg';
-import Light from './assets/light.svg';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useThemeObserver } from "@atlaskit/tokens";
+var SIZE = 100;
+var genericErrorStyles = null;
+var id = 'related-links-unavailable-svg';
 export var SpotSearchNoResult = function SpotSearchNoResult(props) {
-  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
-    src: Light,
-    srcDark: Dark
-  }, props));
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return colorMode === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({
+    "data-testid": id,
+    viewBox: "0 0 275 275",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    className: ax(["_1bsbwdok _4t3iwdok _1e0c1ule"]),
+    style: {
+      "--_cjikvn": ix("".concat(SIZE, "px"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M123.44 191.28C108.24 191.28 93.7 185.56 81.19 174.27C77.54 170.97 74.05 167.18 70.82 163.01C67.55 158.78 64.72 154.39 62.43 149.97C49.09 124.3 53.13 96.9499 73.52 74.9399C76.97 71.2199 80.85 67.6799 85.05 64.4299C89.1 61.2999 93.32 58.5299 97.59 56.2099C123.97 41.8999 151.49 44.8899 173.08 64.3999C176.77 67.7399 180.3 71.5699 183.58 75.7999C186.81 79.9699 189.6 84.2999 191.88 88.6599C205.36 114.45 201.32 141.84 180.8 163.8C177.49 167.35 173.75 170.74 169.69 173.87C165.48 177.12 161.08 179.99 156.62 182.39C145.57 188.33 134.33 191.27 123.44 191.27V191.28ZM130.69 60.9799C122.04 60.9799 113.08 63.3899 104.12 68.2599C100.5 70.2299 96.9 72.5899 93.42 75.2699C89.81 78.0599 86.49 81.0799 83.56 84.2499C67.1 102.02 63.91 123.11 74.58 143.65C76.5 147.34 78.88 151.04 81.66 154.62C84.39 158.15 87.32 161.34 90.38 164.1C107.54 179.6 128.76 181.81 150.14 170.33C153.94 168.29 157.7 165.84 161.31 163.04C164.79 160.35 167.97 157.46 170.79 154.45C187.34 136.74 190.51 115.63 179.74 95.0099C177.84 91.3699 175.48 87.7199 172.75 84.1899C169.97 80.5999 167 77.3599 163.91 74.5699C153.91 65.5399 142.59 60.9799 130.71 60.9799H130.69Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179.96 171C176.42 166.07 172.62 166.1 168.91 168.97C165.43 171.66 164.5 175.3 168.21 180.09L172.45 185.57L184.2 176.48L179.96 171Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M187.155 174.199L169.513 187.839L202.665 230.717L220.307 217.077L187.155 174.199Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M184.32 176.391L172.35 185.646L183.593 200.186L195.562 190.932L184.32 176.391Z",
+    fill: "#7E8188"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M133.191 135.999H123.188V135.365C122.847 128.249 126.886 120.545 132.628 117.392L132.735 117.335C132.891 117.254 133.041 117.16 133.187 117.063C136.32 115.043 138.103 111.565 137.993 107.733C137.884 103.937 135.925 100.598 132.753 98.8051C130.749 97.6711 128.515 97.0723 126.29 97.0723C119.516 97.0723 114.005 102.622 114.005 109.443H104C104 97.0689 113.999 87 126.289 87C130.227 87 134.156 88.0454 137.652 90.0226C143.914 93.5645 147.78 100.077 147.991 107.443C148.204 114.843 144.699 121.603 138.619 125.524C138.21 125.793 137.793 126.041 137.38 126.258C134.995 127.598 132.999 131.723 133.183 134.947L133.191 136V135.999Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M127.222 141.775C127.726 141.691 128.277 141.64 128.84 141.64C129.318 141.64 129.859 141.668 130.429 141.765C133.69 142.3 136.342 144.587 136.986 148.149L136.991 148.175L136.996 148.203C137.078 148.699 137.13 149.24 137.13 149.81C137.13 150.377 137.079 150.924 136.992 151.43L136.99 151.44C136.36 155.039 133.666 157.318 130.418 157.847C129.857 157.94 129.334 157.97 128.84 157.97C128.267 157.97 127.732 157.918 127.243 157.839L127.241 157.839C123.977 157.31 121.312 155.027 120.665 151.466L120.659 151.437L120.654 151.408C120.573 150.919 120.52 150.387 120.52 149.81C120.52 149.24 120.572 148.699 120.654 148.203L120.659 148.174L120.665 148.145C121.315 144.567 123.99 142.316 127.219 141.775L127.222 141.775Z",
+    fill: "#4B4D51"
+  })) : /*#__PURE__*/React.createElement("svg", _extends({
+    "data-testid": id,
+    viewBox: "0 0 275 275",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    className: ax(["_1bsbwdok _4t3iwdok _1e0c1ule"]),
+    style: {
+      "--_cjikvn": ix("".concat(SIZE, "px"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M185.8 91.8398C183.73 87.8698 181.19 83.9198 178.16 79.9998C175.09 76.0298 171.85 72.5298 168.49 69.4898C148.48 51.4098 123.89 49.7498 100.86 62.2398C96.93 64.3698 93.05 66.9098 89.24 69.8498C85.27 72.9198 81.7 76.1798 78.54 79.5898C60.71 98.8298 56.14 123 68.5 146.8C70.59 150.82 73.16 154.83 76.23 158.81C79.26 162.73 82.45 166.18 85.77 169.18C105.65 187.13 130.22 188.8 153.36 176.36C157.46 174.16 161.51 171.53 165.48 168.46C169.29 165.52 172.72 162.39 175.77 159.13C193.68 139.96 198.25 115.7 185.78 91.8398H185.8Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M123.44 191.28C108.24 191.28 93.7 185.56 81.19 174.27C77.54 170.97 74.05 167.18 70.82 163.01C67.55 158.78 64.72 154.39 62.43 149.97C49.09 124.3 53.13 96.9499 73.52 74.9399C76.97 71.2199 80.85 67.6799 85.05 64.4299C89.1 61.2999 93.32 58.5299 97.59 56.2099C123.97 41.8999 151.49 44.8899 173.08 64.3999C176.77 67.7399 180.3 71.5699 183.58 75.7999C186.81 79.9699 189.6 84.2999 191.88 88.6599C205.36 114.45 201.32 141.84 180.8 163.8C177.49 167.35 173.75 170.74 169.69 173.87C165.48 177.12 161.08 179.99 156.62 182.39C145.57 188.33 134.33 191.27 123.44 191.27V191.28ZM130.69 60.9799C122.04 60.9799 113.08 63.3899 104.12 68.2599C100.5 70.2299 96.9 72.5899 93.42 75.2699C89.81 78.0599 86.49 81.0799 83.56 84.2499C67.1 102.02 63.91 123.11 74.58 143.65C76.5 147.34 78.88 151.04 81.66 154.62C84.39 158.15 87.32 161.34 90.38 164.1C107.54 179.6 128.76 181.81 150.14 170.33C153.94 168.29 157.7 165.84 161.31 163.04C164.79 160.35 167.97 157.46 170.79 154.45C187.34 136.74 190.51 115.63 179.74 95.0099C177.84 91.3699 175.48 87.7199 172.75 84.1899C169.97 80.5999 167 77.3599 163.91 74.5699C153.91 65.5399 142.59 60.9799 130.71 60.9799H130.69Z",
+    fill: "#DDDEE1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179.96 171C176.42 166.07 172.62 166.1 168.91 168.97C165.43 171.66 164.5 175.3 168.21 180.09L172.45 185.57L184.2 176.48L179.96 171Z",
+    fill: "#DDDEE1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M187.155 174.199L169.513 187.839L202.665 230.717L220.307 217.077L187.155 174.199Z",
+    fill: "#DDDEE1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M184.32 176.391L172.35 185.646L183.592 200.186L195.562 190.932L184.32 176.391Z",
+    fill: "#B7B9BE"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M133.191 135.999H123.188V135.365C122.847 128.249 126.886 120.545 132.628 117.392L132.735 117.335C132.891 117.254 133.041 117.16 133.187 117.063C136.32 115.043 138.103 111.565 137.993 107.733C137.884 103.937 135.925 100.598 132.753 98.8051C130.749 97.6711 128.515 97.0723 126.29 97.0723C119.516 97.0723 114.005 102.622 114.005 109.443H104C104 97.0689 113.999 87 126.289 87C130.227 87 134.156 88.0454 137.652 90.0226C143.914 93.5645 147.78 100.077 147.991 107.443C148.204 114.843 144.699 121.603 138.619 125.524C138.21 125.793 137.793 126.041 137.38 126.258C134.995 127.598 132.999 131.723 133.183 134.947L133.191 136V135.999Z",
+    fill: "#DDDEE1"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M127.222 141.775C127.726 141.691 128.277 141.64 128.84 141.64C129.318 141.64 129.859 141.668 130.429 141.765C133.69 142.3 136.342 144.587 136.986 148.149L136.991 148.175L136.996 148.203C137.078 148.699 137.13 149.24 137.13 149.81C137.13 150.377 137.079 150.924 136.992 151.43L136.99 151.44C136.36 155.039 133.666 157.318 130.418 157.847C129.857 157.94 129.334 157.97 128.84 157.97C128.267 157.97 127.732 157.918 127.243 157.839L127.241 157.839C123.977 157.31 121.312 155.027 120.665 151.466L120.659 151.437L120.654 151.408C120.573 150.919 120.52 150.387 120.52 149.81C120.52 149.24 120.572 148.699 120.654 148.203L120.659 148.174L120.665 148.145C121.315 144.567 123.99 142.316 127.219 141.775L127.222 141.775Z",
+    fill: "#DDDEE1"
+  }));
 };

package/dist/esm/view/RelatedLinksModal/views/errored/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
-import { fg } from "@atlaskit/platform-feature-flags";
-import { GenericErrorIcon } from "../../../../common/ui/icons/generic-error-icon";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { GenericErrorIcon } from '../../../../common/ui/icons/generic-error-icon';
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';
 import { ErrorSVG } from './error-svg';

package/dist/esm/view/RelatedLinksModal/views/unavailable/index.js

@@ -9,10 +9,7 @@ var RelatedLinksUnavailableView = function RelatedLinksUnavailableView() {
   var intl = useIntl();
   return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(EmptyState, {
     renderImage: function renderImage() {
-      return /*#__PURE__*/React.createElement(SpotSearchNoResult, {
-        size: 'large',
-        alt: intl.formatMessage(messages.related_links_modal_unavailable_title)
-      });
+      return /*#__PURE__*/React.createElement(SpotSearchNoResult, null);
     },
     header: intl.formatMessage(messages.related_links_modal_unavailable_title),
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_unavailable_description)

package/dist/types/index.d.ts

@@ -10,6 +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 type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

package/dist/types/utils/flexible.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const isFlexibleUiCard: (children?: React.ReactNode) => boolean;
+import { type FlexibleUiOptions } from '../view/FlexibleCard/types';
+export declare const isFlexibleUiCard: (children?: React.ReactNode, ui?: FlexibleUiOptions) => boolean;
 export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => boolean;
 export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;

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

@@ -21,5 +21,5 @@ export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactN
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, theme, }: ContainerProps) => JSX.Element;
 export default Container;

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

@@ -0,0 +1,49 @@
+/**
+ * This file contains export components and API for FlexibleCard components.
+ * For internal usage for access to all available props, please use following
+ * - ./components/elements for metadata component
+ * - ./components/actions for action component
+ *
+ * DO NOT add a new prop to these components until we are ready to support it externally.
+ */
+import React from 'react';
+import { type LinkProps } from './components/elements/link/types';
+import type { TextProps } from './components/elements/text/types';
+export declare const AssignedToElement: () => React.JSX.Element;
+export declare const AssignedToGroupElement: () => React.JSX.Element;
+export declare const AttachmentCountElement: () => React.JSX.Element;
+export declare const AuthorGroupElement: () => React.JSX.Element;
+export declare const ChecklistProgressElement: () => React.JSX.Element;
+export declare const CollaboratorGroupElement: () => React.JSX.Element;
+export declare const CommentCountElement: () => React.JSX.Element;
+export declare const CreatedOnElement: () => React.JSX.Element;
+export declare const CreatedByElement: () => React.JSX.Element;
+export declare const DueOnElement: () => React.JSX.Element;
+export declare const LatestCommitElement: () => React.JSX.Element;
+export declare const LinkIconElement: () => React.JSX.Element;
+export declare const LocationElement: () => React.JSX.Element;
+export declare const ModifiedByElement: () => React.JSX.Element;
+export declare const ModifiedOnElement: () => React.JSX.Element;
+export declare const OwnedByElement: () => React.JSX.Element;
+export declare const OwnedByGroupElement: () => React.JSX.Element;
+export declare const PreviewElement: () => React.JSX.Element;
+export declare const PriorityElement: () => React.JSX.Element;
+export declare const ProgrammingLanguageElement: () => React.JSX.Element;
+export declare const ProviderElement: () => React.JSX.Element;
+export declare const ReactCountElement: () => React.JSX.Element;
+export declare const ReadTimeElement: () => React.JSX.Element;
+export declare const SentOnElement: () => React.JSX.Element;
+export type SnippetElementProps = Pick<TextProps, 'maxLines'> & {
+    text?: TextProps['content'];
+};
+export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export declare const SourceBranchElement: () => React.JSX.Element;
+export declare const StateElement: () => React.JSX.Element;
+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<LinkProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export declare const ViewCountElement: () => React.JSX.Element;
+export declare const VoteCountElement: () => React.JSX.Element;

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

@@ -108,6 +108,13 @@ export type FlexibleUiOptions = {
      * Determines whether to hide css background color styling.
      */
     hideBackground?: boolean;
+    /**
+     * Remove TitleBlock requirement and child component restriction.
+     * When `true`, Card with any children will be rendered as flexible card.
+     * Card will no longer remove child components that are not flexible card blocks.
+     * TitleBlock is no longer required.
+     */
+    removeBlockRestriction?: boolean;
     /**
      * Determines the default padding and sizing of the underlying blocks and
      * elements within Flexible UI.

package/dist/types/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { RenderSVGProps } from '../../../../../common/render-svg';
-export declare const SpotSearchNoResult: (props: RenderSVGProps) => React.JSX.Element;
+/// <reference types="react" />
+export declare const SpotSearchNoResult: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

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

@@ -10,6 +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 type { ActionItem, ElementItem, OnActionMenuOpenChangeOptions, } from './view/FlexibleCard/components/blocks/types';
 export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */

package/dist/types-ts4.5/utils/flexible.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const isFlexibleUiCard: (children?: React.ReactNode) => boolean;
+import { type FlexibleUiOptions } from '../view/FlexibleCard/types';
+export declare const isFlexibleUiCard: (children?: React.ReactNode, ui?: FlexibleUiOptions) => boolean;
 export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => boolean;
 export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;

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

@@ -21,5 +21,5 @@ export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactN
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, theme, }: ContainerProps) => JSX.Element;
 export default Container;

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

@@ -0,0 +1,49 @@
+/**
+ * This file contains export components and API for FlexibleCard components.
+ * For internal usage for access to all available props, please use following
+ * - ./components/elements for metadata component
+ * - ./components/actions for action component
+ *
+ * DO NOT add a new prop to these components until we are ready to support it externally.
+ */
+import React from 'react';
+import { type LinkProps } from './components/elements/link/types';
+import type { TextProps } from './components/elements/text/types';
+export declare const AssignedToElement: () => React.JSX.Element;
+export declare const AssignedToGroupElement: () => React.JSX.Element;
+export declare const AttachmentCountElement: () => React.JSX.Element;
+export declare const AuthorGroupElement: () => React.JSX.Element;
+export declare const ChecklistProgressElement: () => React.JSX.Element;
+export declare const CollaboratorGroupElement: () => React.JSX.Element;
+export declare const CommentCountElement: () => React.JSX.Element;
+export declare const CreatedOnElement: () => React.JSX.Element;
+export declare const CreatedByElement: () => React.JSX.Element;
+export declare const DueOnElement: () => React.JSX.Element;
+export declare const LatestCommitElement: () => React.JSX.Element;
+export declare const LinkIconElement: () => React.JSX.Element;
+export declare const LocationElement: () => React.JSX.Element;
+export declare const ModifiedByElement: () => React.JSX.Element;
+export declare const ModifiedOnElement: () => React.JSX.Element;
+export declare const OwnedByElement: () => React.JSX.Element;
+export declare const OwnedByGroupElement: () => React.JSX.Element;
+export declare const PreviewElement: () => React.JSX.Element;
+export declare const PriorityElement: () => React.JSX.Element;
+export declare const ProgrammingLanguageElement: () => React.JSX.Element;
+export declare const ProviderElement: () => React.JSX.Element;
+export declare const ReactCountElement: () => React.JSX.Element;
+export declare const ReadTimeElement: () => React.JSX.Element;
+export declare const SentOnElement: () => React.JSX.Element;
+export type SnippetElementProps = Pick<TextProps, 'maxLines'> & {
+    text?: TextProps['content'];
+};
+export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export declare const SourceBranchElement: () => React.JSX.Element;
+export declare const StateElement: () => React.JSX.Element;
+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<LinkProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export declare const ViewCountElement: () => React.JSX.Element;
+export declare const VoteCountElement: () => React.JSX.Element;

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

@@ -108,6 +108,13 @@ export type FlexibleUiOptions = {
      * Determines whether to hide css background color styling.
      */
     hideBackground?: boolean;
+    /**
+     * Remove TitleBlock requirement and child component restriction.
+     * When `true`, Card with any children will be rendered as flexible card.
+     * Card will no longer remove child components that are not flexible card blocks.
+     * TitleBlock is no longer required.
+     */
+    removeBlockRestriction?: boolean;
     /**
      * Determines the default padding and sizing of the underlying blocks and
      * elements within Flexible UI.

package/dist/types-ts4.5/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { RenderSVGProps } from '../../../../../common/render-svg';
-export declare const SpotSearchNoResult: (props: RenderSVGProps) => React.JSX.Element;
+/// <reference types="react" />
+export declare const SpotSearchNoResult: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.4.0",
+	"version": "36.6.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^4.6.0",
+		"@atlaskit/icon-lab": "^4.7.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
@@ -50,9 +50,9 @@
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/link-analytics": "^9.1.0",
 		"@atlaskit/link-client-extension": "^4.0.0",
-		"@atlaskit/link-extractors": "^2.0.0",
+		"@atlaskit/link-extractors": "^2.1.0",
 		"@atlaskit/linking-common": "^8.0.0",
-		"@atlaskit/linking-types": "^9.7.0",
+		"@atlaskit/linking-types": "^9.8.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/menu": "^3.2.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/popup": "^4.0.0",
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.2.0",
+		"@atlaskit/select": "^20.3.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
@@ -97,7 +97,7 @@
 		"@atlaskit/css-reset": "^7.2.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
 		"@atlaskit/media-test-helpers": "^35.0.0",
-		"@atlaskit/react-ufo": "^3.4.0",
+		"@atlaskit/react-ufo": "^3.5.0",
 		"@atlaskit/ssr": "^0.4.0",
 		"@atlaskit/visual-regression": "^0.10.0",
 		"@atlassian/analytics-tooling": "^0.5.0",
@@ -217,6 +217,9 @@
 		},
 		"platform-linking-visual-refresh-v2": {
 			"type": "boolean"
+		},
+		"platform-linking-flexible-card-openness": {
+			"type": "boolean"
 		}
 	}
 }