@atlaskit/teams-public 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @atlaskit/teams-public
+
+## 0.1.0
+
+### Minor Changes
+
+- [#110209](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110209)
+  [`39522a61b849a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/39522a61b849a) -
+  Publish first version of teams-public package

package/LICENSE.md

@@ -0,0 +1,11 @@
+Copyright 2023 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/README.md

@@ -0,0 +1,9 @@
+# TeamContainers
+
+A component to show linked containers to the team
+
+## Usage
+
+`import TeamContainers from '@atlaskit/team-containers';`
+
+Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/people-and-teams/team-containers).

package/dist/cjs/common/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = exports.getContainerProperties = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _logo = require("@atlaskit/logo");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  addConfluenceContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title.non-final',
+    defaultMessage: 'Add Confluence space',
+    description: 'Title of the card to add a Confluence space to a team'
+  },
+  confluenceContainerDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-description.non-final',
+    defaultMessage: 'Confluence space',
+    description: 'Description of the card to add a Confluence space to a team'
+  },
+  addJiraProjectTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-title.non-final',
+    defaultMessage: 'Add Jira project',
+    description: 'Title of the card to add a Jira project to a team'
+  },
+  jiraProjectDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-description.non-final',
+    defaultMessage: 'Jira project',
+    description: 'Description of the card to add a Jira project to a team'
+  },
+  addLoomSpaceTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-title.non-final',
+    defaultMessage: 'Add Loom space',
+    description: 'Title of the card to add a Loom space to a team'
+  },
+  loomSpaceDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-description.non-final',
+    defaultMessage: 'Loom space',
+    description: 'Description of the card to add a Loom space to a team'
+  }
+});
+var getContainerProperties = exports.getContainerProperties = function getContainerProperties(containerType) {
+  switch (containerType) {
+    case 'confluence':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_logo.ConfluenceIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceContainerTitle)
+      };
+    case 'jira':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_logo.JiraIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProjectTitle)
+      };
+    case 'loom':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.loomSpaceDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_logo.LoomIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomSpaceTitle)
+      };
+    default:
+      return {
+        description: null,
+        icon: null,
+        title: null
+      };
+  }
+};

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TeamContainers", {
+  enumerable: true,
+  get: function get() {
+    return _teamContainers.TeamContainers;
+  }
+});
+var _teamContainers = require("./ui/team-containers");

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

@@ -0,0 +1,14 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1dqo1mtg{border-style:dash}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._ksodnqa1:hover{outline-style:solid}

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

@@ -0,0 +1,51 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddContainerCard = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _new = require("@atlaskit/button/new");
+var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _menu = require("@atlaskit/menu");
+var _primitives = require("@atlaskit/primitives");
+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; }
+var styles = {
+  container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
+  iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
+};
+var CustomItemInner = function CustomItemInner(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(_primitives.Box, {
+    xcss: styles.container
+  }, children);
+};
+var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref2) {
+  var containerType = _ref2.containerType;
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)(containerType),
+    description = _getContainerProperti.description,
+    icon = _getContainerProperti.icon,
+    title = _getContainerProperti.title;
+  return /*#__PURE__*/React.createElement(_menu.CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(_primitives.Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(_new.IconButton, {
+      label: "Add a container",
+      appearance: "subtle",
+      icon: _add.default,
+      spacing: "compact",
+      testId: "add-icon"
+    })),
+    component: CustomItemInner,
+    description: /*#__PURE__*/React.createElement(_primitives.Inline, {
+      space: "space.050"
+    }, icon, description)
+  }, title);
+};

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

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROGRESS_BAR_TEST_ID = void 0;
+var PROGRESS_BAR_TEST_ID = exports.PROGRESS_BAR_TEST_ID = 'myProgressBar';

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TeamContainers", {
+  enumerable: true,
+  get: function get() {
+    return _main.TeamContainers;
+  }
+});
+var _main = require("./main");

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

@@ -0,0 +1,13 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1tcg{width:24px}
+._1qu2nqa1{outline-style:solid}
+._4t3i1tcg{height:24px}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}

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

@@ -0,0 +1,65 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkedContainerCard = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactRouterDom = require("react-router-dom");
+var _new = require("@atlaskit/button/new");
+var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
+var _image = _interopRequireDefault(require("@atlaskit/image"));
+var _menu = require("@atlaskit/menu");
+var _primitives = require("@atlaskit/primitives");
+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; }
+var styles = {
+  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt _irr31d5g",
+  iconWrapper: "_1bsb1tcg _4t3i1tcg"
+};
+var CustomItemInner = function CustomItemInner(_ref) {
+  var children = _ref.children,
+    href = _ref.href;
+  return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
+    to: href
+  }, /*#__PURE__*/React.createElement(_primitives.Box, {
+    xcss: styles.container
+  }, children));
+};
+var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainerCard(_ref2) {
+  var containerType = _ref2.containerType,
+    title = _ref2.title,
+    containerIcon = _ref2.containerIcon;
+  var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)(containerType),
+    description = _getContainerProperti.description,
+    icon = _getContainerProperti.icon;
+  return /*#__PURE__*/React.createElement(_menu.CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(_primitives.Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(_image.default, {
+      src: containerIcon,
+      alt: "",
+      testId: "linked-container-icon"
+    })),
+    description: /*#__PURE__*/React.createElement(_primitives.Inline, {
+      space: "space.050"
+    }, icon, description),
+    iconAfter: /*#__PURE__*/React.createElement(_primitives.Box, null, /*#__PURE__*/React.createElement(_new.IconButton, {
+      label: "disconnect the container ".concat(title),
+      appearance: "subtle",
+      icon: _cross.default,
+      spacing: "compact",
+      onClick: function onClick(e) {
+        e.preventDefault();
+      }
+    })),
+    href: "/",
+    component: CustomItemInner
+  }, title);
+};

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamContainers = exports.ICON_COLOR = exports.ICON_BACKGROUND = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _addContainerCard = require("./add-container-card");
+var _linkedContainerCard = require("./linked-container-card");
+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 TeamContainers = exports.TeamContainers = function TeamContainers() {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
+    templateColumns: "1fr 1fr",
+    gap: "space.100",
+    autoFlow: "row"
+  }, /*#__PURE__*/_react.default.createElement(_linkedContainerCard.LinkedContainerCard, {
+    containerType: "jira",
+    title: "A Project",
+    containerIcon: "https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128"
+  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
+    containerType: "jira"
+  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
+    containerType: "confluence"
+  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
+    containerType: "loom"
+  }));
+};

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { ConfluenceIcon, JiraIcon, LoomIcon } from '@atlaskit/logo';
+export const messages = defineMessages({
+  addConfluenceContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title.non-final',
+    defaultMessage: 'Add Confluence space',
+    description: 'Title of the card to add a Confluence space to a team'
+  },
+  confluenceContainerDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-description.non-final',
+    defaultMessage: 'Confluence space',
+    description: 'Description of the card to add a Confluence space to a team'
+  },
+  addJiraProjectTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-title.non-final',
+    defaultMessage: 'Add Jira project',
+    description: 'Title of the card to add a Jira project to a team'
+  },
+  jiraProjectDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-description.non-final',
+    defaultMessage: 'Jira project',
+    description: 'Description of the card to add a Jira project to a team'
+  },
+  addLoomSpaceTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-title.non-final',
+    defaultMessage: 'Add Loom space',
+    description: 'Title of the card to add a Loom space to a team'
+  },
+  loomSpaceDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-description.non-final',
+    defaultMessage: 'Loom space',
+    description: 'Description of the card to add a Loom space to a team'
+  }
+});
+export const getContainerProperties = containerType => {
+  switch (containerType) {
+    case 'confluence':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
+        icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle)
+      };
+    case 'jira':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
+        icon: /*#__PURE__*/React.createElement(JiraIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProjectTitle)
+      };
+    case 'loom':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
+        icon: /*#__PURE__*/React.createElement(LoomIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpaceTitle)
+      };
+    default:
+      return {
+        description: null,
+        icon: null,
+        title: null
+      };
+  }
+};

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { TeamContainers } from './ui/team-containers';

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

@@ -0,0 +1,14 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1dqo1mtg{border-style:dash}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._ksodnqa1:hover{outline-style:solid}

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

@@ -0,0 +1,44 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { IconButton } from '@atlaskit/button/new';
+import AddIcon from '@atlaskit/icon/utility/add';
+import { CustomItem } from '@atlaskit/menu';
+import { Box, Inline } from '@atlaskit/primitives';
+import { getContainerProperties } from '../../../common/utils/get-container-properties';
+const styles = {
+  container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
+  iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
+};
+const CustomItemInner = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children);
+};
+export const AddContainerCard = ({
+  containerType
+}) => {
+  const {
+    description,
+    icon,
+    title
+  } = getContainerProperties(containerType);
+  return /*#__PURE__*/React.createElement(CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      label: "Add a container",
+      appearance: "subtle",
+      icon: AddIcon,
+      spacing: "compact",
+      testId: "add-icon"
+    })),
+    component: CustomItemInner,
+    description: /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050"
+    }, icon, description)
+  }, title);
+};

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

@@ -0,0 +1 @@
+export const PROGRESS_BAR_TEST_ID = 'myProgressBar';

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

@@ -0,0 +1 @@
+export { TeamContainers } from './main';

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

@@ -0,0 +1,13 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1tcg{width:24px}
+._1qu2nqa1{outline-style:solid}
+._4t3i1tcg{height:24px}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}

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

@@ -0,0 +1,58 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { Link } from 'react-router-dom';
+import { IconButton } from '@atlaskit/button/new';
+import CrossIcon from '@atlaskit/icon/utility/cross';
+import Image from '@atlaskit/image';
+import { CustomItem } from '@atlaskit/menu';
+import { Box, Inline } from '@atlaskit/primitives';
+import { getContainerProperties } from '../../../common/utils/get-container-properties';
+const styles = {
+  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt _irr31d5g",
+  iconWrapper: "_1bsb1tcg _4t3i1tcg"
+};
+const CustomItemInner = ({
+  children,
+  href
+}) => {
+  return /*#__PURE__*/React.createElement(Link, {
+    to: href
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children));
+};
+export const LinkedContainerCard = ({
+  containerType,
+  title,
+  containerIcon
+}) => {
+  const {
+    description,
+    icon
+  } = getContainerProperties(containerType);
+  return /*#__PURE__*/React.createElement(CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: containerIcon,
+      alt: "",
+      testId: "linked-container-icon"
+    })),
+    description: /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050"
+    }, icon, description),
+    iconAfter: /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(IconButton, {
+      label: `disconnect the container ${title}`,
+      appearance: "subtle",
+      icon: CrossIcon,
+      spacing: "compact",
+      onClick: e => {
+        e.preventDefault();
+      }
+    })),
+    href: "/",
+    component: CustomItemInner
+  }, title);
+};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Grid } from '@atlaskit/primitives';
+import { N0, N90 } from '@atlaskit/theme/colors';
+import { AddContainerCard } from './add-container-card';
+import { LinkedContainerCard } from './linked-container-card';
+export const ICON_BACKGROUND = `var(--ds-icon-inverse, ${N0})`;
+export const ICON_COLOR = `var(--ds-icon-subtle, ${N90})`;
+export const TeamContainers = () => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    templateColumns: "1fr 1fr",
+    gap: "space.100",
+    autoFlow: "row"
+  }, /*#__PURE__*/React.createElement(LinkedContainerCard, {
+    containerType: "jira",
+    title: "A Project",
+    containerIcon: "https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "jira"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "confluence"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "loom"
+  }));
+};

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { ConfluenceIcon, JiraIcon, LoomIcon } from '@atlaskit/logo';
+export var messages = defineMessages({
+  addConfluenceContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title.non-final',
+    defaultMessage: 'Add Confluence space',
+    description: 'Title of the card to add a Confluence space to a team'
+  },
+  confluenceContainerDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-description.non-final',
+    defaultMessage: 'Confluence space',
+    description: 'Description of the card to add a Confluence space to a team'
+  },
+  addJiraProjectTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-title.non-final',
+    defaultMessage: 'Add Jira project',
+    description: 'Title of the card to add a Jira project to a team'
+  },
+  jiraProjectDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-description.non-final',
+    defaultMessage: 'Jira project',
+    description: 'Description of the card to add a Jira project to a team'
+  },
+  addLoomSpaceTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-title.non-final',
+    defaultMessage: 'Add Loom space',
+    description: 'Title of the card to add a Loom space to a team'
+  },
+  loomSpaceDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-description.non-final',
+    defaultMessage: 'Loom space',
+    description: 'Description of the card to add a Loom space to a team'
+  }
+});
+export var getContainerProperties = function getContainerProperties(containerType) {
+  switch (containerType) {
+    case 'confluence':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
+        icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle)
+      };
+    case 'jira':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
+        icon: /*#__PURE__*/React.createElement(JiraIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProjectTitle)
+      };
+    case 'loom':
+      return {
+        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
+        icon: /*#__PURE__*/React.createElement(LoomIcon, {
+          appearance: "brand",
+          label: "",
+          size: "xsmall"
+        }),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpaceTitle)
+      };
+    default:
+      return {
+        description: null,
+        icon: null,
+        title: null
+      };
+  }
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { TeamContainers } from './ui/team-containers';

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

@@ -0,0 +1,14 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1dqo1mtg{border-style:dash}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._ksodnqa1:hover{outline-style:solid}

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

@@ -0,0 +1,41 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { IconButton } from '@atlaskit/button/new';
+import AddIcon from '@atlaskit/icon/utility/add';
+import { CustomItem } from '@atlaskit/menu';
+import { Box, Inline } from '@atlaskit/primitives';
+import { getContainerProperties } from '../../../common/utils/get-container-properties';
+var styles = {
+  container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
+  iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
+};
+var CustomItemInner = function CustomItemInner(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children);
+};
+export var AddContainerCard = function AddContainerCard(_ref2) {
+  var containerType = _ref2.containerType;
+  var _getContainerProperti = getContainerProperties(containerType),
+    description = _getContainerProperti.description,
+    icon = _getContainerProperti.icon,
+    title = _getContainerProperti.title;
+  return /*#__PURE__*/React.createElement(CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      label: "Add a container",
+      appearance: "subtle",
+      icon: AddIcon,
+      spacing: "compact",
+      testId: "add-icon"
+    })),
+    component: CustomItemInner,
+    description: /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050"
+    }, icon, description)
+  }, title);
+};

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

@@ -0,0 +1 @@
+export var PROGRESS_BAR_TEST_ID = 'myProgressBar';

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

@@ -0,0 +1 @@
+export { TeamContainers } from './main';

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

@@ -0,0 +1,13 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1tcg{width:24px}
+._1qu2nqa1{outline-style:solid}
+._4t3i1tcg{height:24px}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}

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

@@ -0,0 +1,55 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { Link } from 'react-router-dom';
+import { IconButton } from '@atlaskit/button/new';
+import CrossIcon from '@atlaskit/icon/utility/cross';
+import Image from '@atlaskit/image';
+import { CustomItem } from '@atlaskit/menu';
+import { Box, Inline } from '@atlaskit/primitives';
+import { getContainerProperties } from '../../../common/utils/get-container-properties';
+var styles = {
+  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syaz1fxt _irr31d5g",
+  iconWrapper: "_1bsb1tcg _4t3i1tcg"
+};
+var CustomItemInner = function CustomItemInner(_ref) {
+  var children = _ref.children,
+    href = _ref.href;
+  return /*#__PURE__*/React.createElement(Link, {
+    to: href
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children));
+};
+export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
+  var containerType = _ref2.containerType,
+    title = _ref2.title,
+    containerIcon = _ref2.containerIcon;
+  var _getContainerProperti = getContainerProperties(containerType),
+    description = _getContainerProperti.description,
+    icon = _getContainerProperti.icon;
+  return /*#__PURE__*/React.createElement(CustomItem, {
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: containerIcon,
+      alt: "",
+      testId: "linked-container-icon"
+    })),
+    description: /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050"
+    }, icon, description),
+    iconAfter: /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(IconButton, {
+      label: "disconnect the container ".concat(title),
+      appearance: "subtle",
+      icon: CrossIcon,
+      spacing: "compact",
+      onClick: function onClick(e) {
+        e.preventDefault();
+      }
+    })),
+    href: "/",
+    component: CustomItemInner
+  }, title);
+};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Grid } from '@atlaskit/primitives';
+import { N0, N90 } from '@atlaskit/theme/colors';
+import { AddContainerCard } from './add-container-card';
+import { LinkedContainerCard } from './linked-container-card';
+export var ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(N0, ")");
+export var ICON_COLOR = "var(--ds-icon-subtle, ".concat(N90, ")");
+export var TeamContainers = function TeamContainers() {
+  return /*#__PURE__*/React.createElement(Grid, {
+    templateColumns: "1fr 1fr",
+    gap: "space.100",
+    autoFlow: "row"
+  }, /*#__PURE__*/React.createElement(LinkedContainerCard, {
+    containerType: "jira",
+    title: "A Project",
+    containerIcon: "https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "jira"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "confluence"
+  }), /*#__PURE__*/React.createElement(AddContainerCard, {
+    containerType: "loom"
+  }));
+};

package/dist/types/common/types.d.ts

@@ -0,0 +1 @@
+export type ContainerTypes = 'confluence' | 'jira' | 'loom';

package/dist/types/common/utils/get-container-properties.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { ContainerTypes } from '../types';
+interface ContainerProperties {
+    description: ReactNode;
+    icon: ReactNode;
+    title?: ReactNode;
+}
+export declare const messages: {
+    addConfluenceContainerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confluenceContainerDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addJiraProjectTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    jiraProjectDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addLoomSpaceTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    loomSpaceDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const getContainerProperties: (containerType: ContainerTypes) => ContainerProperties;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { TeamContainers } from './ui/team-containers';

package/dist/types/ui/team-containers/add-container-card/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ContainerTypes } from '../../../common/types';
+interface AddContainerCardProps {
+    containerType: ContainerTypes;
+}
+export declare const AddContainerCard: ({ containerType }: AddContainerCardProps) => JSX.Element;
+export {};

package/dist/types/ui/team-containers/constants.d.ts

@@ -0,0 +1 @@
+export declare const PROGRESS_BAR_TEST_ID = "myProgressBar";

package/dist/types/ui/team-containers/index.d.ts

@@ -0,0 +1 @@
+export { TeamContainers } from './main';

package/dist/types/ui/team-containers/linked-container-card/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
+import { ContainerTypes } from '../../../common/types';
+interface LinkedContainerCardProps {
+    containerType: ContainerTypes;
+    title: string;
+    containerIcon: string;
+}
+export declare const LinkedContainerCard: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => JSX.Element;
+export {};

package/dist/types/ui/team-containers/main.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ICON_BACKGROUND: "var(--ds-icon-inverse)";
+export declare const ICON_COLOR: "var(--ds-icon-subtle)";
+export declare const TeamContainers: () => React.JSX.Element;

package/dist/types/ui/team-containers/types.d.ts

@@ -0,0 +1,6 @@
+export interface TeamContainerProps {
+    /**
+     * The team id to fetch the team container for
+     */
+    teamId: string;
+}

package/dist/types-ts4.5/common/types.d.ts

@@ -0,0 +1 @@
+export type ContainerTypes = 'confluence' | 'jira' | 'loom';

package/dist/types-ts4.5/common/utils/get-container-properties.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { ContainerTypes } from '../types';
+interface ContainerProperties {
+    description: ReactNode;
+    icon: ReactNode;
+    title?: ReactNode;
+}
+export declare const messages: {
+    addConfluenceContainerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confluenceContainerDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addJiraProjectTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    jiraProjectDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addLoomSpaceTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    loomSpaceDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const getContainerProperties: (containerType: ContainerTypes) => ContainerProperties;
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1 @@
+export { TeamContainers } from './ui/team-containers';

package/dist/types-ts4.5/ui/team-containers/add-container-card/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ContainerTypes } from '../../../common/types';
+interface AddContainerCardProps {
+    containerType: ContainerTypes;
+}
+export declare const AddContainerCard: ({ containerType }: AddContainerCardProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/team-containers/constants.d.ts

@@ -0,0 +1 @@
+export declare const PROGRESS_BAR_TEST_ID = "myProgressBar";

package/dist/types-ts4.5/ui/team-containers/index.d.ts

@@ -0,0 +1 @@
+export { TeamContainers } from './main';

package/dist/types-ts4.5/ui/team-containers/linked-container-card/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { ContainerTypes } from '../../../common/types';
+interface LinkedContainerCardProps {
+    containerType: ContainerTypes;
+    title: string;
+    containerIcon: string;
+}
+export declare const LinkedContainerCard: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/team-containers/main.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ICON_BACKGROUND: "var(--ds-icon-inverse)";
+export declare const ICON_COLOR: "var(--ds-icon-subtle)";
+export declare const TeamContainers: () => React.JSX.Element;

package/dist/types-ts4.5/ui/team-containers/types.d.ts

@@ -0,0 +1,6 @@
+export interface TeamContainerProps {
+    /**
+     * The team id to fetch the team container for
+     */
+    teamId: string;
+}

package/package.json

@@ -0,0 +1,104 @@
+{
+	"atlassian": {
+		"team": "People and Teams Collective",
+		"runReact18": true,
+		"website": {
+			"name": "TeamContainers",
+			"category": "Layout and structure"
+		}
+	},
+	"repository": "https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <5.4": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": [
+		"*.compiled.css"
+	],
+	"atlaskit:src": "src/index.ts",
+	"af:exports": {
+		".": "./src/index.ts"
+	},
+	"dependencies": {
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/image": "^1.4.0",
+		"@atlaskit/logo": "^15.2.0",
+		"@atlaskit/menu": "^2.14.0",
+		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/theme": "^14.0.1",
+		"@atlaskit/tokens": "^3.3.0",
+		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.1",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"react-router-dom": "^6.28.0"
+	},
+	"peerDependencies": {
+		"react": "^18.2.0"
+	},
+	"devDependencies": {
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^13.4.0",
+		"@testing-library/user-event": "^14.4.3",
+		"react-dom": "^18.2.0",
+		"typescript": "~5.4.2"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"code-structure": [
+				"tangerine-next"
+			],
+			"import-structure": [
+				"atlassian-conventions"
+			],
+			"circular-dependencies": [
+				"file-and-folder-level"
+			]
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"analytics": [
+				"analytics-next"
+			],
+			"design-tokens": [
+				"color"
+			],
+			"theming": [
+				"react-context"
+			],
+			"ui-components": [
+				"lite-mode"
+			],
+			"deprecation": [
+				"no-deprecated-imports"
+			],
+			"styling": [
+				"static",
+				"compiled"
+			],
+			"imports": [
+				"import-no-extraneous-disable-for-examples-and-docs"
+			]
+		}
+	},
+	"name": "@atlaskit/teams-public",
+	"version": "0.1.0",
+	"description": "Public components related to teams",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	}
+}