@atlaskit/smart-card 43.7.0 → 43.7.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 43.7.1
+
+### Patch Changes
+
+- [`f14d0a4924e18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f14d0a4924e18) -
+  [ux] Add the design follow ups requested for the blue button on unauthorized smartlinks
+
 ## 43.7.0
 
 ### Minor Changes

package/dist/cjs/view/InlineCard/Frame/index.js

@@ -14,6 +14,7 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     children = props.children,
     onClick = props.onClick,
     link = props.link,
+    viewType = props.viewType,
     withoutBackground = props.withoutBackground,
     testId = props.testId,
     className = props.className,
@@ -58,6 +59,7 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

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

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._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}

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

@@ -13,8 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _colors = require("@atlaskit/theme/colors");
-var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],
-  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"];
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"],
+  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
@@ -23,11 +24,13 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
     isInteractive = _ref.isInteractive,
     isSelected = _ref.isSelected,
     href = _ref.href,
+    viewType = _ref.viewType,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var experimentValue = viewType === 'unauthorised' ? (0, _expVal.expVal)('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.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", 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: (0, _runtime.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 && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -37,12 +40,14 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     isInteractive = _ref2.isInteractive,
     isSelected = _ref2.isSelected,
     href = _ref2.href,
+    viewType = _ref2.viewType,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var experimentValue = viewType === 'unauthorised' ? (0, _expVal.expVal)('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.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", 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"])
+    className: (0, _runtime.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 && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 var baseWrapperStyles = null;
@@ -54,5 +59,6 @@ var hoveredWithBackgroundStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
 var truncateStyles = null;
+var unauthorisedTruncateStyles = null;
 var notSelectedStyle = null;
 var selectedStyles = null;

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

@@ -67,7 +67,8 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/cjs/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/cjs/view/InlineCard/common/action-button/index.js

@@ -25,7 +25,7 @@ var styles = {
 };
 var experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -7,6 +7,7 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     children,
     onClick,
     link,
+    viewType,
     withoutBackground,
     testId,
     className,
@@ -52,6 +53,7 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

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

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._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}

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

@@ -4,6 +4,7 @@ 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';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export const WrapperSpan = /*#__PURE__*/forwardRef(({
   truncateInline,
   withoutBackground,
@@ -11,12 +12,14 @@ export const WrapperSpan = /*#__PURE__*/forwardRef(({
   isInteractive,
   isSelected,
   href,
+  viewType,
   ...props
 }, ref) => {
+  const experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   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", 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 _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 export const WrapperAnchor = /*#__PURE__*/forwardRef(({
@@ -26,13 +29,15 @@ export const WrapperAnchor = /*#__PURE__*/forwardRef(({
   isInteractive,
   isSelected,
   href,
+  viewType,
   ...props
 }, ref) => {
+  const experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("a", _extends({
     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", 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"])
+    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 && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 const baseWrapperStyles = null;
@@ -44,5 +49,6 @@ const hoveredWithBackgroundStyles = null;
 const withoutBackgroundStyles = null;
 const withBackgroundStyles = null;
 const truncateStyles = null;
+const unauthorisedTruncateStyles = null;
 const notSelectedStyle = null;
 const selectedStyles = null;

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

@@ -60,7 +60,8 @@ export const InlineCardUnauthorizedView = ({
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/es2019/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/es2019/view/InlineCard/common/action-button/index.js

@@ -14,7 +14,7 @@ const styles = {
 };
 const experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

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

@@ -6,6 +6,7 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children,
     onClick = props.onClick,
     link = props.link,
+    viewType = props.viewType,
     withoutBackground = props.withoutBackground,
     testId = props.testId,
     className = props.className,
@@ -50,6 +51,7 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     className: className,
     ref: ref,
     isHovered: isHovered,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: viewType
   }, children);
 });

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

@@ -26,6 +26,7 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._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}

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

@@ -1,12 +1,13 @@
 /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],
-  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"];
+var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"],
+  _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 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';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
@@ -14,11 +15,13 @@ export var WrapperSpan = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isInteractive = _ref.isInteractive,
     isSelected = _ref.isSelected,
     href = _ref.href,
+    viewType = _ref.viewType,
     props = _objectWithoutProperties(_ref, _excluded);
+  var experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   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", 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 _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
@@ -28,12 +31,14 @@ export var WrapperAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     isInteractive = _ref2.isInteractive,
     isSelected = _ref2.isSelected,
     href = _ref2.href,
+    viewType = _ref2.viewType,
     props = _objectWithoutProperties(_ref2, _excluded2);
+  var experimentValue = viewType === 'unauthorised' ? expVal('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
   return /*#__PURE__*/React.createElement("a", _extends({
     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", 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"])
+    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 && experimentValue !== 'control' && "_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"])
   }), props.children);
 });
 var baseWrapperStyles = null;
@@ -45,5 +50,6 @@ var hoveredWithBackgroundStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
 var truncateStyles = null;
+var unauthorisedTruncateStyles = null;
 var notSelectedStyle = null;
 var selectedStyles = null;

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

@@ -60,7 +60,8 @@ export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref
     testId: testId,
     isSelected: isSelected,
     ref: frameRef,
-    truncateInline: truncateInline
+    truncateInline: truncateInline,
+    viewType: "unauthorised"
   }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
     icon: icon ? icon : fallbackUnauthorizedIcon(),
     title: url,

package/dist/esm/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,4 @@
+._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1e0c1bgi{display:contents}
@@ -5,14 +6,19 @@
 ._1nmz9jpi{word-break:break-all}
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
+._2hwxt94y{margin-right:1px}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bfhkjmqp{background-color:var(--ds-background-selected-bold,#1868db)}
+._ca0qt94y{padding-top:1px}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
+._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}

package/dist/esm/view/InlineCard/common/action-button/index.js

@@ -16,7 +16,7 @@ var styles = {
 };
 var experimentEnabledStyles = {
   control: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
-  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _irr31q28 _1di612kk",
+  test1: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
   test2: "_syaz15cr _80omtlke _bfhk1i45 _qrwqlb4i _1o0zlb4i _irr3byip _1di61van"
 };
 /**

package/dist/types/view/InlineCard/Frame/index.d.ts

@@ -13,6 +13,8 @@ export interface FrameViewProps {
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
+    /** A flag that determines the type of view */
+    viewType?: 'default' | 'unauthorised';
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types/view/InlineCard/Frame/styled.d.ts

@@ -9,6 +9,7 @@ export interface WrapperProps extends React.ComponentProps<any> {
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
+    viewType?: 'default' | 'unauthorised';
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types-ts4.5/view/InlineCard/Frame/index.d.ts

@@ -13,6 +13,8 @@ export interface FrameViewProps {
     testId?: string;
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
+    /** A flag that determines the type of view */
+    viewType?: 'default' | 'unauthorised';
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types-ts4.5/view/InlineCard/Frame/styled.d.ts

@@ -9,6 +9,7 @@ export interface WrapperProps extends React.ComponentProps<any> {
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
+    viewType?: 'default' | 'unauthorised';
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.7.0",
+	"version": "43.7.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -72,7 +72,7 @@
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tooltip": "^20.9.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",