first commit

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { IPeoplePickerItemSelectedProps } from './PeoplePickerItem.types';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSXElement;
+export declare const PeoplePickerItem: React.FunctionComponent<React.PropsWithChildren<React.PropsWithChildren<IPeoplePickerItemSelectedProps>>>;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.js

@@ -0,0 +1,36 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { getId, classNamesFunction, styled } from '../../../../Utilities';
+import { Persona, PersonaSize } from '../../../../Persona';
+import { IconButton } from '../../../../Button';
+import { ValidationState } from '../../BasePicker.types';
+import { getStyles } from './PeoplePickerItem.styles';
+var getClassNames = classNamesFunction();
+export var PeoplePickerItemBase = function (props) {
+    var item = props.item, onRemoveItem = props.onRemoveItem, index = props.index, selected = props.selected, removeButtonAriaLabel = props.removeButtonAriaLabel, styles = props.styles, theme = props.theme, className = props.className, disabled = props.disabled, removeButtonIconProps = props.removeButtonIconProps;
+    var buttonRef = React.createRef();
+    var handleClick = function () {
+        var _a;
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var itemId = getId();
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: className,
+        selected: selected,
+        disabled: disabled,
+        invalid: item.ValidationState === ValidationState.warning,
+    });
+    var personaStyles = classNames.subComponentStyles
+        ? classNames.subComponentStyles.persona
+        : undefined;
+    var personaCoinStyles = classNames.subComponentStyles
+        ? classNames.subComponentStyles.personaCoin
+        : undefined;
+    return (React.createElement("div", { "data-selection-index": index, className: classNames.root, role: 'listitem', key: index, onClick: handleClick },
+        React.createElement("div", { className: classNames.itemContent, id: 'selectedItemPersona-' + itemId },
+            React.createElement(Persona, __assign({ size: PersonaSize.size24, styles: personaStyles, coinProps: { styles: personaCoinStyles } }, item))),
+        React.createElement(IconButton, { componentRef: buttonRef, id: itemId, onClick: onRemoveItem, disabled: disabled, iconProps: removeButtonIconProps !== null && removeButtonIconProps !== void 0 ? removeButtonIconProps : { iconName: 'Cancel' }, styles: { icon: { fontSize: '12px' } }, className: classNames.removeButton, ariaLabel: removeButtonAriaLabel, "aria-labelledby": "".concat(itemId, " selectedItemPersona-").concat(itemId) })));
+};
+export var PeoplePickerItem = styled(PeoplePickerItemBase, getStyles, undefined, { scope: 'PeoplePickerItem' });
+//# sourceMappingURL=PeoplePickerItem.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.d.ts

@@ -0,0 +1,2 @@
+import type { IPeoplePickerItemSelectedStyleProps, IPeoplePickerItemSelectedStyles } from './PeoplePickerItem.types';
+export declare function getStyles(props: IPeoplePickerItemSelectedStyleProps): IPeoplePickerItemSelectedStyles;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.js

