@atlaskit/user-picker 10.28.1 → 10.29.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/user-picker
 
+## 10.29.1
+
+### Patch Changes
+
+- [#181817](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181817)
+  [`c75a0ced77056`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c75a0ced77056) -
+  Internal changes to typography.
+
+## 10.29.0
+
+### Minor Changes
+
+- [#179984](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179984)
+  [`e232332e5f674`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e232332e5f674) -
+  [ux] Remove verified icon size
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.28.1
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.28.1";
+var packageVersion = "10.29.1";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/MultiValue.js

@@ -83,9 +83,7 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
       if ((0, _utils.isTeam)(data) && data.verified && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker')) {
-        return (0, _react2.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, {
-          size: "small"
-        });
+        return (0, _react2.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null);
       }
       return null;
     });

package/dist/cjs/components/PopupControl.js

@@ -19,28 +19,20 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var spacing = 8;
-var fontSize = 12;
-var innerHeight = spacing * 2; // 16px
-var lineHeight = innerHeight / fontSize;
 var controlWrapper = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'column',
   padding: "0px ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
 });
-var getLabelStyle = function getLabelStyle() {
-  return (0, _react2.css)({
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
-    fontSize: "".concat(fontSize, "px"),
-    fontWeight: "var(--ds-font-weight-semibold, 600)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    lineHeight: "".concat(lineHeight),
-    paddingBottom: "var(--ds-space-050, 4px)",
-    paddingLeft: "var(--ds-space-0, 0px)",
-    paddingRight: "var(--ds-space-0, 0px)",
-    paddingTop: "var(--ds-space-250, 20px)"
-  });
-};
+var labelStyle = (0, _react2.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
+  paddingBottom: "var(--ds-space-050, 4px)",
+  paddingLeft: "var(--ds-space-0, 0px)",
+  paddingRight: "var(--ds-space-0, 0px)",
+  paddingTop: "var(--ds-space-250, 20px)"
+});
 var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComponent) {
   function PopupControl() {
     (0, _classCallCheck2.default)(this, PopupControl);
@@ -54,7 +46,7 @@ var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComp
       return (0, _react2.jsx)("div", {
         css: controlWrapper
       }, (0, _react2.jsx)("div", {
-        css: getLabelStyle()
+        css: labelStyle
       }, popupTitle), (0, _react2.jsx)(_select.components.Control, this.props));
     }
   }]);

package/dist/cjs/components/SingleValue.js

@@ -42,9 +42,7 @@ var avatarItemComponent = (0, _react.css)({
 var ElementAfter = function ElementAfter(props) {
   var data = props.data.data;
   if ((0, _utils.isTeam)(data) && data.verified) {
-    return (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, {
-      size: "small"
-    });
+    return (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null);
   }
   return null;
 };

package/dist/cjs/components/TeamOption/main.js

@@ -50,9 +50,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         alignBlock: "center"
       }, (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, {
-        size: "small"
-      })) : (0, _react.jsx)(_HighlightText.HighlightText, {
+      }, name), verified && (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null)) : (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
     });

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "10.28.1";
+const packageVersion = "10.29.1";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/MultiValue.js

@@ -77,9 +77,7 @@ export class MultiValue extends React.Component {
         }
       } = this.props;
       if (isTeam(data) && data.verified && fg('verified-team-in-user-picker')) {
-        return jsx(VerifiedTeamIcon, {
-          size: "small"
-        });
+        return jsx(VerifiedTeamIcon, null);
       }
       return null;
     });

package/dist/es2019/components/PopupControl.js

