@atlaskit/teams-public 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/teams-public
 
+## 2.11.0
+
+### Minor Changes
+
+- [`1a3f7d6aa71c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a3f7d6aa71c6) -
+  Update i18n NPM package versions for people-and-teams,identity (Group 8)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.10.1
+
+### Patch Changes
+
+- [`2c412fe430071`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c412fe430071) -
+  Cleanup feature gate `fix_team_link_card_a11y`. The accessible team link card markup
+  (anchor-wrapped content with the shared team link card actions) is now the only behaviour.
+- Updated dependencies
+
 ## 2.10.0
 
 ### Minor Changes

package/ConfluenceIcon/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@atlaskit/teams-public/ConfluenceIcon",
+  "main": "../dist/cjs/common/assets/ConfluenceIcon.svg",
+  "module": "../dist/esm/common/assets/ConfluenceIcon.svg",
+  "module:es2019": "../dist/es2019/common/assets/ConfluenceIcon.svg",
+  "sideEffects": [
+    "*.compiled.css"
+  ]
+}

package/JiraIcon/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@atlaskit/teams-public/JiraIcon",
+  "main": "../dist/cjs/common/assets/JiraIcon.svg",
+  "module": "../dist/esm/common/assets/JiraIcon.svg",
+  "module:es2019": "../dist/es2019/common/assets/JiraIcon.svg",
+  "sideEffects": [
+    "*.compiled.css"
+  ]
+}

package/LoomIcon/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@atlaskit/teams-public/LoomIcon",
+  "main": "../dist/cjs/common/assets/LoomIcon.svg",
+  "module": "../dist/esm/common/assets/LoomIcon.svg",
+  "module:es2019": "../dist/es2019/common/assets/LoomIcon.svg",
+  "sideEffects": [
+    "*.compiled.css"
+  ]
+}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/common/ui/separator/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/common/utils/get-container-properties.js

@@ -1,4 +1,4 @@
-/* get-container-properties.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* get-container-properties.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/index.js

@@ -1,12 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ConfluenceIcon", {
   enumerable: true,
   get: function get() {
-    return _assets.ConfluenceIcon;
+    return _ConfluenceIcon.default;
   }
 });
 Object.defineProperty(exports, "ContainerIcon", {
@@ -18,13 +19,13 @@ Object.defineProperty(exports, "ContainerIcon", {
 Object.defineProperty(exports, "JiraIcon", {
   enumerable: true,
   get: function get() {
-    return _assets.JiraIcon;
+    return _JiraIcon.default;
   }
 });
 Object.defineProperty(exports, "LoomIcon", {
   enumerable: true,
   get: function get() {
-    return _assets.LoomIcon;
+    return _LoomIcon.default;
   }
 });
 Object.defineProperty(exports, "Separator", {
@@ -36,7 +37,7 @@ Object.defineProperty(exports, "Separator", {
 Object.defineProperty(exports, "TeamContainers", {
   enumerable: true,
   get: function get() {
-    return _teamContainers.TeamContainers;
+    return _main.TeamContainers;
   }
 });
 Object.defineProperty(exports, "TeamLinkCard", {
@@ -111,7 +112,7 @@ Object.defineProperty(exports, "useTeamWebLinksActions", {
     return _useTeamWebLinksActions.useTeamWebLinksActions;
   }
 });
-var _teamContainers = require("./ui/team-containers");
+var _main = require("./ui/team-containers/main");
 var _teamLinkCard = require("./ui/team-containers/team-link-card");
 var _containerIcon = require("./common/ui/container-icon");
 var _useConnectedTeams = require("./controllers/hooks/use-team-containers/use-connected-teams");
@@ -123,7 +124,9 @@ var _useTeamLinksAndContainers = require("./controllers/hooks/use-team-links-and
 var _useProductPermission = require("./controllers/hooks/use-product-permission");
 var _hasProductPermission = require("./controllers/product-permission/hasProductPermission");
 var _getContainerProperties = require("./common/utils/get-container-properties");
-var _assets = require("./common/assets");
+var _ConfluenceIcon = _interopRequireDefault(require("./common/assets/ConfluenceIcon.svg"));
+var _JiraIcon = _interopRequireDefault(require("./common/assets/JiraIcon.svg"));
+var _LoomIcon = _interopRequireDefault(require("./common/assets/LoomIcon.svg"));
 var _separator = require("./common/ui/separator");
 var _getIsExperimentEnabled = require("./common/utils/get-is-experiment-enabled");
 var _spaceInviteScheduler = require("./common/utils/spaceInviteScheduler");

package/dist/cjs/next/common/ui/team-container-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* AddContainerCard.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* AddContainerCard.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/team-containers/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -2,8 +2,6 @@
 ._1h6d8yml{border-color:var(--ds-border-accent-gray,#7d818a)}
 ._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
-._16jlkb7n{flex-grow:1}
-._18u01wug{margin-left:auto}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._1bah1yb4{justify-content:space-between}
@@ -11,14 +9,12 @@
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1hmsglyw{text-decoration-line:none}
-._1o9zkb7n{flex-shrink:1}
 ._1qu2nqa1{outline-style:solid}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4cvr1h6o{align-items:center}
 ._ajmmnqa1{text-decoration-style:solid}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
-._i0dlf1ug{flex-basis:0%}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}._1053i7uo:visited{color:var(--ds-text,#292a2e)}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -9,32 +9,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.TeamLinkCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _css = require("@atlaskit/css");
-var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
-var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
-var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
-var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _link = _interopRequireDefault(require("@atlaskit/link/link"));
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
-var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _containerIcon = require("../../../common/ui/container-icon");
 var _separator = require("../../../common/ui/separator");
 var _teamLinkCardActions = require("../../../common/ui/team-link-card-actions");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
 var _getDomainFromLinkUri = require("../../../common/utils/get-domain-from-link-uri");
 var _teamLinkCardTitle = require("./team-link-card-title");
-var _excluded = ["triggerRef"];
 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; }
@@ -44,9 +32,6 @@ var styles = {
   anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _30l3i7uo",
   anchorNoUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
   anchorWithExternalLinkIcon: "_1e0c1txw _4cvr1h6o _1bah1yb4",
-  crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
   externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
 };
 var renderContainerTypeTextWithSeparator = function renderContainerTypeTextWithSeparator(containerTypeText, description) {
@@ -88,16 +73,12 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     setFocused = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    showCloseIcon = _useState6[0],
-    setShowCloseIcon = _useState6[1];
+    isDropdownOpen = _useState6[0],
+    setIsDropdownOpen = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isDropdownOpen = _useState8[0],
-    setIsDropdownOpen = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    showKeyboardFocus = _useState0[0],
-    setShowKeyboardFocus = _useState0[1];
+    showKeyboardFocus = _useState8[0],
+    setShowKeyboardFocus = _useState8[1];
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -108,38 +89,24 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
       return;
     }
     setHovered(true);
-    if (containerType !== 'WebLink') {
-      setShowCloseIcon(true);
-    }
   };
   var handleFocus = function handleFocus() {
     if (isReadOnly) {
       return;
     }
     setFocused(true);
-    if (containerType !== 'WebLink') {
-      setShowCloseIcon(true);
-    }
   };
   var handleBlur = function handleBlur() {
     setFocused(false);
-    if (containerType !== 'WebLink' && !hovered) {
-      setShowCloseIcon(false);
-    }
   };
   var handleMouseLeave = function handleMouseLeave() {
     setHovered(false);
-    if (containerType !== 'WebLink' && !focused) {
-      setShowCloseIcon(false);
-    }
   };
   var handleIconClick = function handleIconClick() {
-    if ((0, _fg.fg)('fix_team_link_card_a11y')) {
-      setShowKeyboardFocus(false);
-    }
+    setShowKeyboardFocus(false);
   };
   var handleKeyDown = function handleKeyDown(e) {
-    if ((e.key === 'Enter' || e.key === ' ' || e.key === 'Tab' || e.key === 'Escape') && (0, _fg.fg)('fix_team_link_card_a11y')) {
+    if (e.key === 'Enter' || e.key === ' ' || e.key === 'Tab' || e.key === 'Escape') {
       setShowKeyboardFocus(true);
     }
   };
@@ -178,7 +145,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     title: title,
     containerIcon: containerIcon,
     size: "medium"
-  }), (0, _fg.fg)('fix_team_link_card_a11y') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     xcss: (0, _css.cx)(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
     href: link || '#',
     onClick: handleLinkClick,
@@ -219,116 +186,9 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
       _onEditLinkClick === null || _onEditLinkClick === void 0 || _onEditLinkClick();
     },
     onDropdownOpenChange: setIsDropdownOpen
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.linkableContent,
-    testId: "team-link-card-linkable-content"
-  }, /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: link || '#',
-    appearance: "subtle",
-    onClick: handleLinkClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
-    isTeamLensInHomeEnabled: true,
-    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
-    link: link || '#',
-    handleLinkClick: handleLinkClick,
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
-    gap: "space.050",
-    alignItems: "center"
-  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    space: "space.050",
-    alignBlock: "center"
-  }, renderContainerTypeTextWithSeparator(containerTypeText, description)))))), showCloseIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.crossIconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    content: formatMessage(messages.disconnectTooltip),
-    position: "top"
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
-    label: "disconnect the container ".concat(title),
-    appearance: "subtle",
-    icon: function icon(iconProps) {
-      return /*#__PURE__*/_react.default.createElement(_cross.default, (0, _extends2.default)({}, iconProps, {
-        size: "small"
-      }));
-    },
-    spacing: "compact",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      _onDisconnectButtonClick();
-      fireEvent('ui.button.clicked.containerUnlinkButton', {
-        containerSelected: {
-          container: containerType,
-          containerId: containerId
-        }
-      });
-    }
-  }))), containerType === 'WebLink' && (hovered || isDropdownOpen) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.showMoreIconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-    trigger: function trigger(_ref2) {
-      var triggerRef = _ref2.triggerRef,
-        triggerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
-        ref: triggerRef
-      }, triggerProps, {
-        label: "more options for ".concat(title),
-        appearance: "subtle",
-        icon: function icon(iconProps) {
-          return /*#__PURE__*/_react.default.createElement(_showMoreHorizontal.default, (0, _extends2.default)({}, iconProps, {
-            size: "small"
-          }));
-        },
-        spacing: "compact"
-      }));
-    },
-    placement: "bottom-end",
-    shouldRenderToParent: true,
-    onOpenChange: function onOpenChange(attrs) {
-      setIsDropdownOpen(attrs.isOpen);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      _onEditLinkClick === null || _onEditLinkClick === void 0 || _onEditLinkClick();
-      fireEvent('ui.button.clicked.containerEditLinkButton', {
-        containerSelected: {
-          container: containerType,
-          containerId: containerId
-        }
-      });
-    }
-  }, formatMessage(messages.editLink)), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      _onDisconnectButtonClick();
-      fireEvent('ui.button.clicked.containerUnlinkButton', {
-        containerSelected: {
-          container: containerType,
-          containerId: containerId
-        }
-      });
-    }
-  }, formatMessage(messages.removeLink))))))));
+  })));
 };
 var messages = (0, _reactIntl.defineMessages)({
-  disconnectTooltip: {
-    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
-    defaultMessage: 'Disconnect',
-    description: 'Tooltip for the disconnect button'
-  },
-  editLink: {
-    id: 'ptc-directory.team-containers.edit-link',
-    defaultMessage: 'Edit link',
-    description: 'Label for the edit link option in the team link card dropdown menu'
-  },
-  removeLink: {
-    id: 'ptc-directory.team-containers.remove-link',
-    defaultMessage: 'Remove',
-    description: 'Remove link option in dropdown'
-  },
   linkExternalIconLabel: {
     id: 'ptc-directory.team-containers.link-external-icon-label',
     defaultMessage: 'Open link in new tab',

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

@@ -1,4 +1,4 @@
-/* team-link-card-title.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* team-link-card-title.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect } from 'react';

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

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/common/ui/separator/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/common/ui/team-link-card-actions/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/common/utils/get-container-properties.js

@@ -1,4 +1,4 @@
-/* get-container-properties.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* get-container-properties.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./get-container-properties.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/index.js

@@ -1,4 +1,4 @@
-export { TeamContainers } from './ui/team-containers';
+export { TeamContainers } from './ui/team-containers/main';
 export { TeamLinkCard } from './ui/team-containers/team-link-card';
 export { ContainerIcon } from './common/ui/container-icon';
 export { useConnectedTeams } from './controllers/hooks/use-team-containers/use-connected-teams';
@@ -10,7 +10,9 @@ export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-an
 export { useProductPermissions } from './controllers/hooks/use-product-permission';
 export { hasProductPermission } from './controllers/product-permission/hasProductPermission';
 export { getContainerProperties } from './common/utils/get-container-properties';
-export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
+export { default as ConfluenceIcon } from './common/assets/ConfluenceIcon.svg';
+export { default as JiraIcon } from './common/assets/JiraIcon.svg';
+export { default as LoomIcon } from './common/assets/LoomIcon.svg';
 export { Separator } from './common/ui/separator';
 export { getIsExperimentEnabled } from './common/utils/get-is-experiment-enabled';
 export { spaceInviteScheduler } from './common/utils/spaceInviteScheduler';

package/dist/es2019/next/common/ui/team-container-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';

package/dist/es2019/ui/team-containers/add-container-card/AddContainerCard.js

@@ -1,4 +1,4 @@
-/* AddContainerCard.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* AddContainerCard.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./AddContainerCard.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/team-containers/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./main.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -2,8 +2,6 @@
 ._1h6d8yml{border-color:var(--ds-border-accent-gray,#7d818a)}
 ._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
-._16jlkb7n{flex-grow:1}
-._18u01wug{margin-left:auto}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._1bah1yb4{justify-content:space-between}
@@ -11,14 +9,12 @@
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1hmsglyw{text-decoration-line:none}
-._1o9zkb7n{flex-shrink:1}
 ._1qu2nqa1{outline-style:solid}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4cvr1h6o{align-items:center}
 ._ajmmnqa1{text-decoration-style:solid}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
-._i0dlf1ug{flex-basis:0%}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}._1053i7uo:visited{color:var(--ds-text,#292a2e)}