@atlaskit/smart-card 26.44.0 → 26.44.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.44.2
+
+### Patch Changes
+
+- [#63677](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63677) [`f320c8ce5039`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f320c8ce5039) - This package has been added to the Jira push model.
+
+## 26.44.1
+
+### Patch Changes
+
+- [#66140](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66140) [`699994b1ab74`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/699994b1ab74) - Convert the InlineCard Frame to css object syntax to restore link color to the anchor.
+- Updated dependencies
+
 ## 26.44.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.44.0"
+  packageVersion: "26.44.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,33 +5,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WrapperSpan = exports.WrapperAnchor = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(_colors.N40, ")"), ";\n  }\n");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")")),
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+  }
+};
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
-    return "\n      :active {\n        background-color: ".concat("var(--ds-background-selected, ".concat(_colors.B50, ")"), ";\n      }\n      :focus {\n        ", selected, "\n      }\n    ");
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 var isSelected = function isSelected(_ref2) {
   var isSelected = _ref2.isSelected;
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
   }
 };
-var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";");
+var hoveredStyles = {
+  borderColor: "var(--ds-border-accent-blue, ".concat(_colors.B200, ")")
+};
 var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
-  return "\n  ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
+  if (props.withoutBackground) {
+    return undefined;
+  }
+  return {
+    textDecoration: 'none'
+  };
 };
 var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
