@atlaskit/user-picker 10.29.0 → 10.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 10.29.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#181817](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181817)
8
+ [`c75a0ced77056`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c75a0ced77056) -
9
+ Internal changes to typography.
10
+
3
11
  ## 10.29.0
4
12
 
5
13
  ### Minor Changes
@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
12
12
  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; }
13
13
  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; }
14
14
  var packageName = "@atlaskit/user-picker";
15
- var packageVersion = "10.29.0";
15
+ var packageVersion = "10.29.1";
16
16
  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}$/;
17
17
  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}$/;
18
18
  var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
@@ -19,28 +19,20 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
19
19
  * @jsxRuntime classic
20
20
  * @jsx jsx
21
21
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
- var spacing = 8;
23
- var fontSize = 12;
24
- var innerHeight = spacing * 2; // 16px
25
- var lineHeight = innerHeight / fontSize;
26
22
  var controlWrapper = (0, _react2.css)({
27
23
  display: 'flex',
28
24
  flexDirection: 'column',
29
25
  padding: "0px ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
30
26
  });
31
- var getLabelStyle = function getLabelStyle() {
32
- return (0, _react2.css)({
33
- color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
34
- fontSize: "".concat(fontSize, "px"),
35
- fontWeight: "var(--ds-font-weight-semibold, 600)",
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
- lineHeight: "".concat(lineHeight),
38
- paddingBottom: "var(--ds-space-050, 4px)",
39
- paddingLeft: "var(--ds-space-0, 0px)",
40
- paddingRight: "var(--ds-space-0, 0px)",
41
- paddingTop: "var(--ds-space-250, 20px)"
42
- });
43
- };
27
+ var labelStyle = (0, _react2.css)({
28
+ color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
29
+ 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)",
30
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
31
+ paddingBottom: "var(--ds-space-050, 4px)",
32
+ paddingLeft: "var(--ds-space-0, 0px)",
33
+ paddingRight: "var(--ds-space-0, 0px)",
34
+ paddingTop: "var(--ds-space-250, 20px)"
35
+ });
44
36
  var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComponent) {
45
37
  function PopupControl() {
46
38
  (0, _classCallCheck2.default)(this, PopupControl);
@@ -54,7 +46,7 @@ var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComp
54
46
  return (0, _react2.jsx)("div", {
55
47
  css: controlWrapper
56
48
  }, (0, _react2.jsx)("div", {
57
- css: getLabelStyle()
49
+ css: labelStyle
58
50
  }, popupTitle), (0, _react2.jsx)(_select.components.Control, this.props));
59
51
  }
60
52
  }]);
@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
2
2
  import { v4 as uuidv4 } from 'uuid';
3
3
  import { isCustom, isExternalUser } from './components/utils';
4
4
  const packageName = "@atlaskit/user-picker";
5
- const packageVersion = "10.29.0";
5
+ const packageVersion = "10.29.1";
6
6
  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}$/;
7
7
  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}$/;
8
8
  const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
@@ -7,21 +7,15 @@ import { components } from '@atlaskit/select';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import { N200 } from '@atlaskit/theme/colors';
10
- const spacing = 8;
11
- const fontSize = 12;
12
- const innerHeight = spacing * 2; // 16px
13
- const lineHeight = innerHeight / fontSize;
14
10
  const controlWrapper = css({
15
11
  display: 'flex',
16
12
  flexDirection: 'column',
17
13
  padding: `0px ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
18
14
  });
19
- const getLabelStyle = () => css({
15
+ const labelStyle = css({
20
16
  color: `var(--ds-text-subtlest, ${N200})`,
21
- fontSize: `${fontSize}px`,
17
+ 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)",
22
18
  fontWeight: "var(--ds-font-weight-semibold, 600)",
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
- lineHeight: `${lineHeight}`,
25
19
  paddingBottom: "var(--ds-space-050, 4px)",
26
20
  paddingLeft: "var(--ds-space-0, 0px)",
27
21
  paddingRight: "var(--ds-space-0, 0px)",
@@ -38,7 +32,7 @@ export class PopupControl extends React.PureComponent {
38
32
  return jsx("div", {
39
33
  css: controlWrapper
40
34
  }, jsx("div", {
41
- css: getLabelStyle()
35
+ css: labelStyle
42
36
  }, popupTitle), jsx(components.Control, this.props));
43
37
  }
44
38
  }
@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
5
5
  import { v4 as uuidv4 } from 'uuid';
6
6
  import { isCustom, isExternalUser } from './components/utils';
7
7
  var packageName = "@atlaskit/user-picker";
8
- var packageVersion = "10.29.0";
8
+ var packageVersion = "10.29.1";
9
9
  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}$/;
10
10
  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}$/;
11
11
  var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
@@ -14,28 +14,20 @@ import { components } from '@atlaskit/select';
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
  import { css, jsx } from '@emotion/react';
16
16
  import { N200 } from '@atlaskit/theme/colors';
17
- var spacing = 8;
18
- var fontSize = 12;
19
- var innerHeight = spacing * 2; // 16px
20
- var lineHeight = innerHeight / fontSize;
21
17
  var controlWrapper = css({
22
18
  display: 'flex',
23
19
  flexDirection: 'column',
24
20
  padding: "0px ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
25
21
  });
26
- var getLabelStyle = function getLabelStyle() {
27
- return css({
28
- color: "var(--ds-text-subtlest, ".concat(N200, ")"),
29
- fontSize: "".concat(fontSize, "px"),
30
- fontWeight: "var(--ds-font-weight-semibold, 600)",
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- lineHeight: "".concat(lineHeight),
33
- paddingBottom: "var(--ds-space-050, 4px)",
34
- paddingLeft: "var(--ds-space-0, 0px)",
35
- paddingRight: "var(--ds-space-0, 0px)",
36
- paddingTop: "var(--ds-space-250, 20px)"
37
- });
38
- };
22
+ var labelStyle = css({
23
+ color: "var(--ds-text-subtlest, ".concat(N200, ")"),
24
+ 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)",
25
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
26
+ paddingBottom: "var(--ds-space-050, 4px)",
27
+ paddingLeft: "var(--ds-space-0, 0px)",
28
+ paddingRight: "var(--ds-space-0, 0px)",
29
+ paddingTop: "var(--ds-space-250, 20px)"
30
+ });
39
31
  export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
40
32
  function PopupControl() {
41
33
  _classCallCheck(this, PopupControl);
@@ -49,7 +41,7 @@ export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
49
41
  return jsx("div", {
50
42
  css: controlWrapper
51
43
  }, jsx("div", {
52
- css: getLabelStyle()
44
+ css: labelStyle
53
45
  }, popupTitle), jsx(components.Control, this.props));
54
46
  }
55
47
  }]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "10.29.0",
3
+ "version": "10.29.1",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"