UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

github.com/OfficeDev/office-ui-fabric-react

OfficeDev/office-ui-fabric-react

58 lines (56 loc) • 20.9 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) { "use strict"; var styles = { root: 'root_30570549', contextualHost: 'contextualHost_30570549', primaryText: 'primaryText_30570549', imageArea: 'imageArea_30570549', image: 'image_30570549', placeholder: 'placeholder_30570549', initials: 'initials_30570549', initialsIsLightBlue: 'initialsIsLightBlue_30570549', initialsIsBlue: 'initialsIsBlue_30570549', initialsIsDarkBlue: 'initialsIsDarkBlue_30570549', initialsIsTeal: 'initialsIsTeal_30570549', initialsIsLightGreen: 'initialsIsLightGreen_30570549', initialsIsGreen: 'initialsIsGreen_30570549', initialsIsDarkGreen: 'initialsIsDarkGreen_30570549', initialsIsLightPink: 'initialsIsLightPink_30570549', initialsIsPink: 'initialsIsPink_30570549', initialsIsMagenta: 'initialsIsMagenta_30570549', initialsIsPurple: 'initialsIsPurple_30570549', initialsIsBlack: 'initialsIsBlack_30570549', initialsIsOrange: 'initialsIsOrange_30570549', initialsIsRed: 'initialsIsRed_30570549', initialsIsDarkRed: 'initialsIsDarkRed_30570549', presence: 'presence_30570549', presenceIcon: 'presenceIcon_30570549', details: 'details_30570549', secondaryText: 'secondaryText_30570549', tertiaryText: 'tertiaryText_30570549', optionalText: 'optionalText_30570549', textContent: 'textContent_30570549', rootIsTiny: 'rootIsTiny_30570549', rootIsReadonly: 'rootIsReadonly_30570549', rootIsExtraExtraSmall: 'rootIsExtraExtraSmall_30570549', showSecondaryText: 'showSecondaryText_30570549', rootIs28: 'rootIs28_30570549', rootIsExtraSmall: 'rootIsExtraSmall_30570549', rootIsSmall: 'rootIsSmall_30570549', rootIsLarge: 'rootIsLarge_30570549', rootIsExtraLarge: 'rootIsExtraLarge_30570549', rootIsDarkText: 'rootIsDarkText_30570549', rootIsSelectable: 'rootIsSelectable_30570549', rootExtraLarge: 'rootExtraLarge_30570549', rootIsAvailable: 'rootIsAvailable_30570549', rootIsAway: 'rootIsAway_30570549', rootIsBlocked: 'rootIsBlocked_30570549', rootIsBusy: 'rootIsBusy_30570549', rootIsDoNotDisturb: 'rootIsDoNotDisturb_30570549', rootIsOffline: 'rootIsOffline_30570549', }; load_themed_styles_1.loadStyles([{ "rawString": ".root_30570549{box-sizing:border-box;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_30570549 .contextualHost_30570549{display:none}.root_30570549:hover .primaryText_30570549{color:" }, { "theme": "neutralDark", "defaultValue": "#212121" }, { "rawString": "}.imageArea_30570549{position:relative;overflow:hidden;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px;height:48px;width:48px;border-radius:50%}@media screen and (-ms-high-contrast:active){.imageArea_30570549{border:1px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.imageArea_30570549{border:1px solid " }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}}.imageArea_30570549 .image_30570549{border:0}.placeholder_30570549{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";position:absolute;right:0;left:0;font-size:47px;top:9px;z-index:5}.initials_30570549{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";font-size:17px;font-weight:100;line-height:46px;height:48px}.initials_30570549.initialsIsLightBlue_30570549{background-color:#6ba5e7}.initials_30570549.initialsIsBlue_30570549{background-color:#2d89ef}.initials_30570549.initialsIsDarkBlue_30570549{background-color:#2b5797}.initials_30570549.initialsIsTeal_30570549{background-color:#00aba9}.initials_30570549.initialsIsLightGreen_30570549{background-color:#99b433}.initials_30570549.initialsIsGreen_30570549{background-color:#00a300}.initials_30570549.initialsIsDarkGreen_30570549{background-color:#1e7145}.initials_30570549.initialsIsLightPink_30570549{background-color:#e773bd}.initials_30570549.initialsIsPink_30570549{background-color:#ff0097}.initials_30570549.initialsIsMagenta_30570549{background-color:#7e3878}.initials_30570549.initialsIsPurple_30570549{background-color:#603cba}.initials_30570549.initialsIsBlack_30570549{background-color:#1d1d1d}.initials_30570549.initialsIsOrange_30570549{background-color:#da532c}.initials_30570549.initialsIsRed_30570549{background-color:#e11}.initials_30570549.initialsIsDarkRed_30570549{background-color:#b91d47}.image_30570549{position:absolute;top:0;width:100%;height:100%;border-radius:50%;-webkit-perspective:1px;perspective:1px}[dir=ltr] .image_30570549{margin-right:10px}[dir=rtl] .image_30570549{margin-left:10px}[dir=ltr] .image_30570549{left:0}[dir=rtl] .image_30570549{right:0}.image_30570549[src=\"\"]{display:none}.presence_30570549{background-color:#7fba00;position:absolute;height:12px;width:12px;border-radius:50%;top:auto;bottom:-1px;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";text-align:center;box-sizing:content-box;-ms-high-contrast-adjust:none}[dir=ltr] .presence_30570549{left:34px}[dir=rtl] .presence_30570549{right:34px}@media screen and (-ms-high-contrast:active){.presence_30570549{border-color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": ";color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": ";background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.presence_30570549{border-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";background-color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}}.presence_30570549 .presenceIcon_30570549{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";font-size:8px;line-height:12px;vertical-align:top}@media screen and (-ms-high-contrast:active){.presence_30570549 .presenceIcon_30570549{color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.presence_30570549 .presenceIcon_30570549{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}.details_30570549{padding:0 24px 0 12px;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_30570549{padding:0 12px 0 24px}html[dir=ltr] .details_30570549{text-align:left}html[dir=rtl] .details_30570549{text-align:right}.optionalText_30570549,.primaryText_30570549,.secondaryText_30570549,.tertiaryText_30570549,.textContent_30570549{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primaryText_30570549{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";font-weight:400;font-size:17px}.optionalText_30570549,.secondaryText_30570549,.tertiaryText_30570549{color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";font-weight:400;font-size:12px;white-space:nowrap}.optionalText_30570549,.tertiaryText_30570549{display:none}.root_30570549.rootIsTiny_30570549{height:30px;min-width:30px}.root_30570549.rootIsTiny_30570549 .imageArea_30570549{overflow:visible;background:0 0;height:0;width:0}.root_30570549.rootIsTiny_30570549 .presence_30570549{top:10px;border:0}[dir=ltr] .root_30570549.rootIsTiny_30570549 .presence_30570549{right:auto}[dir=rtl] .root_30570549.rootIsTiny_30570549 .presence_30570549{left:auto}[dir=ltr] .root_30570549.rootIsTiny_30570549 .presence_30570549{left:0}[dir=rtl] .root_30570549.rootIsTiny_30570549 .presence_30570549{right:0}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsTiny_30570549 .presence_30570549{top:9px;border:1px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsTiny_30570549 .presence_30570549{border:1px solid " }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}}[dir=ltr] .root_30570549.rootIsTiny_30570549 .details_30570549{padding-left:20px}[dir=rtl] .root_30570549.rootIsTiny_30570549 .details_30570549{padding-right:20px}.root_30570549.rootIsTiny_30570549 .primaryText_30570549{font-size:14px;line-height:30px}.root_30570549.rootIsTiny_30570549 .secondaryText_30570549{display:none}.root_30570549.rootIsTiny_30570549.rootIsReadonly_30570549{padding:0;background-color:transparent}.root_30570549.rootIsTiny_30570549.rootIsReadonly_30570549 .primaryText_30570549:after{content:';'}.root_30570549.rootIsExtraExtraSmall_30570549{height:24px;min-width:24px}.root_30570549.rootIsExtraExtraSmall_30570549 .imageArea_30570549,.root_30570549.rootIsExtraExtraSmall_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px;height:24px;width:24px}.root_30570549.rootIsExtraExtraSmall_30570549 .placeholder_30570549{font-size:18px;top:4px}.root_30570549.rootIsExtraExtraSmall_30570549 .initials_30570549{font-size:11px;height:24px;line-height:24px}.root_30570549.rootIsExtraExtraSmall_30570549 .presence_30570549{height:8px;width:8px;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}[dir=ltr] .root_30570549.rootIsExtraExtraSmall_30570549 .presence_30570549{left:16px}[dir=rtl] .root_30570549.rootIsExtraExtraSmall_30570549 .presence_30570549{right:16px}.root_30570549.rootIsExtraExtraSmall_30570549 .presenceIcon_30570549{font-size:6px;line-height:9px}.root_30570549.rootIsExtraExtraSmall_30570549 .primaryText_30570549{font-size:14px;line-height:24px}.root_30570549.rootIsExtraExtraSmall_30570549 .secondaryText_30570549{display:none}.root_30570549.rootIsExtraExtraSmall_30570549.showSecondaryText_30570549{height:32px}.root_30570549.rootIsExtraExtraSmall_30570549.showSecondaryText_30570549 .primaryText_30570549,.root_30570549.rootIsExtraExtraSmall_30570549.showSecondaryText_30570549 .secondaryText_30570549{display:block;height:16px;line-height:16px}.root_30570549.rootIs28_30570549{height:28px;min-width:28px;overflow:hidden}.root_30570549.rootIs28_30570549 .imageArea_30570549,.root_30570549.rootIs28_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 28px;flex:0 0 28px;height:28px;width:28px}.root_30570549.rootIs28_30570549 .placeholder_30570549{font-size:18px;top:4px}.root_30570549.rootIs28_30570549 .initials_30570549{font-size:11px;height:28px;line-height:28px}.root_30570549.rootIs28_30570549 .presence_30570549{height:8px;width:8px;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}[dir=ltr] .root_30570549.rootIs28_30570549 .presence_30570549{left:20px}[dir=rtl] .root_30570549.rootIs28_30570549 .presence_30570549{right:20px}.root_30570549.rootIs28_30570549 .presenceIcon_30570549{font-size:6px;line-height:9px}.root_30570549.rootIs28_30570549 .primaryText_30570549{font-size:14px;line-height:28px}.root_30570549.rootIs28_30570549 .secondaryText_30570549{display:none}.root_30570549.rootIs28_30570549.showSecondaryText_30570549{height:32px}.root_30570549.rootIs28_30570549.showSecondaryText_30570549 .primaryText_30570549,.root_30570549.rootIs28_30570549.showSecondaryText_30570549 .secondaryText_30570549{display:block;line-height:16px;height:16px}.root_30570549.rootIsExtraSmall_30570549{height:32px;min-width:32px}.root_30570549.rootIsExtraSmall_30570549 .imageArea_30570549,.root_30570549.rootIsExtraSmall_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;height:32px;width:32px}.root_30570549.rootIsExtraSmall_30570549 .placeholder_30570549{font-size:28px;top:6px}.root_30570549.rootIsExtraSmall_30570549 .initials_30570549{font-size:14px;height:32px;line-height:32px}[dir=ltr] .root_30570549.rootIsExtraSmall_30570549 .presence_30570549{left:19px}[dir=rtl] .root_30570549.rootIsExtraSmall_30570549 .presence_30570549{right:19px}.root_30570549.rootIsExtraSmall_30570549 .primaryText_30570549{font-size:14px;line-height:32px}.root_30570549.rootIsExtraSmall_30570549 .secondaryText_30570549{display:none}.root_30570549.rootIsExtraSmall_30570549.showSecondaryText_30570549 .primaryText_30570549,.root_30570549.rootIsExtraSmall_30570549.showSecondaryText_30570549 .secondaryText_30570549{display:block;height:16px;line-height:16px}.root_30570549.rootIsSmall_30570549{height:40px;min-width:40px}.root_30570549.rootIsSmall_30570549 .imageArea_30570549,.root_30570549.rootIsSmall_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;height:40px;width:40px}.root_30570549.rootIsSmall_30570549 .placeholder_30570549{font-size:38px;top:5px}.root_30570549.rootIsSmall_30570549 .initials_30570549{font-size:14px;height:40px;line-height:40px}[dir=ltr] .root_30570549.rootIsSmall_30570549 .presence_30570549{left:27px}[dir=rtl] .root_30570549.rootIsSmall_30570549 .presence_30570549{right:27px}.root_30570549.rootIsSmall_30570549 .primaryText_30570549{font-size:14px}.root_30570549.rootIsLarge_30570549{height:72px;min-width:72px}.root_30570549.rootIsLarge_30570549 .imageArea_30570549,.root_30570549.rootIsLarge_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 72px;flex:0 0 72px;height:72px;width:72px}.root_30570549.rootIsLarge_30570549 .placeholder_30570549{font-size:67px;top:10px}.root_30570549.rootIsLarge_30570549 .initials_30570549{font-size:28px;height:72px;line-height:70px}.root_30570549.rootIsLarge_30570549 .presence_30570549{height:20px;width:20px;border-width:3px}[dir=ltr] .root_30570549.rootIsLarge_30570549 .presence_30570549{left:49px}[dir=rtl] .root_30570549.rootIsLarge_30570549 .presence_30570549{right:49px}.root_30570549.rootIsLarge_30570549 .presenceIcon_30570549{line-height:20px;font-size:14px}.root_30570549.rootIsLarge_30570549 .tertiaryText_30570549{display:block}.root_30570549.rootIsExtraLarge_30570549{height:100px;min-width:100px}.root_30570549.rootIsExtraLarge_30570549 .imageArea_30570549,.root_30570549.rootIsExtraLarge_30570549 .image_30570549{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;height:100px;width:100px}.root_30570549.rootIsExtraLarge_30570549 .placeholder_30570549{font-size:95px;top:12px}.root_30570549.rootIsExtraLarge_30570549 .initials_30570549{font-size:42px;height:100px;line-height:96px}.root_30570549.rootIsExtraLarge_30570549 .presence_30570549{height:28px;width:28px;border-width:4px}[dir=ltr] .root_30570549.rootIsExtraLarge_30570549 .presence_30570549{left:71px}[dir=rtl] .root_30570549.rootIsExtraLarge_30570549 .presence_30570549{right:71px}.root_30570549.rootIsExtraLarge_30570549 .presenceIcon_30570549{line-height:28px;font-size:21px;position:relative;top:1px}.root_30570549.rootIsExtraLarge_30570549 .primaryText_30570549{font-size:21px;font-weight:300}.root_30570549.rootIsExtraLarge_30570549 .optionalText_30570549,.root_30570549.rootIsExtraLarge_30570549 .tertiaryText_30570549{display:block}.root_30570549.rootIsDarkText_30570549 .primaryText_30570549{color:" }, { "theme": "neutralDark", "defaultValue": "#212121" }, { "rawString": "}.root_30570549.rootIsDarkText_30570549 .optionalText_30570549,.root_30570549.rootIsDarkText_30570549 .secondaryText_30570549,.root_30570549.rootIsDarkText_30570549 .tertiaryText_30570549{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.root_30570549.rootIsSelectable_30570549{cursor:pointer;padding:0 10px}.root_30570549.rootIsSelectable_30570549:not(.rootExtraLarge_30570549):focus,.root_30570549.rootIsSelectable_30570549:not(.rootExtraLarge_30570549):hover{background-color:" }, { "theme": "themeLighter", "defaultValue": "#deecf9" }, { "rawString": ";outline:1px solid transparent}.root_30570549.rootIsAvailable_30570549 .presence_30570549{background-color:#7fba00}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsAvailable_30570549 .presence_30570549{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsAvailable_30570549 .presence_30570549{background-color:#600000}}.root_30570549.rootIsAway_30570549 .presence_30570549{background-color:#fcd116}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsAway_30570549 .presence_30570549{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsAway_30570549 .presence_30570549{background-color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}}.root_30570549.rootIsAway_30570549 .presenceIcon_30570549{position:relative}[dir=ltr] .root_30570549.rootIsAway_30570549 .presenceIcon_30570549{left:1px}[dir=rtl] .root_30570549.rootIsAway_30570549 .presenceIcon_30570549{right:1px}.root_30570549.rootIsBlocked_30570549 .presence_30570549{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.root_30570549.rootIsBlocked_30570549 .presence_30570549::before{content:'';width:100%;height:100%;position:absolute;top:0;box-shadow:0 0 0 2px #d93b3b inset;border-radius:50%}[dir=ltr] .root_30570549.rootIsBlocked_30570549 .presence_30570549::before{left:0}[dir=rtl] .root_30570549.rootIsBlocked_30570549 .presence_30570549::before{right:0}.root_30570549.rootIsBlocked_30570549 .presence_30570549::after{content:'';width:100%;height:2px;background-color:#d93b3b;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:40%}[dir=ltr] .root_30570549.rootIsBlocked_30570549 .presence_30570549::after{left:0}[dir=rtl] .root_30570549.rootIsBlocked_30570549 .presence_30570549::after{right:0}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsBlocked_30570549 .presence_30570549{color:#0f0;background-color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": "}.root_30570549.rootIsBlocked_30570549 .presence_30570549::before{box-shadow:0 0 0 2px #0f0 inset}.root_30570549.rootIsBlocked_30570549 .presence_30570549::after{background-color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsBlocked_30570549 .presence_30570549{color:#600000;background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.root_30570549.rootIsBlocked_30570549 .presence_30570549::before{box-shadow:0 0 0 2px #600000 inset}.root_30570549.rootIsBlocked_30570549 .presence_30570549::after{background-color:#600000}}.root_30570549.rootIsBlocked_30570549.rootIsLarge_30570549 .presence_30570549::after{top:9px}.root_30570549.rootIsBlocked_30570549.rootIsExtraLarge_30570549 .presence_30570549::after{top:13px}.root_30570549.rootIsBusy_30570549 .presence_30570549{background-color:#d93b3b}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsBusy_30570549 .presence_30570549{background-color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsBusy_30570549 .presence_30570549{background-color:#600000}}.root_30570549.rootIsDoNotDisturb_30570549 .presence_30570549{background-color:#e81123}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsDoNotDisturb_30570549 .presence_30570549{color:" }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": ";background-color:#0f0}.root_30570549.rootIsDoNotDisturb_30570549 .presence_30570549::before{background-color:#0f0}.root_30570549.rootIsDoNotDisturb_30570549 .presence_30570549::after{background-color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsDoNotDisturb_30570549 .presence_30570549{background-color:#600000}}.root_30570549.rootIsOffline_30570549 .presence_30570549{background-color:#93abbd}@media screen and (-ms-high-contrast:active){.root_30570549.rootIsOffline_30570549 .presence_30570549{background-color:#0f0;box-shadow:0 0 0 1px " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": " inset}}@media screen and (-ms-high-contrast:black-on-white){.root_30570549.rootIsOffline_30570549 .presence_30570549{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";box-shadow:0 0 0 1px " }, { "theme": "black", "defaultValue": "#000000" }, { "rawString": " inset}}" }]); return styles; }); /* tslint:enable */ //# sourceMappingURL=Persona.scss.js.map