@atlaskit/smart-card 44.11.0 → 44.11.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 44.11.1
+
+### Patch Changes
+
+- [`a600b288d36ed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a600b288d36ed) -
+  [ux] NAVX-4963 wrapping pre-auth social proof in `Pressable`
+
 ## 44.11.0
 
 ### Minor Changes

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: "44.10.0" || ''
+  packageVersion: "44.11.0" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/InlineCard/UnauthorisedView/index.compiled.css

@@ -1,6 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c116y{display:inline-flex}
 ._1e0c1nu9{display:inline}
@@ -9,13 +10,19 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._bfhk1j28{background-color:transparent}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._s7n4t94y{vertical-align:1px}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._y3gn18uv{text-align:initial}
+._y3gn18uv{text-align:initial}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}

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

@@ -39,8 +39,9 @@ var SOCIAL_PROOF_TRAIT_NAME = 'sl_3p_connected_providers_site_pct';
 var socialProofPillStyles = {
   strong: "_k48pwu06",
   inlineContainer: "_1e0c116y _4cvr1h6o",
-  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66",
-  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"
+  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66 _irr3plhp _1di61gdz",
+  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  button: "_bfhk1j28 _u5f3ze3t _19bvze3t _ca0qze3t _n3tdze3t"
 };
 
 /**
@@ -103,7 +104,7 @@ var UnauthorisedConnectWithSocialProof = function UnauthorisedConnectWithSocialP
   /*#__PURE__*/
   // Unlikely case, but possible from TS standpoint.
   _react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.social_proof_inline_cta_tag_low_no_context);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSocialProofPill ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  var buttonContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSocialProofPill ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     xcss: socialProofPillStyles.root,
     testId: "".concat(testId, "-social-proof-tag")
@@ -120,6 +121,13 @@ var UnauthorisedConnectWithSocialProof = function UnauthorisedConnectWithSocialP
       context: context
     }
   }))));
+  return showSocialProofPill ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    onClick: onConnectClick,
+    style: {
+      font: "inherit"
+    },
+    xcss: socialProofPillStyles.button
+  }, buttonContent) : buttonContent;
 };
 var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref2) {
   var url = _ref2.url,

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

@@ -15,7 +15,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _excluded = ["children", "isDisabled", "viewType", "isSlimDesign"];
+var _excluded = ["children", "isDisabled", "viewType", "isSlimDesign"],
+  _excluded2 = ["onClick"];
 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 styles = {
   button: "_1e0c1bgi",
@@ -41,7 +42,9 @@ var ActionButton = exports.ActionButton = /*#__PURE__*/(0, _react.forwardRef)(fu
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var shouldUseUnauthorisedSlimStyle = viewType === 'unauthorised' && isSlimDesign && (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch');
   if (shouldUseUnauthorisedSlimStyle && !isDisabled) {
-    return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({}, props, {
+    var onClick = props.onClick,
+      boxProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    return /*#__PURE__*/React.createElement(_compiled.Box, (0, _extends2.default)({}, boxProps, {
       ref: ref,
       style: {
         font: "inherit"

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

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

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.10.0" || ''
+  packageVersion: "44.11.0" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/InlineCard/UnauthorisedView/index.compiled.css

@@ -1,6 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c116y{display:inline-flex}
 ._1e0c1nu9{display:inline}
@@ -9,13 +10,19 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._bfhk1j28{background-color:transparent}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._s7n4t94y{vertical-align:1px}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._y3gn18uv{text-align:initial}
+._y3gn18uv{text-align:initial}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}

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

@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -32,8 +32,9 @@ const SOCIAL_PROOF_TRAIT_NAME = 'sl_3p_connected_providers_site_pct';
 const socialProofPillStyles = {
   strong: "_k48pwu06",
   inlineContainer: "_1e0c116y _4cvr1h6o",
-  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66",
-  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"
+  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66 _irr3plhp _1di61gdz",
+  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  button: "_bfhk1j28 _u5f3ze3t _19bvze3t _ca0qze3t _n3tdze3t"
 };
 
 /**
@@ -95,7 +96,7 @@ const UnauthorisedConnectWithSocialProof = ({
   /*#__PURE__*/
   // Unlikely case, but possible from TS standpoint.
   React.createElement(FormattedMessage, messages.social_proof_inline_cta_tag_low_no_context);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showSocialProofPill ? /*#__PURE__*/React.createElement(Box, {
+  const buttonContent = /*#__PURE__*/React.createElement(React.Fragment, null, showSocialProofPill ? /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: socialProofPillStyles.root,
     testId: `${testId}-social-proof-tag`
@@ -112,6 +113,13 @@ const UnauthorisedConnectWithSocialProof = ({
       context
     }
   }))));
+  return showSocialProofPill ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: onConnectClick,
+    style: {
+      font: `inherit`
+    },
+    xcss: socialProofPillStyles.button
+  }, buttonContent) : buttonContent;
 };
 export const InlineCardUnauthorizedView = ({
   url,

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable, Box } from '@atlaskit/primitives/compiled';
 const styles = {
   button: "_1e0c1bgi",
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _k48p1wq8 _19bv12x7 _ca0qv77o _n3tdv77o _u5f312x7 _y3gn18uv _o5721btx _1nmz9jpi",
@@ -29,7 +29,11 @@ export const ActionButton = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const shouldUseUnauthorisedSlimStyle = viewType === 'unauthorised' && isSlimDesign && fg('platform_sl_3p_preauth_soc_proof_inline_killswitch');
   if (shouldUseUnauthorisedSlimStyle && !isDisabled) {
-    return /*#__PURE__*/React.createElement(Pressable, _extends({}, props, {
+    const {
+      onClick,
+      ...boxProps
+    } = props;
+    return /*#__PURE__*/React.createElement(Box, _extends({}, boxProps, {
       ref: ref,
       style: {
         font: `inherit`

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

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

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.10.0" || ''
+  packageVersion: "44.11.0" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,6 +1,7 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c116y{display:inline-flex}
 ._1e0c1nu9{display:inline}
@@ -9,13 +10,19 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._bfhk1j28{background-color:transparent}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._s7n4t94y{vertical-align:1px}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._y3gn18uv{text-align:initial}
+._y3gn18uv{text-align:initial}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}

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

@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -32,8 +32,9 @@ var SOCIAL_PROOF_TRAIT_NAME = 'sl_3p_connected_providers_site_pct';
 var socialProofPillStyles = {
   strong: "_k48pwu06",
   inlineContainer: "_1e0c116y _4cvr1h6o",
-  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66",
-  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"
+  root: "_2rko12b0 _1e0c1nu9 _4cvr1h6o _vchhusvi _p12f1osq _bfhk1dpa _syazazsu _y3gn18uv _1wybtjj4 _s7n4t94y _ca0qv77o _n3tdv77o _u5f312x7 _19bv12x7 _2hwx1b66 _irr3plhp _1di61gdz",
+  label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  button: "_bfhk1j28 _u5f3ze3t _19bvze3t _ca0qze3t _n3tdze3t"
 };
 
 /**
@@ -96,7 +97,7 @@ var UnauthorisedConnectWithSocialProof = function UnauthorisedConnectWithSocialP
   /*#__PURE__*/
   // Unlikely case, but possible from TS standpoint.
   React.createElement(FormattedMessage, messages.social_proof_inline_cta_tag_low_no_context);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showSocialProofPill ? /*#__PURE__*/React.createElement(Box, {
+  var buttonContent = /*#__PURE__*/React.createElement(React.Fragment, null, showSocialProofPill ? /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: socialProofPillStyles.root,
     testId: "".concat(testId, "-social-proof-tag")
@@ -113,6 +114,13 @@ var UnauthorisedConnectWithSocialProof = function UnauthorisedConnectWithSocialP
       context: context
     }
   }))));
+  return showSocialProofPill ? /*#__PURE__*/React.createElement(Pressable, {
+    onClick: onConnectClick,
+    style: {
+      font: "inherit"
+    },
+    xcss: socialProofPillStyles.button
+  }, buttonContent) : buttonContent;
 };
 export var InlineCardUnauthorizedView = function InlineCardUnauthorizedView(_ref2) {
   var url = _ref2.url,

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

@@ -1,13 +1,14 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "isDisabled", "viewType", "isSlimDesign"];
+var _excluded = ["children", "isDisabled", "viewType", "isSlimDesign"],
+  _excluded2 = ["onClick"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable, Box } from '@atlaskit/primitives/compiled';
 var styles = {
   button: "_1e0c1bgi",
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _k48p1wq8 _19bv12x7 _ca0qv77o _n3tdv77o _u5f312x7 _y3gn18uv _o5721btx _1nmz9jpi",
@@ -32,7 +33,9 @@ export var ActionButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var shouldUseUnauthorisedSlimStyle = viewType === 'unauthorised' && isSlimDesign && fg('platform_sl_3p_preauth_soc_proof_inline_killswitch');
   if (shouldUseUnauthorisedSlimStyle && !isDisabled) {
-    return /*#__PURE__*/React.createElement(Pressable, _extends({}, props, {
+    var onClick = props.onClick,
+      boxProps = _objectWithoutProperties(props, _excluded2);
+    return /*#__PURE__*/React.createElement(Box, _extends({}, boxProps, {
       ref: ref,
       style: {
         font: "inherit"

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.11.0",
+	"version": "44.11.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -86,7 +86,7 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^80.2.0",
+		"@atlaskit/tmp-editor-statsig": "^80.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/ufo": "^0.5.0",