@atlaskit/user-picker 11.6.4 → 11.6.6

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.
Files changed (34) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/cjs/components/AddOptionAvatar.js +1 -1
  4. package/dist/cjs/components/GroupOption/main.js +1 -1
  5. package/dist/cjs/components/UserPicker.js +1 -1
  6. package/dist/cjs/components/styles.js +4 -4
  7. package/dist/cjs/i18n/en.js +1 -0
  8. package/dist/cjs/i18n/en_GB.js +1 -0
  9. package/dist/cjs/i18n/en_ZZ.js +1 -0
  10. package/dist/es2019/analytics.js +1 -1
  11. package/dist/es2019/components/AddOptionAvatar.js +1 -1
  12. package/dist/es2019/components/GroupOption/main.js +1 -1
  13. package/dist/es2019/components/UserPicker.js +1 -1
  14. package/dist/es2019/components/styles.js +4 -4
  15. package/dist/es2019/i18n/en.js +1 -0
  16. package/dist/es2019/i18n/en_GB.js +1 -0
  17. package/dist/es2019/i18n/en_ZZ.js +1 -0
  18. package/dist/esm/analytics.js +1 -1
  19. package/dist/esm/components/AddOptionAvatar.js +1 -1
  20. package/dist/esm/components/GroupOption/main.js +1 -1
  21. package/dist/esm/components/UserPicker.js +1 -1
  22. package/dist/esm/components/styles.js +4 -4
  23. package/dist/esm/i18n/en.js +1 -0
  24. package/dist/esm/i18n/en_GB.js +1 -0
  25. package/dist/esm/i18n/en_ZZ.js +1 -0
  26. package/dist/types/components/styles.d.ts +1 -1
  27. package/dist/types/i18n/en.d.ts +1 -0
  28. package/dist/types/i18n/en_GB.d.ts +1 -0
  29. package/dist/types/i18n/en_ZZ.d.ts +1 -0
  30. package/dist/types-ts4.5/components/styles.d.ts +1 -1
  31. package/dist/types-ts4.5/i18n/en.d.ts +1 -0
  32. package/dist/types-ts4.5/i18n/en_GB.d.ts +1 -0
  33. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +1 -0
  34. package/package.json +7 -16
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 11.6.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6fb79942fc3a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fb79942fc3a5) -
8
+ Internal changes to how borders are applied.
9
+
10
+ ## 11.6.5
11
+
12
+ ### Patch Changes
13
+
14
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
15
+ Internal changes to how borders are applied.
16
+ - Updated dependencies
17
+
3
18
  ## 11.6.4
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/analytics.js CHANGED
@@ -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 = "0.0.0-development";
15
+ var packageVersion = "11.6.5";
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}$/;
package/dist/cjs/components/AddOptionAvatar.js CHANGED
@@ -25,7 +25,7 @@ var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge,
25
25
  padding: padding,
26
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
27
  backgroundColor: backgroundColor,
28
- borderRadius: '50%',
28
+ borderRadius: "var(--ds-radius-full, 9999px)",
29
29
  display: 'flex',
30
30
  alignItems: 'center',
31
31
  marginLeft: "var(--ds-space-025, 2px)"
package/dist/cjs/components/GroupOption/main.js CHANGED
@@ -30,7 +30,7 @@ var groupOptionIconWrapper = exports.groupOptionIconWrapper = (0, _react2.css)({
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
31
31
  '> span': {
32
32
  backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
33
- borderRadius: '50%',
33
+ borderRadius: "var(--ds-radius-full, 9999px)",
34
34
  padding: "var(--ds-space-050, 4px)"
35
35
  }
36
36
  });
package/dist/cjs/components/UserPicker.js CHANGED
@@ -102,7 +102,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
102
102
  SelectComponent: SelectComponent
103
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
104
104
  ,
