@fluentui/react
Version:
Reusable React components for building web experiences.
14 lines • 5.22 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.itemContainer = exports.personaDetails = exports.itemContent = exports.validationError = exports.personaContainerIsSelected = exports.removeButton = exports.personaContainer = void 0;
/* eslint-disable */
var load_themed_styles_1 = require("@microsoft/load-themed-styles");
(0, load_themed_styles_1.loadStyles)([{ "rawString": ".personaContainer_5b3cddaa{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:4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:300px;vertical-align:middle}.personaContainer_5b3cddaa::-moz-focus-inner{border:0}.personaContainer_5b3cddaa{outline:transparent}.personaContainer_5b3cddaa{position:relative}.ms-Fabric--isFocusVisible .personaContainer_5b3cddaa: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_5b3cddaa:hover{background:" }, { "theme": "neutralLight", "defaultValue": "#edebe9" }, { "rawString": "}.personaContainer_5b3cddaa:hover .removeButton_5b3cddaa{color:" }, { "theme": "neutralPrimary", "defaultValue": "#323130" }, { "rawString": "}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa{background:" }, { "theme": "blue", "defaultValue": "#0078d4" }, { "rawString": "}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:HighlightText}}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa .ms-Button-icon{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa .ms-Button-icon{color:HighlightText}}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa: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_5b3cddaa.personaContainerIsSelected_5b3cddaa{border-color:Highlight;background:Highlight;-ms-high-contrast-adjust:none}}.personaContainer_5b3cddaa.validationError_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa .ms-Persona-initials{font-size:20px}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa{background:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa:hover{background:" }, { "theme": "red", "defaultValue": "#e81123" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa{border:1px solid WindowText}}.personaContainer_5b3cddaa .itemContent_5b3cddaa{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;max-width:100%;overflow-x:hidden}.personaContainer_5b3cddaa .removeButton_5b3cddaa{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_5b3cddaa .removeButton_5b3cddaa:hover{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c6c4" }, { "rawString": ";color:" }, { "theme": "neutralDark", "defaultValue": "#201f1e" }, { "rawString": "}.personaContainer_5b3cddaa .personaDetails_5b3cddaa{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.itemContainer_5b3cddaa{display:inline-block;vertical-align:top}" }]);
exports.personaContainer = "personaContainer_5b3cddaa";
exports.removeButton = "removeButton_5b3cddaa";
exports.personaContainerIsSelected = "personaContainerIsSelected_5b3cddaa";
exports.validationError = "validationError_5b3cddaa";
exports.itemContent = "itemContent_5b3cddaa";
exports.personaDetails = "personaDetails_5b3cddaa";
exports.itemContainer = "itemContainer_5b3cddaa";
//# sourceMappingURL=PickerItemsDefault.scss.js.map