@atlaskit/user-picker 11.13.0 → 11.13.2

package/dist/es2019/components/Control.js

@@ -7,10 +7,10 @@ import { components } from '@atlaskit/select';
 import { cx } from '@compiled/react';
 const controlStyles = {
   invalid: "_1h6d1bqt _4cvx1bqt",
-  focused: "_1h6d1p6i _bfhk1j9a _4cvx1p6i _irr31j9a",
-  disabled: "_irr3syzs",
+  focused: "_1h6d1v1w _bfhk1j9a _4cvx1v1w _irr31j9a",
+  disabled: "_irr3by5v",
   subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
-  root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _14regrf3 _4cvx1elr _irr31d5g _1a98zg3v",
+  root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6drsbi _bfhk1j9a _p12f1osq _14regrf3 _4cvxrsbi _irr3l4ek _1a98zg3v",
   compact: "_1tke1wug"
 };
 const Control = props => {

package/dist/es2019/components/GroupOption/main.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
@@ -10,8 +9,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
 import { HighlightText } from '../HighlightText';
@@ -54,34 +51,16 @@ export class GroupOption extends React.PureComponent {
       LEGACY_size: "medium",
       spacing: "spacious"
     })));
-    _defineProperty(this, "renderVerifiedIcon", () => {
-      return jsx(VerifiedTeamIcon, {
-        label: "",
-        size: "small",
-        spacing: "none"
-      });
-    });
     _defineProperty(this, "renderByline", () => {
       const {
         isSelected,
         group
       } = this.props;
-      const getGroupByline = () => {
-        if (fg('confluence_frontend_perms_exp_teams_as_principals')) {
-          return jsx(FormattedMessage, _extends({}, messages.adminManagedGroupByline, {
-            values: {
-              verifiedIcon: this.renderVerifiedIcon()
-            }
-          }));
-        } else {
-          return jsx(FormattedMessage, messages.groupByline);
-        }
-      };
       return jsx("span", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`),
         "data-testid": "user-picker-group-secondary-text"
-      }, group.byline ? group.byline : getGroupByline());
+      }, group.byline ? group.byline : jsx(FormattedMessage, messages.groupByline));
     });
     _defineProperty(this, "getLozengeProps", () => typeof this.props.group.lozenge === 'string' ? {
       text: this.props.group.lozenge

package/dist/es2019/components/Input.compiled.css

@@ -1,5 +1,5 @@
 ._1ir3kb7n input::-ms-input-placeholder{opacity:1}
 ._1ir3kb7n input::placeholder{opacity:1}
-._5ce6131l input::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
-._5ce6131l input::placeholder{color:var(--ds-text-subtlest,#626f86)}
-._h5gq131l input:-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
+._5ce61rpy input::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
+._5ce61rpy input::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
+._h5gq1rpy input:-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}

package/dist/es2019/components/Input.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { components } from '@atlaskit/select';
 const inputStyles = {
-  root: "_5ce6131l _1ir3kb7n _h5gq131l"
+  root: "_5ce61rpy _1ir3kb7n _h5gq1rpy"
 };
 export class Input extends React.Component {
   constructor(...args) {

package/dist/es2019/components/SingleValue.compiled.css

@@ -10,5 +10,5 @@
 ._i0dl1osq{flex-basis:100%}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vwz419ii{line-height:1.4}

package/dist/es2019/components/SingleValue.js

@@ -10,7 +10,7 @@ import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
   avatarItem: "_1reo15vq _18m915vq _4cvr1h6o _1ul953f4",
   avatarItemTextWrapper: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _bozgu2gc _vwz419ii",
-  avatarItemText: "_syaz1fxt _1reo15vq _1bto1l2s _o5721q9c"
+  avatarItemText: "_syazi7uo _1reo15vq _1bto1l2s _o5721q9c"
 };
 const ElementAfter = props => {
   const {

package/dist/es2019/components/TeamOption/main.js

@@ -7,7 +7,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -23,7 +22,8 @@ export class TeamOption extends React.PureComponent {
       const {
         team: {
           name,
-          highlight
+          highlight,
+          verified
         }
       } = this.props;
       return [jsx("span", {
@@ -35,18 +35,16 @@ export class TeamOption extends React.PureComponent {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), !fg('confluence_frontend_perms_exp_teams_as_principals') && this.renderVerifiedIcon()))];
+      }, name), verified && jsx(VerifiedTeamIcon, null)))];
     });
     _defineProperty(this, "renderByline", () => {
       const {
         isSelected,
         team: {
           memberCount,
-          includesYou,
-          verified
+          includesYou
         }
       } = this.props;
-      const isVerified = fg('confluence_frontend_perms_exp_teams_as_principals') && verified;
 
       // if Member count is missing, do not show the byline, regardless of the availability of includesYou
       if (memberCount === null || typeof memberCount === 'undefined') {
@@ -54,18 +52,9 @@ export class TeamOption extends React.PureComponent {
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithYou, {
-              values: {
-                verifiedIcon: this.renderVerifiedIcon()
-              }
-            })) : jsx(FormattedMessage, messages.plus50MembersWithYou));
+            return this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithYou));
           } else {
-            return this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithYou, {
-              values: {
-                verifiedIcon: this.renderVerifiedIcon(),
-                count: memberCount
-              }
-            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
+            return this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -73,18 +62,9 @@ export class TeamOption extends React.PureComponent {
           }
         } else {
           if (memberCount > 50) {
-            return this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithoutYou, {
-              values: {
-                verifiedIcon: this.renderVerifiedIcon()
-              }
-            })) : jsx(FormattedMessage, messages.plus50MembersWithoutYou));
+            return this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithoutYou));
           } else {
-            return this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithoutYou, {
-              values: {
-                verifiedIcon: this.renderVerifiedIcon(),
-                count: memberCount
-              }
-            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
+            return this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }
@@ -110,16 +90,6 @@ export class TeamOption extends React.PureComponent {
         type: "team"
       });
     });
-    _defineProperty(this, "renderVerifiedIcon", () => {
-      if (this.props.team.verified) {
-        return jsx(VerifiedTeamIcon, {
-          label: "",
-          size: "small",
-          spacing: "none"
-        });
-      }
-      return undefined;
-    });
     _defineProperty(this, "getLozengeProps", () => typeof this.props.team.lozenge === 'string' ? {
       text: this.props.team.lozenge
     } : this.props.team.lozenge);

package/dist/es2019/components/UserOption.js

@@ -6,13 +6,21 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+const styles = color => css({
+  display: 'inline',
+  verticalAlign: 'top',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  color
+});
 export class UserOption extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -33,11 +41,12 @@ export class UserOption extends React.PureComponent {
         highlights: highlight && highlight.name
       }, name))];
       if (hasValue(publicName) && name.trim() !== publicName.trim()) {
+        const color = this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`;
         result.push(jsx(React.Fragment, {
           key: "publicName"
         }, ' ', jsx("span", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`)
+          css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
         }, "(", jsx(HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));

package/dist/es2019/components/i18n.js

@@ -25,26 +25,6 @@ export const messages = defineMessages({
     defaultMessage: 'Something went wrong',
     description: 'Error message to display when options fail to load.'
   },
-  teamByline: {
-    id: 'fabric.elements.user-picker.team.byline',
-    defaultMessage: 'Team',
-    description: 'Byline for team'
-  },
-  officialTeamByline: {
-    id: 'fabric.elements.user-picker.team.byline.official',
-    defaultMessage: 'Official team {verifiedIcon}',
-    description: 'Byline for official team'
-  },
-  officialMemberCountWithoutYou: {
-    id: 'fabric.elements.user-picker.team.member.count.official',
-    defaultMessage: 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}',
-    description: 'Byline to show the number of members in the team when the current user is not a member of the team'
-  },
-  officialMemberCountWithYou: {
-    id: 'fabric.elements.user-picker.team.member.count.official.including.you',
-    defaultMessage: 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}, including you',
-    description: 'Byline to show the number of members in the team when the current user is also a member of the team'
-  },
   memberCountWithoutYou: {
     id: 'fabric.elements.user-picker.team.member.count',
     defaultMessage: 'Team • {count} {count, plural, one {member} other {members}}',
@@ -55,16 +35,6 @@ export const messages = defineMessages({
     defaultMessage: 'Team • {count} {count, plural, one {member} other {members}}, including you',
     description: 'Byline to show the number of members in the team when the current user is also a member of the team'
   },
-  officialPlus50MembersWithoutYou: {
-    id: 'fabric.elements.user-picker.team.member.50plus.official',
-    defaultMessage: 'Official team {verifiedIcon} • 50+ members',
-    description: 'Byline to show the number of members in the team when the number exceeds 50'
-  },
-  officialPlus50MembersWithYou: {
-    id: 'fabric.elements.user-picker.team.member.50plus.official.including.you',
-    defaultMessage: 'Official team {verifiedIcon} • 50+ members, including you',
-    description: 'Byline to show the number of members in the team when the number exceeds 50 and also includes the current user'
-  },
   plus50MembersWithoutYou: {
     id: 'fabric.elements.user-picker.team.member.50plus',
     defaultMessage: 'Team • 50+ members',
@@ -90,11 +60,6 @@ export const messages = defineMessages({
     defaultMessage: 'Enter an email address',
     description: 'Byline for a potentially valid email option.'
   },
-  adminManagedGroupByline: {
-    id: 'fabric.elements.user-picker.group.byline.admin-managed',
-    defaultMessage: 'Admin group {verifiedIcon}',
-    description: 'Byline for admin-managed groups with verified icon'
-  },
   groupByline: {
     id: 'fabric.elements.user-picker.group.byline',
     defaultMessage: 'Admin-managed group',

package/dist/esm/analytics.js

@@ -6,7 +6,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 = "11.12.0";
+var packageVersion = "11.13.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/AddOptionAvatar.js

@@ -10,7 +10,7 @@ import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge, isPendingAction) {
   var padding = isLozenge ? "var(--ds-space-0, 0px)" : "var(--ds-space-050, 4px)";
-  var backgroundColor = isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-background-warning, #FFF7D6)" : "var(--ds-background-neutral, ".concat(N40, ")");
+  var backgroundColor = isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-background-warning, #FFF5DB)" : "var(--ds-background-neutral, ".concat(N40, ")");
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     padding: padding,
@@ -35,7 +35,7 @@ export var AddOptionAvatar = function AddOptionAvatar(_ref) {
       label: label || '',
       LEGACY_size: isLozenge ? 'small' : 'medium',
       LEGACY_margin: "0 0 0 -2px",
-      color: isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #A54800)" : "var(--ds-text-subtle, ".concat(N500, ")")
+      color: isPendingAction && fg('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : "var(--ds-text-subtle, ".concat(N500, ")")
     }))
   );
 };

package/dist/esm/components/AvatarItemOption.js

@@ -10,6 +10,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { isLozengeText } from './utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(function (module) {
     return {
@@ -18,6 +19,20 @@ var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   });
 });
 var wrapper = function wrapper(isDisabled) {
+  if (fg('platform_user_picker_firefox_tab_fix')) {
+    return css({
+      alignItems: 'center',
+      boxSizing: 'border-box',
+      display: 'flex',
+      outline: 'none',
+      margin: 0,
+      width: '100%',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      cursor: isDisabled ? 'not-allowed' : 'pointer',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
+    });
+  }
   return css({
     alignItems: 'center',
     boxSizing: 'border-box',
@@ -40,10 +55,26 @@ var optionWrapper = css({
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });
+var optionWrapperFix = css({
+  display: 'inline-block',
+  overflow: 'hidden',
+  minWidth: 0,
+  maxWidth: '100%',
+  paddingLeft: "var(--ds-space-100, 8px)"
+});
 var getTextStyle = function getTextStyle(isSecondary) {
   var secondaryCssArgs = isSecondary ? {
     font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
   } : {};
+  if (fg('platform_user_picker_firefox_tab_fix')) {
+    return css(_objectSpread({
+      margin: 0,
+      maxWidth: '100%',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }, secondaryCssArgs));
+  }
   return css(_objectSpread({
     margin: 0,
     overflowX: 'hidden',
@@ -56,6 +87,18 @@ var additionalInfo = css({
   marginLeft: "var(--ds-space-100, 8px)"
 });
 export var textWrapper = function textWrapper(color) {
+  if (fg('platform_user_picker_firefox_tab_fix')) {
+    return css({
+      display: 'inline-block',
+      verticalAlign: 'bottom',
+      maxWidth: '100%',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      color: color
+    });
+  }
   return css({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -90,7 +133,7 @@ export var AvatarItemOption = function AvatarItemOption(_ref) {
     jsx("span", {
       css: wrapper(isDisabled)
     }, avatar, jsx("div", {
-      css: optionWrapper
+      css: fg('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
     }, jsx("div", null, jsx("div", {
       css: getTextStyle()
     }, primaryText), secondaryText && jsx("div", {

package/dist/esm/components/Control.compiled.css

@@ -1,8 +1,8 @@
 
 ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
-._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
 ._1h6d1j28{border-color:transparent}
-._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._14regrf3 .fabric-user-picker__clear-indicator{opacity:0!important}
+._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
+._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._14regrf3 .fabric-user-picker__clear-indicator{opacity:0!important}
 ._19bvidpf{padding-left:0}
 ._1a98zg3v:hover .fabric-user-picker__clear-indicator{opacity:1!important}
 ._1tke1wug{min-height:auto}
@@ -13,10 +13,10 @@
 ._p12f1osq{max-width:100%}
 ._u5f3idpf{padding-right:0}
 ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
-._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
 ._4cvx1j28:hover{border-color:transparent}
-._4cvx1p6i:hover{border-color:var(--ds-border-focused,#388bff)}
-._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
+._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
 ._irr31gly:hover{background-color:var(--ds-background-danger,#ffeceb)}
 ._irr31j9a:hover{background-color:var(--ds-background-input,#fff)}
-._irr3syzs:hover{background-color:var(--ds-background-disabled,#091e4208)}
+._irr3by5v:hover{background-color:var(--ds-background-disabled,#17171708)}
+._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}

package/dist/esm/components/Control.js

@@ -7,10 +7,10 @@ import { components } from '@atlaskit/select';
 import { cx } from '@compiled/react';
 var controlStyles = {
   invalid: "_1h6d1bqt _4cvx1bqt",
-  focused: "_1h6d1p6i _bfhk1j9a _4cvx1p6i _irr31j9a",
-  disabled: "_irr3syzs",
+  focused: "_1h6d1v1w _bfhk1j9a _4cvx1v1w _irr31j9a",
+  disabled: "_irr3by5v",
   subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
-  root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _14regrf3 _4cvx1elr _irr31d5g _1a98zg3v",
+  root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6drsbi _bfhk1j9a _p12f1osq _14regrf3 _4cvxrsbi _irr3l4ek _1a98zg3v",
   compact: "_1tke1wug"
 };
 var Control = function Control(props) {

package/dist/esm/components/GroupOption/main.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -17,8 +16,6 @@ import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
 import { HighlightText } from '../HighlightText';
@@ -66,33 +63,15 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
         spacing: "spacious"
       }));
     });
-    _defineProperty(_this, "renderVerifiedIcon", function () {
-      return jsx(VerifiedTeamIcon, {
-        label: "",
-        size: "small",
-        spacing: "none"
-      });
-    });
     _defineProperty(_this, "renderByline", function () {
       var _this$props2 = _this.props,
         isSelected = _this$props2.isSelected,
         group = _this$props2.group;
-      var getGroupByline = function getGroupByline() {
-        if (fg('confluence_frontend_perms_exp_teams_as_principals')) {
-          return jsx(FormattedMessage, _extends({}, messages.adminManagedGroupByline, {
-            values: {
-              verifiedIcon: _this.renderVerifiedIcon()
-            }
-          }));
-        } else {
-          return jsx(FormattedMessage, messages.groupByline);
-        }
-      };
       return jsx("span", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")")),
         "data-testid": "user-picker-group-secondary-text"
-      }, group.byline ? group.byline : getGroupByline());
+      }, group.byline ? group.byline : jsx(FormattedMessage, messages.groupByline));
     });
     _defineProperty(_this, "getLozengeProps", function () {
       return typeof _this.props.group.lozenge === 'string' ? {

package/dist/esm/components/Input.compiled.css

@@ -1,5 +1,5 @@
 ._1ir3kb7n input::-ms-input-placeholder{opacity:1}
 ._1ir3kb7n input::placeholder{opacity:1}
-._5ce6131l input::-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
-._5ce6131l input::placeholder{color:var(--ds-text-subtlest,#626f86)}
-._h5gq131l input:-ms-input-placeholder{color:var(--ds-text-subtlest,#626f86)}
+._5ce61rpy input::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
+._5ce61rpy input::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
+._h5gq1rpy input:-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}

package/dist/esm/components/Input.js

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { components } from '@atlaskit/select';
 var inputStyles = {
-  root: "_5ce6131l _1ir3kb7n _h5gq131l"
+  root: "_5ce61rpy _1ir3kb7n _h5gq1rpy"
 };
 export var Input = /*#__PURE__*/function (_React$Component) {
   function Input() {

package/dist/esm/components/SingleValue.compiled.css

@@ -10,5 +10,5 @@
 ._i0dl1osq{flex-basis:100%}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vwz419ii{line-height:1.4}

package/dist/esm/components/SingleValue.js

@@ -10,7 +10,7 @@ import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
   avatarItem: "_1reo15vq _18m915vq _4cvr1h6o _1ul953f4",
   avatarItemTextWrapper: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _bozgu2gc _vwz419ii",
-  avatarItemText: "_syaz1fxt _1reo15vq _1bto1l2s _o5721q9c"
+  avatarItemText: "_syazi7uo _1reo15vq _1bto1l2s _o5721q9c"
 };
 var ElementAfter = function ElementAfter(props) {
   var data = props.data.data;

package/dist/esm/components/TeamOption/main.js

@@ -14,7 +14,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -34,7 +33,8 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_this, "getPrimaryText", function () {
       var _this$props$team = _this.props.team,
         name = _this$props$team.name,
-        highlight = _this$props$team.highlight;
+        highlight = _this$props$team.highlight,
+        verified = _this$props$team.verified;
       return [jsx("span", {
         key: "name"
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -44,16 +44,14 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), !fg('confluence_frontend_perms_exp_teams_as_principals') && _this.renderVerifiedIcon()))];
+      }, name), verified && jsx(VerifiedTeamIcon, null)))];
     });
     _defineProperty(_this, "renderByline", function () {
       var _this$props = _this.props,
         isSelected = _this$props.isSelected,
         _this$props$team2 = _this$props.team,
         memberCount = _this$props$team2.memberCount,
-        includesYou = _this$props$team2.includesYou,
-        verified = _this$props$team2.verified;
-      var isVerified = fg('confluence_frontend_perms_exp_teams_as_principals') && verified;
+        includesYou = _this$props$team2.includesYou;
 
       // if Member count is missing, do not show the byline, regardless of the availability of includesYou
       if (memberCount === null || typeof memberCount === 'undefined') {
@@ -61,18 +59,9 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithYou, {
-              values: {
-                verifiedIcon: _this.renderVerifiedIcon()
-              }
-            })) : jsx(FormattedMessage, messages.plus50MembersWithYou));
+            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithYou));
           } else {
-            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithYou, {
-              values: {
-                verifiedIcon: _this.renderVerifiedIcon(),
-                count: memberCount
-              }
-            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
+            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -80,18 +69,9 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
           }
         } else {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithoutYou, {
-              values: {
-                verifiedIcon: _this.renderVerifiedIcon()
-              }
-            })) : jsx(FormattedMessage, messages.plus50MembersWithoutYou));
+            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithoutYou));
           } else {
-            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithoutYou, {
-              values: {
-                verifiedIcon: _this.renderVerifiedIcon(),
-                count: memberCount
-              }
-            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
+            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }
@@ -115,16 +95,6 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         type: "team"
       });
     });
-    _defineProperty(_this, "renderVerifiedIcon", function () {
-      if (_this.props.team.verified) {
-        return jsx(VerifiedTeamIcon, {
-          label: "",
-          size: "small",
-          spacing: "none"
-        });
-      }
-      return undefined;
-    });
     _defineProperty(_this, "getLozengeProps", function () {
       return typeof _this.props.team.lozenge === 'string' ? {
         text: _this.props.team.lozenge