@atlaskit/teams-public 0.33.0 → 0.34.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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.js

@@ -13,7 +13,6 @@ 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"));
@@ -106,10 +105,9 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
   var _ref2 = containerTypeProperties || {},
     subType = _ref2.subType,
     name = _ref2.name;
-  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
   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),
@@ -154,12 +152,11 @@ var getContainerProperties = exports.getContainerProperties = function getContai
     iconSize = _ref4$iconSize === void 0 ? 'small' : _ref4$iconSize,
     containerTypeProperties = _ref4.containerTypeProperties,
     isEmptyContainer = _ref4.isEmptyContainer;
-  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
   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,
@@ -172,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,

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

@@ -14,11 +14,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _new = require("@atlaskit/button/new");
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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",
@@ -79,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',

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

@@ -20,14 +20,19 @@ var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gat
 var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _link2 = _interopRequireDefault(require("@atlaskit/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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",
@@ -147,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",
@@ -184,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'
-  }
-});
+};

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

@@ -28,8 +28,7 @@ var _async = require("./disconnect-dialog/async");
 var _linkedContainerCard = require("./linked-container-card");
 var _noProductAccessEmptyState = require("./no-product-access-empty-state");
 var _teamContainersSkeleton = require("./team-containers-skeleton");
-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 ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(_colors.N0, ")");
 var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, ".concat(_colors.N90, ")");
 var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
@@ -73,18 +72,18 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     filteredTeamContainers = _useState8[0],
     setFilteredTeamContainers = _useState8[1];
   var _useState9 = (0, _react.useState)(teamLinks),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    filteredTeamLinks = _useState10[0],