@@ -0,0 +1,233 @@
+import { __assign } from "tslib";
+import { getGlobalClassNames, getFocusStyle, HighContrastSelector, getHighContrastNoAdjustStyle, } from '../../../../Styling';
+import { ButtonGlobalClassNames } from '../../../Button/BaseButton.classNames';
+var GlobalClassNames = {
+    root: 'ms-PickerPersona-container',
+    itemContent: 'ms-PickerItem-content',
+    removeButton: 'ms-PickerItem-removeButton',
+    isSelected: 'is-selected',
+    isInvalid: 'is-invalid',
+};
+var REMOVE_BUTTON_SIZE = 24;
+var PICKER_PERSONA_RADIUS = 15;
+export function getStyles(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var className = props.className, theme = props.theme, selected = props.selected, invalid = props.invalid, disabled = props.disabled;
+    var palette = theme.palette, semanticColors = theme.semanticColors, fonts = theme.fonts;
+    var classNames = getGlobalClassNames(GlobalClassNames, theme);
+    var personaRootStyles = {
+        color: 'inherit',
+    };
+    // set text color to inherit to allow focus styles to control persona text colors
+    var personaPrimaryTextStyles = [
+        selected &&
+            !invalid &&
+            !disabled && {
+            color: 'inherit',
+            selectors: (_a = {
+                    ':hover': {
+                        color: 'inherit',
+                    }
+                },
+                _a[HighContrastSelector] = {
+                    color: 'HighlightText',
+                },
+                _a),
+        },
+        ((invalid && !selected) || (invalid && selected && disabled)) && {
+            color: 'inherit',
+            borderBottom: "2px dotted currentColor",
+            selectors: (_b = {},
+                _b[".".concat(classNames.root, ":hover &")] = {
+                    // override Persona root:hover selector
+                    color: 'inherit',
+                },
+                _b),
+        },
+        invalid &&
+            selected &&
+            !disabled && {
+            color: 'inherit',
+            borderBottom: "2px dotted currentColor",
+            selectors: {
+                ':hover': {
+                    color: 'inherit',
+                },
+            },
+        },
+        disabled && {
+            selectors: (_c = {},
+                _c[HighContrastSelector] = {
+                    color: 'GrayText',
+                },
+                _c),
+        },
+    ];
+    var personaSecondaryTextStyles = [
+        selected &&
+            !invalid &&
+            !disabled && {
+            color: 'inherit',
+            selectors: (_d = {
+                    ':hover': {
+                        color: 'inherit',
+                    }
+                },
+                _d[HighContrastSelector] = {
+                    color: 'HighlightText',
+                },
+                _d),
+        },
+    ];
+    var personaCoinInitialsStyles = [
+        invalid && {
+            fontSize: fonts.xLarge.fontSize,
+        },
+    ];
+    return {
+        root: [
+            classNames.root,
+            getFocusStyle(theme, { inset: -2 }),
+            {
+                borderRadius: PICKER_PERSONA_RADIUS,
+                display: 'inline-flex',
+                alignItems: 'center',
+                background: palette.neutralLighter,
+                margin: '1px 2px',
+                cursor: 'default',
+                userSelect: 'none',
+                maxWidth: 300,
+                verticalAlign: 'middle',
+                minWidth: 0,
+                selectors: (_e = {
+                        ':hover': {
+                            background: !selected && !disabled ? palette.neutralLight : '',
+                        }
+                    },
+                    _e[HighContrastSelector] = [{ border: '1px solid WindowText' }, disabled && { borderColor: 'GrayText' }],
+                    _e),
+            },
+            selected &&
+                !disabled && [
+                classNames.isSelected,
+                {
+                    selectors: (_f = {
+                            ':focus-within': (_g = {
+                                    background: palette.themePrimary,
+                                    color: palette.white
+                                },
+                                _g[HighContrastSelector] = {
+                                    color: 'HighLightText',
+                                    background: 'Highlight',
+                                },
+                                _g)
+                        },
+                        _f[HighContrastSelector] = __assign({ borderColor: 'HighLight', background: 'Highlight' }, getHighContrastNoAdjustStyle()),
+                        _f),
+                },
+            ],
+            invalid && [classNames.isInvalid],
+            invalid &&
+                selected &&
+                !disabled && {
+                ':focus-within': {
+                    background: palette.redDark,
+                    color: palette.white,
+                },
+            },
+            ((invalid && !selected) || (invalid && selected && disabled)) && {
+                color: palette.redDark,
+            },
+            className,
+        ],
+        itemContent: [
+            classNames.itemContent,
+            {
+                flex: '0 1 auto',
+                minWidth: 0,
+                // CSS below is needed for IE 11 to properly truncate long persona names in the picker
+                // and to clip the presence indicator (in all browsers)
+                maxWidth: '100%',
+                overflow: 'hidden',
+            },
+        ],
+        removeButton: [
+            classNames.removeButton,
+            {
+                borderRadius: PICKER_PERSONA_RADIUS,
+                color: palette.neutralPrimary,
+                flex: '0 0 auto',
+                width: REMOVE_BUTTON_SIZE,
+                height: REMOVE_BUTTON_SIZE,
+                selectors: {
+                    ':hover': {
+                        background: palette.neutralTertiaryAlt,
+                        color: palette.neutralDark,
+                    },
+                },
+            },
+            selected && [
+                getFocusStyle(theme, {
+                    inset: 2,
+                    borderColor: 'transparent',
+                    highContrastStyle: { inset: 2, left: 1, top: 1, bottom: 1, right: 1, outlineColor: 'HighlightText' },
+                    outlineColor: palette.white,
+                    borderRadius: PICKER_PERSONA_RADIUS,
+                }),
+                {
+                    selectors: (_h = {
+                            ':hover': {
+                                color: palette.white,
+                                background: palette.themeDark,
+                            },
+                            ':active': {
+                                color: palette.white,
+                                background: palette.themeDarker,
+                            },
+                            ':focus': (_j = {
+                                    color: palette.white
+                                },
+                                _j[HighContrastSelector] = {
+                                    color: 'HighlightText',
+                                },
+                                _j)
+                        },
+                        _h[HighContrastSelector] = {
+                            color: 'HighlightText',
+                        },
+                        _h),
+                },
+                invalid && {
+                    selectors: {
+                        ':hover': {
+                            color: palette.white,
+                            background: palette.red,
+                        },
+                        ':active': {
+                            color: palette.white,
+                            background: palette.redDark,
+                        },
+                    },
+                },
+            ],
+            disabled && {
+                selectors: (_k = {},
+                    _k[".".concat(ButtonGlobalClassNames.msButtonIcon)] = {
+                        color: semanticColors.buttonText,
+                    },
+                    _k),
+            },
+        ],
+        subComponentStyles: {
+            persona: {
+                root: personaRootStyles,
+                primaryText: personaPrimaryTextStyles,
+                secondaryText: personaSecondaryTextStyles,
+            },
+            personaCoin: {
+                initials: personaCoinInitialsStyles,
+            },
+        },
+    };
+}
+//# sourceMappingURL=PeoplePickerItem.styles.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.d.ts