105
- styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('uxissue-914') ? undefined : this.props.isInvalid,
105
+ styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles,
106
106
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
107
107
  (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
108
108
  components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
package/dist/cjs/components/styles.js CHANGED
@@ -18,7 +18,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
18
18
  var BORDER_PADDING = exports.BORDER_PADDING = "var(--ds-space-075, 6px)";
19
19
  var AVATAR_PADDING = exports.AVATAR_PADDING = 6;
20
20
  var INDICATOR_WIDTH = exports.INDICATOR_WIDTH = 39;
21
- var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles, isInvalid, isVisualRefresh, isPopupStyles, height) {
21
+ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
22
22
  var styles = {
23
23
  menu: function menu(css, state) {
24
24
  return _objectSpread(_objectSpread({}, css), {}, {
@@ -36,13 +36,13 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
36
36
  var isMulti = state.selectProps.isMulti;
37
37
  return _objectSpread(_objectSpread({}, css), {}, {
38
38
  width: width,
39
- borderColor: (0, _platformFeatureFlags.fg)('uxissue-914') ? state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")") : isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
39
+ borderColor: state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
40
40
  backgroundColor: state.isFocused ? "var(--ds-background-input, ".concat(css['backgroundColor'], ")") : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, ".concat(_colors.N10, ")") : "var(--ds-background-input, ".concat(_colors.N20, ")"),
41
41
  '&:hover .fabric-user-picker__clear-indicator': {
42
42
  opacity: 1
43
43
  },
44
44
  ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
45
- borderColor: (0, _platformFeatureFlags.fg)('uxissue-914') ? state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")") : isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
45
+ borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
46
46
  backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(_colors.R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(_colors.N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(_colors.N10, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")")
47
47
  }),
48
48
  padding: 0,
@@ -177,5 +177,5 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
177
177
  return overrideStyles ? (0, _select.mergeStyles)(styles, overrideStyles) : styles;
178
178
  });
179
179
  var getPopupStyles = exports.getPopupStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyles, isVisualRefresh) {
180
- return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, false, isVisualRefresh, true));
180
+ return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true));
181
181
  });
