@atlaskit/teams-public 2.6.2 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/teams-public
 
+## 2.8.0
+
+### Minor Changes
+
+- [`c595edf05d60e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c595edf05d60e) -
+  Update i18n NPM package versions for people-and-teams,identity (Group 8)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.7.0
+
+### Minor Changes
+
+- [`68e50c0e75e2f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/68e50c0e75e2f) -
+  Update i18n NPM package versions for people-and-teams,identity (Group 8)
+
 ## 2.6.2
 
 ### Patch Changes

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,10 +12,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
+var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
+var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
-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, _reactIntl.defineMessages)({
   disconnectDialogTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
@@ -89,11 +91,11 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
     width: "small",
     testId: "team-containers-disconnect-dialog",
     shouldScrollInViewport: true
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     hasCloseButton: true
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
+  }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
     appearance: "warning"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.150"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
     values: {
@@ -106,7 +108,7 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
     values: {
       containerType: containerType
     }
-  })))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+  })))), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
     onClick: onClose
   }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogCancelButton)), /*#__PURE__*/_react.default.createElement(_new.default, {

package/dist/cjs/ui/team-containers/main.compiled.css

@@ -0,0 +1 @@
+._yv0e19f7{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}

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

@@ -1,3 +1,4 @@
+/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TeamContainers = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.ICON_COLOR = exports.ICON_BACKGROUND = void 0;
+require("./main.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -15,7 +18,6 @@ var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
 var _teamsAppInternalProductPermissions = require("@atlaskit/teams-app-internal-product-permissions");
@@ -32,8 +34,9 @@ var _async = require("./disconnect-dialog/async");
 var _noProductAccessEmptyState = require("./no-product-access-empty-state");
 var _teamLinkCard = require("./team-link-card");
 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); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-
+var gridStyles = {
+  templateColumns: "_yv0e19f7"
+};
 var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
 var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
@@ -296,10 +299,10 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.200"
   }, function () {
-    var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _primitives.Grid;
+    var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _compiled.Grid;
     var isTeamsA11yGateEnabled = (0, _platformFeatureFlags.fg)('teams-a11y-34974-34752-34709');
     return /*#__PURE__*/_react.default.createElement(GridComponent, (0, _extends2.default)({
-      templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+      xcss: gridStyles.templateColumns,
       gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
     }, isTeamsA11yGateEnabled && {
       role: 'list'

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

@@ -2,7 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
-import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
 export const messages = defineMessages({

package/dist/es2019/ui/team-containers/main.compiled.css

@@ -0,0 +1 @@
+._yv0e19f7{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}

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

@@ -1,12 +1,13 @@
+/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./main.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Grid } from '@atlaskit/primitives';
-import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
+import { Box, Grid, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { hasProductPermission, useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions';
 import { TeamContainersSkeleton } from '../../common/ui/team-containers-skeleton';
@@ -21,6 +22,9 @@ import { getAddContainerCards } from './add-container-card';
 import { DisconnectDialogLazy } from './disconnect-dialog/async';
 import { NoProductAccessState } from './no-product-access-empty-state';
 import { TeamLinkCard } from './team-link-card';
+const gridStyles = {
+  templateColumns: "_yv0e19f7"
+};
 export const ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
 export const ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 export const MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
@@ -241,7 +245,7 @@ export const TeamContainers = ({
     const GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || Grid;
     const isTeamsA11yGateEnabled = fg('teams-a11y-34974-34752-34709');
     return /*#__PURE__*/React.createElement(GridComponent, _extends({
-      templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+      xcss: gridStyles.templateColumns,
       gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
     }, isTeamsA11yGateEnabled && {
       role: 'list'

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

@@ -5,7 +5,11 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
-import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
 export var messages = defineMessages({

package/dist/esm/ui/team-containers/main.compiled.css

@@ -0,0 +1 @@
+._yv0e19f7{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}

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

@@ -1,15 +1,16 @@
+/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./main.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Grid } from '@atlaskit/primitives';
-import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
+import { Box, Grid, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
 import { hasProductPermission, useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions';
 import { TeamContainersSkeleton } from '../../common/ui/team-containers-skeleton';
@@ -24,6 +25,9 @@ import { getAddContainerCards } from './add-container-card';
 import { DisconnectDialogLazy } from './disconnect-dialog/async';
 import { NoProductAccessState } from './no-product-access-empty-state';
 import { TeamLinkCard } from './team-link-card';
+var gridStyles = {
+  templateColumns: "_yv0e19f7"
+};
 export var ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
 export var ICON_COLOR = "var(--ds-icon-subtle, #505258)";
 export var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
@@ -289,7 +293,7 @@ export var TeamContainers = function TeamContainers(_ref) {
     var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || Grid;
     var isTeamsA11yGateEnabled = fg('teams-a11y-34974-34752-34709');
     return /*#__PURE__*/React.createElement(GridComponent, _extends({
-      templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+      xcss: gridStyles.templateColumns,
       gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
     }, isTeamsA11yGateEnabled && {
       role: 'list'

package/package.json

@@ -23,32 +23,32 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.207.0",
+		"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.225.0",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/avatar": "^27.0.0",
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/avatar": "^27.2.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/dropdown-menu": "^18.0.0",
+		"@atlaskit/dropdown-menu": "^18.2.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/icon": "^37.3.0",
-		"@atlaskit/image": "^5.0.0",
-		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/modal-dialog": "^16.3.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/image": "^5.1.0",
+		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/modal-dialog": "^16.5.0",
 		"@atlaskit/people-teams-ui-public": "^5.2.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/skeleton": "^4.2.0",
-		"@atlaskit/teams-app-internal-analytics": "^2.3.0",
-		"@atlaskit/teams-app-internal-navigation": "^2.2.0",
+		"@atlaskit/skeleton": "^4.3.0",
+		"@atlaskit/teams-app-internal-analytics": "^2.4.0",
+		"@atlaskit/teams-app-internal-navigation": "^2.3.0",
 		"@atlaskit/teams-app-internal-product-permissions": "^2.2.0",
 		"@atlaskit/teams-client": "^5.2.0",
-		"@atlaskit/tile": "^4.0.0",
-		"@atlaskit/tokens": "^16.4.0",
-		"@atlaskit/tooltip": "^24.0.0",
+		"@atlaskit/tile": "^4.1.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tooltip": "^24.2.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^1.0.0",
+		"@compiled/react": "^1.0.2",
 		"@types/string-hash": "^1.1.3",
 		"graphql": "^15.8.0",
 		"graphql-tag": "^2.10.1",
@@ -65,7 +65,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.15.0",
+		"@atlassian/a11y-jest-testing": "^0.16.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ptc-test-utils": "^0.14.0",
 		"@atlassian/teams-app-internal-playground": "^2.9.0",
@@ -111,7 +111,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "2.6.2",
+	"version": "2.8.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",