@atlaskit/user-picker 10.29.0 → 10.29.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/user-picker
 
+## 10.29.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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.29.0";
+var packageVersion = "10.29.2";
 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/AvatarItemOption.js

@@ -32,6 +32,7 @@ var wrapper = function wrapper(isDisabled) {
     alignItems: 'center',
     boxSizing: 'border-box',
     display: 'flex',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 1,
     outline: 'none',
     margin: 0,
@@ -46,6 +47,7 @@ var optionWrapper = (0, _react2.css)({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });

package/dist/cjs/components/ExternalUserOption/ExternalAvatarItemOption.js

@@ -18,6 +18,7 @@ var outerWrapper = function outerWrapper(isDisabled) {
     alignItems: 'center',
     boxSizing: 'border-box',
     display: 'flex',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 1,
     outline: 'none',
     margin: 0,
@@ -33,6 +34,7 @@ var detailsWrapper = (0, _react.css)({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1.4,
   paddingLeft: "var(--ds-space-100, 8px)",
   alignItems: 'center'

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

@@ -27,6 +27,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var placeholderIconContainer = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   paddingLeft: _styles.BORDER_PADDING,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 0,
   gridArea: '1/1/2/2'
 });

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.29.0";
+const packageVersion = "10.29.2";
 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/AvatarItemOption.js

@@ -16,6 +16,7 @@ const wrapper = isDisabled => css({
   alignItems: 'center',
   boxSizing: 'border-box',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1,
   outline: 'none',
   margin: 0,
@@ -29,6 +30,7 @@ const optionWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });

package/dist/es2019/components/ExternalUserOption/ExternalAvatarItemOption.js

@@ -10,6 +10,7 @@ const outerWrapper = isDisabled => css({
   alignItems: 'center',
   boxSizing: 'border-box',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1,
   outline: 'none',
   margin: 0,
@@ -24,6 +25,7 @@ const detailsWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1.4,
   paddingLeft: "var(--ds-space-100, 8px)",
   alignItems: 'center'

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

@@ -13,6 +13,7 @@ import ValueContainerWrapper from './ValueContainerWrapper';
 const placeholderIconContainer = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   paddingLeft: BORDER_PADDING,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 0,
   gridArea: '1/1/2/2'
 });

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.29.0";
+var packageVersion = "10.29.2";
 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/AvatarItemOption.js

@@ -22,6 +22,7 @@ var wrapper = function wrapper(isDisabled) {
     alignItems: 'center',
     boxSizing: 'border-box',
     display: 'flex',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 1,
     outline: 'none',
     margin: 0,
@@ -36,6 +37,7 @@ var optionWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });

package/dist/esm/components/ExternalUserOption/ExternalAvatarItemOption.js

@@ -14,6 +14,7 @@ var outerWrapper = function outerWrapper(isDisabled) {
     alignItems: 'center',
     boxSizing: 'border-box',
     display: 'flex',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 1,
     outline: 'none',
     margin: 0,
@@ -29,6 +30,7 @@ var detailsWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
   flex: '1 1 100%',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1.4,
   paddingLeft: "var(--ds-space-100, 8px)",
   alignItems: 'center'

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

@@ -22,6 +22,7 @@ import ValueContainerWrapper from './ValueContainerWrapper';
 var placeholderIconContainer = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   paddingLeft: BORDER_PADDING,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 0,
   gridArea: '1/1/2/2'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "10.29.0",
+	"version": "10.29.2",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/avatar": "^21.17.0",
-		"@atlaskit/icon": "^23.1.0",
+		"@atlaskit/icon": "^23.3.0",
 		"@atlaskit/logo": "^15.1.0",
 		"@atlaskit/lozenge": "^11.12.0",
 		"@atlaskit/people-teams-ui-public": "^2.0.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/teams-avatar": "^1.1.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.5.0",
+		"@atlaskit/tokens": "^3.0.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",

package/tsconfig.json

@@ -9,6 +9,5 @@
     "./examples/**/*.tsx"
   ],
   "compilerOptions": {
-    "baseUrl": "./"
   }
 }