@atlaskit/teams-public 0.32.0 → 0.34.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/teams-public
 
+## 0.34.0
+
+### Minor Changes
+
+- [#160061](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160061)
+  [`0fdfe8b27fe82`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fdfe8b27fe82) -
+  Clean up of feature gates - bug_fix_agent_card & enable_card_alignment_fix
+
+## 0.33.0
+
+### Minor Changes
+
+- [#160653](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160653)
+  [`9e0f4bc934a62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e0f4bc934a62) -
+  [ux] PTC-11533 Render team web link card && update where we work section title to Team links
+
 ## 0.32.0
 
 ### Minor Changes

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

@@ -10,8 +10,7 @@ require("./main.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 boxStyle = null;
 var smallBoxStyle = null;
 var largeBoxStyle = null;

package/dist/cjs/common/utils/get-container-properties.compiled.css

@@ -1,4 +1,10 @@
+
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._1bah1h6o{justify-content:center}
 ._1bsb1crf{width:9pt}
 ._1bsb7vkz{width:1pc}
+._1e0c1txw{display:flex}
+._1qu2nqa1{outline-style:solid}
+._4cvr1h6o{align-items:center}
 ._4t3i1crf{height:9pt}
 ._4t3i7vkz{height:1pc}

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

@@ -11,8 +11,8 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
 var _image = _interopRequireDefault(require("@atlaskit/image"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _ConfluenceIcon = _interopRequireDefault(require("../assets/ConfluenceIcon.svg"));
 var _JiraIcon = _interopRequireDefault(require("../assets/JiraIcon.svg"));
@@ -23,7 +23,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 = {
   iconWrapper: "_1bsb1crf _4t3i1crf",
-  mediumIconWrapper: "_1bsb7vkz _4t3i7vkz"
+  mediumIconWrapper: "_1bsb7vkz _4t3i7vkz",
+  globeIconWrapper: "_2rko1sit _1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1"
 };
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   addConfluenceContainerTitle: {
@@ -76,10 +77,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'space',
     description: 'Text for space type containers'
   },
-  webLinkContainerTitle: {
-    id: 'ptc-directory.team-profile-page.team-containers.webLink-container-text.non-final',
+  emptyWebLinkContainerDescription: {
+    id: 'platform.teams.containers.empty-web-link-description.non-final',
     defaultMessage: 'Add any web link',
-    description: 'Description of the card to add a web link to a team'
+    description: 'Description displayed on the empty card for adding a web link to a team'
+  },
+  webLinkContainerDescription: {
+    id: 'platform.teams.containers.web-link-title-description.non-final',
+    defaultMessage: 'Web link',
+    description: 'Description displayed for web link containers in team profile'
   }
 });
 var getJiraIcon = function getJiraIcon(containerSubTypes) {
@@ -92,15 +98,16 @@ var getJiraIcon = function getJiraIcon(containerSubTypes) {
       return _JiraIcon.default;
   }
 };
-var getJiraContainerProperties = function getJiraContainerProperties(containerTypeProperties) {
-  var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
-  var _ref = containerTypeProperties || {},
-    subType = _ref.subType,
-    name = _ref.name;
-  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
+var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
+  var containerTypeProperties = _ref.containerTypeProperties,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? 'small' : _ref$iconSize;
+  var _ref2 = containerTypeProperties || {},
+    subType = _ref2.subType,
+    name = _ref2.name;
   var baseProperties = {
     description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/_react.default.createElement(Comp, {
+    icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
       xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
     }, /*#__PURE__*/_react.default.createElement(_image.default, {
       src: getJiraIcon(subType),
@@ -121,15 +128,35 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
       return baseProperties;
   }
 };
-var getContainerProperties = exports.getContainerProperties = function getContainerProperties(containerType) {
-  var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
-  var containerTypeProperties = arguments.length > 2 ? arguments[2] : undefined;
-  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
+var getWebLinkContainerEmptyStateProperties = function getWebLinkContainerEmptyStateProperties(_ref3) {
+  var isEmptyContainer = _ref3.isEmptyContainer;
+  return {
+    description: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      size: "medium",
+      weight: "medium"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.emptyWebLinkContainerDescription)) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.webLinkContainerDescription),
+    icon: isEmptyContainer ? null : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.globeIconWrapper,
+      testId: "team-link-card-globe-icon"
+    }, /*#__PURE__*/_react.default.createElement(_globe.default, {
+      label: "",
+      size: "small"
+    })),
+    title: null,
+    containerTypeText: null
+  };
+};
+var getContainerProperties = exports.getContainerProperties = function getContainerProperties(_ref4) {
+  var containerType = _ref4.containerType,
+    _ref4$iconSize = _ref4.iconSize,
+    iconSize = _ref4$iconSize === void 0 ? 'small' : _ref4$iconSize,
+    containerTypeProperties = _ref4.containerTypeProperties,
+    isEmptyContainer = _ref4.isEmptyContainer;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/_react.default.createElement(Comp, {
+        icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
           src: _ConfluenceIcon.default,
@@ -142,7 +169,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
     case 'LoomSpace':
       return {
         description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.loomSpaceDescription),
-        icon: /*#__PURE__*/_react.default.createElement(Comp, {
+        icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
           src: _LoomIcon.default,
@@ -153,17 +180,14 @@ var getContainerProperties = exports.getContainerProperties = function getContai
         containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerText)
       };
     case 'JiraProject':
-      return getJiraContainerProperties(containerTypeProperties, iconSize);
+      return getJiraContainerProperties({
+        containerTypeProperties: containerTypeProperties,
+        iconSize: iconSize
+      });
     case 'WebLink':
-      return {
-        description: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-          size: "medium",
-          weight: "medium"
-        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.webLinkContainerTitle)),
-        icon: null,
-        title: null,
-        containerTypeText: null
-      };
+      return getWebLinkContainerEmptyStateProperties({
+        isEmptyContainer: isEmptyContainer
+      });
     default:
       return {
         description: null,

package/dist/cjs/controllers/hooks/use-team-containers/index.js

@@ -296,7 +296,7 @@ var actions = {
   },
   addTeamContainer: function addTeamContainer(teamContainer) {
     return /*#__PURE__*/function () {
-      var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(_ref9) {
+      var _ref0 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(_ref9) {
         var setState, getState, _getState5, teamContainers, connectedTeams, containerExists;
         return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -329,7 +329,7 @@ var actions = {
         }, _callee5);
       }));
       return function (_x5) {
-        return _ref10.apply(this, arguments);
+        return _ref0.apply(this, arguments);
       };
     }();
   }
@@ -385,12 +385,12 @@ var useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams()
     fireOperationalEvent = _usePeopleAndTeamAnal2.fireOperationalEvent;
   var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var fireOperationalAnalytics = (0, _react.useCallback)(function (_ref11) {
-    var action = _ref11.action,
-      actionSubject = _ref11.actionSubject,
-      containerId = _ref11.containerId,
-      numberOfTeams = _ref11.numberOfTeams,
-      error = _ref11.error;
+  var fireOperationalAnalytics = (0, _react.useCallback)(function (_ref1) {
+    var action = _ref1.action,
+      actionSubject = _ref1.actionSubject,
+      containerId = _ref1.containerId,
+      numberOfTeams = _ref1.numberOfTeams,
+      error = _ref1.error;
     fireOperationalEvent(createAnalyticsEvent, {
       action: action,
       actionSubject: actionSubject,

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

@@ -13,12 +13,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _new = require("@atlaskit/button/new");
-var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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",
@@ -48,7 +46,10 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
 var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref2) {
   var containerType = _ref2.containerType,
     onAddAContainerClick = _ref2.onAddAContainerClick;
-  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)(containerType),
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)({
+      containerType: containerType,
+      isEmptyContainer: true
+    }),
     description = _getContainerProperti.description,
     icon = _getContainerProperti.icon,
     title = _getContainerProperti.title;
@@ -62,7 +63,11 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
   }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     label: "Add a container",
     appearance: "subtle",
-    icon: _add.default,
+    icon: function icon(iconProps) {
+      return /*#__PURE__*/_react.default.createElement(_add.default, (0, _extends2.default)({}, iconProps, {
+        size: "small"
+      }));
+    },
     testId: "add-icon",
     onClick: function onClick(e) {
       onAddAContainerClick(e);
@@ -72,11 +77,10 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
-    gap: "space.050"
-  }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

package/dist/cjs/ui/team-containers/disconnect-dialog/async.js

@@ -8,8 +8,7 @@ exports.DisconnectDialogLazy = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLooselyLazy = require("react-loosely-lazy");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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" != (0, _typeof2.default)(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 DisconnectDialogLazyInner = (0, _reactLooselyLazy.lazyForPaint)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_teams-public_disconnect-dialog" */'./index'));

package/dist/cjs/ui/team-containers/disconnect-dialog/index.js

@@ -16,8 +16,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   disconnectDialogTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title.non-final',
@@ -74,7 +73,9 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
       return _ref2.apply(this, arguments);
     };
   }();
-  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)(containerType),
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)({
+      containerType: containerType
+    }),
     containerTypeText = _getContainerProperti.containerTypeText,
     description = _getContainerProperti.description;
   return /*#__PURE__*/_react.default.createElement(_modalDialog.default, {

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

@@ -4,15 +4,19 @@
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
 ._18u01wug{margin-left:auto}
 ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bah1h6o{justify-content:center}
 ._1bahesu3{justify-content:flex-end}
 ._1bsb1osq{width:100%}
+._1bsb1u1b{width:34px}
 ._1bsbzwfg{width:2pc}
 ._1e0c1txw{display:flex}
 ._1qu2nqa1{outline-style:solid}
 ._1tkezwfg{min-height:2pc}
 ._1ul9zwfg{min-width:2pc}
 ._4cvr1h6o{align-items:center}
+._4t3i1u1b{height:34px}
 ._4t3izwfg{height:2pc}
+._bfhkqbzx{background-color:var(--ds-surface-sunken,#f7f8f9)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz1fxt{color:var(--ds-text,#172b4d)}

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

@@ -16,22 +16,31 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _new = require("@atlaskit/button/new");
-var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
-var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
+var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
+var _link2 = _interopRequireDefault(require("@atlaskit/link"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _loomAvatar = require("../../../common/ui/loom-avatar");
 var _analytics = require("../../../common/utils/analytics");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 messages = (0, _reactIntlNext.defineMessages)({
+  disconnectTooltip: {
+    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
+    defaultMessage: 'Disconnect',
+    description: 'Tooltip for the disconnect button'
+  }
+});
 var styles = {
   container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
   card: "_4cvr1h6o _1bsb1osq",
   iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
-  crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug"
+  crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
+  linkIconWrapper: "_2rkoop52 _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx"
 };
+var isSupportingAddWebLink = _featureGateJsClient.default.initializeCompleted() && _featureGateJsClient.default.getExperimentValue('team_and_container_web_link', 'isEnabled', false);
 var LinkedCardWrapper = function LinkedCardWrapper(_ref) {
   var children = _ref.children,
     href = _ref.href,
@@ -61,7 +70,7 @@ var LinkedCardWrapper = function LinkedCardWrapper(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     testId: "linked-container-card-inner"
-  }, /*#__PURE__*/_react.default.createElement(_link.default, {
+  }, /*#__PURE__*/_react.default.createElement(_link2.default, {
     href: href,
     appearance: "subtle",
     onClick: function onClick() {
@@ -86,6 +95,13 @@ var getContainerIcon = function getContainerIcon(containerType, title, container
       size: 'large'
     });
   }
+  if (isSupportingAddWebLink && containerType === 'WebLink') {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.linkIconWrapper
+    }, /*#__PURE__*/_react.default.createElement(_link.default, {
+      label: ""
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_avatar.default, {
     appearance: "square",
     size: "medium",
@@ -103,7 +119,11 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     onDisconnectButtonClick = _ref2.onDisconnectButtonClick;
   var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)(containerType, 'small', containerTypeProperties),
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)({
+      containerType: containerType,
+      iconSize: 'small',
+      containerTypeProperties: containerTypeProperties
+    }),
     description = _getContainerProperti.description,
     icon = _getContainerProperti.icon,
     containerTypeText = _getContainerProperti.containerTypeText;
@@ -132,11 +152,10 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
-    gap: "space.050"
-  }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "small",
@@ -152,7 +171,11 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
   }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     label: "disconnect the container ".concat(title),
     appearance: "subtle",
-    icon: _cross.default,
+    icon: function icon(iconProps) {
+      return /*#__PURE__*/_react.default.createElement(_close.default, (0, _extends2.default)({}, iconProps, {
+        size: "small"
+      }));
+    },
     spacing: "compact",
     onClick: function onClick(e) {
       e.preventDefault();
@@ -165,11 +188,4 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
       });
     }
   })))));
-};
-var messages = (0, _reactIntlNext.defineMessages)({
-  disconnectTooltip: {
-    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
-    defaultMessage: 'Disconnect',
-    description: 'Tooltip for the disconnect button'
-  }
-});
+};