office-ui-fabric-react/lib-es2015/components/Persona/Persona.scss.js

Reusable React components for building experiences for Office 365.

/* tslint:disable */
import { loadStyles } from '@microsoft/load-themed-styles';
loadStyles([{ "rawString": ".root_f7a7eaa9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";font-size:14px;font-weight:400;position:relative;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.root_f7a7eaa9 .contextualHost_f7a7eaa9{display:none}.root_f7a7eaa9:hover .primaryText_f7a7eaa9{color:" }, { "theme": "neutralDark", "defaultValue": "#212121" }, { "rawString": "}.imageArea_f7a7eaa9{position:relative;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:48px;width:48px}.imageArea_f7a7eaa9 .image_f7a7eaa9{border:0px}.placeholder_f7a7eaa9{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";position:absolute;right:0;left:0;font-size:47px;top:9px;z-index:5}.initials_f7a7eaa9{border-radius:50%;color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";font-size:17px;font-weight:400;line-height:46px;height:48px}@media screen and (-ms-high-contrast: active){.initials_f7a7eaa9{border:1px solid WindowText;-ms-high-contrast-adjust:none;color:WindowText;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:Window !important}}.image_f7a7eaa9{position:absolute;top:0;width:100%;height:100%;border-radius:50%;-webkit-perspective:1px;perspective:1px}[dir='ltr'] .image_f7a7eaa9{margin-right:10px}[dir='rtl'] .image_f7a7eaa9{margin-left:10px}[dir='ltr'] .image_f7a7eaa9{left:0}[dir='rtl'] .image_f7a7eaa9{right:0}.image_f7a7eaa9[src=\"\"]{display:none}.presence_f7a7eaa9{background-color:#7FBA00;position:absolute;height:12px;width:12px;border-radius:50%;top:auto;bottom:-2px;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box;-ms-high-contrast-adjust:none}[dir='ltr'] .presence_f7a7eaa9{right:-2px}[dir='rtl'] .presence_f7a7eaa9{left:-2px}@media screen and (-ms-high-contrast: active){.presence_f7a7eaa9{border-color:Window;color:Window;background-color:WindowText}}.presence_f7a7eaa9 .presenceIcon_f7a7eaa9{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";font-size:6px;line-height:12px;vertical-align:top}@media screen and (-ms-high-contrast: active){.presence_f7a7eaa9 .presenceIcon_f7a7eaa9{color:Window}}.details_f7a7eaa9{padding:0 24px 0 16px;min-width:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}html[dir='rtl'] .details_f7a7eaa9{padding:0 16px 0 24px}html[dir='ltr'] .details_f7a7eaa9{text-align:left}html[dir='rtl'] .details_f7a7eaa9{text-align:right}.primaryText_f7a7eaa9,.secondaryText_f7a7eaa9,.tertiaryText_f7a7eaa9,.optionalText_f7a7eaa9,.textContent_f7a7eaa9{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primaryText_f7a7eaa9{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";font-weight:400;font-size:17px}.secondaryText_f7a7eaa9,.tertiaryText_f7a7eaa9,.optionalText_f7a7eaa9{color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";font-weight:400;font-size:12px;white-space:nowrap}.tertiaryText_f7a7eaa9,.optionalText_f7a7eaa9{display:none}.root_f7a7eaa9.rootIsSize10_f7a7eaa9{height:20px;min-width:20px}.rootIsSize10_f7a7eaa9 .imageArea_f7a7eaa9{overflow:visible;background:transparent;height:0;width:0}.rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{top:7px;border:0;height:8px;width:8px}[dir='ltr'] .rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{right:auto}[dir='rtl'] .rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{left:auto}[dir='ltr'] .rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{left:0}[dir='rtl'] .rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{right:0}@media screen and (-ms-high-contrast: active){.rootIsSize10_f7a7eaa9 .presence_f7a7eaa9{top:9px;border:1px solid WindowText}}.rootIsSize10_f7a7eaa9 .presence_f7a7eaa9 .presenceIcon_f7a7eaa9{display:none}[dir='ltr'] .rootIsSize10_f7a7eaa9 .details_f7a7eaa9{padding-left:17px}[dir='rtl'] .rootIsSize10_f7a7eaa9 .details_f7a7eaa9{padding-right:17px}.rootIsSize10_f7a7eaa9 .primaryText_f7a7eaa9{font-size:12px;line-height:20px}.rootIsSize10_f7a7eaa9 .secondaryText_f7a7eaa9{display:none}.size10NoPresenceIcon_f7a7eaa9{font-size:10px;position:absolute;top:5px}[dir='ltr'] .size10NoPresenceIcon_f7a7eaa9{right:auto}[dir='rtl'] .size10NoPresenceIcon_f7a7eaa9{left:auto}[dir='ltr'] .size10NoPresenceIcon_f7a7eaa9{left:0}[dir='rtl'] .size10NoPresenceIcon_f7a7eaa9{right:0}.root_f7a7eaa9.rootIsSize10_f7a7eaa9.rootIsReadonly_f7a7eaa9{padding:0;background-color:transparent}.root_f7a7eaa9.rootIsSize10_f7a7eaa9.rootIsReadonly_f7a7eaa9 .primaryText_f7a7eaa9:after{content:';'}.root_f7a7eaa9.rootIsSize16_f7a7eaa9{height:18px;min-width:18px;overflow:hidden}.rootIsSize16_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize16_f7a7eaa9 .image_f7a7eaa9{height:16px;width:16px}.rootIsSize16_f7a7eaa9 .placeholder_f7a7eaa9{font-size:18px;top:4px}.rootIsSize16_f7a7eaa9 .initials_f7a7eaa9{font-size:11px;height:16px;line-height:16px}.rootIsSize16_f7a7eaa9 .presence_f7a7eaa9{height:6px;width:6px;border-width:1.5px}.rootIsSize16_f7a7eaa9 .presenceIcon_f7a7eaa9{display:none}.rootIsSize16_f7a7eaa9 .primaryText_f7a7eaa9{font-size:14px;line-height:28px}.rootIsSize16_f7a7eaa9 .secondaryText_f7a7eaa9{display:none}.root_f7a7eaa9.rootIsSize24_f7a7eaa9{height:26px;min-width:26px}.rootIsSize24_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize24_f7a7eaa9 .image_f7a7eaa9{height:24px;width:24px}.rootIsSize24_f7a7eaa9 .placeholder_f7a7eaa9{font-size:18px;top:4px}.rootIsSize24_f7a7eaa9 .initials_f7a7eaa9{font-size:11px;height:24px;line-height:24px}.rootIsSize24_f7a7eaa9 .presence_f7a7eaa9{height:8px;width:8px}.rootIsSize24_f7a7eaa9 .presence_f7a7eaa9:after{display:none}.rootIsSize24_f7a7eaa9 .presenceIcon_f7a7eaa9{display:none}.rootIsSize24_f7a7eaa9 .details_f7a7eaa9{padding:0 12px}.rootIsSize24_f7a7eaa9 .primaryText_f7a7eaa9{font-size:14px}.rootIsSize24_f7a7eaa9 .secondaryText_f7a7eaa9{display:none}.rootIsSize24_f7a7eaa9.showSecondaryText_f7a7eaa9{height:32px}.rootIsSize24_f7a7eaa9.showSecondaryText_f7a7eaa9 .primaryText_f7a7eaa9,.rootIsSize24_f7a7eaa9.showSecondaryText_f7a7eaa9 .secondaryText_f7a7eaa9{display:block;height:16px;line-height:16px;overflow-x:hidden}.root_f7a7eaa9.rootIsSize28_f7a7eaa9{height:30px;min-width:30px;overflow:hidden}.rootIsSize28_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize28_f7a7eaa9 .image_f7a7eaa9{height:28px;width:28px}.rootIsSize28_f7a7eaa9 .placeholder_f7a7eaa9{font-size:18px;top:4px}.rootIsSize28_f7a7eaa9 .initials_f7a7eaa9{font-size:11px;height:28px;line-height:28px}.rootIsSize28_f7a7eaa9 .presence_f7a7eaa9{height:8px;width:8px}.rootIsSize28_f7a7eaa9 .presence_f7a7eaa9:after{display:none}.rootIsSize28_f7a7eaa9 .presenceIcon_f7a7eaa9{display:none}.rootIsSize28_f7a7eaa9 .details_f7a7eaa9{padding:0 12px}.rootIsSize28_f7a7eaa9 .primaryText_f7a7eaa9{font-size:14px}.rootIsSize28_f7a7eaa9 .secondaryText_f7a7eaa9{display:none}.rootIsSize28_f7a7eaa9.showSecondaryText_f7a7eaa9{height:32px}.rootIsSize28_f7a7eaa9.showSecondaryText_f7a7eaa9 .primaryText_f7a7eaa9,.rootIsSize28_f7a7eaa9.showSecondaryText_f7a7eaa9 .secondaryText_f7a7eaa9{display:block;line-height:16px;height:16px;overflow-x:hidden}.root_f7a7eaa9.rootIsSize32_f7a7eaa9{height:34px;min-width:34px}.rootIsSize32_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize32_f7a7eaa9 .image_f7a7eaa9{height:32px;width:32px}.rootIsSize32_f7a7eaa9 .placeholder_f7a7eaa9{font-size:28px;top:6px}.rootIsSize32_f7a7eaa9 .initials_f7a7eaa9{font-size:14px;height:32px;line-height:32px}.rootIsSize32_f7a7eaa9 .presence_f7a7eaa9{height:8px;width:8px}.rootIsSize32_f7a7eaa9 .presenceIcon_f7a7eaa9{display:none}.rootIsSize32_f7a7eaa9 .primaryText_f7a7eaa9{font-size:14px}.rootIsSize32_f7a7eaa9 .secondaryText_f7a7eaa9{display:none}.rootIsSize32_f7a7eaa9.showSecondaryText_f7a7eaa9 .primaryText_f7a7eaa9,.rootIsSize32_f7a7eaa9.showSecondaryText_f7a7eaa9 .secondaryText_f7a7eaa9{display:block;height:16px;line-height:16px;overflow-x:hidden}.root_f7a7eaa9.rootIsSize40_f7a7eaa9{height:42px;min-width:42px}.rootIsSize40_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize40_f7a7eaa9 .image_f7a7eaa9{height:40px;width:40px}.rootIsSize40_f7a7eaa9 .placeholder_f7a7eaa9{font-size:38px;top:5px}.rootIsSize40_f7a7eaa9 .initials_f7a7eaa9{font-size:14px;height:40px;line-height:40px}.rootIsSize40_f7a7eaa9 .primaryText_f7a7eaa9{font-size:14px}.root_f7a7eaa9.rootIsSize72_f7a7eaa9{height:74px;min-width:74px}.rootIsSize72_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize72_f7a7eaa9 .image_f7a7eaa9{height:72px;width:72px}.rootIsSize72_f7a7eaa9 .placeholder_f7a7eaa9{font-size:67px;top:10px}.rootIsSize72_f7a7eaa9 .initials_f7a7eaa9{font-size:28px;height:72px;line-height:70px}.rootIsSize72_f7a7eaa9 .presence_f7a7eaa9{height:20px;width:20px}.rootIsSize72_f7a7eaa9 .presenceIcon_f7a7eaa9{line-height:20px;font-size:12px}.rootIsSize72_f7a7eaa9 .primaryText_f7a7eaa9{font-size:21px}.rootIsSize72_f7a7eaa9 .secondaryText_f7a7eaa9{font-size:14px}.rootIsSize72_f7a7eaa9 .tertiaryText_f7a7eaa9{display:block}.root_f7a7eaa9.rootIsSize100_f7a7eaa9{height:102px;min-width:102px}.rootIsSize100_f7a7eaa9 .imageArea_f7a7eaa9,.rootIsSize100_f7a7eaa9 .image_f7a7eaa9{height:100px;width:100px}.rootIsSize100_f7a7eaa9 .placeholder_f7a7eaa9{font-size:95px;top:12px}.rootIsSize100_f7a7eaa9 .initials_f7a7eaa9{font-size:42px;height:100px;line-height:96px}.rootIsSize100_f7a7eaa9 .presence_f7a7eaa9{height:28px;width:28px}.rootIsSize100_f7a7eaa9 .presenceIcon_f7a7eaa9{line-height:28px;font-size:14px}.rootIsSize100_f7a7eaa9 .primaryText_f7a7eaa9{font-size:21px;font-weight:300}.rootIsSize100_f7a7eaa9 .secondaryText_f7a7eaa9{font-size:14px}.rootIsSize100_f7a7eaa9 .tertiaryText_f7a7eaa9,.rootIsSize100_f7a7eaa9 .optionalText_f7a7eaa9{display:block}.root_f7a7eaa9.rootIsDarkText_f7a7eaa9 .primaryText_f7a7eaa9{color:" }, { "theme": "neutralDark", "defaultValue": "#212121" }, { "rawString": "}.root_f7a7eaa9.rootIsDarkText_f7a7eaa9 .secondaryText_f7a7eaa9,.root_f7a7eaa9.rootIsDarkText_f7a7eaa9 .tertiaryText_f7a7eaa9,.root_f7a7eaa9.rootIsDarkText_f7a7eaa9 .optionalText_f7a7eaa9{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.root_f7a7eaa9.rootIsSelectable_f7a7eaa9{cursor:pointer;padding:0 10px}.root_f7a7eaa9.rootIsSelectable_f7a7eaa9:not(.rootExtraLarge_f7a7eaa9):hover,.root_f7a7eaa9.rootIsSelectable_f7a7eaa9:not(.rootExtraLarge_f7a7eaa9):focus{background-color:" }, { "theme": "themeLighter", "defaultValue": "#deecf9" }, { "rawString": ";outline:1px solid transparent}.root_f7a7eaa9.rootIsAvailable_f7a7eaa9 .presence_f7a7eaa9{background-color:#7FBA00}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsAvailable_f7a7eaa9 .presence_f7a7eaa9{background-color:WindowText}}@media screen and (-ms-high-contrast: black-on-white){.root_f7a7eaa9.rootIsAvailable_f7a7eaa9 .presence_f7a7eaa9{background-color:#600000}}.root_f7a7eaa9.rootIsAway_f7a7eaa9 .presence_f7a7eaa9{background-color:#FCD116}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsAway_f7a7eaa9 .presence_f7a7eaa9{background-color:WindowText}}.root_f7a7eaa9.rootIsAway_f7a7eaa9 .presenceIcon_f7a7eaa9{position:relative}[dir='ltr'] .root_f7a7eaa9.rootIsAway_f7a7eaa9 .presenceIcon_f7a7eaa9{left:1px}[dir='rtl'] .root_f7a7eaa9.rootIsAway_f7a7eaa9 .presenceIcon_f7a7eaa9{right:1px}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::before{content:'';width:100%;height:100%;position:absolute;top:0;-webkit-box-shadow:0 0 0 2px #D93B3B inset;box-shadow:0 0 0 2px #D93B3B inset;border-radius:50%}[dir='ltr'] .root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::before{left:0}[dir='rtl'] .root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::before{right:0}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::after{content:'';width:100%;height:2px;background-color:#D93B3B;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:40%}[dir='ltr'] .root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::after{left:0}[dir='rtl'] .root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::after{right:0}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9{color:lime;background-color:Window}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::before{-webkit-box-shadow:0 0 0 2px lime inset;box-shadow:0 0 0 2px lime inset}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::after{background-color:lime}}@media screen and (-ms-high-contrast: black-on-white){.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9{color:#600000}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::before{-webkit-box-shadow:0 0 0 2px #600000 inset;box-shadow:0 0 0 2px #600000 inset}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9 .presence_f7a7eaa9::after{background-color:#600000}}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9.rootIsSize72_f7a7eaa9 .presence_f7a7eaa9::after{top:9px}.root_f7a7eaa9.rootIsBlocked_f7a7eaa9.rootIsSize100_f7a7eaa9 .presence_f7a7eaa9::after{top:13px}.root_f7a7eaa9.rootIsBusy_f7a7eaa9 .presence_f7a7eaa9{background-color:#D93B3B}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsBusy_f7a7eaa9 .presence_f7a7eaa9{background-color:lime}}@media screen and (-ms-high-contrast: black-on-white){.root_f7a7eaa9.rootIsBusy_f7a7eaa9 .presence_f7a7eaa9{background-color:#600000}}.root_f7a7eaa9.rootIsDoNotDisturb_f7a7eaa9 .presence_f7a7eaa9{background-color:#E81123}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsDoNotDisturb_f7a7eaa9 .presence_f7a7eaa9{color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": ";background-color:lime}.root_f7a7eaa9.rootIsDoNotDisturb_f7a7eaa9 .presence_f7a7eaa9::before{background-color:lime}.root_f7a7eaa9.rootIsDoNotDisturb_f7a7eaa9 .presence_f7a7eaa9::after{background-color:lime}}@media screen and (-ms-high-contrast: black-on-white){.root_f7a7eaa9.rootIsDoNotDisturb_f7a7eaa9 .presence_f7a7eaa9{background-color:#600000}}.root_f7a7eaa9.rootIsOffline_f7a7eaa9 .presence_f7a7eaa9{background-color:#93ABBD}@media screen and (-ms-high-contrast: active){.root_f7a7eaa9.rootIsOffline_f7a7eaa9 .presence_f7a7eaa9{background-color:lime;-webkit-box-shadow:0 0 0 1px " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": " inset;box-shadow:0 0 0 1px " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": " inset}}@media screen and (-ms-high-contrast: black-on-white){.root_f7a7eaa9.rootIsOffline_f7a7eaa9 .presence_f7a7eaa9{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";-webkit-box-shadow:0 0 0 1px " }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": " inset;box-shadow:0 0 0 1px " }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": " inset}}\n" }]);
export var root = "root_f7a7eaa9";
export var contextualHost = "contextualHost_f7a7eaa9";
export var primaryText = "primaryText_f7a7eaa9";
export var imageArea = "imageArea_f7a7eaa9";
export var image = "image_f7a7eaa9";
export var placeholder = "placeholder_f7a7eaa9";
export var initials = "initials_f7a7eaa9";
export var presence = "presence_f7a7eaa9";
export var presenceIcon = "presenceIcon_f7a7eaa9";
export var details = "details_f7a7eaa9";
export var secondaryText = "secondaryText_f7a7eaa9";
export var tertiaryText = "tertiaryText_f7a7eaa9";
export var optionalText = "optionalText_f7a7eaa9";
export var textContent = "textContent_f7a7eaa9";
export var rootIsSize10 = "rootIsSize10_f7a7eaa9";
export var size10NoPresenceIcon = "size10NoPresenceIcon_f7a7eaa9";
export var rootIsReadonly = "rootIsReadonly_f7a7eaa9";
export var rootIsSize16 = "rootIsSize16_f7a7eaa9";
export var rootIsSize24 = "rootIsSize24_f7a7eaa9";
export var showSecondaryText = "showSecondaryText_f7a7eaa9";
export var rootIsSize28 = "rootIsSize28_f7a7eaa9";
export var rootIsSize32 = "rootIsSize32_f7a7eaa9";
export var rootIsSize40 = "rootIsSize40_f7a7eaa9";
export var rootIsSize72 = "rootIsSize72_f7a7eaa9";
export var rootIsSize100 = "rootIsSize100_f7a7eaa9";
export var rootIsDarkText = "rootIsDarkText_f7a7eaa9";
export var rootIsSelectable = "rootIsSelectable_f7a7eaa9";
export var rootExtraLarge = "rootExtraLarge_f7a7eaa9";
export var rootIsAvailable = "rootIsAvailable_f7a7eaa9";
export var rootIsAway = "rootIsAway_f7a7eaa9";
export var rootIsBlocked = "rootIsBlocked_f7a7eaa9";
export var rootIsBusy = "rootIsBusy_f7a7eaa9";
export var rootIsDoNotDisturb = "rootIsDoNotDisturb_f7a7eaa9";
export var rootIsOffline = "rootIsOffline_f7a7eaa9";
//# sourceMappingURL=Persona.scss.js.map