@@ -0,0 +1,109 @@
+import { ValidationState } from '../../BasePicker.types';
+import type { IStyle, ITheme } from '../../../../Styling';
+import type { IStyleFunctionOrObject } from '../../../../Utilities';
+import type { IPersonaProps, IPersonaStyleProps, IPersonaCoinStyleProps } from '../../../../Persona';
+import type { IPickerItemProps } from '../../PickerItem.types';
+import type { IContextualMenuItem } from '../../../../ContextualMenu';
+import type { IBasePickerSuggestionsProps } from '../../BasePicker.types';
+/**
+ * Common props in between IPeoplePickerItemSelectedProps, IPeoplePickerItemWithMenuProps and
+ * IPeoplePickerItemSuggestionProps.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSharedProps {
+    /** Additional CSS class(es) to apply to the PeoplePickerItem root element. */
+    className?: string;
+    /** Theme provided by High-Order Component. */
+    theme?: ITheme;
+}
+/**
+ * PeoplePickerItemSelected props interface. Refers to the PeoplePicker items that have been picked already.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSelectedProps extends IPickerItemProps<IPersonaProps & {
+    ValidationState: ValidationState;
+}>, IPeoplePickerItemSharedProps {
+    /** Call to provide customized styling that will layer on top of the variant rules. */
+    styles?: IStyleFunctionOrObject<IPeoplePickerItemSelectedStyleProps, IPeoplePickerItemSelectedStyles>;
+}
+/**
+ * Props needed to construct PeoplePickerItemSelected styles.
+ * {@docCategory PeoplePicker}
+ */
+export type IPeoplePickerItemSelectedStyleProps = Required<Pick<IPeoplePickerItemSelectedProps, 'theme'>> & Pick<IPeoplePickerItemSelectedProps, 'className' | 'selected' | 'disabled'> & {
+    /** Whether it's invalid. */
+    invalid?: boolean;
+};
+/**
+ * Represents the stylable areas of the PeoplePickerItemSelected.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSelectedStyles {
+    /** Root element of picked PeoplePicker item */
+    root: IStyle;
+    /** Refers to the element holding the content (Persona) of the PeoplePicker item already picked. */
+    itemContent: IStyle;
+    /** Refers to the remove action button on a picked PeoplePicker item. */
+    removeButton: IStyle;
+    /** SubComponent (Persona, PersonaCoin) styles. */
+    subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
+}
+/**
+ * Styles interface of the SubComponents rendered within PeoplePickerItemSelected.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSelectedSubComponentStyles {
+    /** Refers to the Persona rendered within the PeoplePickerItemSelected */
+    persona: IStyleFunctionOrObject<IPersonaStyleProps, any>;
+    /** Refers to the PersonaCoin in the Persona rendered within the PeoplePickerItemSelected */
+    personaCoin?: IStyleFunctionOrObject<IPersonaCoinStyleProps, any>;
+}
+/**
+ * PeoplePickerItemSuggestion props interface. Refers to the PeoplePicker items that are suggested for picking.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSuggestionProps extends IPeoplePickerItemSharedProps {
+    /** Persona props for each suggested for picking PeoplePicker item. */
+    personaProps?: IPersonaProps;
+    /** Call to provide customized styling that will layer on top of the variant rules. */
+    styles?: IStyleFunctionOrObject<IPeoplePickerItemSuggestionStyleProps, IPeoplePickerItemSuggestionStyles>;
+    /** General common props for all PeoplePicker items suggestions. */
+    suggestionsProps?: IBasePickerSuggestionsProps;
+    /**
+     * Flag that controls whether each suggested PeoplePicker item (Persona) is rendered with or without secondary text
+     * for compact look.
+     * @defaultvalue false
+     */
+    compact?: boolean;
+}
+/**
+ * Props needed to construct PeoplePickerItemSuggestion styles.
+ * {@docCategory PeoplePicker}
+ */
+export type IPeoplePickerItemSuggestionStyleProps = Required<Pick<IPeoplePickerItemSuggestionProps, 'theme'>> & Pick<IPeoplePickerItemSuggestionProps, 'className'> & {};
+/**
+ * Represents the stylable areas of the PeoplePickerItemSuggestion.
+ * {@docCategory PeoplePicker}
+ */
+export interface IPeoplePickerItemSuggestionStyles {
+    /** Root container element of a suggested PeoplePicker item. */
+    root: IStyle;
+    /** Refers to the element wrapping the Persona of the suggested PeoplePicker item. */
+    personaWrapper: IStyle;
+    /** SubComponent (Persona, PersonaCoin) styles. */
+    subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
+}
+/**
+ * PeoplePickerItemWithMenu props interface.
+ * @deprecated Do not use. Will be removed in \>= 7.0
+ */
+export interface IPeoplePickerItemWithMenuProps extends IPickerItemProps<IPersonaWithMenu> {
+}
+/**
+ * Extended interface from IPersonaProps to add `menuItems` property PeoplePickerItemWithMenu items.
+ * @deprecated Do not use. Will be removed in \>= 7.0
+ */
+export interface IPersonaWithMenu extends IPersonaProps {
+    /** Additional menuItems to be rendered in a contextualMenu for each Persona. */
+    menuItems?: IContextualMenuItem[];
+}

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PeoplePickerItem.types.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { IPeoplePickerItemSuggestionProps } from './PeoplePickerItem.types';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSXElement;
+export declare const PeoplePickerItemSuggestion: React.FunctionComponent<React.PropsWithChildren<React.PropsWithChildren<IPeoplePickerItemSuggestionProps>>>;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.js

