@fluentui/react
Version:
Reusable React components for building web experiences.
15 lines • 5.49 kB
JavaScript
/* eslint-disable */
import { loadStyles } from '@microsoft/load-themed-styles';
loadStyles([{ "rawString": ".personaContainer_ed9eaeec{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": "themeLighterAlt", "defaultValue": "#eff6fc" }, { "rawString": ";margin:4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;position:relative}.personaContainer_ed9eaeec::-moz-focus-inner{border:0}.personaContainer_ed9eaeec{outline:transparent}.personaContainer_ed9eaeec{position:relative}.ms-Fabric--isFocusVisible .personaContainer_ed9eaeec: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_ed9eaeec .ms-Persona-primaryText{color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": ";font-size:14px;font-weight:400}.personaContainer_ed9eaeec .ms-Persona-primaryText.hover_ed9eaeec{color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec .ms-Persona-primaryText{color:HighlightText}}.personaContainer_ed9eaeec .actionButton_ed9eaeec:hover{background:" }, { "theme": "themeLight", "defaultValue": "#c7e0f4" }, { "rawString": "}.personaContainer_ed9eaeec .actionButton_ed9eaeec .ms-Button-icon{color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec .actionButton_ed9eaeec .ms-Button-icon{color:HighlightText}}.personaContainer_ed9eaeec:hover{background:" }, { "theme": "themeLighter", "defaultValue": "#deecf9" }, { "rawString": "}.personaContainer_ed9eaeec:hover .ms-Persona-primaryText{color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": ";font-size:14px;font-weight:400}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec:hover .ms-Persona-primaryText{color:HighlightText}}.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec{background:" }, { "theme": "themePrimary", "defaultValue": "#0078d4" }, { "rawString": "}.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .ms-Persona-primaryText{color:HighlightText}}.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .actionButton_ed9eaeec{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .actionButton_ed9eaeec .ms-Button-icon{color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .actionButton_ed9eaeec .ms-Button-icon:hover{background:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec .actionButton_ed9eaeec .ms-Button-icon{color:HighlightText}}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec.personaContainerIsSelected_ed9eaeec{border-color:Highlight;background:Highlight;-ms-high-contrast-adjust:none}}.personaContainer_ed9eaeec.validationError_ed9eaeec .ms-Persona-primaryText{color:" }, { "theme": "red", "defaultValue": "#e81123" }, { "rawString": "}.personaContainer_ed9eaeec.validationError_ed9eaeec .ms-Persona-initials{font-size:20px}@media screen and (-ms-high-contrast:active){.personaContainer_ed9eaeec{border:1px solid WindowText}}.personaContainer_ed9eaeec .itemContent_ed9eaeec{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;max-width:100%}.personaContainer_ed9eaeec .removeButton_ed9eaeec{border-radius:15px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33px;height:33px;-ms-flex-preferred-size:32px;flex-basis:32px}.personaContainer_ed9eaeec .expandButton_ed9eaeec{border-radius:15px 0 0 15px;height:33px;width:44px;padding-right:16px;position:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:-17px}.personaContainer_ed9eaeec .personaWrapper_ed9eaeec{position:relative;display:inherit}.personaContainer_ed9eaeec .personaWrapper_ed9eaeec .ms-Persona-details{padding:0 8px}.personaContainer_ed9eaeec .personaDetails_ed9eaeec{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.itemContainer_ed9eaeec{display:inline-block;vertical-align:top}" }]);
export var personaContainer = "personaContainer_ed9eaeec";
export var hover = "hover_ed9eaeec";
export var actionButton = "actionButton_ed9eaeec";
export var personaContainerIsSelected = "personaContainerIsSelected_ed9eaeec";
export var validationError = "validationError_ed9eaeec";
export var itemContent = "itemContent_ed9eaeec";
export var removeButton = "removeButton_ed9eaeec";
export var expandButton = "expandButton_ed9eaeec";
export var personaWrapper = "personaWrapper_ed9eaeec";
export var personaDetails = "personaDetails_ed9eaeec";
export var itemContainer = "itemContainer_ed9eaeec";
//# sourceMappingURL=ExtendedSelectedItem.scss.js.map