@atlaskit/teams-public 0.56.0 → 0.56.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/teams-public
 
+## 0.56.2
+
+### Patch Changes
+
+- [`806cfe1c4e6b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/806cfe1c4e6b7) -
+  Internal changes to how border radius is applied.
+
+## 0.56.1
+
+### Patch Changes
+
+- [`d28c4180ae756`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d28c4180ae756) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 0.56.0
 
 ### Minor Changes

package/dist/cjs/common/ui/container-icon/index.compiled.css

@@ -1,6 +1,6 @@
 
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1bah1h6o{justify-content:center}

package/dist/cjs/common/ui/container-icon/index.js

@@ -14,9 +14,9 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _loomAvatar = require("../loom-avatar");
 var styles = {
-  linkIconWrapperMedium: "_2rkopd34 _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
+  linkIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
   linkIconWrapperSmall: "_2rkogqwt _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12jimuej _1qu2nqa1 _bfhkqbzx",
-  skeletonMedium: "_2rkopd34 _bfhkn82g _1bsb1u1b _4t3i1u1b",
+  skeletonMedium: "_2rko1mok _bfhkn82g _1bsb1u1b _4t3i1u1b",
   skeletonSmall: "_2rkogqwt _bfhkn82g _1bsb1tcg _4t3i1tcg"
 };
 var IconSkeleton = function IconSkeleton(_ref) {

package/dist/cjs/common/ui/loom-avatar/main.compiled.css

@@ -1,6 +1,6 @@
 ._11c8140y{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}

package/dist/cjs/common/ui/loom-avatar/main.js

@@ -27,6 +27,6 @@ function LoomSpaceAvatar(_ref) {
       backgroundColor: containerColor,
       color: textColor
     },
-    className: (0, _runtime.ax)(["_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c8140y _4t3i1tcg _1bsb1tcg" : "_11c8lodh _4t3izwfg _1bsbzwfg"])
+    className: (0, _runtime.ax)(["_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c8140y _4t3i1tcg _1bsb1tcg" : "_11c8lodh _4t3izwfg _1bsbzwfg"])
   }, avatarText);
 }

package/dist/cjs/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,7 +1,7 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/cjs/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../../common/utils/get-container-properties");
 var styles = {
-  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  container: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
   avatarSkeleton: "_2rkoglpi _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa"

package/dist/cjs/i18n/en.js

@@ -13,15 +13,19 @@ exports.default = void 0;
  */
 //
 var _default = exports.default = {
+  'platform.teams.containers.add-web-link': 'Add Web Link',
   'platform.teams.containers.empty-web-link-description': 'Add any web link',
   'platform.teams.containers.web-link-title-description': 'Web link',
   'ptc-directory.team-containers.disconnect-button.tooltip': 'Disconnect',
   'ptc-directory.team-containers.edit-link': 'Edit link',
   'ptc-directory.team-containers.remove-link': 'Remove',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': 'Add Confluence Space',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': 'Confluence',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': 'Add space',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': 'Add Jira Project',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': 'Jira',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': 'Add project',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': 'Add Loom Space',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': 'Loom',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': 'Add space',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': 'Create a knowledge bank',

package/dist/cjs/i18n/en_GB.js

@@ -13,15 +13,19 @@ exports.default = void 0;
  */
 //English (United Kingdom)
 var _default = exports.default = {
+  'platform.teams.containers.add-web-link': 'Add Web Link',
   'platform.teams.containers.empty-web-link-description': 'Add any web link',
   'platform.teams.containers.web-link-title-description': 'Web link',
   'ptc-directory.team-containers.disconnect-button.tooltip': 'Disconnect',
   'ptc-directory.team-containers.edit-link': 'Edit link',
   'ptc-directory.team-containers.remove-link': 'Remove',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': 'Add Confluence Space',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': 'Confluence',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': 'Add space',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': 'Add Jira Project',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': 'Jira',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': 'Add project',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': 'Add Loom Space',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': 'Loom',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': 'Add space',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': 'Create a knowledge bank',

package/dist/cjs/i18n/en_ZZ.js

@@ -13,15 +13,19 @@ exports.default = void 0;
  */
 //
 var _default = exports.default = {
+  'platform.teams.containers.add-web-link': '⁣⁢Add Web Link‌‍‌⁡؜⁠؜⁡⁣⁤',
   'platform.teams.containers.empty-web-link-description': '⁣⁢Add any web link⁡‌‌⁠‌؜؜‌‌؜⁣⁤',
   'platform.teams.containers.web-link-title-description': '⁣⁢Web link⁡‍‌⁡‍‍‍⁡⁡‌⁠‌⁠⁣⁤',
   'ptc-directory.team-containers.disconnect-button.tooltip': '⁣⁢Disconnect؜؜⁡‍‌⁡؜‌؜⁡؜⁣⁤',
   'ptc-directory.team-containers.edit-link': '⁣⁢Edit link؜؜⁠⁡⁡؜⁠⁡⁣⁤',
   'ptc-directory.team-containers.remove-link': '⁣⁢Remove‌⁡⁡‌‍؜⁠‍⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': '⁣⁢Add Confluence Space‍⁡⁡⁡‌⁡‍‌؜؜⁡⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': '⁣⁢Confluence⁡‍⁡؜‌⁡‍؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': '⁣⁢Add space⁡⁠‍؜‍⁡⁡⁠‌⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': '⁣⁢Add Jira Project⁡⁡‌⁠⁠⁠‌⁡⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': '⁣⁢Jira‌‌⁡⁠؜؜‍⁡؜‌‌؜⁡‌⁠⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': '⁣⁢Add project؜‍‌⁠‌‍⁡⁡‍‌‍؜⁡؜⁡؜⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': '⁣⁢Add Loom Space⁡⁠⁡⁡‌؜⁠⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': '⁣⁢Loom‍⁡⁡⁡‍‍‌‌⁠؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': '⁣⁢Add space؜⁠‌‍‍⁡‍‍؜⁡؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': '⁣⁢Create a knowledge bank⁡؜‌⁡‍‌⁡؜؜‍⁣⁤',

package/dist/cjs/next/index.js

@@ -15,5 +15,12 @@ Object.defineProperty(exports, "TeamContainerSkeleton", {
     return _teamContainerSkeleton.TeamContainerSkeleton;
   }
 });
+Object.defineProperty(exports, "TeamLinkCard", {
+  enumerable: true,
+  get: function get() {
+    return _teamLinkCard.TeamLinkCard;
+  }
+});
 var _teamContainerSkeleton = require("./common/ui/team-container-skeleton");
-var _addContainerCard = require("./ui/team-containers/add-container-card");
+var _addContainerCard = require("./ui/team-containers/add-container-card");
+var _teamLinkCard = require("./ui/team-containers/team-link-card");

package/dist/cjs/next/ui/team-containers/add-container-card/index.compiled.css

@@ -1,12 +1,12 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
-._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rkoy0do{border-radius:var(--ds-radius-small,8px)}._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._1bsb1osq{width:100%}
 ._4cvr1h6o{align-items:center}
-._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
+._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._d0altlke:hover{cursor:pointer}
-._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}

package/dist/cjs/next/ui/team-containers/add-container-card/index.js

@@ -14,8 +14,8 @@ var _getContainerProperties = require("../../../../common/utils/get-container-pr
 var _teamContainerSkeleton = require("../../../common/ui/team-container-skeleton");
 var styles = {
   card: "_4cvr1h6o _1bsb1osq",
-  container: "_2rkoop52 _ca0qutpp _u5f312x7 _n3tdutpp _19bv12x7 _bfhk1j9a _d0altlke _irr31d5g",
-  iconWrapper: "_2rkoiti9 _syaz131l"
+  container: "_2rkoy0do _ca0qutpp _u5f312x7 _n3tdutpp _19bv12x7 _bfhkhp5a _d0altlke _irr3108i",
+  iconWrapper: "_2rko12b0 _syaz131l"
 };
 var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
   var children = _ref.children,

package/dist/cjs/next/ui/team-containers/team-link-card/index.compiled.css

@@ -0,0 +1,27 @@
+
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
+._16jlkb7n{flex-grow:1}
+._18u01wug{margin-left:auto}
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._1bahesu3{justify-content:flex-end}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1hmsglyw{text-decoration-line:none}
+._1o9zkb7n{flex-shrink:1}
+._4bfu1r31{text-decoration-color:currentColor}
+._4cvr1h6o{align-items:center}
+._ajmmnqa1{text-decoration-style:solid}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._i0dlf1ug{flex-basis:0%}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}._10531fxt:visited{color:var(--ds-text,#172b4d)}
+._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
+._1hvw1bk5:focus{outline-width:var(--ds-border-width-outline,2px)}
+._49pcnqa1:focus{outline-style:solid}
+._nt751p6i:focus{outline-color:var(--ds-border-focused,#388bff)}
+._1bnxglyw:hover{text-decoration-line:none}
+._30l31fxt:hover{color:var(--ds-text,#172b4d)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}

package/dist/cjs/next/ui/team-containers/team-link-card/index.js

@@ -0,0 +1,175 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamLinkCard = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _containerIcon = require("../../../../common/ui/container-icon");
+var _teamLinkCardActions = require("../../../../common/ui/team-link-card-actions");
+var _analytics = require("../../../../common/utils/analytics");
+var _getContainerProperties = require("../../../../common/utils/get-container-properties");
+var _getLinkDomain = require("../../../../common/utils/get-link-domain");
+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); }
+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 styles = {
+  container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syaz1fxt",
+  card: "_4cvr1h6o _1bsb1osq",
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syaz1fxt _10531fxt _1hvw1bk5 _nt751p6i _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l31fxt",
+  crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
+  showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
+  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
+};
+var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
+  var containerType = _ref.containerType,
+    title = _ref.title,
+    containerIcon = _ref.containerIcon,
+    link = _ref.link,
+    containerId = _ref.containerId,
+    containerTypeProperties = _ref.containerTypeProperties,
+    _onDisconnectButtonClick = _ref.onDisconnectButtonClick,
+    _onEditLinkClick = _ref.onEditLinkClick,
+    iconsLoading = _ref.iconsLoading,
+    iconHasLoaded = _ref.iconHasLoaded,
+    openInNewTab = _ref.openInNewTab,
+    isReadOnly = _ref.isReadOnly;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)({
+      containerType: containerType,
+      iconSize: 'medium',
+      containerTypeProperties: containerTypeProperties
+    }),
+    description = _getContainerProperti.description,
+    containerTypeText = _getContainerProperti.containerTypeText;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isDropdownOpen = _useState6[0],
+    setIsDropdownOpen = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    showKeyboardFocus = _useState8[0],
+    setShowKeyboardFocus = _useState8[1];
+  var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
+    fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
+  var handleMouseEnter = function handleMouseEnter() {
+    setHovered(true);
+  };
+  var handleFocus = function handleFocus() {
+    setFocused(true);
+  };
+  var handleBlur = function handleBlur() {
+    setFocused(false);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setHovered(false);
+  };
+  var handleIconClick = function handleIconClick() {
+    setShowKeyboardFocus(false);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter' || e.key === ' ' || e.key === 'Tab' || e.key === 'Escape') {
+      setShowKeyboardFocus(true);
+    }
+  };
+  var handleLinkClick = function handleLinkClick(e) {
+    var baseAttributes = {
+      container: containerType,
+      containerId: containerId
+    };
+    var attributes = containerType === 'WebLink' && link ? {
+      containerSelected: _objectSpread(_objectSpread({}, baseAttributes), {}, {
+        linkDomain: (0, _getLinkDomain.getDomainFromLinkUri)(link)
+      })
+    } : {
+      containerSelected: baseAttributes
+    };
+    fireUIEvent(createAnalyticsEvent, {
+      action: _analytics.AnalyticsAction.CLICKED,
+      actionSubject: 'container',
+      actionSubjectId: 'teamContainer',
+      attributes: attributes
+    });
+    if (openInNewTab) {
+      e.preventDefault();
+      window.open(link || '#', '_blank', 'noopener, noreferrer');
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: hovered ? 'elevation.surface.hovered' : 'elevation.surface.raised',
+    xcss: styles.container,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    testId: "team-link-card-inner"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.100",
+    xcss: styles.card
+  }, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
+    containerType: containerType,
+    title: title,
+    containerIcon: containerIcon,
+    size: "small",
+    iconsLoading: iconsLoading,
+    iconHasLoaded: iconHasLoaded
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+    xcss: styles.anchor,
+    href: link || '#',
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.025"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, containerTypeText))))), !isReadOnly && /*#__PURE__*/_react.default.createElement(_teamLinkCardActions.TeamLinkCardActions, {
+    containerType: containerType,
+    title: title,
+    containerId: containerId,
+    hovered: hovered,
+    focused: focused,
+    isDropdownOpen: isDropdownOpen,
+    showKeyboardFocus: showKeyboardFocus,
+    onDisconnectButtonClick: function onDisconnectButtonClick() {
+      handleIconClick();
+      _onDisconnectButtonClick();
+    },
+    onEditLinkClick: function onEditLinkClick() {
+      handleIconClick();
+      _onEditLinkClick === null || _onEditLinkClick === void 0 || _onEditLinkClick();
+    },
+    onDropdownOpenChange: setIsDropdownOpen
+  })));
+};

package/dist/cjs/ui/team-containers/add-container-card/index.compiled.css

@@ -1,6 +1,6 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
-._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rkoy0do{border-radius:var(--ds-radius-small,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
 ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
 ._1bsb1osq{width:100%}

package/dist/cjs/ui/team-containers/add-container-card/index.js

@@ -22,8 +22,8 @@ var _addContainerCardButton = require("./add-container-card-button");
 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 = {
   card: "_4cvr1h6o _1bsb1osq",
-  container: "_2rkoop52 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
-  iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
+  container: "_2rkoy0do _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
+  iconWrapper: "_2rko12b0 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
 };
 var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
   var children = _ref.children,

package/dist/cjs/ui/team-containers/linked-container-card/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}
+._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
 ._18u01wug{margin-left:auto}

package/dist/cjs/ui/team-containers/linked-container-card/index.js

@@ -33,11 +33,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 var styles = {
-  container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
+  container: "_2rkoy0do _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
   card: "_4cvr1h6o _1bsb1osq",
   iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
   crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  linkIconWrapper: "_2rkoop52 _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx"
+  linkIconWrapper: "_2rkoy0do _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx"
 };
 var LinkedCardWrapper = function LinkedCardWrapper(_ref) {
   var children = _ref.children,

package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
 ._18zrxy5q{padding-inline:var(--ds-space-400,2pc)}

package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js

@@ -15,8 +15,8 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _noProductAccessIcon = require("./no-product-access-icon");
 var styles = {
-  emptyStateContainer: "_2rkoiti9 _189ee4h9 _1h6dmuej _18zrxy5q _12y3e4h9 _12jimuej _1qu2nqa1",
-  emptyStateContainerNext: "_2rkoiti9 _189ee4h9 _1h6dmuej _18zrpxbi _1rjcpxbi _12y3e4h9 _12jimuej _1qu2nqa1",
+  emptyStateContainer: "_2rko12b0 _189ee4h9 _1h6dmuej _18zrxy5q _12y3e4h9 _12jimuej _1qu2nqa1",
+  emptyStateContainerNext: "_2rko12b0 _189ee4h9 _1h6dmuej _18zrpxbi _1rjcpxbi _12y3e4h9 _12jimuej _1qu2nqa1",
   contentWrapper: "_bozgxy5q"
 };
 var NoProductAccessState = exports.NoProductAccessState = function NoProductAccessState() {

package/dist/cjs/ui/team-containers/team-link-card/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}
+._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/cjs/ui/team-containers/team-link-card/index.js

@@ -34,9 +34,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 styles = {
-  container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
+  container: "_2rkoy0do _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
   card: "_4cvr1h6o _1bsb1osq",
-  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoop52 _1bsb1osq _syaz1fxt _10531fxt _1hvw1bk5 _nt751p6i _49pcnqa1 _1bg4v77o _30l31fxt",
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syaz1fxt _10531fxt _1hvw1bk5 _nt751p6i _49pcnqa1 _1bg4v77o _30l31fxt",
   iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
   crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
   showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",

package/dist/es2019/common/ui/container-icon/index.compiled.css

@@ -1,6 +1,6 @@
 
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1bah1h6o{justify-content:center}

package/dist/es2019/common/ui/container-icon/index.js

@@ -7,9 +7,9 @@ import LinkIcon from '@atlaskit/icon/core/link';
 import { Box } from '@atlaskit/primitives/compiled';
 import { LoomSpaceAvatar } from '../loom-avatar';
 const styles = {
-  linkIconWrapperMedium: "_2rkopd34 _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
+  linkIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
   linkIconWrapperSmall: "_2rkogqwt _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12jimuej _1qu2nqa1 _bfhkqbzx",
-  skeletonMedium: "_2rkopd34 _bfhkn82g _1bsb1u1b _4t3i1u1b",
+  skeletonMedium: "_2rko1mok _bfhkn82g _1bsb1u1b _4t3i1u1b",
   skeletonSmall: "_2rkogqwt _bfhkn82g _1bsb1tcg _4t3i1tcg"
 };
 const IconSkeleton = ({

package/dist/es2019/common/ui/loom-avatar/main.compiled.css

@@ -1,6 +1,6 @@
 ._11c8140y{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6dmuej{border-color:var(--ds-border,#091e4224)}

package/dist/es2019/common/ui/loom-avatar/main.js

@@ -18,6 +18,6 @@ export function LoomSpaceAvatar({
       backgroundColor: containerColor,
       color: textColor
     },
-    className: ax(["_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c8140y _4t3i1tcg _1bsb1tcg" : "_11c8lodh _4t3izwfg _1bsbzwfg"])
+    className: ax(["_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c8140y _4t3i1tcg _1bsb1tcg" : "_11c8lodh _4t3izwfg _1bsbzwfg"])
   }, avatarText);
 }

package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,7 +1,7 @@
 
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}

package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../../common/utils/get-container-properties';
 const styles = {
-  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  container: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
   avatarSkeleton: "_2rkoglpi _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa"

package/dist/es2019/i18n/en.js

@@ -7,15 +7,19 @@
  */
 //
 export default {
+  'platform.teams.containers.add-web-link': 'Add Web Link',
   'platform.teams.containers.empty-web-link-description': 'Add any web link',
   'platform.teams.containers.web-link-title-description': 'Web link',
   'ptc-directory.team-containers.disconnect-button.tooltip': 'Disconnect',
   'ptc-directory.team-containers.edit-link': 'Edit link',
   'ptc-directory.team-containers.remove-link': 'Remove',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': 'Add Confluence Space',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': 'Confluence',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': 'Add space',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': 'Add Jira Project',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': 'Jira',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': 'Add project',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': 'Add Loom Space',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': 'Loom',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': 'Add space',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': 'Create a knowledge bank',

package/dist/es2019/i18n/en_GB.js

@@ -7,15 +7,19 @@
  */
 //English (United Kingdom)
 export default {
+  'platform.teams.containers.add-web-link': 'Add Web Link',
   'platform.teams.containers.empty-web-link-description': 'Add any web link',
   'platform.teams.containers.web-link-title-description': 'Web link',
   'ptc-directory.team-containers.disconnect-button.tooltip': 'Disconnect',
   'ptc-directory.team-containers.edit-link': 'Edit link',
   'ptc-directory.team-containers.remove-link': 'Remove',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': 'Add Confluence Space',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': 'Confluence',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': 'Add space',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': 'Add Jira Project',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': 'Jira',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': 'Add project',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': 'Add Loom Space',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': 'Loom',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': 'Add space',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': 'Create a knowledge bank',

package/dist/es2019/i18n/en_ZZ.js

@@ -7,15 +7,19 @@
  */
 //
 export default {
+  'platform.teams.containers.add-web-link': '⁣⁢Add Web Link‌‍‌⁡؜⁠؜⁡⁣⁤',
   'platform.teams.containers.empty-web-link-description': '⁣⁢Add any web link⁡‌‌⁠‌؜؜‌‌؜⁣⁤',
   'platform.teams.containers.web-link-title-description': '⁣⁢Web link⁡‍‌⁡‍‍‍⁡⁡‌⁠‌⁠⁣⁤',
   'ptc-directory.team-containers.disconnect-button.tooltip': '⁣⁢Disconnect؜؜⁡‍‌⁡؜‌؜⁡؜⁣⁤',
   'ptc-directory.team-containers.edit-link': '⁣⁢Edit link؜؜⁠⁡⁡؜⁠⁡⁣⁤',
   'ptc-directory.team-containers.remove-link': '⁣⁢Remove‌⁡⁡‌‍؜⁠‍⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-confluence-space': '⁣⁢Add Confluence Space‍⁡⁡⁡‌⁡‍‌؜؜⁡⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-description': '⁣⁢Confluence⁡‍⁡؜‌⁡‍؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-confluence-space-title': '⁣⁢Add space⁡⁠‍؜‍⁡⁡⁠‌⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-jira-project': '⁣⁢Add Jira Project⁡⁡‌⁠⁠⁠‌⁡⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-description': '⁣⁢Jira‌‌⁡⁠؜؜‍⁡؜‌‌؜⁡‌⁠⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-jira-project-title': '⁣⁢Add project؜‍‌⁠‌‍⁡⁡‍‌‍؜⁡؜⁡؜⁣⁤',
+  'ptc-directory.team-profile-page.team-containers.add-loom-space': '⁣⁢Add Loom Space⁡⁠⁡⁡‌؜⁠⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-description': '⁣⁢Loom‍⁡⁡⁡‍‍‌‌⁠؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.add-loom-space-title': '⁣⁢Add space؜⁠‌‍‍⁡‍‍؜⁡؜⁣⁤',
   'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-description': '⁣⁢Create a knowledge bank⁡؜‌⁡‍‌⁡؜؜‍⁣⁤',