@@ -0,0 +1,20 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { classNamesFunction, styled } from '../../../../Utilities';
+import { Persona, PersonaSize } from '../../../../Persona';
+import { getStyles } from './PeoplePickerItemSuggestion.styles';
+var getClassNames = classNamesFunction();
+export var PeoplePickerItemSuggestionBase = function (props) {
+    var personaProps = props.personaProps, suggestionsProps = props.suggestionsProps, compact = props.compact, styles = props.styles, theme = props.theme, className = props.className;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        className: (suggestionsProps && suggestionsProps.suggestionsItemClassName) || className,
+    });
+    var personaStyles = classNames.subComponentStyles && classNames.subComponentStyles.persona
+        ? classNames.subComponentStyles.persona
+        : undefined;
+    return (React.createElement("div", { className: classNames.root },
+        React.createElement(Persona, __assign({ size: PersonaSize.size24, styles: personaStyles, className: classNames.personaWrapper, showSecondaryText: !compact, showOverflowTooltip: false }, personaProps))));
+};
+export var PeoplePickerItemSuggestion = styled(PeoplePickerItemSuggestionBase, getStyles, undefined, { scope: 'PeoplePickerItemSuggestion' });
+//# sourceMappingURL=PeoplePickerItemSuggestion.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeoplePickerItemSuggestion.js","sourceRoot":"../src/","sources":["components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAWhE,IAAM,aAAa,GAAG,kBAAkB,EAA4E,CAAC;AAErH,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAC,KAAuC;IAC5E,IAAA,YAAY,GAA0D,KAAK,aAA/D,EAAE,gBAAgB,GAAwC,KAAK,iBAA7C,EAAE,OAAO,GAA+B,KAAK,QAApC,EAAE,MAAM,GAAuB,KAAK,OAA5B,EAAE,KAAK,GAAgB,KAAK,MAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAEpF,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE;QACvC,KAAK,EAAE,KAAM;QACb,SAAS,EAAE,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,wBAAwB,CAAC,IAAI,SAAS;KACxF,CAAC,CAAC;IAEH,IAAM,aAAa,GACjB,UAAU,CAAC,kBAAkB,IAAI,UAAU,CAAC,kBAAkB,CAAC,OAAO;QACpE,CAAC,CAAE,UAAU,CAAC,kBAAkB,CAAC,OAAsE;QACvG,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI;QAC7B,oBAAC,OAAO,aACN,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,iBAAiB,EAAE,CAAC,OAAO,EAC3B,mBAAmB,EAAE,KAAK,IACtB,YAAY,EAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAI9C,8BAA8B,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, styled } from '../../../../Utilities';\nimport { Persona, PersonaSize } from '../../../../Persona';\nimport { getStyles } from './PeoplePickerItemSuggestion.styles';\nimport type { IStyleFunctionOrObject } from '../../../../Utilities';\nimport type { IPersonaStyleProps, IPersonaStyles } from '../../../../Persona';\nimport type {\n  IPeoplePickerItemSuggestionProps,\n  IPeoplePickerItemSuggestionStyleProps,\n  IPeoplePickerItemSuggestionStyles,\n} from './PeoplePickerItem.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nconst getClassNames = classNamesFunction<IPeoplePickerItemSuggestionStyleProps, IPeoplePickerItemSuggestionStyles>();\n\nexport const PeoplePickerItemSuggestionBase = (props: IPeoplePickerItemSuggestionProps): JSXElement => {\n  const { personaProps, suggestionsProps, compact, styles, theme, className } = props;\n\n  const classNames = getClassNames(styles, {\n    theme: theme!,\n    className: (suggestionsProps && suggestionsProps.suggestionsItemClassName) || className,\n  });\n\n  const personaStyles =\n    classNames.subComponentStyles && classNames.subComponentStyles.persona\n      ? (classNames.subComponentStyles.persona as IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>)\n      : undefined;\n\n  return (\n    <div className={classNames.root}>\n      <Persona\n        size={PersonaSize.size24}\n        styles={personaStyles}\n        className={classNames.personaWrapper}\n        showSecondaryText={!compact}\n        showOverflowTooltip={false}\n        {...personaProps}\n      />\n    </div>\n  );\n};\n\nexport const PeoplePickerItemSuggestion = styled<\n  IPeoplePickerItemSuggestionProps,\n  IPeoplePickerItemSuggestionStyleProps,\n  IPeoplePickerItemSuggestionStyles\n>(PeoplePickerItemSuggestionBase, getStyles, undefined, { scope: 'PeoplePickerItemSuggestion' });\n"]}

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.d.ts

@@ -0,0 +1,2 @@
+import type { IPeoplePickerItemSuggestionStyles, IPeoplePickerItemSuggestionStyleProps } from './PeoplePickerItem.types';
+export declare function getStyles(props: IPeoplePickerItemSuggestionStyleProps): IPeoplePickerItemSuggestionStyles;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.js

