@atlaskit/user-picker 10.16.0 → 10.16.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 10.16.1
+
+### Patch Changes
+
+- [#70460](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70460) [`2f37600156ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f37600156ae) - The internal composition of a component in this package has changed. There is no expected change in behaviour.
+
 ## 10.16.0
 
 ### Minor 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.16.0";
+var packageVersion = "10.16.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

@@ -16,6 +16,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
 var _AddOptionAvatar = require("./AddOptionAvatar");
@@ -39,8 +40,8 @@ var scrollToValue = exports.scrollToValue = function scrollToValue(valueContaine
     valueContainer.scrollIntoView(false);
   }
 };
-var groupTagContainer = (0, _react2.css)({
-  paddingLeft: "var(--ds-space-025, 2px)"
+var groupTagContainer = (0, _primitives.xcss)({
+  paddingLeft: 'space.025'
 });
 var nameWrapper = (0, _react2.css)({
   paddingLeft: '5px'
@@ -68,8 +69,8 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
         });
       }
       if ((0, _utils.isGroup)(data)) {
-        return (0, _react2.jsx)("div", {
-          css: groupTagContainer
+        return (0, _react2.jsx)(_primitives.Box, {
+          xcss: groupTagContainer
         }, (0, _react2.jsx)(_people.default, {
           label: "group-icon",
           size: "small"

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.16.0";
+const packageVersion = "10.16.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

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
@@ -25,8 +26,8 @@ export const scrollToValue = (valueContainer, control) => {
     valueContainer.scrollIntoView(false);
   }
 };
-const groupTagContainer = css({
-  paddingLeft: "var(--ds-space-025, 2px)"
+const groupTagContainer = xcss({
+  paddingLeft: 'space.025'
 });
 const nameWrapper = css({
   paddingLeft: '5px'
@@ -51,8 +52,8 @@ export class MultiValue extends React.Component {
         }));
       }
       if (isGroup(data)) {
-        return jsx("div", {
-          css: groupTagContainer
+        return jsx(Box, {
+          xcss: groupTagContainer
         }, jsx(PeopleIcon, {
           label: "group-icon",
           size: "small"

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.16.0";
+var packageVersion = "10.16.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

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
@@ -33,8 +34,8 @@ export var scrollToValue = function scrollToValue(valueContainer, control) {
     valueContainer.scrollIntoView(false);
   }
 };
-var groupTagContainer = css({
-  paddingLeft: "var(--ds-space-025, 2px)"
+var groupTagContainer = xcss({
+  paddingLeft: 'space.025'
 });
 var nameWrapper = css({
   paddingLeft: '5px'
@@ -62,8 +63,8 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
         });
       }
       if (isGroup(data)) {
-        return jsx("div", {
-          css: groupTagContainer
+        return jsx(Box, {
+          xcss: groupTagContainer
         }, jsx(PeopleIcon, {
           label: "group-icon",
           size: "small"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.16.0",
+  "version": "10.16.1",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"