@@ -7,21 +7,15 @@ import { components } from '@atlaskit/select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
-const spacing = 8;
-const fontSize = 12;
-const innerHeight = spacing * 2; // 16px
-const lineHeight = innerHeight / fontSize;
 const controlWrapper = css({
   display: 'flex',
   flexDirection: 'column',
   padding: `0px ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
 });
-const getLabelStyle = () => css({
+const labelStyle = css({
   color: `var(--ds-text-subtlest, ${N200})`,
-  fontSize: `${fontSize}px`,
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-semibold, 600)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: `${lineHeight}`,
   paddingBottom: "var(--ds-space-050, 4px)",
   paddingLeft: "var(--ds-space-0, 0px)",
   paddingRight: "var(--ds-space-0, 0px)",
@@ -38,7 +32,7 @@ export class PopupControl extends React.PureComponent {
     return jsx("div", {
       css: controlWrapper
     }, jsx("div", {
-      css: getLabelStyle()
+      css: labelStyle
     }, popupTitle), jsx(components.Control, this.props));
   }
 }

package/dist/es2019/components/SingleValue.js

@@ -37,9 +37,7 @@ const ElementAfter = props => {
     }
   } = props;
   if (isTeam(data) && data.verified) {
-    return jsx(VerifiedTeamIcon, {
-      size: "small"
-    });
+    return jsx(VerifiedTeamIcon, null);
   }
   return null;
 };

package/dist/es2019/components/TeamOption/main.js

@@ -36,9 +36,7 @@ export class TeamOption extends React.PureComponent {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && jsx(VerifiedTeamIcon, {
-        size: "small"
-      })) : jsx(HighlightText, {
+      }, name), verified && jsx(VerifiedTeamIcon, null)) : jsx(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
     });

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.28.1";
+var packageVersion = "10.29.1";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/MultiValue.js

@@ -78,9 +78,7 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
       if (isTeam(data) && data.verified && fg('verified-team-in-user-picker')) {
-        return jsx(VerifiedTeamIcon, {
-          size: "small"
-        });
+        return jsx(VerifiedTeamIcon, null);
       }
       return null;
     });

package/dist/esm/components/PopupControl.js

@@ -14,28 +14,20 @@ import { components } from '@atlaskit/select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
-var spacing = 8;
-var fontSize = 12;
-var innerHeight = spacing * 2; // 16px
-var lineHeight = innerHeight / fontSize;
 var controlWrapper = css({
   display: 'flex',
   flexDirection: 'column',
   padding: "0px ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
 });
-var getLabelStyle = function getLabelStyle() {
-  return css({
-    color: "var(--ds-text-subtlest, ".concat(N200, ")"),
-    fontSize: "".concat(fontSize, "px"),
-    fontWeight: "var(--ds-font-weight-semibold, 600)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    lineHeight: "".concat(lineHeight),
-    paddingBottom: "var(--ds-space-050, 4px)",
-    paddingLeft: "var(--ds-space-0, 0px)",
-    paddingRight: "var(--ds-space-0, 0px)",
-    paddingTop: "var(--ds-space-250, 20px)"
-  });
-};
+var labelStyle = css({
+  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
+  paddingBottom: "var(--ds-space-050, 4px)",
+  paddingLeft: "var(--ds-space-0, 0px)",
+  paddingRight: "var(--ds-space-0, 0px)",
+  paddingTop: "var(--ds-space-250, 20px)"
+});
 export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
   function PopupControl() {
     _classCallCheck(this, PopupControl);
@@ -49,7 +41,7 @@ export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
       return jsx("div", {
         css: controlWrapper
       }, jsx("div", {
-        css: getLabelStyle()
+        css: labelStyle
       }, popupTitle), jsx(components.Control, this.props));
     }
   }]);

package/dist/esm/components/SingleValue.js

@@ -35,9 +35,7 @@ var avatarItemComponent = css({
 var ElementAfter = function ElementAfter(props) {
   var data = props.data.data;
   if (isTeam(data) && data.verified) {
-    return jsx(VerifiedTeamIcon, {
-      size: "small"
-    });
+    return jsx(VerifiedTeamIcon, null);
   }
   return null;
 };

package/dist/esm/components/TeamOption/main.js

@@ -45,9 +45,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && jsx(VerifiedTeamIcon, {
-        size: "small"
-      })) : jsx(HighlightText, {
+      }, name), verified && jsx(VerifiedTeamIcon, null)) : jsx(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "10.28.1",
+	"version": "10.29.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/logo": "^15.1.0",
 		"@atlaskit/lozenge": "^11.12.0",
-		"@atlaskit/people-teams-ui-public": "^1.7.0",
+		"@atlaskit/people-teams-ui-public": "^2.0.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^13.3.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/teams-avatar": "^1.1.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",