@@ -0,0 +1,52 @@
+import { getGlobalClassNames, HighContrastSelector } from '../../../../Styling';
+import { SuggestionsItemGlobalClassNames as suggested } from '../../Suggestions/SuggestionsItem.styles';
+var GlobalClassNames = {
+    root: 'ms-PeoplePicker-personaContent',
+    personaWrapper: 'ms-PeoplePicker-Persona',
+};
+export function getStyles(props) {
+    var _a, _b, _c;
+    var className = props.className, theme = props.theme;
+    var classNames = getGlobalClassNames(GlobalClassNames, theme);
+    var textSelectorsStyles = {
+        selectors: (_a = {},
+            _a[".".concat(suggested.isSuggested, " &")] = {
+                selectors: (_b = {},
+                    _b[HighContrastSelector] = {
+                        color: 'HighlightText',
+                    },
+                    _b),
+            },
+            _a[".".concat(classNames.root, ":hover &")] = {
+                selectors: (_c = {},
+                    _c[HighContrastSelector] = {
+                        color: 'HighlightText',
+                    },
+                    _c),
+            },
+            _a),
+    };
+    return {
+        root: [
+            classNames.root,
+            {
+                width: '100%',
+                padding: '4px 12px',
+            },
+            className,
+        ],
+        personaWrapper: [
+            classNames.personaWrapper,
+            {
+                width: 180,
+            },
+        ],
+        subComponentStyles: {
+            persona: {
+                primaryText: textSelectorsStyles,
+                secondaryText: textSelectorsStyles,
+            },
+        },
+    };
+}
+//# sourceMappingURL=PeoplePickerItemSuggestion.styles.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeoplePickerItemSuggestion.styles.js","sourceRoot":"../src/","sources":["components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,+BAA+B,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAOxG,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,gCAAgC;IACtC,cAAc,EAAE,yBAAyB;CAC1C,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,KAA4C;;IAC5D,IAAA,SAAS,GAAY,KAAK,UAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACnC,IAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAEhE,IAAM,mBAAmB,GAAW;QAClC,SAAS;YACP,GAAC,WAAI,SAAS,CAAC,WAAW,OAAI,IAAG;gBAC/B,SAAS;oBACP,GAAC,oBAAoB,IAAG;wBACtB,KAAK,EAAE,eAAe;qBACvB;uBACF;aACF;YACD,GAAC,WAAI,UAAU,CAAC,IAAI,aAAU,IAAG;gBAC/B,SAAS;oBACP,GAAC,oBAAoB,IAAG;wBACtB,KAAK,EAAE,eAAe;qBACvB;uBACF;aACF;eACF;KACF,CAAC;IAEF,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,CAAC,IAAI;YACf;gBACE,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,UAAU;aACpB;YACD,SAAS;SACV;QACD,cAAc,EAAE;YACd,UAAU,CAAC,cAAc;YACzB;gBACE,KAAK,EAAE,GAAG;aACX;SACF;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE;gBACP,WAAW,EAAE,mBAAmB;gBAChC,aAAa,EAAE,mBAAmB;aACnC;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { getGlobalClassNames, HighContrastSelector } from '../../../../Styling';\nimport { SuggestionsItemGlobalClassNames as suggested } from '../../Suggestions/SuggestionsItem.styles';\nimport type { IStyle } from '../../../../Styling';\nimport type {\n  IPeoplePickerItemSuggestionStyles,\n  IPeoplePickerItemSuggestionStyleProps,\n} from './PeoplePickerItem.types';\n\nconst GlobalClassNames = {\n  root: 'ms-PeoplePicker-personaContent',\n  personaWrapper: 'ms-PeoplePicker-Persona',\n};\n\nexport function getStyles(props: IPeoplePickerItemSuggestionStyleProps): IPeoplePickerItemSuggestionStyles {\n  const { className, theme } = props;\n  const classNames = getGlobalClassNames(GlobalClassNames, theme);\n\n  const textSelectorsStyles: IStyle = {\n    selectors: {\n      [`.${suggested.isSuggested} &`]: {\n        selectors: {\n          [HighContrastSelector]: {\n            color: 'HighlightText',\n          },\n        },\n      },\n      [`.${classNames.root}:hover &`]: {\n        selectors: {\n          [HighContrastSelector]: {\n            color: 'HighlightText',\n          },\n        },\n      },\n    },\n  };\n\n  return {\n    root: [\n      classNames.root,\n      {\n        width: '100%',\n        padding: '4px 12px',\n      },\n      className,\n    ],\n    personaWrapper: [\n      classNames.personaWrapper,\n      {\n        width: 180,\n      },\n    ],\n    subComponentStyles: {\n      persona: {\n        primaryText: textSelectorsStyles,\n        secondaryText: textSelectorsStyles,\n      },\n    },\n  };\n}\n"]}

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss.d.ts

