@atlaskit/smart-card 45.16.3 → 45.16.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 45.16.4
+
+### Patch Changes
+
+- [`f9ba56885ba46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9ba56885ba46) -
+  Update images used in embed card pre-auth teaser carousel view behind experiment gate
+  `platform_sl_embed_preauth_teaser_exp`.
+- Updated dependencies
+
 ## 45.16.3
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-dropbox-in-atlas-slide1--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb8e2c6668c03d9b10d7e9c792af8e2695226173eb5ed35c269755dd23e0b6d7
+size 22119

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:70a34992507a11771133a5f3020a368f59df80e92f532f0ccb72c81a0500b32d
-size 20272
+oid sha256:9da579a4acb5203522ae238674ae73efa2b6da2637ca1ba3d0206d9182dfc999
+size 20262

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide2--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9f6798fb6ccf3c433009df2f36833d9a174578fa7f4817a5aecb64d78fd5fac2
-size 28416
+oid sha256:acba7f46ca259ef01df8ac10afb89e1b13143951dab5cfdf1237a9fbbfeb76f3
+size 27767

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide3--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ea04e0caa3568400707890b20a8db1ce771d04715961a72c94436b192aefd878
-size 35747
+oid sha256:2ed2afe5cd757af7385a50902d2c8359fefe184154c225473bd1fb9776a2a60b
+size 34198

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:859558a0092c4a43775d7c6d2744122d3599276194e671c12a67f2e5577c2b09
-size 24774
+oid sha256:c10e9ce6c1f2c0b23917e620bd2969aa550482339adbabb0d7c4cb6d8bf9edfb
+size 24670

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide2--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c486045b1cefe06abb599a83ad867d28bcbdf43643007efbea6e1216317b88f9
-size 31418
+oid sha256:f9e29f02f3ae327dcd79446a4d71557d4d0aede2a6eeb5e805b8d8e2d6383935
+size 30758

package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide3--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:423f77b21e6e3097891c741648ab161a57865491be80dfd4618e37a0fc2586a0
-size 36826
+oid sha256:b606548b4c33c5a659dc4dcc345e66f5c1450210b0fded990b12e18da88ad0e9
+size 35283

package/dist/cjs/messages.js

@@ -181,11 +181,6 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Slides',
     description: 'Accessible label for the group of dot indicator buttons in the teaser carousel'
   },
-  connect_link_account_embed_carousel_button_back: {
-    id: 'fabric.linking.connect_link_account_embed_carousel_button_back.non-final',
-    defaultMessage: 'Back',
-    description: 'Label for the back button in the embed card carousel teaser'
-  },
   connect_link_account_embed_carousel_button_next: {
     id: 'fabric.linking.connect_link_account_embed_carousel_button_next.non-final',
     defaultMessage: 'Next',

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

package/dist/cjs/view/EmbedCard/components/carousel/CarouselSlide.compiled.css

@@ -1,3 +1,4 @@
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}

package/dist/cjs/view/EmbedCard/components/carousel/CarouselSlide.js

@@ -31,11 +31,10 @@ var styles = {
   dot: "_2rko1rr0 _1bsbftgi _4t3iftgi _bfhki8nm _1oecfnf5 _k8m01k61 _6fl45ucs _lcxvglyw",
   dotActive: "_bfhkjmqp",
   dotPassable: "_2rko1rr0 _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb7vkz _4t3i7vkz _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
-  icon: "_1o9zidpf _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o",
+  icon: "_2rko12b0 _1reo15vq _18m915vq _1o9zidpf _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o",
   iconImage: "_1bsb1osq _4t3i1osq _5ral1f51",
   image: "_1bsb1osq _c71l1wdt _5ral1f51 _rsufaqso _1e0c1ule",
   rowButton: "_zulpu2gc _1e0c1txw _2lx2vrvc _1n261g80 _4cvr1h6o",
-  rowButtonNavGroup: "_zulpu2gc _1e0c1txw _2lx2vrvc _4cvr1h6o _1o9zidpf",
   rowButtonCompact: "_1bsb1osq",
   rowDot: "_zulpze3t _1e0c1txw _2lx2vrvc _4cvr1h6o",
   rowIcon: "_zulpu2gc _1e0c1txw _4cvr1h6o",
@@ -50,7 +49,6 @@ var CarouselSlide = function CarouselSlide(_ref) {
     image = _ref.image,
     primaryButtonLabel = _ref.primaryButtonLabel,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
-    onBackClick = _ref.onBackClick,
     onDotClick = _ref.onDotClick,
     onNextClick = _ref.onNextClick,
     slideIndex = _ref.slideIndex,
@@ -114,23 +112,17 @@ var CarouselSlide = function CarouselSlide(_ref) {
     xcss: styles.columnContentBody
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     testId: "".concat(testId, "-description")
-  }, description)), (showPrimaryButton && !isCompact || showNavigation && (onNextClick || onBackClick)) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, description)), (showPrimaryButton && !isCompact || showNavigation && onNextClick) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.rowButton
   }, showPrimaryButton && !isCompact && /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "primary",
     onClick: onPrimaryButtonClick,
     testId: "".concat(testId, "-connect")
-  }, primaryButtonLabel), showNavigation && (onBackClick || onNextClick) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.rowButtonNavGroup
-  }, onBackClick && /*#__PURE__*/_react.default.createElement(_new.default, {
-    appearance: "subtle",
-    onClick: onBackClick,
-    testId: "".concat(testId, "-back")
-  }, formatMessage(_messages.messages.connect_link_account_embed_carousel_button_back)), onNextClick && /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, primaryButtonLabel), showNavigation && onNextClick && /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
     onClick: onNextClick,
     testId: "".concat(testId, "-next")
-  }, formatMessage(_messages.messages.connect_link_account_embed_carousel_button_next)))))), showNavigation && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, formatMessage(_messages.messages.connect_link_account_embed_carousel_button_next))))), showNavigation && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.rowDot,
     role: "group",
     "aria-label": formatMessage(_messages.messages.connect_link_account_embed_carousel_dot_row_label)

package/dist/cjs/view/EmbedCard/components/carousel/index.js

@@ -88,12 +88,6 @@ var Carousel = function Carousel(_ref) {
       return (current + 1) % items.length;
     });
   }, [items, activeIndex, onNextClick]);
-  var goPrev = (0, _react.useCallback)(function () {
-    hasNavigated.current = true;
-    setActiveIndex(function (current) {
-      return Math.max(0, current - 1);
-    });
-  }, []);
   var goTo = (0, _react.useCallback)(function (index) {
     if (index === activeIndex) {
       return;
@@ -105,7 +99,6 @@ var Carousel = function Carousel(_ref) {
     onPrimaryButtonClick === null || onPrimaryButtonClick === void 0 || onPrimaryButtonClick(items[activeIndex].id);
   }, [onPrimaryButtonClick, items, activeIndex]);
   var currentSlide = items[activeIndex];
-  var isFirstSlide = activeIndex === 0;
   var isLastSlide = activeIndex === items.length - 1;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     ref: containerRef,
@@ -123,7 +116,6 @@ var Carousel = function Carousel(_ref) {
     image: currentSlide.image,
     title: currentSlide.title,
     onPrimaryButtonClick: onPrimaryButtonClick ? handlePrimaryButtonClick : undefined,
-    onBackClick: !isFirstSlide ? goPrev : undefined,
     onDotClick: goTo,
     onNextClick: !isLastSlide ? goNext : undefined,
     size: size,

package/dist/cjs/view/EmbedCard/views/unauthorized-view/UnauthorizedCarouselView.js

@@ -109,7 +109,8 @@ var UnauthorizedCarouselView = function UnauthorizedCarouselView(_ref) {
         product: parentProduct
       }),
       image: /*#__PURE__*/_react.default.createElement(_SmartLinkBenefitImage.default, {
-        productIcon: parentProductIcon
+        productIcon: parentProductIcon,
+        providerIcon: providerIcon
       })
     }];
 

package/dist/cjs/view/EmbedCard/views/unauthorized-view/carousel-images/IconSlot.compiled.css

@@ -1,4 +1,4 @@
-._18m915vq{overflow-y:hidden}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}

package/dist/cjs/view/EmbedCard/views/unauthorized-view/carousel-images/IconSlot.js

@@ -25,7 +25,7 @@ var IconSlot = function IconSlot(_ref) {
     width: w,
     height: h
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
+    className: (0, _runtime.ax)(["_2rko12b0 _1reo15vq _18m915vq _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
   }, icon));
 };
 var _default = exports.default = IconSlot;

package/dist/cjs/view/EmbedCard/views/unauthorized-view/carousel-images/RovoChatBenefitImage.js

@@ -39,7 +39,7 @@ var RovoChatBenefitImage = function RovoChatBenefitImage(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "100%",
-    viewBox: "0 0 440 580",
+    viewBox: "0 0 440 660",
     preserveAspectRatio: "xMidYMin meet",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -71,26 +71,26 @@ var RovoChatBenefitImage = function RovoChatBenefitImage(_ref) {
     x: "27",
     y: "113",
     width: "340",
-    height: "424",
+    height: "600",
     fill: "black"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     fill: "white",
     x: "27",
     y: "113",
     width: "340",
-    height: "424"
+    height: "600"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V521C364 527.627 358.627 533 352 533H42C35.3726 533 30 527.627 30 521V128Z"
+    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V700H30V128Z"
   })), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V521C364 527.627 358.627 533 352 533H42C35.3726 533 30 527.627 30 521V128Z",
+    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V700H30V128Z",
     fill: "white"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V521C364 527.627 358.627 533 352 533H42C35.3726 533 30 527.627 30 521V128Z",
+    d: "M30 128C30 121.373 35.3726 116 42 116H352C358.627 116 364 121.373 364 128V700H30V128Z",
     fill: "none",
     stroke: "url(#ai_border_gradient)",
     strokeWidth: "3"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M42 116V119H352V116V113H42V116ZM364 128H361V521H364H367V128H364ZM352 533V530H42V533V536H352V533ZM30 521H33V128H30H27V521H30ZM42 533V530C37.0294 530 33 525.971 33 521H30H27C27 529.284 33.7157 536 42 536V533ZM364 521H361C361 525.971 356.971 530 352 530V533V536C360.284 536 367 529.284 367 521H364ZM352 116V119C356.971 119 361 123.029 361 128H364H367C367 119.716 360.284 113 352 113V116ZM42 116V113C33.7157 113 27 119.716 27 128H30H33C33 123.029 37.0294 119 42 119V116Z",
+    d: "M42 116V119H352V116V113H42V116ZM364 128H361V700H364H367V128H364ZM30 700H33V128H30H27V700H30ZM352 116V119C356.971 119 361 123.029 361 128H364H367C367 119.716 360.284 113 352 113V116ZM42 116V113C33.7157 113 27 119.716 27 128H30H33C33 123.029 37.0294 119 42 119V116Z",
     mask: "url(#path-6-outside-1_3120_3148)"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M46 142C46 136.477 50.4772 132 56 132H336C342.627 132 348 137.373 348 144V150C348 151.105 347.105 152 346 152H56C50.4772 152 46 147.523 46 142Z",
@@ -234,7 +234,7 @@ var RovoChatBenefitImage = function RovoChatBenefitImage(_ref) {
     x1: "30",
     y1: "116",
     x2: "364",
-    y2: "533",
+    y2: "700",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: "0%",
@@ -257,7 +257,7 @@ var RovoChatBenefitImage = function RovoChatBenefitImage(_ref) {
   })), /*#__PURE__*/_react.default.createElement("clipPath", {
     id: "paint0_angular_3120_3148_clip_path"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M42 116V119H352V116V113H42V116ZM364 128H361V521H364H367V128H364ZM352 533V530H42V533V536H352V533ZM30 521H33V128H30H27V521H30ZM42 533V530C37.0294 530 33 525.971 33 521H30H27C27 529.284 33.7157 536 42 536V533ZM364 521H361C361 525.971 356.971 530 352 530V533V536C360.284 536 367 529.284 367 521H364ZM352 116V119C356.971 119 361 123.029 361 128H364H367C367 119.716 360.284 113 352 113V116ZM42 116V113C33.7157 113 27 119.716 27 128H30H33C33 123.029 37.0294 119 42 119V116Z"
+    d: "M42 116V119H352V116V113H42V116ZM364 128H361V700H364H367V128H364ZM30 700H33V128H30H27V700H30ZM352 116V119C356.971 119 361 123.029 361 128H364H367C367 119.716 360.284 113 352 113V116ZM42 116V113C33.7157 113 27 119.716 27 128H30H33C33 123.029 37.0294 119 42 119V116Z"
   })), /*#__PURE__*/_react.default.createElement("clipPath", {
     id: "clip0_3120_3148"
   }, /*#__PURE__*/_react.default.createElement("rect", {

package/dist/cjs/view/EmbedCard/views/unauthorized-view/carousel-images/SmartLinkBenefitImage.js

@@ -10,7 +10,8 @@ var _IconSlot = _interopRequireDefault(require("./IconSlot"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
 
 var SmartLinkBenefitImage = function SmartLinkBenefitImage(_ref) {
-  var productIcon = _ref.productIcon;
+  var productIcon = _ref.productIcon,
+    providerIcon = _ref.providerIcon;
   var productIconSlot = /*#__PURE__*/_react.default.createElement(_IconSlot.default, {
     icon: productIcon,
     x: 68,
@@ -18,6 +19,13 @@ var SmartLinkBenefitImage = function SmartLinkBenefitImage(_ref) {
     w: 24,
     h: 24
   });
+  var providerIconSlot = /*#__PURE__*/_react.default.createElement(_IconSlot.default, {
+    icon: providerIcon,
+    x: 98.8,
+    y: 217.1,
+    w: 20,
+    h: 20
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "100%",
     viewBox: "0 0 440 660",
@@ -25,7 +33,8 @@ var SmartLinkBenefitImage = function SmartLinkBenefitImage(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/_react.default.createElement("g", {
-    clipPath: "url(#clip0_3120_9396)",
+    clipPath: "url(#clip0_3120_9396)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
     transform: "scale(1.3) translate(0, 0)"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M366.41 476.854C366.44 476.804 366.44 476.714 366.5 476.644C364.75 475.764 364.55 473.604 363.2 472.314L363.15 472.264C361.78 471.824 362.15 470.454 360.45 470.444C360.45 470.444 360.89 470.224 360.9 470.224C358.14 467.484 351.32 460.754 351.32 460.754C351.17 461.364 352.41 460.304 353.66 460.484C353.66 460.484 353.75 460.254 353.84 460.434C357.03 457.324 360.62 456.134 364.7 454.654C366.74 454.104 367.05 448.334 363.56 450.724C363.52 450.684 363.43 450.654 363.39 450.584C362.17 452.004 360.14 451.484 358.6 452.224L358.54 452.254L355.98 453.504C354.59 454.074 352.94 454.524 351.21 454.964C351.26 454.914 351.31 454.864 351.36 454.814C351.36 454.814 351.54 452.044 351.49 450.674C351.49 450.674 353.24 448.474 352.66 446.964C353.65 445.194 357.17 441.324 353.97 440.224C352.92 440.224 352.1 439.314 351.74 441.004C351.68 440.994 351.6 441.014 351.52 440.984C351.33 442.734 349.26 443.974 348.69 445.634L348.67 445.704C348.81 447.124 347.71 448.524 347.7 448.524C347.18 449.824 346.5 451.244 345.78 452.724C345.48 451.924 345.15 451.214 344.82 450.704C343.62 449.404 344.13 431.644 339.69 435.564C339.9 438.914 340.96 442.404 340.1 445.384C339.68 445.614 340.32 446.804 340.84 447.774C340.8 449.004 340.55 449.664 340.48 451.424C338.28 449.834 328.68 441.784 329.27 447.204C330.3 447.754 331.05 448.384 331.59 449.664C332.09 450.214 336.5 452.694 336.64 453.314C336.35 454.174 341.56 454.864 339.45 455.504C339.76 456.184 340.18 456.834 340.67 457.464C338.39 457.704 335.66 458.374 334.23 459.244C333.98 459.674 324.88 460.254 321.58 462.384C319.61 463.494 317.87 464.044 319.92 465.714C320.66 465.114 323.44 465.974 323.38 465.184C324.06 465.464 328.66 463.704 329.17 464.004C329.42 464.404 333.04 462.284 332.61 463.284C335.12 463.994 338.18 463.414 341.36 462.604C340.1 464.604 338.86 467.454 338.7 469.224C337.62 471.494 334.77 476.514 333.86 479.594C332.56 481.834 333.01 482.014 334.65 483.164L334.68 483.194C335.02 483.424 334.64 483.194 335.93 483.244C335.8 483.124 335.61 482.604 335.36 482.694C335.53 482.344 337.49 481.844 336.67 481.374C336.64 481.304 337.92 480.324 338.05 479.264C339.19 475.484 341.92 473.574 343.94 469.264C343.89 469.714 347.29 478.184 347.13 482.404C346.88 484.484 351.92 487.584 351.19 482.944C351.25 482.924 351.3 482.844 351.39 482.834C350.58 480.924 351.65 478.954 351.23 477.014L351.21 476.934C350.3 475.754 351.35 474.774 349.91 473.814C349.91 473.814 350.4 473.864 350.41 473.874C349.77 471.124 349.37 467.764 348.77 464.754C350.92 466.704 352.81 468.804 353.59 471.114L353.69 470.964C353.69 471.034 353.84 471.084 353.71 471.244C355.52 471.624 356.14 472.384 357.45 472.894C357.45 472.894 358.85 475.424 360.48 475.514L362.96 479.024C364.03 480.834 369.8 479.794 366.45 476.894L366.41 476.854Z",
@@ -260,153 +269,6 @@ var SmartLinkBenefitImage = function SmartLinkBenefitImage(_ref) {
     transform: "matrix(1 -2.23478e-05 -0.000671322 1 103.012 173.165)",
     fill: "#D0DEF2"
   }), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask0_3120_9396",
-    style: {
-      maskType: 'luminance'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M92.3609 167H76.9771V187H92.3609V167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask0_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask1_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask1_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L88.9957 170.182L86.5919 167Z",
-    fill: "#4285F4"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask2_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask2_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M87.0137 172.056L92.3608 177.11V172.455L87.0137 172.056Z",
-    fill: "url(#paint0_linear_3120_9396)"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask3_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask3_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M80.823 181.545H88.5149V180.636H80.823V181.545ZM80.823 183.364H86.5919V182.455H80.823V183.364ZM80.823 177V177.909H88.5149V177H80.823ZM80.823 179.727H88.5149V178.818H80.823V179.727Z",
-    fill: "#F1F1F1"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask4_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask4_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.592 167V171.091C86.592 171.844 87.2374 172.455 88.0343 172.455H92.361L86.592 167Z",
-    fill: "#A1C2FA"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask5_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask5_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M78.4193 167C77.6261 167 76.9771 167.614 76.9771 168.364V168.477C76.9771 167.727 77.6261 167.114 78.4193 167.114H86.5919V167H78.4193Z",
-    fill: "white",
-    fillOpacity: "0.2"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask6_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask6_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M90.9186 186.886H78.4193C77.6261 186.886 76.9771 186.272 76.9771 185.522V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V185.522C92.3609 186.272 91.7119 186.886 90.9186 186.886Z",
-    fill: "#1A237E",
-    fillOpacity: "0.2"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
-    id: "mask7_3120_9396",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "76",
-    y: "167",
-    width: "17",
-    height: "20"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "white"
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    mask: "url(#mask7_3120_9396)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M88.0343 172.454C87.2374 172.454 86.592 171.844 86.592 171.091V171.204C86.592 171.958 87.2374 172.568 88.0343 172.568H92.361V172.454H88.0343Z",
-    fill: "#1A237E",
-    fillOpacity: "0.1"
-  })), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M86.5919 167H78.4193C77.6261 167 76.9771 167.614 76.9771 168.364V185.636C76.9771 186.386 77.6261 187 78.4193 187H90.9186C91.7119 187 92.3609 186.386 92.3609 185.636V172.455L86.5919 167Z",
-    fill: "url(#paint1_radial_3120_9396)"
-  })), /*#__PURE__*/_react.default.createElement("mask", {
     id: "path-49-inside-1_3120_9396",
     fill: "white"
   }, /*#__PURE__*/_react.default.createElement("path", {
@@ -449,7 +311,7 @@ var SmartLinkBenefitImage = function SmartLinkBenefitImage(_ref) {
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M82.7198 134.846C85.0673 136.492 82.5184 138.446 84.4665 139.99C88.1502 142.366 87.5201 123.15 84.0027 123.526C81.095 124.254 83.8998 133.561 82.7198 134.846Z",
     fill: "#101214"
-  }), productIconSlot), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+  }), productIconSlot), providerIconSlot), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "paint0_linear_3120_9396",
     x1: "89.6875",
     y1: "172.49",

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

@@ -150,7 +150,10 @@ var EmbedModal = function EmbedModal(_ref) {
       window.removeEventListener('blur', handleWindowBlur);
     };
   }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/design-system/no-modal-label
+  _react.default.createElement(_modalDialog.default, {
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -39,24 +39,28 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
   var _useModal = (0, _modalDialog.useModal)(),
     titleId = _useModal.titleId;
   var showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
-    hasCloseButton: true
-  }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
-    alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.iconStyle
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    ,
-    backgroundColor: "color.background.accent.green.subtlest"
-  }, /*#__PURE__*/React.createElement(_automation.default, {
-    size: "small",
-    label: formatMessage(i18n.modalHeaderIconLabel),
-    color: "var(--ds-icon-accent-green, #22A06B)",
-    spacing: "compact"
-  })), /*#__PURE__*/React.createElement(_heading.default, {
-    size: "medium",
-    id: titleId
-  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.modalDescriptionStyle
-  }, modalDescription)));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/use-modal-title
+    React.createElement(_modalDialog.ModalHeader, {
+      hasCloseButton: true
+    }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
+      alignBlock: "center"
+    }, /*#__PURE__*/React.createElement(_compiled.Box, {
+      xcss: styles.iconStyle
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+      ,
+      backgroundColor: "color.background.accent.green.subtlest"
+    }, /*#__PURE__*/React.createElement(_automation.default, {
+      size: "small",
+      label: formatMessage(i18n.modalHeaderIconLabel),
+      color: "var(--ds-icon-accent-green, #22A06B)",
+      spacing: "compact"
+    })), /*#__PURE__*/React.createElement(_heading.default, {
+      size: "medium",
+      id: titleId
+    }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(_compiled.Box, {
+      xcss: styles.modalDescriptionStyle
+    }, modalDescription)))
+  );
 };

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.16.2",
+  packageVersion: "45.16.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-dropbox-in-atlas-slide1--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb8e2c6668c03d9b10d7e9c792af8e2695226173eb5ed35c269755dd23e0b6d7
+size 22119

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:70a34992507a11771133a5f3020a368f59df80e92f532f0ccb72c81a0500b32d
-size 20272
+oid sha256:9da579a4acb5203522ae238674ae73efa2b6da2637ca1ba3d0206d9182dfc999
+size 20262

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide2--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9f6798fb6ccf3c433009df2f36833d9a174578fa7f4817a5aecb64d78fd5fac2
-size 28416
+oid sha256:acba7f46ca259ef01df8ac10afb89e1b13143951dab5cfdf1237a9fbbfeb76f3
+size 27767

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-figma-in-trello-slide3--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ea04e0caa3568400707890b20a8db1ce771d04715961a72c94436b192aefd878
-size 35747
+oid sha256:2ed2afe5cd757af7385a50902d2c8359fefe184154c225473bd1fb9776a2a60b
+size 34198

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:859558a0092c4a43775d7c6d2744122d3599276194e671c12a67f2e5577c2b09
-size 24774
+oid sha256:c10e9ce6c1f2c0b23917e620bd2969aa550482339adbabb0d7c4cb6d8bf9edfb
+size 24670

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide2--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c486045b1cefe06abb599a83ad867d28bcbdf43643007efbea6e1216317b88f9
-size 31418
+oid sha256:f9e29f02f3ae327dcd79446a4d71557d4d0aede2a6eeb5e805b8d8e2d6383935
+size 30758

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorized-carousel-google-in-confluence-slide3--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:423f77b21e6e3097891c741648ab161a57865491be80dfd4618e37a0fc2586a0
-size 36826
+oid sha256:b606548b4c33c5a659dc4dcc345e66f5c1450210b0fded990b12e18da88ad0e9
+size 35283

package/dist/es2019/messages.js

@@ -175,11 +175,6 @@ export const messages = defineMessages({
     defaultMessage: 'Slides',
     description: 'Accessible label for the group of dot indicator buttons in the teaser carousel'
   },
-  connect_link_account_embed_carousel_button_back: {
-    id: 'fabric.linking.connect_link_account_embed_carousel_button_back.non-final',
-    defaultMessage: 'Back',
-    description: 'Label for the back button in the embed card carousel teaser'
-  },
   connect_link_account_embed_carousel_button_next: {
     id: 'fabric.linking.connect_link_account_embed_carousel_button_next.non-final',
     defaultMessage: 'Next',

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: "45.16.2" || ''
+  packageVersion: "45.16.3" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedCard/components/carousel/CarouselSlide.compiled.css

@@ -1,3 +1,4 @@
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._zulp1ejb{gap:var(--ds-space-300,24px)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}