package/dist/cjs/i18n/en.js CHANGED
@@ -40,6 +40,7 @@ var _default = exports.default = {
40
40
  'fabric.elements.user-picker.source.confluence': 'Confluence',
41
41
  'fabric.elements.user-picker.source.jira': 'Jira',
42
42
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
43
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
43
44
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
44
45
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
45
46
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/cjs/i18n/en_GB.js CHANGED
@@ -40,6 +40,7 @@ var _default = exports.default = {
40
40
  'fabric.elements.user-picker.source.confluence': 'Confluence',
41
41
  'fabric.elements.user-picker.source.jira': 'Jira',
42
42
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
43
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
43
44
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
44
45
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
45
46
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/cjs/i18n/en_ZZ.js CHANGED
@@ -40,6 +40,7 @@ var _default = exports.default = {
40
40
  'fabric.elements.user-picker.source.confluence': '⁣⁢Confluence⁠⁡‌⁡⁠‌؜‍⁠؜⁡⁠⁣⁤',
41
41
  'fabric.elements.user-picker.source.jira': '⁣⁢Jira⁡‌‍‌⁣⁤',
42
42
  'fabric.elements.user-picker.source.other-atlassian': '⁣⁢Other Atlassian products؜⁠‍⁠‌‍‍؜‌‌⁣⁤',
43
+ 'fabric.elements.user-picker.source.other-atlassian-appify': '⁣⁢Other Atlassian apps‌؜؜⁠‌‌‌‌⁣⁤',
43
44
  'fabric.elements.user-picker.team.member.50plus': '⁣⁢Team • 50+ members؜‍⁠‍⁡؜؜⁣⁤',
44
45
  'fabric.elements.user-picker.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡‍⁡؜⁡⁡⁡‌⁣⁤',
45
46
  'fabric.elements.user-picker.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤} other {⁣⁢Team • {count} members⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤}}',
package/dist/es2019/analytics.js CHANGED
@@ -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 = "0.0.0-development";
5
+ const packageVersion = "11.6.5";
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}$/;
package/dist/es2019/components/AddOptionAvatar.js CHANGED
@@ -16,7 +16,7 @@ const getEmailAvatarWrapperStyle = (isLozenge, isPendingAction) => {
16
16
  padding,
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
18
  backgroundColor,
19
- borderRadius: '50%',
19
+ borderRadius: "var(--ds-radius-full, 9999px)",
20
20
  display: 'flex',
21
21
  alignItems: 'center',
22
22
  marginLeft: "var(--ds-space-025, 2px)"
package/dist/es2019/components/GroupOption/main.js CHANGED
@@ -19,7 +19,7 @@ export const groupOptionIconWrapper = css({
19
19
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
20
  '> span': {
21
21
  backgroundColor: `var(--ds-background-neutral, ${N20})`,
22
- borderRadius: '50%',
22
+ borderRadius: "var(--ds-radius-full, 9999px)",
23
23
  padding: "var(--ds-space-050, 4px)"
24
24
  }
25
25
  });
package/dist/es2019/components/UserPicker.js CHANGED
@@ -79,7 +79,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
79
79
  SelectComponent: SelectComponent
80
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
81
81
  ,
82
- styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('uxissue-914') ? undefined : this.props.isInvalid,
82
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
83
83
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
84
84
  fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
85
85
  components: getComponents(isMulti, anchor, showClearIndicator, (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
package/dist/es2019/components/styles.js CHANGED
@@ -5,7 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
5
5
  export const BORDER_PADDING = "var(--ds-space-075, 6px)";
6
6
  export const AVATAR_PADDING = 6;
7
7
  export const INDICATOR_WIDTH = 39;
8
- export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles, isInvalid, isVisualRefresh, isPopupStyles, height) => {
8
+ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) => {
9
9
  let styles = {
10
10
  menu: (css, state) => ({
11
11
  ...css,
@@ -22,14 +22,14 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
22
22
  return {
23
23
  ...css,
24
24
  width,
25
- borderColor: fg('uxissue-914') ? state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : `var(--ds-border-input, ${N90})` : isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : `var(--ds-border-input, ${N90})`,
25
+ borderColor: state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : `var(--ds-border-input, ${N90})`,
26
26
  backgroundColor: state.isFocused ? `var(--ds-background-input, ${css['backgroundColor']})` : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? `var(--ds-background-input, ${N10})` : `var(--ds-background-input, ${N20})`,
27
27
  '&:hover .fabric-user-picker__clear-indicator': {
28
28
  opacity: 1
29
29
  },
30
30
  ':hover': {
31
31
  ...css[':hover'],
32
- borderColor: fg('uxissue-914') ? state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle ? 'transparent' : `var(--ds-border-input, ${N90})` : isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : state.selectProps.subtle ? 'transparent' : `var(--ds-border-input, ${N90})`,
32
+ borderColor: state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle ? 'transparent' : `var(--ds-border-input, ${N90})`,
33
33
  backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? `var(--ds-background-danger, ${R50})` : state.isFocused ? css[':hover'] ? `var(--ds-background-input, ${css[':hover'].backgroundColor})` : `var(--ds-background-input, ${N0})` : state.isDisabled ? `var(--ds-background-disabled, ${N10})` : `var(--ds-background-input-hovered, ${N30})`
34
34
  },
35
35
  padding: 0,
@@ -163,5 +163,5 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
163
163
  return overrideStyles ? mergeStyles(styles, overrideStyles) : styles;
164
164
  });
165
165
  export const getPopupStyles = memoizeOne((width, isMulti, overrideStyles, isVisualRefresh) => ({
166
- ...getStyles(width, isMulti, false, overrideStyles, false, isVisualRefresh, true)
166
+ ...getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true)
167
167
  }));
package/dist/es2019/i18n/en.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': 'Confluence',
35
35
  'fabric.elements.user-picker.source.jira': 'Jira',
36
36
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
37
38
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
39
40
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/es2019/i18n/en_GB.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': 'Confluence',
35
35
  'fabric.elements.user-picker.source.jira': 'Jira',
36
36
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
37
38
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
39
40
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/es2019/i18n/en_ZZ.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': '⁣⁢Confluence⁠⁡‌⁡⁠‌؜‍⁠؜⁡⁠⁣⁤',
35
35
  'fabric.elements.user-picker.source.jira': '⁣⁢Jira⁡‌‍‌⁣⁤',
36
36
  'fabric.elements.user-picker.source.other-atlassian': '⁣⁢Other Atlassian products؜⁠‍⁠‌‍‍؜‌‌⁣⁤',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': '⁣⁢Other Atlassian apps‌؜؜⁠‌‌‌‌⁣⁤',
37
38
  'fabric.elements.user-picker.team.member.50plus': '⁣⁢Team • 50+ members؜‍⁠‍⁡؜؜⁣⁤',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡‍⁡؜⁡⁡⁡‌⁣⁤',
39
40
  'fabric.elements.user-picker.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤} other {⁣⁢Team • {count} members⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤}}',
package/dist/esm/analytics.js CHANGED
@@ -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 = "0.0.0-development";
8
+ var packageVersion = "11.6.5";
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}$/;
package/dist/esm/components/AddOptionAvatar.js CHANGED
@@ -16,7 +16,7 @@ var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge,
16
16
  padding: padding,
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
18
  backgroundColor: backgroundColor,
19
- borderRadius: '50%',
19
+ borderRadius: "var(--ds-radius-full, 9999px)",
20
20
  display: 'flex',
21
21
  alignItems: 'center',
22
22
  marginLeft: "var(--ds-space-025, 2px)"
package/dist/esm/components/GroupOption/main.js CHANGED
@@ -26,7 +26,7 @@ export var groupOptionIconWrapper = css({
26
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
27
  '> span': {
28
28
  backgroundColor: "var(--ds-background-neutral, ".concat(N20, ")"),
29
- borderRadius: '50%',
29
+ borderRadius: "var(--ds-radius-full, 9999px)",
30
30
  padding: "var(--ds-space-050, 4px)"
31
31
  }
32
32
  });
package/dist/esm/components/UserPicker.js CHANGED
@@ -93,7 +93,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
93
93
  SelectComponent: SelectComponent
94
94
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
95
95
  ,
96
- styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('uxissue-914') ? undefined : this.props.isInvalid,
96
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
97
97
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
98
98
  fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
99
99
  components: getComponents(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
package/dist/esm/components/styles.js CHANGED
@@ -11,7 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
11
11
  export var BORDER_PADDING = "var(--ds-space-075, 6px)";
12
12
  export var AVATAR_PADDING = 6;
13
13
  export var INDICATOR_WIDTH = 39;
14
- export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles, isInvalid, isVisualRefresh, isPopupStyles, height) {
14
+ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
15
15
  var styles = {
16
16
  menu: function menu(css, state) {
17
17
  return _objectSpread(_objectSpread({}, css), {}, {
@@ -29,13 +29,13 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
29
29
  var isMulti = state.selectProps.isMulti;
30
30
  return _objectSpread(_objectSpread({}, css), {}, {
31
31
  width: width,
32
- borderColor: fg('uxissue-914') ? state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")") : isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
32
+ borderColor: state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
33
33
  backgroundColor: state.isFocused ? "var(--ds-background-input, ".concat(css['backgroundColor'], ")") : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, ".concat(N10, ")") : "var(--ds-background-input, ".concat(N20, ")"),
34
34
  '&:hover .fabric-user-picker__clear-indicator': {
35
35
  opacity: 1
36
36
  },
37
37
  ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
38
- borderColor: fg('uxissue-914') ? state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")") : isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
38
+ borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
39
39
  backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(N10, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")")
40
40
  }),
41
41
  padding: 0,
@@ -170,5 +170,5 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
170
170
  return overrideStyles ? mergeStyles(styles, overrideStyles) : styles;
171
171
  });
172
172
  export var getPopupStyles = memoizeOne(function (width, isMulti, overrideStyles, isVisualRefresh) {
173
- return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, false, isVisualRefresh, true));
173
+ return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true));
174
174
  });
package/dist/esm/i18n/en.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': 'Confluence',
35
35
  'fabric.elements.user-picker.source.jira': 'Jira',
36
36
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
37
38
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
39
40
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/esm/i18n/en_GB.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': 'Confluence',
35
35
  'fabric.elements.user-picker.source.jira': 'Jira',
36
36
  'fabric.elements.user-picker.source.other-atlassian': 'Other Atlassian products',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': 'Other Atlassian apps',
37
38
  'fabric.elements.user-picker.team.member.50plus': 'Team • 50+ members',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': 'Team • 50+ members, including you',
39
40
  'fabric.elements.user-picker.team.member.count': 'Team • {count} {count, plural, one {member} other {members}}',
package/dist/esm/i18n/en_ZZ.js CHANGED
@@ -34,6 +34,7 @@ export default {
34
34
  'fabric.elements.user-picker.source.confluence': '⁣⁢Confluence⁠⁡‌⁡⁠‌؜‍⁠؜⁡⁠⁣⁤',
35
35
  'fabric.elements.user-picker.source.jira': '⁣⁢Jira⁡‌‍‌⁣⁤',
36
36
  'fabric.elements.user-picker.source.other-atlassian': '⁣⁢Other Atlassian products؜⁠‍⁠‌‍‍؜‌‌⁣⁤',
37
+ 'fabric.elements.user-picker.source.other-atlassian-appify': '⁣⁢Other Atlassian apps‌؜؜⁠‌‌‌‌⁣⁤',
37
38
  'fabric.elements.user-picker.team.member.50plus': '⁣⁢Team • 50+ members؜‍⁠‍⁡؜؜⁣⁤',
38
39
  'fabric.elements.user-picker.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡‍⁡؜⁡⁡⁡‌⁣⁤',
39
40
  'fabric.elements.user-picker.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤} other {⁣⁢Team • {count} members⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤}}',
package/dist/types/components/styles.d.ts CHANGED
@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
2
2
  export declare const BORDER_PADDING: "var(--ds-space-075)";
3
3
  export declare const AVATAR_PADDING = 6;
4
4
  export declare const INDICATOR_WIDTH = 39;
5
- export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
5
+ export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
6
6
  export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;
package/dist/types/i18n/en.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/dist/types/i18n/en_GB.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/dist/types/i18n/en_ZZ.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/dist/types-ts4.5/components/styles.d.ts CHANGED
@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
2
2
  export declare const BORDER_PADDING: "var(--ds-space-075)";
3
3
  export declare const AVATAR_PADDING = 6;
4
4
  export declare const INDICATOR_WIDTH = 39;
5
- export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
5
+ export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
6
6
  export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;
package/dist/types-ts4.5/i18n/en.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/dist/types-ts4.5/i18n/en_GB.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/dist/types-ts4.5/i18n/en_ZZ.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  'fabric.elements.user-picker.source.confluence': string;
33
33
  'fabric.elements.user-picker.source.jira': string;
34
34
  'fabric.elements.user-picker.source.other-atlassian': string;
35
+ 'fabric.elements.user-picker.source.other-atlassian-appify': string;
35
36
  'fabric.elements.user-picker.team.member.50plus': string;
36
37
  'fabric.elements.user-picker.team.member.50plus.including.you': string;
37
38
  'fabric.elements.user-picker.team.member.count': string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "11.6.4",
3
+ "version": "11.6.6",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,12 +24,6 @@
24
24
  "*.compiled.css"
25
25
  ],
26
26
  "atlaskit:src": "src/index.ts",
27
- "af:exports": {
28
- ".": "./src/index.ts",
29
- "./analytics": "./src/analytics.ts",
30
- "./option": "./src/option.ts",
31
- "./types": "./src/types.ts"
32
- },
33
27
  "atlassian": {
34
28
  "team": "Search Platform: Search Experience",
35
29
  "slack": {
@@ -50,18 +44,18 @@
50
44
  "dependencies": {
51
45
  "@atlaskit/analytics-next": "^11.1.0",
52
46
  "@atlaskit/avatar": "^25.1.0",
53
- "@atlaskit/icon": "^28.1.0",
47
+ "@atlaskit/icon": "^28.2.0",
54
48
  "@atlaskit/logo": "^19.7.0",
55
49
  "@atlaskit/lozenge": "^13.0.0",
56
- "@atlaskit/people-teams-ui-public": "^3.1.0",
50
+ "@atlaskit/people-teams-ui-public": "^3.2.0",
57
51
  "@atlaskit/platform-feature-flags": "^1.1.0",
58
52
  "@atlaskit/popper": "^7.1.0",
59
- "@atlaskit/primitives": "^14.12.0",
60
- "@atlaskit/select": "^21.2.0",
53
+ "@atlaskit/primitives": "^14.14.0",
54
+ "@atlaskit/select": "^21.3.0",
61
55
  "@atlaskit/spinner": "^19.0.0",
62
56
  "@atlaskit/teams-avatar": "^2.3.0",
63
- "@atlaskit/theme": "^20.0.0",
64
- "@atlaskit/tokens": "^6.1.0",
57
+ "@atlaskit/theme": "^21.0.0",
58
+ "@atlaskit/tokens": "^6.3.0",
65
59
  "@atlaskit/tooltip": "^20.4.0",
66
60
  "@atlaskit/ufo": "^0.4.0",
67
61
  "@babel/runtime": "^7.0.0",
@@ -117,9 +111,6 @@
117
111
  },
118
112
  "product-terminology-refresh": {
119
113
  "type": "boolean"
120
- },
121
- "uxissue-914": {
122
- "type": "boolean"
123
114
  }
124
115
  }
125
116
  }