@@ -0,0 +1,7 @@
+export declare const personaContainer = "personaContainer_a108c744";
+export declare const removeButton = "removeButton_a108c744";
+export declare const personaContainerIsSelected = "personaContainerIsSelected_a108c744";
+export declare const validationError = "validationError_a108c744";
+export declare const itemContent = "itemContent_a108c744";
+export declare const personaDetails = "personaDetails_a108c744";
+export declare const itemContainer = "itemContainer_a108c744";

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss.js

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import { loadStyles } from '@microsoft/load-themed-styles';
+loadStyles([{ "rawString": ".personaContainer_a108c744{border-radius:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:" }, { "theme": "neutralLighter", "defaultValue": "#f3f2f1" }, { "rawString": ";margin:1px 2px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:300px;vertical-align:middle}.personaContainer_a108c744::-moz-focus-inner{border:0}.personaContainer_a108c744{outline:transparent}.personaContainer_a108c744{position:relative}.ms-Fabric--isFocusVisible .personaContainer_a108c744:focus:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:\"\";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#605e5c" }, { "rawString": ";border-radius:0}.personaContainer_a108c744:hover{background:" }, { "theme": "neutralLight", "defaultValue": "#edebe9" }, { "rawString": "}.personaContainer_a108c744:hover .removeButton_a108c744{color:" }, { "theme": "neutralPrimary", "defaultValue": "#323130" }, { "rawString": "}.personaContainer_a108c744.personaContainerIsSelected_a108c744{background:" }, { "theme": "blue", "defaultValue": "#0078d4" }, { "rawString": "}.personaContainer_a108c744.personaContainerIsSelected_a108c744 .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_a108c744.personaContainerIsSelected_a108c744 .ms-Persona-primaryText{color:HighlightText}}.personaContainer_a108c744.personaContainerIsSelected_a108c744 .removeButton_a108c744 .ms-Button-icon{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_a108c744.personaContainerIsSelected_a108c744 .removeButton_a108c744 .ms-Button-icon{color:HighlightText}}.personaContainer_a108c744.personaContainerIsSelected_a108c744 .removeButton_a108c744:hover{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";background:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_a108c744.personaContainerIsSelected_a108c744{border-color:Highlight;background:Highlight;-ms-high-contrast-adjust:none}}.personaContainer_a108c744.validationError_a108c744 .ms-Persona-primaryText{color:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_a108c744.validationError_a108c744 .ms-Persona-initials{font-size:20px}.personaContainer_a108c744.validationError_a108c744.personaContainerIsSelected_a108c744{background:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_a108c744.validationError_a108c744.personaContainerIsSelected_a108c744 .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.personaContainer_a108c744.validationError_a108c744.personaContainerIsSelected_a108c744 .removeButton_a108c744:hover{background:" }, { "theme": "red", "defaultValue": "#e81123" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_a108c744{border:1px solid WindowText}}.personaContainer_a108c744 .itemContent_a108c744{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden}.personaContainer_a108c744 .removeButton_a108c744{border-radius:15px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:28px;height:28px;-ms-flex-preferred-size:28px;flex-basis:28px}.personaContainer_a108c744 .removeButton_a108c744:hover{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c6c4" }, { "rawString": ";color:" }, { "theme": "neutralDark", "defaultValue": "#201f1e" }, { "rawString": "}.personaContainer_a108c744 .personaDetails_a108c744{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.itemContainer_a108c744{display:inline-block;vertical-align:top}" }]);
+export var personaContainer = "personaContainer_a108c744";
+export var removeButton = "removeButton_a108c744";
+export var personaContainerIsSelected = "personaContainerIsSelected_a108c744";
+export var validationError = "validationError_a108c744";
+export var itemContent = "itemContent_a108c744";
+export var personaDetails = "personaDetails_a108c744";
+export var itemContainer = "itemContainer_a108c744";
+//# sourceMappingURL=PickerItemsDefault.scss.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.d.ts

@@ -0,0 +1,6 @@
+import type { IPeoplePickerItemSelectedProps } from './PeoplePickerItem.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * @deprecated Use `PeoplePickerItem` instead. Will be removed in \>= 7.0.
+ */
+export declare const SelectedItemDefault: (props: IPeoplePickerItemSelectedProps) => JSXElement;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.js

@@ -0,0 +1,28 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { css, getId } from '../../../../Utilities';
+import { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';
+import { ValidationState } from '../../BasePicker.types';
+import { IconButton } from '../../../../Button';
+import * as stylesImport from './PickerItemsDefault.scss';
+var styles = stylesImport;
+/**
+ * @deprecated Use `PeoplePickerItem` instead. Will be removed in \>= 7.0.
+ */
+export var SelectedItemDefault = function (peoplePickerItemProps) {
+    var _a, _b;
+    var item = peoplePickerItemProps.item, onRemoveItem = peoplePickerItemProps.onRemoveItem, index = peoplePickerItemProps.index, selected = peoplePickerItemProps.selected, removeButtonAriaLabel = peoplePickerItemProps.removeButtonAriaLabel;
+    var itemId = getId();
+    var onClickIconButton = function (removeItem) {
+        return function () {
+            if (removeItem) {
+                removeItem();
+            }
+        };
+    };
+    return (React.createElement("div", { className: css('ms-PickerPersona-container', styles.personaContainer, (_a = {}, _a['is-selected ' + styles.personaContainerIsSelected] = selected, _a), (_b = {}, _b['is-invalid ' + styles.validationError] = item.ValidationState === ValidationState.warning, _b)), "data-is-focusable": true, "data-is-sub-focuszone": true, "data-selection-index": index, role: 'listitem', "aria-labelledby": 'selectedItemPersona-' + itemId },
+        React.createElement("div", { className: css('ms-PickerItem-content', styles.itemContent), id: 'selectedItemPersona-' + itemId },
+            React.createElement(Persona, __assign({}, item, { presence: item.presence !== undefined ? item.presence : PersonaPresence.none, size: PersonaSize.size28 }))),
+        React.createElement(IconButton, { onClick: onClickIconButton(onRemoveItem), iconProps: { iconName: 'Cancel', style: { fontSize: '12px' } }, className: css('ms-PickerItem-removeButton', styles.removeButton), ariaLabel: removeButtonAriaLabel })));
+};
+//# sourceMappingURL=SelectedItemDefault.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedItemDefault.js","sourceRoot":"../src/","sources":["components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC;AAK1D,IAAM,MAAM,GAAQ,YAAY,CAAC;AAEjC;;GAEG;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAA0D,UACxF,qBAAqD;;IAE7C,IAAA,IAAI,GAA2D,qBAAqB,KAAhF,EAAE,YAAY,GAA6C,qBAAqB,aAAlE,EAAE,KAAK,GAAsC,qBAAqB,MAA3D,EAAE,QAAQ,GAA4B,qBAAqB,SAAjD,EAAE,qBAAqB,GAAK,qBAAqB,sBAA1B,CAA2B;IAE7F,IAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,IAAM,iBAAiB,GAAG,UAAC,UAAoC;QAC7D,OAAO;YACL,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,4BAA4B,EAC5B,MAAM,CAAC,gBAAgB,YACrB,GAAC,cAAc,GAAG,MAAM,CAAC,0BAA0B,IAAG,QAAQ,iBAC9D,GAAC,aAAa,GAAG,MAAM,CAAC,eAAe,IAAG,IAAI,CAAC,eAAe,KAAK,eAAe,CAAC,OAAO,MAC7F,uBACkB,IAAI,2BACA,IAAI,0BACL,KAAK,EAC3B,IAAI,EAAE,UAAU,qBACC,sBAAsB,GAAG,MAAM;QAEhD,6BAAK,SAAS,EAAE,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,sBAAsB,GAAG,MAAM;YACnG,oBAAC,OAAO,eACF,IAAI,IACR,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAC5E,IAAI,EAAE,WAAW,CAAC,MAAM,IACxB,CACE;QACN,oBAAC,UAAU,IACT,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC,EACxC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAC9D,SAAS,EAAE,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,YAAY,CAAC,EACjE,SAAS,EAAE,qBAAqB,GAChC,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { css, getId } from '../../../../Utilities';\nimport { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';\nimport { ValidationState } from '../../BasePicker.types';\nimport { IconButton } from '../../../../Button';\n\nimport * as stylesImport from './PickerItemsDefault.scss';\nimport type { IPeoplePickerItemSelectedProps } from './PeoplePickerItem.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nconst styles: any = stylesImport;\n\n/**\n * @deprecated Use `PeoplePickerItem` instead. Will be removed in \\>= 7.0.\n */\n\nexport const SelectedItemDefault: (props: IPeoplePickerItemSelectedProps) => JSXElement = (\n  peoplePickerItemProps: IPeoplePickerItemSelectedProps,\n) => {\n  const { item, onRemoveItem, index, selected, removeButtonAriaLabel } = peoplePickerItemProps;\n\n  const itemId = getId();\n  const onClickIconButton = (removeItem: (() => void) | undefined): (() => void) => {\n    return (): void => {\n      if (removeItem) {\n        removeItem();\n      }\n    };\n  };\n\n  return (\n    <div\n      className={css(\n        'ms-PickerPersona-container',\n        styles.personaContainer,\n        { ['is-selected ' + styles.personaContainerIsSelected]: selected },\n        { ['is-invalid ' + styles.validationError]: item.ValidationState === ValidationState.warning },\n      )}\n      data-is-focusable={true}\n      data-is-sub-focuszone={true}\n      data-selection-index={index}\n      role={'listitem'}\n      aria-labelledby={'selectedItemPersona-' + itemId}\n    >\n      <div className={css('ms-PickerItem-content', styles.itemContent)} id={'selectedItemPersona-' + itemId}>\n        <Persona\n          {...item}\n          presence={item.presence !== undefined ? item.presence : PersonaPresence.none}\n          size={PersonaSize.size28} // eslint-disable-line @typescript-eslint/no-deprecated\n        />\n      </div>\n      <IconButton\n        onClick={onClickIconButton(onRemoveItem)}\n        iconProps={{ iconName: 'Cancel', style: { fontSize: '12px' } }}\n        className={css('ms-PickerItem-removeButton', styles.removeButton)}\n        ariaLabel={removeButtonAriaLabel}\n      />\n    </div>\n  );\n};\n"]}

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.d.ts

@@ -0,0 +1,11 @@
+import type { IPersonaProps } from '../../../../Persona';
+import type { IBasePickerSuggestionsProps } from '../../../../Pickers';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * @deprecated Use `PeoplePickerItemSuggestion` instead. Will be removed in \>= 7.0.
+ */
+export declare const SuggestionItemNormal: (persona: IPersonaProps, suggestionProps?: IBasePickerSuggestionsProps) => JSXElement;
+/**
+ * @deprecated Use `PeoplePickerItemSuggestion` with `compact` prop set to `true`. Will be removed in \>= 7.0.
+ */
+export declare const SuggestionItemSmall: (persona: IPersonaProps, suggestionProps?: IBasePickerSuggestionsProps) => JSXElement;

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.js

@@ -0,0 +1,21 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { css } from '../../../../Utilities';
+import { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';
+import * as stylesImport from './SuggestionItemDefault.scss';
+var styles = stylesImport;
+/**
+ * @deprecated Use `PeoplePickerItemSuggestion` instead. Will be removed in \>= 7.0.
+ */
+export var SuggestionItemNormal = function (personaProps, suggestionItemProps) {
+    return (React.createElement("div", { className: css('ms-PeoplePicker-personaContent', styles.peoplePickerPersonaContent) },
+        React.createElement(Persona, __assign({ presence: personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none, size: PersonaSize.size24, className: css('ms-PeoplePicker-Persona', styles.peoplePickerPersona), showSecondaryText: true }, personaProps))));
+};
+/**
+ * @deprecated Use `PeoplePickerItemSuggestion` with `compact` prop set to `true`. Will be removed in \>= 7.0.
+ */
+export var SuggestionItemSmall = function (personaProps, suggestionItemProps) {
+    return (React.createElement("div", { className: css('ms-PeoplePicker-personaContent', styles.peoplePickerPersonaContent) },
+        React.createElement(Persona, __assign({ presence: personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none, size: PersonaSize.size24, className: css('ms-PeoplePicker-Persona', styles.peoplePickerPersona) }, personaProps))));
+};
+//# sourceMappingURL=SuggestionItemDefault.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionItemDefault.js","sourceRoot":"../src/","sources":["components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,KAAK,YAAY,MAAM,8BAA8B,CAAC;AAM7D,IAAM,MAAM,GAAQ,YAAY,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAGf,UAAC,YAA2B,EAAE,mBAA+C;IAC7F,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,0BAA0B,CAAC;QACtF,oBAAC,OAAO,aACN,QAAQ,EAAE,YAAY,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAC5F,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,MAAM,CAAC,mBAAmB,CAAC,EACrE,iBAAiB,EAAE,IAAI,IACnB,YAAY,EAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAGd,UAAC,YAA2B,EAAE,mBAA+C;IAC7F,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,0BAA0B,CAAC;QACtF,oBAAC,OAAO,aACN,QAAQ,EAAE,YAAY,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAC5F,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,MAAM,CAAC,mBAAmB,CAAC,IACjE,YAAY,EAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { css } from '../../../../Utilities';\nimport { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';\nimport * as stylesImport from './SuggestionItemDefault.scss';\nimport type { IPersonaProps } from '../../../../Persona';\nimport type { IBasePickerSuggestionsProps, ISuggestionItemProps } from '../../../../Pickers';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nconst styles: any = stylesImport;\n\n/**\n * @deprecated Use `PeoplePickerItemSuggestion` instead. Will be removed in \\>= 7.0.\n */\nexport const SuggestionItemNormal: (\n  persona: IPersonaProps,\n  suggestionProps?: IBasePickerSuggestionsProps,\n) => JSXElement = (personaProps: IPersonaProps, suggestionItemProps?: ISuggestionItemProps<any>) => {\n  return (\n    <div className={css('ms-PeoplePicker-personaContent', styles.peoplePickerPersonaContent)}>\n      <Persona\n        presence={personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none}\n        size={PersonaSize.size24}\n        className={css('ms-PeoplePicker-Persona', styles.peoplePickerPersona)}\n        showSecondaryText={true}\n        {...personaProps}\n      />\n    </div>\n  );\n};\n\n/**\n * @deprecated Use `PeoplePickerItemSuggestion` with `compact` prop set to `true`. Will be removed in \\>= 7.0.\n */\nexport const SuggestionItemSmall: (\n  persona: IPersonaProps,\n  suggestionProps?: IBasePickerSuggestionsProps,\n) => JSXElement = (personaProps: IPersonaProps, suggestionItemProps?: ISuggestionItemProps<any>) => {\n  return (\n    <div className={css('ms-PeoplePicker-personaContent', styles.peoplePickerPersonaContent)}>\n      <Persona\n        presence={personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none}\n        size={PersonaSize.size24}\n        className={css('ms-PeoplePicker-Persona', styles.peoplePickerPersona)}\n        {...personaProps}\n      />\n    </div>\n  );\n};\n"]}

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss.d.ts

@@ -0,0 +1,2 @@
+export declare const peoplePickerPersona = "peoplePickerPersona_37959c1f";
+export declare const peoplePickerPersonaContent = "peoplePickerPersonaContent_37959c1f";

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+import { loadStyles } from '@microsoft/load-themed-styles';
+loadStyles([{ "rawString": ".peoplePickerPersona_37959c1f{width:180px}.peoplePickerPersonaContent_37959c1f{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 12px}" }]);
+export var peoplePickerPersona = "peoplePickerPersona_37959c1f";
+export var peoplePickerPersonaContent = "peoplePickerPersonaContent_37959c1f";
+//# sourceMappingURL=SuggestionItemDefault.scss.js.map

node_modules/@fluentui/react/lib/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionItemDefault.scss.js","sourceRoot":"../src/","sources":["components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,UAAU,CAAC,CAAC,EAAC,WAAW,EAAC,iTAAiT,EAAC,CAAC,CAAC,CAAC;AAC9U,MAAM,CAAC,IAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG,qCAAqC,CAAC","sourcesContent":["/* eslint-disable */\nimport { loadStyles } from '@microsoft/load-themed-styles';\nloadStyles([{\"rawString\":\".peoplePickerPersona_37959c1f{width:180px}.peoplePickerPersonaContent_37959c1f{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 12px}\"}]);\nexport const peoplePickerPersona = \"peoplePickerPersona_37959c1f\";\nexport const peoplePickerPersonaContent = \"peoplePickerPersonaContent_37959c1f\";"]}