@atlaskit/user-picker 11.25.4 → 11.25.6

package/dist/esm/components/styles.js

@@ -4,10 +4,9 @@ var _excluded = ["_paddingTop", "_paddingBottom", "_paddingLeft", "_paddingRight
   _excluded2 = ["_paddingTop", "_paddingBottom", "_position"];
 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) { _defineProperty(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; }
-import { B100, N0, N10, N20, N30, N100, R50, R400, N90 } from '@atlaskit/theme/colors';
-import memoizeOne from 'memoize-one';
-import { mergeStyles } from '@atlaskit/select';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { mergeStyles } from '@atlaskit/select';
+import memoizeOne from 'memoize-one';
 export var BORDER_PADDING = "var(--ds-space-075, 6px)";
 export var AVATAR_PADDING = 6;
 export var INDICATOR_WIDTH = 39;
@@ -29,14 +28,14 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
       var isMulti = state.selectProps.isMulti;
       return _objectSpread(_objectSpread({}, css), {}, {
         width: width,
-        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, ")"),
-        backgroundColor: state.isFocused ? "var(--ds-background-input, ".concat(css['backgroundColor'], ")") : state.selectProps.subtle ? 'transparent' : state.isDisabled && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "var(--ds-background-disabled, ".concat(N10, ")") : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, ".concat(N10, ")") : "var(--ds-background-input, ".concat(N20, ")"),
+        borderColor: state.isFocused ? "var(--ds-border-focused, #4688EC)" : state.isInvalid ? "var(--ds-border-danger, #E2483D)" : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, #8C8F97)",
+        backgroundColor: state.isFocused ? "var(--ds-background-input, #FFFFFF)" : state.selectProps.subtle ? 'transparent' : state.isDisabled && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "var(--ds-background-disabled, #17171708)" : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)",
         '&:hover .fabric-user-picker__clear-indicator': {
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
-          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, ")"),
-          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, ")")
+          borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, #4688EC)" : "var(--ds-border-focused, #4688EC)" : state.isInvalid ? "var(--ds-border-danger, #E2483D)" : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, #8C8F97)",
+          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, #FFECEB)" : state.isFocused ? css[':hover'] ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)" : state.isDisabled ? "var(--ds-background-disabled, #17171708)" : "var(--ds-background-input-hovered, #F8F8F8)"
         }),
         padding: 0,
         minHeight: minHeight ? minHeight : height || isCompact ? 'none' : 44,
@@ -62,7 +61,7 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
         paddingTop: 0,
         padding: 0,
         ':hover': {
-          color: "var(--ds-icon-danger, ".concat(R400, ")")
+          color: "var(--ds-icon-danger, #C9372C)"
         }
       });
     },
@@ -151,12 +150,12 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
         paddingLeft: state.selectProps.isMulti ? 0 : BORDER_PADDING,
         '& input::placeholder': {
           /* Chrome, Firefox, Opera, Safari 10.1+ */
-          color: "var(--ds-text-subtlest, ".concat(N100, ")"),
+          color: "var(--ds-text-subtlest, #6B6E76)",
           opacity: 1 /* Firefox */
         },
         '& input:-ms-input-placeholder': {
           /* Internet Explorer 10-11 */
-          color: "var(--ds-text-subtlest, ".concat(N100, ")")
+          color: "var(--ds-text-subtlest, #6B6E76)"
         }
       });
     },

package/dist/types/components/BaseUserPicker.d.ts

@@ -85,6 +85,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     clearValueLabel?: string;
     closeMenuOnScroll?: boolean | EventListener;
     components?: SelectComponentsConfig<OptionData, boolean>;
+    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     defaultValue?: DefaultValue;
     disableInput?: boolean;
     emailLabel?: string;
@@ -92,7 +93,6 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
     groupByTypeOrder?: NonNullable<OptionData['type']>[];
-    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;

package/dist/types-ts4.5/components/BaseUserPicker.d.ts

@@ -85,6 +85,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     clearValueLabel?: string;
     closeMenuOnScroll?: boolean | EventListener;
     components?: SelectComponentsConfig<OptionData, boolean>;
+    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     defaultValue?: DefaultValue;
     disableInput?: boolean;
     emailLabel?: string;
@@ -92,7 +93,6 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
     groupByTypeOrder?: NonNullable<OptionData['type']>[];
-    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.25.4",
+	"version": "11.25.6",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,22 +43,21 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
-		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.10.0",
+		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/avatar": "^25.11.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/select": "^21.8.0",
+		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/select": "^21.9.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tag": "^14.5.0",
+		"@atlaskit/tag": "^14.6.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -117,9 +116,6 @@
 		"product-terminology-refresh": {
 			"type": "boolean"
 		},
-		"jira_ai_agent_avatar_user_picker_user_option": {
-			"type": "boolean"
-		},
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
 		},