-    setFilteredTeamLinks = _useState10[1];
-  var _useState11 = (0, _react.useState)({
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    filteredTeamLinks = _useState0[0],
+    setFilteredTeamLinks = _useState0[1];
+  var _useState1 = (0, _react.useState)({
       Jira: false,
       Confluence: false,
       Loom: false,
       WebLink: false
     }),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    showAddContainer = _useState12[0],
-    setShowAddContainer = _useState12[1];
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    showAddContainer = _useState10[0],
+    setShowAddContainer = _useState10[1];
   var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent,
     fireTrackEvent = _usePeopleAndTeamAnal.fireTrackEvent;

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

@@ -5,7 +5,6 @@ import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import GlobeIcon from '@atlaskit/icon/core/globe';
 import Image from '@atlaskit/image';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
 import JiraIcon from '../assets/JiraIcon.svg';
@@ -97,10 +96,9 @@ const getJiraContainerProperties = ({
     subType,
     name
   } = containerTypeProperties || {};
-  const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   const baseProperties = {
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/React.createElement(Comp, {
+    icon: /*#__PURE__*/React.createElement(Flex, {
       xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
     }, /*#__PURE__*/React.createElement(Image, {
       src: getJiraIcon(subType),
@@ -147,12 +145,11 @@ export const getContainerProperties = ({
   containerTypeProperties,
   isEmptyContainer
 }) => {
-  const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/React.createElement(Comp, {
+        icon: /*#__PURE__*/React.createElement(Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: ConfluenceIcon,
@@ -165,7 +162,7 @@ export const getContainerProperties = ({
     case 'LoomSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
-        icon: /*#__PURE__*/React.createElement(Comp, {
+        icon: /*#__PURE__*/React.createElement(Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: LoomIcon,

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

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import AddIcon from '@atlaskit/icon/core/add';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 const styles = {
@@ -62,11 +61,10 @@ export const AddContainerCard = ({
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
-    gap: "space.050"
-  }, fg('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

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

@@ -11,12 +11,18 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import CrossIcon from '@atlaskit/icon/core/close';
 import LinkIcon from '@atlaskit/icon/core/link';
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { LoomSpaceAvatar } from '../../../common/ui/loom-avatar';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
+const messages = defineMessages({
+  disconnectTooltip: {
+    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
+    defaultMessage: 'Disconnect',
+    description: 'Tooltip for the disconnect button'
+  }
+});
 const styles = {
   container: "_2rkoop52 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt",
   card: "_4cvr1h6o _1bsb1osq",
@@ -134,11 +140,10 @@ export const LinkedContainerCard = ({
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
-    gap: "space.050"
-  }, fg('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",
@@ -169,11 +174,4 @@ export const LinkedContainerCard = ({
       });
     }
   })))));
-};
-const messages = defineMessages({
-  disconnectTooltip: {
-    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
-    defaultMessage: 'Disconnect',
-    description: 'Tooltip for the disconnect button'
-  }
-});
+};

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

@@ -8,7 +8,6 @@ import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import GlobeIcon from '@atlaskit/icon/core/globe';
 import Image from '@atlaskit/image';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
 import JiraIcon from '../assets/JiraIcon.svg';
@@ -99,10 +98,9 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
   var _ref2 = containerTypeProperties || {},
     subType = _ref2.subType,
     name = _ref2.name;
-  var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   var baseProperties = {
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/React.createElement(Comp, {
+    icon: /*#__PURE__*/React.createElement(Flex, {
       xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
     }, /*#__PURE__*/React.createElement(Image, {
       src: getJiraIcon(subType),
@@ -147,12 +145,11 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
     iconSize = _ref4$iconSize === void 0 ? 'small' : _ref4$iconSize,
     containerTypeProperties = _ref4.containerTypeProperties,
     isEmptyContainer = _ref4.isEmptyContainer;
-  var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/React.createElement(Comp, {
+        icon: /*#__PURE__*/React.createElement(Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: ConfluenceIcon,
@@ -165,7 +162,7 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
     case 'LoomSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
-        icon: /*#__PURE__*/React.createElement(Comp, {
+        icon: /*#__PURE__*/React.createElement(Flex, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: LoomIcon,

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

@@ -289,7 +289,7 @@ var actions = {
   },
   addTeamContainer: function addTeamContainer(teamContainer) {
     return /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref9) {
+      var _ref0 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref9) {
         var setState, getState, _getState5, teamContainers, connectedTeams, containerExists;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -322,7 +322,7 @@ var actions = {
         }, _callee5);
       }));
       return function (_x5) {
-        return _ref10.apply(this, arguments);
+        return _ref0.apply(this, arguments);
       };
     }();
   }
@@ -378,12 +378,12 @@ export var useConnectedTeams = function useConnectedTeams() {
     fireOperationalEvent = _usePeopleAndTeamAnal2.fireOperationalEvent;
   var _useAnalyticsEvents2 = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var fireOperationalAnalytics = useCallback(function (_ref11) {
-    var action = _ref11.action,
-      actionSubject = _ref11.actionSubject,
-      containerId = _ref11.containerId,
-      numberOfTeams = _ref11.numberOfTeams,
-      error = _ref11.error;
+  var fireOperationalAnalytics = 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/esm/ui/team-containers/add-container-card/index.js

@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import AddIcon from '@atlaskit/icon/core/add';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 var styles = {
@@ -69,11 +68,10 @@ export var AddContainerCard = function AddContainerCard(_ref2) {
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
-    gap: "space.050"
-  }, fg('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

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

@@ -12,12 +12,18 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import CrossIcon from '@atlaskit/icon/core/close';
 import LinkIcon from '@atlaskit/icon/core/link';
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { LoomSpaceAvatar } from '../../../common/ui/loom-avatar';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
+var messages = 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",
@@ -137,11 +143,10 @@ export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
-    gap: "space.050"
-  }, fg('enable_card_alignment_fix') ? {
-    alignItems: 'center'
-  } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, icon, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",
@@ -174,11 +179,4 @@ export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
       });
     }
   })))));
-};
-var messages = defineMessages({
-  disconnectTooltip: {
-    id: 'ptc-directory.team-containers.disconnect-button.tooltip',
-    defaultMessage: 'Disconnect',
-    description: 'Tooltip for the disconnect button'
-  }
-});
+};

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

@@ -63,18 +63,18 @@ export var TeamContainers = function TeamContainers(_ref) {
     filteredTeamContainers = _useState8[0],
     setFilteredTeamContainers = _useState8[1];
   var _useState9 = useState(teamLinks),
-    _useState10 = _slicedToArray(_useState9, 2),
-    filteredTeamLinks = _useState10[0],
-    setFilteredTeamLinks = _useState10[1];
-  var _useState11 = useState({
+    _useState0 = _slicedToArray(_useState9, 2),
+    filteredTeamLinks = _useState0[0],
+    setFilteredTeamLinks = _useState0[1];
+  var _useState1 = useState({
       Jira: false,
       Confluence: false,
       Loom: false,
       WebLink: false
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    showAddContainer = _useState12[0],
-    setShowAddContainer = _useState12[1];
+    _useState10 = _slicedToArray(_useState1, 2),
+    showAddContainer = _useState10[0],
+    setShowAddContainer = _useState10[1];
   var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
     fireOperationalEvent = _usePeopleAndTeamAnal.fireOperationalEvent,
     fireTrackEvent = _usePeopleAndTeamAnal.fireTrackEvent;

package/package.json

@@ -39,7 +39,7 @@
 		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^18.1.0",
+		"@atlaskit/logo": "^18.2.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -112,7 +112,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.33.0",
+	"version": "0.34.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -123,9 +123,6 @@
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
 	},
 	"platform-feature-flags": {
-		"enable_card_alignment_fix": {
-			"type": "boolean"
-		},
 		"loom_tab_in_container_linker_team_profile_page": {
 			"type": "boolean"
 		}