-  return "\n    ".concat(hoveredStyles, "\n    ").concat(activeHoveredFocusedStyles(props), ";\n");
+  return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
 };
 
 /*
@@ -46,10 +71,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n  color: ", "var(--ds-link, ".concat(_colors.B400, ")"), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";"), "\n  &:hover {\n    ").concat(hoveredStyles, "\n  }\n  &, :hover, :focus, :active {\n    ").concat(activeHoveredFocusedStyles(props), "\n  }\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
+var baseWrapperStyles = function baseWrapperStyles(props) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    lineHeight: '22px',
+    padding: "var(--ds-space-025, 2px)".concat(" 0px")
+  }, props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined), {}, {
+    display: 'inline',
+    boxDecorationBreak: 'clone',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    color: "var(--ds-link, ".concat(_colors.B400, ")")
+  }, props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }), isSelected(props)), props.withoutBackground ? undefined : {
+    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+  }), {}, {
+    '&:hover': hoveredStyles,
+    '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+    transition: '0.1s all ease-in-out',
+    MozUserSelect: 'none'
+  }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
-var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(function (props) {
+  return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
+});
 WrapperAnchor.displayName = 'WrapperAnchor';
-var WrapperSpan = exports.WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
+var WrapperSpan = exports.WrapperSpan = _styled.default.span(function (props) {
+  return _objectSpread({}, baseWrapperStyles(props));
+});
 WrapperSpan.displayName = 'WrapperSpan';

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

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

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

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

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

@@ -1,50 +1,56 @@
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
-const selected = `
-  cursor: pointer;
-  box-shadow: 0 0 0 2px ${`var(--ds-border-selected, ${B100})`};
-  outline: none;
-  user-select: none;
-  &, :hover, :focus, :active {
-    text-decoration: none;
+const selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: `0 0 0 2px ${`var(--ds-border-selected, ${B100})`}`,
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: `1px solid ${`var(--ds-border, ${N40})`}`
   }
-  &:hover {
-    border: 1px solid ${`var(--ds-border, ${N40})`};
-  }
-`;
+};
 const isInteractive = ({
   isInteractive
 }) => {
   if (isInteractive) {
-    return `
-      :active {
-        background-color: ${`var(--ds-background-selected, ${B50})`};
-      }
-      :focus {
-        ${selected}
-      }
-    `;
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: `var(--ds-background-selected, ${B50})`
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 const isSelected = ({
   isSelected
 }) => {
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
+  }
+};
+const hoveredStyles = {
+  borderColor: `var(--ds-border-accent-blue, ${B200})`
+};
+const activeHoveredFocusedStyles = props => {
+  if (props.withoutBackground) {
+    return undefined;
   }
+  return {
+    textDecoration: 'none'
+  };
 };
-const hoveredStyles = `border-color: ${`var(--ds-border-accent-blue, ${B200})`};`;
-const activeHoveredFocusedStyles = props => `
-  ${props.withoutBackground ? '' : 'text-decoration: none;'};
-`;
-const hoveredWihBorderStyles = props => `
-    ${hoveredStyles}
-    ${activeHoveredFocusedStyles(props)};
-`;
+const hoveredWihBorderStyles = props => ({
+  ...hoveredStyles,
+  ...activeHoveredFocusedStyles(props)
+});
 
 /*
   Inline smart cards should have the following layout:
@@ -58,37 +64,38 @@ const hoveredWihBorderStyles = props => `
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-const baseWrapperStyle = props => `
-  line-height: 22px;
-  padding: 2px 0px;
-  ${props.withoutBackground ? `padding-left: 0; margin-left:-2px;` : ''}
-  display: inline;
-  box-decoration-break: clone;
-  border-radius: ${"var(--ds-border-radius-100, 4px)"};
-  color: ${`var(--ds-link, ${B400})`};
-
-  background-color: ${props.withoutBackground ? '' : "var(--ds-surface-raised, white)"};
-
-  ${isSelected(props)};
-
-  ${props.withoutBackground ? '' : `border: 1px solid ${`var(--ds-border, ${N40})`};`}
-  &:hover {
-    ${hoveredStyles}
-  }
-  &, :hover, :focus, :active {
-    ${activeHoveredFocusedStyles(props)}
-  }
-  transition: 0.1s all ease-in-out;
-  -moz-user-select: none;
+const baseWrapperStyles = props => ({
+  lineHeight: '22px',
+  padding: `${"var(--ds-space-025, 2px)"} 0px`,
+  ...(props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined),
+  display: 'inline',
+  boxDecorationBreak: 'clone',
+  borderRadius: "var(--ds-border-radius-100, 4px)",
+  color: `var(--ds-link, ${B400})`,
+  ...(props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }),
+  ...isSelected(props),
+  ...(props.withoutBackground ? undefined : {
+    border: `1px solid ${`var(--ds-border, ${N40})`}`
+  }),
+  '&:hover': hoveredStyles,
+  '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+  transition: '0.1s all ease-in-out',
+  MozUserSelect: 'none',
+  // -moz-user-select
 
-  ${props.isHovered && hoveredWihBorderStyles(props)};
-`;
-export const WrapperAnchor = styled.a`
-  ${baseWrapperStyle}
-  ${isInteractive}
-`;
+  ...(props.isHovered ? hoveredWihBorderStyles(props) : undefined)
+});
+export const WrapperAnchor = styled.a(props => ({
+  ...baseWrapperStyles(props),
+  ...isInteractive(props)
+}));
 WrapperAnchor.displayName = 'WrapperAnchor';
-export const WrapperSpan = styled.span`
-  ${baseWrapperStyle}
-`;
+export const WrapperSpan = styled.span(props => ({
+  ...baseWrapperStyles(props)
+}));
 WrapperSpan.displayName = 'WrapperSpan';

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.44.0",
+  packageVersion: "26.44.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

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

@@ -1,30 +1,55 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";\n  }\n");
+var selectedStyles = {
+  cursor: 'pointer',
+  boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")")),
+  outline: 'none',
+  userSelect: 'none',
+  '&, :hover, :focus, :active': {
+    textDecoration: 'none'
+  },
+  '&:hover': {
+    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+  }
+};
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
-    return "\n      :active {\n        background-color: ".concat("var(--ds-background-selected, ".concat(B50, ")"), ";\n      }\n      :focus {\n        ", selected, "\n      }\n    ");
-  } else {
-    return '';
+    return {
+      ':active': {
+        backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
+      },
+      ':focus': selectedStyles
+    };
   }
+  return undefined;
 };
 var isSelected = function isSelected(_ref2) {
   var isSelected = _ref2.isSelected;
   if (isSelected) {
-    return selected;
+    return selectedStyles;
   } else {
-    return 'user-select: text';
+    return {
+      userSelect: 'text'
+    };
   }
 };
-var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(B200, ")"), ";");
+var hoveredStyles = {
+  borderColor: "var(--ds-border-accent-blue, ".concat(B200, ")")
+};
 var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
-  return "\n  ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
+  if (props.withoutBackground) {
+    return undefined;
+  }
+  return {
+    textDecoration: 'none'
+  };
 };
 var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
-  return "\n    ".concat(hoveredStyles, "\n    ").concat(activeHoveredFocusedStyles(props), ";\n");
+  return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
 };
 
 /*
@@ -39,10 +64,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 22px;\n  padding: 2px 0px;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n  color: ", "var(--ds-link, ".concat(B400, ")"), ";\n\n  background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";"), "\n  &:hover {\n    ").concat(hoveredStyles, "\n  }\n  &, :hover, :focus, :active {\n    ").concat(activeHoveredFocusedStyles(props), "\n  }\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
+var baseWrapperStyles = function baseWrapperStyles(props) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    lineHeight: '22px',
+    padding: "var(--ds-space-025, 2px)".concat(" 0px")
+  }, props.withoutBackground ? {
+    paddingLeft: 0,
+    marginLeft: "var(--ds-space-negative-025, -2px)"
+  } : undefined), {}, {
+    display: 'inline',
+    boxDecorationBreak: 'clone',
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    color: "var(--ds-link, ".concat(B400, ")")
+  }, props.withoutBackground ? undefined : {
+    backgroundColor: "var(--ds-surface-raised, white)"
+  }), isSelected(props)), props.withoutBackground ? undefined : {
+    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
+  }), {}, {
+    '&:hover': hoveredStyles,
+    '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
+    transition: '0.1s all ease-in-out',
+    MozUserSelect: 'none'
+  }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
-export var WrapperAnchor = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+export var WrapperAnchor = styled.a(function (props) {
+  return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
+});
 WrapperAnchor.displayName = 'WrapperAnchor';
-export var WrapperSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), baseWrapperStyle);
+export var WrapperSpan = styled.span(function (props) {
+  return _objectSpread({}, baseWrapperStyles(props));
+});
 WrapperSpan.displayName = 'WrapperSpan';

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.44.0",
+  packageVersion: "26.44.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.44.0",
+  "version": "26.44.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,6 +17,9 @@
   "atlassian": {
     "team": "Linking Platform",
     "releaseModel": "continuous",
+    "productPushConsumption": [
+      "jira"
+    ],
     "website": {
       "name": "Smart Card"
     }
@@ -39,13 +42,13 @@
     "@atlaskit/link-extractors": "^1.2.0",
     "@atlaskit/linking-common": "^5.3.0",
     "@atlaskit/linking-types": "^8.5.0",
-    "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/lozenge": "^11.5.0",
+    "@atlaskit/logo": "^13.15.0",
+    "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.11.0",
-    "@atlaskit/primitives": "^1.16.0",
+    "@atlaskit/primitives": "^1.17.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.33.0",
@@ -73,7 +76,7 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/analytics-listeners": "^8.7.0",
+    "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/css-reset": "^6.6.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",