@atlaskit/smart-card 43.28.7 → 43.29.1

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

@@ -1,14 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseLozengeElement } from '../common';
+var STATE_METRIC_REGEX = /^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/;
 var StateElement = function StateElement(props) {
   var _context$state;
   var context = useFlexibleUiContext();
   var data = (_context$state = context === null || context === void 0 ? void 0 : context.state) !== null && _context$state !== void 0 ? _context$state : null;
-  return data ? /*#__PURE__*/React.createElement(BaseLozengeElement, _extends({}, data, props, {
+  var metricProps = fg('platform-dst-lozenge-tag-badge-visual-uplifts') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(function () {
+    if (data && typeof data.text === 'string') {
+      var match = data.text.match(STATE_METRIC_REGEX);
+      if (match) {
+        return {
+          text: match[1],
+          trailingMetric: match[2]
+        };
+      }
+    }
+    return null;
+  }, [data]) : undefined;
+  if (!data) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(BaseLozengeElement, _extends({}, data, props, metricProps, {
     name: ElementName.State
-  })) : null;
+  }));
 };
 export default StateElement;

package/dist/esm/view/InlineCard/Frame/styled.compiled.css

@@ -1,7 +1,7 @@
 
 ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1yt4x7n9{padding:var(--ds-space-025,2px) 0}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1ssi{border-radius:var(--ds-radius-medium,4px)}
 ._v56415x0{transition:all .1s ease-in-out}
 ._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}._12ji1r31{outline-color:currentColor}
 ._12y31o36{outline-width:medium}

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -17,7 +17,7 @@ export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: ax(["_1yt4x7n9 _2rko1ssi _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -33,7 +33,7 @@ export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     href: href,
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehiw5lj _1j5pglyw _1di615s3", viewType === 'errored' && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
+    className: ax(["_1yt4x7n9 _2rko1ssi _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehiw5lj _1j5pglyw _1di615s3", viewType === 'errored' && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
   }), props.children);
 });
 var baseWrapperStyles = null;

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -6,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { HoverCard } from '../../HoverCard';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
@@ -19,18 +21,37 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   return _createClass(InlineCardResolvedView, [{
     key: "renderLozenge",
     value: function renderLozenge() {
-      var _lozenge$style, _lozenge$style2;
+      var _lozenge$style3, _lozenge$style4;
       var lozenge = this.props.lozenge;
-      if (!lozenge) {
+      if (!lozenge || !(lozenge !== null && lozenge !== void 0 && lozenge.text)) {
         return null;
       }
+      if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+        var stateMetricMatch = lozenge.text.match(/^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/);
+        if (stateMetricMatch) {
+          var _lozenge$style, _lozenge$style2;
+          var _stateMetricMatch = _slicedToArray(stateMetricMatch, 3),
+            label = _stateMetricMatch[1],
+            metric = _stateMetricMatch[2];
+          var _appearance = lozenge.appearance || 'neutral';
+          return /*#__PURE__*/React.createElement(InlineLozenge, {
+            testId: "inline-card-resolved-view-lozenge",
+            appearance: _appearance,
+            style: {
+              backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+              color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+            },
+            trailingMetric: metric
+          }, label);
+        }
+      }
       var appearance = lozenge.appearance || 'default';
       return /*#__PURE__*/React.createElement(InlineLozenge, {
         testId: "inline-card-resolved-view-lozenge",
         appearance: appearance,
         style: {
-          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
-          color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style3 = lozenge.style) === null || _lozenge$style3 === void 0 ? void 0 : _lozenge$style3.backgroundColor,
+          color: lozenge === null || lozenge === void 0 || (_lozenge$style4 = lozenge.style) === null || _lozenge$style4 === void 0 ? void 0 : _lozenge$style4.color
         },
         isBold: lozenge.isBold !== false
       }, lozenge.text);

package/dist/esm/view/InlineCard/common/inline-lozenge/index.compiled.css

@@ -3,6 +3,7 @@
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
+._2hwxt94y{margin-right:1px}
 ._kqswh2mm{position:relative}
 ._otyridpf{margin-bottom:0}
 ._p12f1osq{max-width:100%}

package/dist/esm/view/InlineCard/common/inline-lozenge/index.js

@@ -8,19 +8,20 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var wrapperStylesOld = null;
 var wrapperStylesNew = null;
+var wrapperStylesNewLozenge = null;
 var InlineLozenge = function InlineLozenge(props) {
   var shouldAddLozengeAttribute = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
   if (fg('jfp-magma-platform-lozenge-jump-fix')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, shouldAddLozengeAttribute && {
       'data-inline-card-lozenge': true
     }, {
-      className: ax(["_1e0c1o8l _154i1n1a _kqswh2mm _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq"])
+      className: ax(["_1e0c1o8l _154i1n1a _kqswh2mm _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
     }), /*#__PURE__*/React.createElement(Lozenge, props));
   }
   return /*#__PURE__*/React.createElement("span", _extends({}, shouldAddLozengeAttribute && {
     'data-inline-card-lozenge': true
   }, {
-    className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq"])
+    className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
   }), /*#__PURE__*/React.createElement(Lozenge, props));
 };
 export default InlineLozenge;

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

@@ -11,6 +11,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * Determines the appearance of the Atlaskit lozenge.
      */
     appearance?: LozengeAppearance;
+    /**
+     * Determines if the element is a due on element.
+     */
+    isDateTag?: boolean;
     /**
      * Callback fired after lozenge value has changed
      */
@@ -19,6 +23,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * The text to display within the lozenge.
      */
     text?: string | React.ReactNode;
+    /**
+     * Numeric metric displayed as a trailing badge inside the lozenge.
+     */
+    trailingMetric?: string;
 } & Pick<AtlaskitLozengeProps, 'maxWidth' | 'style'>;
 /**
  * A base element that displays a Lozenge.
@@ -26,6 +34,6 @@ export type BaseLozengeElementProps = ElementProps & {
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, isDateTag, trailingMetric, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

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

@@ -1,3 +1,3 @@
 import { type LozengeActionTriggerProps } from './type';
-declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
+declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, trailingMetric, ...props }: LozengeActionTriggerProps) => JSX.Element;
 export default LozengeActionTrigger;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -5,4 +5,5 @@ export type LozengeActionTriggerProps = {
     isOpen?: boolean;
     testId?: string;
     text: string | React.ReactNode;
+    trailingMetric?: string;
 } & Pick<LozengeProps, 'maxWidth'> & CustomTriggerProps<HTMLButtonElement>;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts

@@ -12,5 +12,6 @@ export type LozengeActionProps = {
     shouldRenderToParent?: boolean;
     testId?: string;
     text: string | React.ReactNode;
+    trailingMetric?: string;
     zIndex?: number;
 } & Pick<LozengeProps, 'maxWidth'>;

package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -5,9 +5,9 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * HoverCard border implementation is in ContentContainer where it can
  * change between the default border and prism border during runtime.
  */
-declare const CustomPopupContainer: React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<PopupComponentProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Factory function to create a CustomPopupContainer with a specific z-index
  */
-export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<PopupComponentProps & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types/view/InlineCard/common/inline-lozenge/index.d.ts

@@ -1,4 +1,4 @@
-import { type LozengeProps } from '@atlaskit/lozenge';
-type InlineLozengeProps = LozengeProps;
+import { type LozengeProps, type NewLozengeProps } from '@atlaskit/lozenge';
+type InlineLozengeProps = LozengeProps | NewLozengeProps;
 declare const InlineLozenge: (props: InlineLozengeProps) => JSX.Element;
 export default InlineLozenge;

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

@@ -11,6 +11,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * Determines the appearance of the Atlaskit lozenge.
      */
     appearance?: LozengeAppearance;
+    /**
+     * Determines if the element is a due on element.
+     */
+    isDateTag?: boolean;
     /**
      * Callback fired after lozenge value has changed
      */
@@ -19,6 +23,10 @@ export type BaseLozengeElementProps = ElementProps & {
      * The text to display within the lozenge.
      */
     text?: string | React.ReactNode;
+    /**
+     * Numeric metric displayed as a trailing badge inside the lozenge.
+     */
+    trailingMetric?: string;
 } & Pick<AtlaskitLozengeProps, 'maxWidth' | 'style'>;
 /**
  * A base element that displays a Lozenge.
@@ -26,6 +34,6 @@ export type BaseLozengeElementProps = ElementProps & {
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, isDateTag, trailingMetric, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

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

@@ -1,3 +1,3 @@
 import { type LozengeActionTriggerProps } from './type';
-declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
+declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, trailingMetric, ...props }: LozengeActionTriggerProps) => JSX.Element;
 export default LozengeActionTrigger;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -5,4 +5,5 @@ export type LozengeActionTriggerProps = {
     isOpen?: boolean;
     testId?: string;
     text: string | React.ReactNode;
+    trailingMetric?: string;
 } & Pick<LozengeProps, 'maxWidth'> & CustomTriggerProps<HTMLButtonElement>;

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

@@ -12,5 +12,6 @@ export type LozengeActionProps = {
     shouldRenderToParent?: boolean;
     testId?: string;
     text: string | React.ReactNode;
+    trailingMetric?: string;
     zIndex?: number;
 } & Pick<LozengeProps, 'maxWidth'>;

package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -5,9 +5,9 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * HoverCard border implementation is in ContentContainer where it can
  * change between the default border and prism border during runtime.
  */
-declare const CustomPopupContainer: React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<PopupComponentProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Factory function to create a CustomPopupContainer with a specific z-index
  */
-export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<PopupComponentProps & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types-ts4.5/view/InlineCard/common/inline-lozenge/index.d.ts

@@ -1,4 +1,4 @@
-import { type LozengeProps } from '@atlaskit/lozenge';
-type InlineLozengeProps = LozengeProps;
+import { type LozengeProps, type NewLozengeProps } from '@atlaskit/lozenge';
+type InlineLozengeProps = LozengeProps | NewLozengeProps;
 declare const InlineLozenge: (props: InlineLozengeProps) => JSX.Element;
 export default InlineLozenge;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.28.7",
+	"version": "43.29.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,25 +59,26 @@
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.13.0",
+		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/motion": "^5.5.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/popup": "^4.14.0",
+		"@atlaskit/popup": "^4.16.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/react-ufo": "^5.7.0",
+		"@atlaskit/react-ufo": "^5.10.0",
 		"@atlaskit/rovo-triggers": "^5.34.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.9.0",
+		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.0.0",
+		"@atlaskit/tag": "^14.6.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^51.0.0",
+		"@atlaskit/tmp-editor-statsig": "^52.1.0",
 		"@atlaskit/tokens": "^11.4.0",
-		"@atlaskit/tooltip": "^21.0.0",
+		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -106,11 +107,11 @@
 		"@atlaskit/css-reset": "^7.4.0",
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.10.0",
+		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.38.0",
-		"@atlassian/testing-library": "^0.4.0",
+		"@atlassian/gemini": "^1.39.0",
+		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",
@@ -236,6 +237,9 @@
 		},
 		"navx-vuln-1914676-fix-xss-in-ai-summaries": {
 			"type": "boolean"
+		},
+		"platform-dst-lozenge-tag-badge-visual-uplifts": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"