@atlaskit/smart-card 34.10.12 → 34.11.0

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

@@ -1,4 +1,6 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -7,6 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 import LozengeOld from './LozengeOld';
+var stylesOld = null;
 var styles = null;
 
 /**
@@ -42,15 +45,14 @@ var LozengeNew = function LozengeNew(_ref) {
     style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);
-  return /*#__PURE__*/React.createElement("span", {
-    "data-fit-to-content": true,
+  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, 'data-fit-to-content', true), {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_1e0c116y _vwz41kw7", className])
-  }, lozenge);
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41kw7", fg('platform-linking-visual-refresh-v1') && "_1e0c116y _1ul91ns9", className])
+  }), lozenge);
 };
 var Lozenge = function Lozenge(props) {
   if (fg('bandicoots-compiled-migration-smartcard')) {

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.compiled.css

@@ -1,7 +1,7 @@
 ._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._pqme1oud >div, ._102e1oud >span{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._zulpcxkx{gap:var(--ds-space-100,.5rem)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}
 ._18u0xy5q{margin-left:var(--ds-space-400,2pc)}

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

@@ -39,7 +39,7 @@ var LozengeActionErrorNew = function LozengeActionErrorNew(_ref) {
   var dynamicCss = null;
   var content = useMemo(function () {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpcxkx _11c81doa _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme1oud _102e1oud _ngc01o8f _1t4p1o8f"]),
+      className: ax(["_zulpu2gc _11c81doa _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme1oud _102e1oud _ngc01o8f _1t4p1o8f"]),
       style: {
         "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
       }
@@ -58,7 +58,7 @@ var LozengeActionErrorNew = function LozengeActionErrorNew(_ref) {
         "--_hm3wc5": ix("calc(".concat(maxLineNumber, " * 1rem)"))
       }
     }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
-      className: ax(["_zulpcxkx _1reo15vq _18m915vq _11c81oud _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
+      className: ax(["_zulpu2gc _1reo15vq _18m915vq _11c81oud _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
     }, /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       "data-testid": "".concat(testId, "-open-embed"),

package/dist/esm/view/FlexibleCard/components/elements/snippet-element/index.compiled.css

@@ -1,5 +1,6 @@
 ._181u1kdv{-webkit-user-select:text}
 ._1rkw1kdv{-moz-user-select:text}
+._1ul9idpf{min-width:0}
 ._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._te171kdv{-ms-user-select:text}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

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

@@ -27,7 +27,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: ax([fg('platform-linking-visual-refresh-v1') ? "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv" : "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", fg('platform-linking-visual-refresh-v1') && "_syaz1fxt _1ul9idpf _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
   }, props));
 };
 var SnippetElement = function SnippetElement() {

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

@@ -5,6 +5,7 @@
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
 ._1reo15vq{overflow-x:hidden}
+._1ul9idpf{min-width:0}
 ._1yyjr31u{-webkit-line-clamp:var(--_1erfju8)}
 ._o5724jg8{white-space:normal}
 ._sudp1e54{-webkit-box-orient:vertical}

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

@@ -35,7 +35,7 @@ var TextNew = function TextNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([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]),
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81vlj _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
       "--_1erfju8": ix(maxLines),
       "--_ohw86c": ix("calc(".concat(maxLines, " * 1rem)"))

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

package/dist/esm/view/common/ai-summary/index.js

@@ -33,7 +33,7 @@ var AISummaryNew = function AISummaryNew(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c81vlj _syaz1gjq _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv" : "_11c8qk37 _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
+    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8qk37 _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", fg('platform-linking-visual-refresh-v1') && "_11c81vlj _syaz1gjq _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
     children: content,
     options: {
       forceWrapper: true,

package/dist/types/view/FlexibleCard/components/actions/action/action-button/types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { type ReactElement } from 'react';
 import { type SmartLinkSize } from '../../../../../../constants';
 import { type ActionProps } from '../types';
 export type ActionButtonProps = ActionProps & {
-    iconAfter?: React.ReactChild;
-    iconBefore?: React.ReactChild;
+    iconAfter?: ReactElement;
+    iconBefore?: ReactElement;
     isLoading?: boolean;
     size: SmartLinkSize;
     isDisabled?: boolean;

package/dist/types/view/FlexibleCard/components/common/with-override-css/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type WithClassNameProps = {
+    className?: string;
+};
+export declare function withOverrideCss<T>(Component: React.ComponentType<T>): (props: T & WithClassNameProps) => React.JSX.Element;
+export {};

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

@@ -1,6 +1,10 @@
 import { type IconType } from '../../../../../constants';
 import { type ElementProps } from '../types';
 export type BadgeProps = ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: 'default' | 'subtle';
     /**
      * Determines whether the badge icon should be hidden. When set to true,
      * the badge will be displayed without the icon, showing only the label text.

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-button/types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { type ReactElement } from 'react';
 import { type SmartLinkSize } from '../../../../../../constants';
 import { type ActionProps } from '../types';
 export type ActionButtonProps = ActionProps & {
-    iconAfter?: React.ReactChild;
-    iconBefore?: React.ReactChild;
+    iconAfter?: ReactElement;
+    iconBefore?: ReactElement;
     isLoading?: boolean;
     size: SmartLinkSize;
     isDisabled?: boolean;

package/dist/types-ts4.5/view/FlexibleCard/components/common/with-override-css/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type WithClassNameProps = {
+    className?: string;
+};
+export declare function withOverrideCss<T>(Component: React.ComponentType<T>): (props: T & WithClassNameProps) => React.JSX.Element;
+export {};

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

@@ -1,6 +1,10 @@
 import { type IconType } from '../../../../../constants';
 import { type ElementProps } from '../types';
 export type BadgeProps = ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: 'default' | 'subtle';
     /**
      * Determines whether the badge icon should be hidden. When set to true,
      * the badge will be displayed without the icon, showing only the label text.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.10.12",
+	"version": "34.11.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,46 +30,46 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/avatar": "^21.18.0",
-		"@atlaskit/avatar-group": "^11.1.0",
-		"@atlaskit/badge": "^17.1.0",
+		"@atlaskit/avatar-group": "^11.2.0",
+		"@atlaskit/badge": "^17.2.0",
 		"@atlaskit/button": "^20.5.0",
-		"@atlaskit/checkbox": "^15.3.0",
-		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/checkbox": "^15.4.0",
+		"@atlaskit/css": "^0.9.0",
 		"@atlaskit/dropdown-menu": "^12.26.0",
-		"@atlaskit/form": "^11.1.0",
+		"@atlaskit/form": "^11.2.0",
 		"@atlaskit/frontend-utilities": "^2.9.0",
-		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.9.0",
+		"@atlaskit/heading": "^4.3.0",
+		"@atlaskit/icon": "^23.10.0",
 		"@atlaskit/icon-file-type": "^6.9.0",
-		"@atlaskit/icon-lab": "^2.6.0",
+		"@atlaskit/icon-lab": "^2.7.0",
 		"@atlaskit/icon-object": "^6.11.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.21.0",
-		"@atlaskit/link": "^2.1.0",
+		"@atlaskit/link": "^2.2.0",
 		"@atlaskit/link-analytics": "^8.7.0",
 		"@atlaskit/link-client-extension": "^3.1.0",
 		"@atlaskit/link-extractors": "^1.10.0",
-		"@atlaskit/linking-common": "^7.0.0",
+		"@atlaskit/linking-common": "^7.1.0",
 		"@atlaskit/linking-types": "^9.6.0",
-		"@atlaskit/logo": "^15.3.0",
-		"@atlaskit/lozenge": "^11.13.0",
+		"@atlaskit/logo": "^15.4.0",
+		"@atlaskit/lozenge": "^11.14.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^1.31.0",
-		"@atlaskit/primitives": "^13.5.0",
+		"@atlaskit/popup": "^1.32.0",
+		"@atlaskit/primitives": "^13.6.0",
 		"@atlaskit/section-message": "^6.9.0",
 		"@atlaskit/select": "^18.10.0",
-		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/textarea": "^7.0.0",
+		"@atlaskit/spinner": "^17.2.0",
+		"@atlaskit/textarea": "^7.1.0",
 		"@atlaskit/textfield": "^7.0.0",
 		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tokens": "^3.3.0",
-		"@atlaskit/tooltip": "^19.1.0",
+		"@atlaskit/tooltip": "^19.2.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.1",
+		"@compiled/react": "^0.18.2",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
 		"@formatjs/intl-utils": "^3.8.4",
@@ -95,10 +95,10 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-listeners": "^8.15.0",
-		"@atlaskit/css-reset": "^6.14.0",
+		"@atlaskit/css-reset": "^6.15.0",
 		"@atlaskit/link-test-helpers": "^7.6.0",
 		"@atlaskit/media-test-helpers": "^34.8.0",
-		"@atlaskit/react-ufo": "^2.15.0",
+		"@atlaskit/react-ufo": "^2.16.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",

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

@@ -1 +0,0 @@
-._c71lviql{max-height:2rem}

package/dist/es2019/view/FlexibleCard/components/blocks/footer-block/resolved/index.compiled.css

@@ -1 +0,0 @@
-._c71lviql{max-height:2rem}

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/resolved/index.compiled.css

@@ -1 +0,0 @@
-._c71lviql{max-height:2rem}