@atlaskit/smart-card 34.10.1 → 34.10.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 34.10.3
+
+### Patch Changes
+
+- [#110748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110748)
+  [`a3f7f14d75b3c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3f7f14d75b3c) -
+  [ux] Update inline card icons
+- Updated dependencies
+
+## 34.10.2
+
+### Patch Changes
+
+- [#109758](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109758)
+  [`1a1900f9bf95b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a1900f9bf95b) -
+  [ux] Update flexible card tokens
+
 ## 34.10.1
 
 ### Patch Changes

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

@@ -12,10 +12,64 @@ var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presenta
 var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
 var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
+var _fileDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--document-filled"));
 var _pageDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/page--document-filled"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _blogIcon = _interopRequireDefault(require("../../../common/ui/icons/blog-icon"));
+var _chartBarIcon = _interopRequireDefault(require("../../../common/ui/icons/chart-bar-icon"));
+var _fileIcon = _interopRequireDefault(require("../../../common/ui/icons/file-icon"));
+var _listBulletIcon = _interopRequireDefault(require("../../../common/ui/icons/list-bullet-icon"));
+var _pageIcon = _interopRequireDefault(require("../../../common/ui/icons/page-icon"));
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
+// TODO Delete this and rename BlogIconNew to BlogIcon when cleaning platform-smart-card-icon-migration
+var BlogIcon = function BlogIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_blogIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_5.default, props);
+};
+
+// TODO Delete this and rename FileIconNew to FileIcon when cleaning platform-smart-card-icon-migration
+var FileIcon = function FileIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_fileIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_2.default, props);
+};
+
+// TODO Delete this and rename DocumentIconNew to DocumentIcon when cleaning platform-smart-card-icon-migration
+var DocumentIcon = function DocumentIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_pageIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_.default, props);
+};
+
+// TODO Delete this and rename PresentationIconNew to PresentationIcon when cleaning platform-smart-card-icon-migration
+var PresentationIcon = function PresentationIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_chartBarIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_3.default, props);
+};
+
+// TODO Delete this and rename SpreadsheetIconNew to SpreadsheetIcon when cleaning platform-smart-card-icon-migration
+var SpreadsheetIcon = function SpreadsheetIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_listBulletIcon.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_4.default, props);
+};
+
+// TODO Delete this and rename DocumentFilledIconNew to DocumentFilledIcon when cleaning platform-smart-card-icon-migration
+var DocumentFilledIcon = function DocumentFilledIcon(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_fileDocumentFilled.default, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_pageDocumentFilled.default, props);
+};
 /**
  * Extracts an icon for a document pbject
  *
@@ -42,35 +96,35 @@ var documentFileFormatToIcon = function documentFileFormatToIcon(opts) {
 var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
-      return /*#__PURE__*/_react.default.createElement(_5.default, {
+      return /*#__PURE__*/_react.default.createElement(BlogIcon, {
         label: opts.title || 'blog',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
         label: opts.title || 'document',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_3.default, {
+      return /*#__PURE__*/_react.default.createElement(PresentationIcon, {
         label: opts.title || 'presentation',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_4.default, {
+      return /*#__PURE__*/_react.default.createElement(SpreadsheetIcon, {
         label: opts.title || 'spreadsheet',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
-      return /*#__PURE__*/_react.default.createElement(_pageDocumentFilled.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentFilledIcon, {
         color: "currentColor",
         label: opts.title || 'template',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
-      return /*#__PURE__*/_react.default.createElement(_.default, {
+      return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
         label: opts.title || 'undefinedLink',
         testId: "document-icon"
       });
@@ -93,7 +147,7 @@ var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
       testId: "live-doc-icon"
     });
   } else {
-    return /*#__PURE__*/_react.default.createElement(_2.default, {
+    return /*#__PURE__*/_react.default.createElement(FileIcon, {
       label: opts.title || 'file',
       testId: "file-icon"
     });

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.1"
+  packageVersion: "34.10.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css

@@ -6,6 +6,7 @@
 ._1bsb1j6v{width:1rem}
 ._1bsb1k8s{width:1.5rem}
 ._1bsbgktf{width:20px}
+._1e0c116y{display:inline-flex}
 ._1e0c1o8l{display:inline-block}
 ._1o9zidpf{flex-shrink:0}
 ._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -31,8 +31,11 @@ var iconSizeStyleMap = {
   '1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
   '20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
 };
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var stackItemIconStylesOld = null;
+var stackItemIconStylesCompiled = null;
 var stackItemIconStyles = null;
-var newStackItemIconStyles = null;
 var iconStyleMap = {
   true: "_syaz2oi6",
   false: "_syazwdcn"
@@ -51,7 +54,7 @@ var ActionIconNew = function ActionIconNew(_ref) {
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-icon"),
-    className: (0, _runtime.ax)([iconStyleMap[isDisabled ? 'true' : 'false'], "_1e0c1o8l"])
+    className: (0, _runtime.ax)([iconStyleMap[isDisabled ? 'true' : 'false'], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1e0c116y" : "_1e0c1o8l"])
   }, icon);
 };
 var ActionIcon = function ActionIcon(props) {

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,5 +1,6 @@
 
-._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._kkk2n7od{all:unset}._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1bsb1osq{width:100%}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -24,6 +24,9 @@ var styles = {
   button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
   content: "_11c8qk37 _syaz1fxt"
 };
+var contentStyles = {
+  content: "_11c81vlj _syaz1fxt"
+};
 var ActionButtonNew = function ActionButtonNew(_ref) {
   var content = _ref.content,
     iconOption = _ref.icon,
@@ -61,7 +64,7 @@ var ActionButtonNew = function ActionButtonNew(_ref) {
     grow: "fill",
     space: space
   }, icon, /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.content
+    xcss: (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? contentStyles.content : styles.content
   }, content)));
 };
 var ActionButton = function ActionButton(props) {

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.compiled.css

@@ -1,5 +1,6 @@
 ._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
+._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}

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

@@ -21,6 +21,8 @@ var _actionFooter = require("./action-footer");
 var _ActionBlockOld = _interopRequireDefault(require("./ActionBlockOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var ignoreContainerPaddingStylesOld = null;
 var ignoreContainerPaddingStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
@@ -110,7 +112,7 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
   return actions ? /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g" : "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g"])
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
     testId: testId

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.compiled.css

@@ -1,8 +1,12 @@
 
 ._zulp147b{gap:var(--ds-space-250,1.25rem)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulp1e9d{gap:var(--ds-space-200,1rem)}
 ._zulpcxkx{gap:var(--ds-space-100,.5rem)}
-._zulppdf9{gap:var(--ds-space-050,.25rem)}._16jlkb7n{flex-grow:1}
+._zulppdf9{gap:var(--ds-space-050,.25rem)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._zulpv47k{gap:var(--ds-space-250,20px)}._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1aaynkob >div, ._15tynkob >span{vertical-align:middle}
 ._1bah1y6m{justify-content:flex-start}
@@ -44,6 +48,7 @@
 ._s7n4nkob{vertical-align:middle}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._vwz41j6v{line-height:1rem}
+._vwz47vkz{line-height:1pc}
 ._y3gn1e5h{text-align:left}
 ._y3gnusic{text-align:right}
 @supports not (-webkit-line-clamp:1){._102k1k8s{max-height:1.5rem}._102k1m1q{max-height:1.75rem}}

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -21,12 +21,20 @@ var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
 };
-var baseStyleBySize = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var baseStyleBySizeOld = {
   xlarge: "_zulp147b _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   large: "_zulp1e9d _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   medium: "_zulpcxkx _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
   small: "_zulppdf9 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v"
 };
+var baseStyleBySize = {
+  xlarge: "_zulpv47k _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  large: "_zulppxbi _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  medium: "_zulpu2gc _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz",
+  small: "_zulp1b66 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz47vkz"
+};
 var baseStyleByDirection = {
   horizontal: "_2lx2vrvc _4cvr1h6o",
   vertical: "_2lx21bp4 _4cvr1y6m"
@@ -83,12 +91,13 @@ var ElementGroupNew = function ElementGroupNew(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position,
     className = _ref.className;
+  var isHorizontal = direction === _constants.SmartLinkDirection.Horizontal;
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], direction === _constants.SmartLinkDirection.Horizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", direction === _constants.SmartLinkDirection.Horizontal && horizontalStyleByHeight[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? baseStyleBySize[size] : baseStyleBySizeOld[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && horizontalStyleByHeight[size], isHorizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, (0, _utils.renderChildren)(children, size));
 };
 var ElementGroup = function ElementGroup(props) {

package/dist/cjs/view/FlexibleCard/components/container/index.compiled.css

@@ -1,14 +1,24 @@
 
 ._19itn8v0{border:var(--_vzvmm2)}
+._19itpp12{border:var(--_18x9sjc)}
 ._1yt418y6{padding:var(--_1xumd0e)}
+._2rkob7nn{border-radius:var(--ds-border-radius-300,9pt)}
 ._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._zulp1bpf{gap:var(--ds-space-100,8px) 0}
 ._zulp1jvo{gap:1.25rem 0}
 ._zulp1qos{gap:.5rem 0}
 ._zulpfzsm{gap:.25rem 0}
-._zulph3jc{gap:1rem 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._zulph3jc{gap:1rem 0}
+._zulpr2fv{gap:var(--ds-space-250,20px) 0}
+._zulpswc3{gap:var(--ds-space-050,4px) 0}
+._zulpzu5n{gap:var(--ds-space-200,1pc) 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv15sf{padding-left:calc(var(--preview-block-width) + 1.25rem)}
+._19bv16ru{padding-left:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
+._19bv1g7w{padding-left:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
 ._19bv1ltm{padding-left:calc(var(--preview-block-width) + .25rem)}
+._19bv1ugb{padding-left:calc(var(--preview-block-width) + var(--ds-space-050, 4px))}
 ._19bvf557{padding-left:calc(var(--preview-block-width) + 1rem)}
+._19bvlbes{padding-left:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
 ._19bvqox2{padding-left:calc(var(--preview-block-width) + .5rem)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
@@ -16,11 +26,15 @@
 ._1reo15vq{overflow-x:hidden}
 ._1t4ckb7n .has-action, ._1nxdkb7n a, ._xnbykb7n button{z-index:1}
 ._1ul9idpf{min-width:0}
+._1yob1b66{--container-gap-right:var(--ds-space-050,4px)}
+._1yob1eak{--container-gap-right:var(--ds-space-200,16px)}
 ._1yob1j6v{--container-gap-right:1rem}
 ._1yob1k92{--container-gap-right:1.25rem}
 ._1yob1kwk{--container-gap-right:.5rem}
 ._1yob1wow{--container-gap-right:var(--_12k13bg)}
 ._1yob6mu8{--container-gap-right:.25rem}
+._1yobu2gc{--container-gap-right:var(--ds-space-100,8px)}
+._1yobv47k{--container-gap-right:var(--ds-space-250,20px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._2lx21bp4{flex-direction:column}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
@@ -30,12 +44,20 @@
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._r37x1r5k{--preview-block-width:30%}
 ._u5f315sf{padding-right:calc(var(--preview-block-width) + 1.25rem)}
+._u5f316ru{padding-right:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
+._u5f31g7w{padding-right:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
 ._u5f31ltm{padding-right:calc(var(--preview-block-width) + .25rem)}
+._u5f31ugb{padding-right:calc(var(--preview-block-width) + var(--ds-space-050, 4px))}
 ._u5f3f557{padding-right:calc(var(--preview-block-width) + 1rem)}
+._u5f3lbes{padding-right:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
 ._u5f3qox2{padding-right:calc(var(--preview-block-width) + .5rem)}
 ._y5vk167t{--container-gap-left:var(--_73mooq)}
+._y5vk1b66{--container-gap-left:var(--ds-space-050,4px)}
+._y5vk1eak{--container-gap-left:var(--ds-space-200,16px)}
 ._y5vk1j6v{--container-gap-left:1rem}
 ._y5vk1k92{--container-gap-left:1.25rem}
 ._y5vk1kwk{--container-gap-left:.5rem}
 ._y5vk6mu8{--container-gap-left:.25rem}
+._y5vku2gc{--container-gap-left:var(--ds-space-100,8px)}
+._y5vkv47k{--container-gap-left:var(--ds-space-250,20px)}
 ._1v7y1i6y .has-action:focus, ._ufn21i6y a:focus{outline-offset:var(--ds-space-negative-025,-2px)}

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -100,15 +100,29 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
   });
 };
 var baseStyleCommon = null;
-var backgroundStyle = null;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var backgroundStyleOld = null;
+var backgroundStyles = null;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var elevationStylesOld = null;
 var elevationStyles = null;
 var clickableContainerStyles = null;
-var gapStyleMap = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var gapStyleMapOld = {
   xlarge: "_zulp1jvo",
   large: "_zulph3jc",
   medium: "_zulp1qos",
   small: "_zulpfzsm"
 };
+var gapStyleMap = {
+  xlarge: "_zulpr2fv",
+  large: "_zulpzu5n",
+  medium: "_zulp1bpf",
+  small: "_zulpswc3"
+};
 
 /**
  * Get container padding based on smart link size
@@ -116,6 +130,19 @@ var gapStyleMap = {
  * at view/FlexibleCard/components/utils.tsx
  */
 var getPadding = function getPadding(size) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+    switch (size) {
+      case _constants.SmartLinkSize.XLarge:
+        return "var(--ds-space-300, 24px)";
+      case _constants.SmartLinkSize.Large:
+        return "var(--ds-space-250, 20px)";
+      case _constants.SmartLinkSize.Medium:
+        return "var(--ds-space-200, 16px)";
+      case _constants.SmartLinkSize.Small:
+      default:
+        return "var(--ds-space-100, 8px)";
+    }
+  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '1.5rem';
@@ -129,6 +156,19 @@ var getPadding = function getPadding(size) {
   }
 };
 var getGap = function getGap(size) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+    switch (size) {
+      case _constants.SmartLinkSize.XLarge:
+        return "var(--ds-space-250, 1.25rem)";
+      case _constants.SmartLinkSize.Large:
+        return "var(--ds-space-200, 1rem)";
+      case _constants.SmartLinkSize.Medium:
+        return "var(--ds-space-100, .5rem)";
+      case _constants.SmartLinkSize.Small:
+      default:
+        return "var(--ds-space-050, .25rem)";
+    }
+  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return '1.25rem';
@@ -141,18 +181,34 @@ var getGap = function getGap(size) {
       return '.25rem';
   }
 };
-var previewOnLeftStyleMap = {
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var previewOnLeftStyleMapOld = {
   xlarge: "_19bv15sf _y5vk1k92",
   large: "_19bvf557 _y5vk1j6v",
   medium: "_19bvqox2 _y5vk1kwk",
   small: "_19bv1ltm _y5vk6mu8"
 };
-var previewOnRightStyleMap = {
+var previewOnLeftStyleMap = {
+  xlarge: "_19bv16ru _y5vkv47k",
+  large: "_19bv1g7w _y5vk1eak",
+  medium: "_19bvlbes _y5vku2gc",
+  small: "_19bv1ugb _y5vk1b66"
+};
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var previewOnRightStyleMapOld = {
   xlarge: "_u5f315sf _1yob1k92",
   large: "_u5f3f557 _1yob1j6v",
   medium: "_u5f3qox2 _1yob1kwk",
   small: "_u5f31ltm _1yob6mu8"
 };
+var previewOnRightStyleMap = {
+  xlarge: "_u5f316ru _1yobv47k",
+  large: "_u5f31g7w _1yob1eak",
+  medium: "_u5f3lbes _1yobu2gc",
+  small: "_u5f31ugb _1yob1b66"
+};
 
 /**
  * A container is a hidden component that build the Flexible Smart Link.
@@ -196,10 +252,20 @@ var ContainerNew = function ContainerNew(_ref3) {
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   var containerPaddingStyles = null;
-  var container = /*#__PURE__*/_react.default.createElement("div", {
+  var container = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-smart-link-container": true,
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19itpp12 _2rkob7nn _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
+    style: {
+      "--_1xumd0e": (0, _runtime.ix)(padding),
+      "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),
+      "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
+      "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
+    }
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick)) : /*#__PURE__*/_react.default.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19itn8v0 _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMapOld[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMapOld[size], previewOnRight && previewOnRightStyleMapOld[size], !hideElevation && "_19itn8v0 _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
     style: {
       "--_1xumd0e": (0, _runtime.ix)(padding),
       "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._16jlidpf{flex-grow:0}
 ._19bv1xvx{padding-left:var(--ds-space-025,.125rem)}
@@ -25,6 +26,7 @@
 ._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
 ._s7n4nkob{vertical-align:middle}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._syaz1oju{color:var(--ds-icon-subtle,#626f86)}
 ._uhasidpf svg{padding-right:0}
 ._vwz4idpf{line-height:0}

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -21,8 +21,9 @@ var _messageMapper;
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 var badgeStyles = null;
 var iconStyles = null;
-// ${getIconSizeStyles('1rem')}
 
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var labelStylesOld = null;
 var labelStyles = null;
 var messageMapper = (_messageMapper = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityBlocker, _messages.messages.priority_blocker), _constants.IconType.PriorityCritical, _messages.messages.priority_critical), _constants.IconType.PriorityHigh, _messages.messages.priority_high), _constants.IconType.PriorityHighest, _messages.messages.priority_highest), _constants.IconType.PriorityLow, _messages.messages.priority_low), _constants.IconType.PriorityLowest, _messages.messages.priority_lowest), _constants.IconType.PriorityMajor, _messages.messages.priority_major), _constants.IconType.PriorityMedium, _messages.messages.priority_medium), _constants.IconType.PriorityMinor, _messages.messages.priority_minor), _constants.IconType.PriorityTrivial, _messages.messages.priority_trivial), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityUndefined, _messages.messages.priority_undefined));
 var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
@@ -93,7 +94,7 @@ var BadgeNew = function BadgeNew(_ref) {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _syaz1oju _vwz4idpf _s7n4nkob _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v _1jtnidpf _13t3idpf _rm9uidpf _rtqbnkob _e4kmnkob _z239nkob"])
   }, badgeIcon), /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "".concat(testId, "-label"),
-    className: (0, _runtime.ax)(["_11c8qk37 _syaz131l _19bv1xvx _s7n4nkob"])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _syaz1gjq _19bv1xvx _s7n4nkob" : "_11c8qk37 _syaz131l _19bv1xvx _s7n4nkob"])
   }, formattedMessageOrLabel));
 };
 var Badge = function Badge(props) {

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -7,4 +8,5 @@
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 @supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}}

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -18,6 +18,8 @@ var _messages = require("../../../../../messages");
 var _DateTimeOld = _interopRequireDefault(require("./DateTimeOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var stylesOld = null;
 var styles = null;
 var typeToDescriptorMap = {
   created: {
@@ -82,7 +84,7 @@ var DateTimeNew = function DateTimeNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8qk37 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v" : "_11c8qk37 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", className])
   }, text ? "".concat(text, " ").concat(context) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -21,6 +21,9 @@ var _excluded = ["content", "maxLines", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SNIPPET_DEFAULT_MAX_LINES = 3;
+
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var snippetBaseStyleOld = null;
 var snippetBaseStyle = null;
 var SnippetElementNew = function SnippetElementNew() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -34,7 +37,7 @@ var SnippetElementNew = function SnippetElementNew() {
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv" : "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
   }, props));
 };
 var SnippetElement = function SnippetElement() {

package/dist/cjs/view/FlexibleCard/components/elements/text/index.compiled.css

@@ -1,3 +1,4 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -8,4 +9,5 @@
 ._o5724jg8{white-space:normal}
 ._sudp1e54{-webkit-box-orient:vertical}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 @supports not (-webkit-line-clamp:1){._102klxil{max-height:var(--_ohw86c)}}

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -15,6 +15,8 @@ var _utils = require("../../utils");
 var _TextOld = _interopRequireDefault(require("./TextOld"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
+var baseStyleOld = null;
 var baseStyle = null;
 
 /**
@@ -43,7 +45,7 @@ var TextNew = function TextNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vlj _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54" : "_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.1",
+  packageVersion: "34.10.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/ai-summary/index.compiled.css

@@ -1,8 +1,10 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._181u1kdv{-webkit-user-select:text}
 ._1nmz1hna{word-break:break-word}
 ._1rkw1kdv{-moz-user-select:text}
 ._o5724jg8{white-space:normal}
 ._slp31hna{word-wrap:break-word}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._te171kdv{-ms-user-select:text}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}