@atlaskit/smart-card 43.28.2 → 43.28.4

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

@@ -7,7 +7,6 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { Pressable } from '@atlaskit/primitives/compiled';
-import { N500 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
 import { ActionButton } from '../common/action-button';
@@ -98,7 +97,7 @@ export var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
     link: url,
     title: url,
     onClick: onClick,
-    titleColor: "var(--ds-text-subtle, ".concat(N500, ")")
+    titleColor: "var(--ds-text-subtle, #505258)"
   }), renderActionButton());
   if (showHoverPreview) {
     return /*#__PURE__*/React.createElement(HoverCard, {

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

@@ -1,12 +1,12 @@
 
-._19it1x13{border:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._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)}
 ._v56415x0{transition:all .1s ease-in-out}
-._1h6dmr28{border-color:var(--ds-border-accent-blue,#2684ff)}._12ji1r31{outline-color:currentColor}
+._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}._12ji1r31{outline-color:currentColor}
 ._12y31o36{outline-width:medium}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
-._16qscw00{box-shadow:0 0 0 2px var(--ds-border-selected,#4c9aff)}
+._16qsw5lj{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}
 ._18m915vq{overflow-y:hidden}
 ._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
 ._19bvidpf{padding-left:0}
@@ -27,8 +27,8 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz13af{color:var(--ds-link,#1868db)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._syaz1y58{color:var(--ds-link,#0052cc)}
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
@@ -39,14 +39,14 @@
 ._49pcglyw:focus{outline-style:none}
 ._4fprglyw:focus{text-decoration-line:none}
 ._5goinqa1:focus{text-decoration-style:solid}
-._7ehicw00:focus{box-shadow:0 0 0 2px var(--ds-border-selected,#4c9aff)}
+._7ehiw5lj:focus{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}
 ._nt751r31:focus{outline-color:currentColor}
-._bfw71x13:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-._4cvxmr28:hover{border-color:var(--ds-border-accent-blue,#2684ff)}
+._bfw7ia51:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._4cvx1w55:hover{border-color:var(--ds-border-accent-blue,#357de8)}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di629zg:active{background-color:var(--ds-background-selected,#deebff)}
+._1di615s3:active{background-color:var(--ds-background-selected,#e9f2fe)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
 ._c2waglyw:active{text-decoration-line:none}

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

@@ -6,7 +6,6 @@ var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteract
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { B100, B200, B400, B50, N40 } from '@atlaskit/theme/colors';
 export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
@@ -18,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 _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    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"])
   }), props.children);
 });
 export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -34,7 +33,7 @@ export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     href: href,
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg", viewType === 'errored' && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
+    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"])
   }), props.children);
 });
 var baseWrapperStyles = null;

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.compiled.css

@@ -21,8 +21,8 @@
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721jtm{white-space:pre-wrap}
 ._p12f7vkz{max-width:1pc}
+._syaz13af{color:var(--ds-link,#1868db)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
-._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}
 ._tzy4idpf{opacity:0}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}

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

@@ -11,7 +11,6 @@ import { di } from 'react-magnetic-di';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { Box } from '@atlaskit/primitives/compiled';
-import { B400 } from '@atlaskit/theme/colors';
 import { isProfileType } from '../../../utils';
 import { Shimmer } from '../Icon';
 var iconWrapperStyle = null;
@@ -33,7 +32,7 @@ var LinkAppearance = forwardRef(function (_ref, __cmplr) {
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_syaz1y58 _9oik1r31 _1bnxglyw _jf4cnqa1", __cmplp.className])
+    className: ax(["_syaz13af _9oik1r31 _1bnxglyw _jf4cnqa1", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import { N500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
@@ -63,7 +62,7 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     title: url,
     link: url,
     onClick: onClick,
-    titleColor: "var(--ds-text-subtle, ".concat(N500, ")")
+    titleColor: "var(--ds-text-subtle, #505258)"
   }), onAuthorise && renderActionButton());
   if (onAuthorise && showHoverPreview) {
     return /*#__PURE__*/React.createElement(HoverCard, {

package/dist/esm/view/InlineCard/utils/withFrameStyleControl.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { N40 } from '@atlaskit/theme/colors';
 /**
  * This HOC serves as a temporary workaround for controlling the style of a parent component.
  * We do not want the Frame to have a hover state when hovering over the action button.
@@ -12,7 +11,7 @@ export default (function (Button, frameRef) {
     var setBorderStyle = function setBorderStyle() {
       var frameNode = frameRef.current;
       if (frameNode) {
-        frameNode.style.borderColor = "".concat("var(--ds-border, ".concat(N40, ")"));
+        frameNode.style.borderColor = "var(--ds-border, #0B120E24)";
       }
     };
     var removeBorderStyle = function removeBorderStyle() {

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

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

package/dist/esm/view/common/ai-prism/index.compiled.css

@@ -1,8 +1,8 @@
 
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v5649spz{transition:box-shadow .5s ease}
-._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
-._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
+._v564fs5d{transition:opacity .5s ease}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}

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

@@ -31,7 +31,7 @@ var AIPrism = function AIPrism(_ref) {
     testId: testId,
     className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
+    className: ax(["_2rko1mok _bfhk1bhr _16qs130s", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
 export default AIPrism;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.28.2",
+	"version": "43.28.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,8 +31,8 @@
 		"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.6.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/avatar": "^25.10.0",
-		"@atlaskit/avatar-group": "^12.4.0",
+		"@atlaskit/avatar": "^25.11.0",
+		"@atlaskit/avatar-group": "^12.5.0",
 		"@atlaskit/badge": "^18.4.0",
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.10.0",
@@ -60,14 +60,14 @@
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/modal-dialog": "^14.13.0",
-		"@atlaskit/motion": "^5.4.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/primitives": "^18.1.0",
-		"@atlaskit/react-ufo": "^5.5.0",
-		"@atlaskit/rovo-triggers": "^5.32.0",
+		"@atlaskit/react-ufo": "^5.7.0",
+		"@atlaskit/rovo-triggers": "^5.34.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -75,8 +75,8 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^48.0.0",
-		"@atlaskit/tokens": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^49.0.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",