office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
25 lines • 12.7 kB
JavaScript
/* tslint:disable */
import { loadStyles } from '@microsoft/load-themed-styles';
loadStyles([{ "rawString": ".root_6673c855{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;position:relative}.screenReaderOnly_6673c855{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fieldGroup_6673c855{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;border:1px solid " }, { "theme": "inputBorder", "defaultValue": "#a6a6a6" }, { "rawString": ";background:" }, { "theme": "bodyBackground", "defaultValue": "#ffffff" }, { "rawString": ";height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative}.fieldGroup_6673c855:hover{border-color:" }, { "theme": "inputBorderHovered", "defaultValue": "#212121" }, { "rawString": "}.fieldGroup_6673c855.fieldGroupIsFocused_6673c855{border-color:" }, { "theme": "inputFocusBorderAlt", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.fieldGroup_6673c855.fieldGroupIsFocused_6673c855{border-width:2px}.fieldGroup_6673c855.fieldGroupIsFocused_6673c855 .field_6673c855{padding:0 11px 0 11px}[dir='rtl'] .fieldGroup_6673c855.fieldGroupIsFocused_6673c855 .field_6673c855{padding:0 11px 0 11px}}.fieldGroup_6673c855.fieldGroupIsFocused_6673c855.invalid_6673c855{border-color:" }, { "theme": "errorText", "defaultValue": "#a80000" }, { "rawString": "}.rootIsDisabled_6673c855 .fieldGroup_6673c855{background-color:" }, { "theme": "disabledBackground", "defaultValue": "#f4f4f4" }, { "rawString": ";border-color:" }, { "theme": "disabledBackground", "defaultValue": "#f4f4f4" }, { "rawString": ";pointer-events:none;cursor:default}@media screen and (-ms-high-contrast: active){.fieldGroup_6673c855:hover,.fieldGroup_6673c855.fieldGroupIsFocused_6673c855{border-color:Highlight}}.fieldGroup_6673c855::-ms-clear{display:none}.fieldGroup_6673c855 :-ms-input-placeholder,.fieldGroup_6673c855 :-ms-input-placeholder{color:" }, { "theme": "inputPlaceholderText", "defaultValue": "#666666" }, { "rawString": ";opacity:1}.fieldGroup_6673c855 ::-ms-input-placeholder,.fieldGroup_6673c855 :-ms-input-placeholder{color:" }, { "theme": "inputPlaceholderText", "defaultValue": "#666666" }, { "rawString": ";opacity:1}.fieldGroup :-ms-input-placeholder,.fieldGroup :-ms-input-placeholder{color:" }, { "theme": "inputPlaceholderText", "defaultValue": "#666666" }, { "rawString": ";opacity:1}.fieldGroup ::-ms-input-placeholder,.fieldGroup :-ms-input-placeholder{color:" }, { "theme": "inputPlaceholderText", "defaultValue": "#666666" }, { "rawString": ";opacity:1}.fieldGroup_6673c855 ::placeholder,.fieldGroup_6673c855 :-ms-input-placeholder{color:" }, { "theme": "inputPlaceholderText", "defaultValue": "#666666" }, { "rawString": ";opacity:1}.root_6673c855.rootIsDisabled_6673c855 .field{background-color:" }, { "theme": "disabledBackground", "defaultValue": "#f4f4f4" }, { "rawString": ";border-color:" }, { "theme": "disabledBackground", "defaultValue": "#f4f4f4" }, { "rawString": ";pointer-events:none;cursor:default}.fieldPrefixSuffix_6673c855{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;padding:0 10px;white-space:nowrap}.field_6673c855{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;font-size:14px;border-radius:0;border:none;background:none;color:" }, { "theme": "bodyText", "defaultValue": "#333333" }, { "rawString": ";padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}[dir='rtl'] .field_6673c855{padding:0 12px 0 12px}.field_6673c855:active,.field_6673c855:focus,.field_6673c855:hover{outline:0}[dir='ltr'] .field_6673c855.hasIcon_6673c855{padding-right:24px}[dir='rtl'] .field_6673c855.hasIcon_6673c855{padding-left:24px}.field_6673c855[disabled]{background-color:transparent;border-color:transparent;pointer-events:none;cursor:default}.field_6673c855 .field_6673c855::-webkit-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field_6673c855 .field_6673c855:-ms-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field_6673c855 .field_6673c855::-ms-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field .field::-webkit-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field .field:-ms-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field .field::-ms-input-placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.field_6673c855 .field_6673c855::placeholder{color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.root_6673c855.rootIsRequiredLabel_6673c855 .ms-Label::after{content:' *';color:" }, { "theme": "error", "defaultValue": "#a80000" }, { "rawString": "}.root_6673c855.rootIsRequiredPlaceholderOnly_6673c855 .ms-TextField-fieldGroup::after{content:'*';color:" }, { "theme": "error", "defaultValue": "#a80000" }, { "rawString": ";position:absolute;top:-5px}[dir='ltr'] .root_6673c855.rootIsRequiredPlaceholderOnly_6673c855 .ms-TextField-fieldGroup::after{right:-10px}[dir='rtl'] .root_6673c855.rootIsRequiredPlaceholderOnly_6673c855 .ms-TextField-fieldGroup::after{left:-10px}.root_6673c855.rootIsActive_6673c855{border-color:" }, { "theme": "inputFocusBorderAlt", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.root_6673c855.rootIsActive_6673c855{border-width:2px}.root_6673c855.rootIsActive_6673c855 .field_6673c855{padding:0 11px 0 11px}[dir='rtl'] .root_6673c855.rootIsActive_6673c855 .field_6673c855{padding:0 11px 0 11px}}.icon_6673c855{pointer-events:none;position:absolute;bottom:5px;top:auto;font-size:16px;line-height:18px}html[dir='ltr'] .icon_6673c855{right:8px}html[dir='rtl'] .icon_6673c855{left:8px}.description_6673c855{color:" }, { "theme": "bodySubtext", "defaultValue": "#666666" }, { "rawString": ";font-size:11px}.rootIsBorderless_6673c855 .fieldGroup_6673c855{border-color:transparent;border-width:0}.root_6673c855.rootIsUnderlined_6673c855{border:0px solid " }, { "theme": "inputBorder", "defaultValue": "#a6a6a6" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855 .wrapper_6673c855{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:inherit;width:100%}.root_6673c855.rootIsUnderlined_6673c855 .wrapper_6673c855.invalid_6673c855,.root_6673c855.rootIsUnderlined_6673c855 .wrapper_6673c855.invalid_6673c855:focus,.root_6673c855.rootIsUnderlined_6673c855 .wrapper_6673c855.invalid_6673c855:hover{border-bottom:1px solid " }, { "theme": "errorText", "defaultValue": "#a80000" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855 .ms-Label{font-size:14px;line-height:22px;height:32px}[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{margin-right:8px}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{margin-left:8px}[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-left:12px}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-right:12px}.root_6673c855.rootIsUnderlined_6673c855 .fieldGroup_6673c855{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;border-width:0}[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .fieldGroup_6673c855{text-align:left}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .fieldGroup_6673c855{text-align:right}.root_6673c855.rootIsUnderlined_6673c855.rootIsDisabled_6673c855{border-color:" }, { "theme": "disabledBackground", "defaultValue": "#f4f4f4" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855.rootIsDisabled_6673c855 .ms-Label{color:" }, { "theme": "neutralTertiary", "defaultValue": "#a6a6a6" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855.rootIsDisabled_6673c855 .field_6673c855{background-color:transparent;color:" }, { "theme": "disabledText", "defaultValue": "#a6a6a6" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855.rootIsDisabled_6673c855 .fieldGroup_6673c855{background-color:transparent}.root_6673c855.rootIsUnderlined_6673c855:hover:not(.rootIsActive_6673c855):not(.rootIsDisabled_6673c855){border-color:" }, { "theme": "inputBorderHovered", "defaultValue": "#212121" }, { "rawString": "}.root_6673c855.rootIsUnderlined_6673c855.rootIsActive_6673c855{border-color:" }, { "theme": "inputFocusBorderAlt", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.root_6673c855.rootIsUnderlined_6673c855.rootIsActive_6673c855{border-width:2px}.root_6673c855.rootIsUnderlined_6673c855.rootIsActive_6673c855 .field_6673c855{padding:0 11px 0 11px}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855.rootIsActive_6673c855 .field_6673c855{padding:0 11px 0 11px}}@media screen and (-ms-high-contrast: active){.root_6673c855.rootIsUnderlined_6673c855:hover:not(.rootIsDisabled_6673c855) .wrapper_6673c855,.root_6673c855.rootIsUnderlined_6673c855.rootIsActive_6673c855 .wrapper_6673c855{border-color:Highlight}}.root_6673c855.rootIsMultiline_6673c855 .fieldGroup_6673c855{min-height:60px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.root_6673c855.rootIsMultiline_6673c855 .field_6673c855{line-height:17px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-top:6px;overflow:auto;width:100%}[dir='ltr'] .root_6673c855.rootIsMultiline_6673c855 .field_6673c855.hasIcon_6673c855{padding-right:40px}[dir='rtl'] .root_6673c855.rootIsMultiline_6673c855 .field_6673c855.hasIcon_6673c855{padding-left:40px}.errorMessage_6673c855{font-size:12px;font-weight:400;color:" }, { "theme": "errorText", "defaultValue": "#a80000" }, { "rawString": ";margin:0;padding-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invalid_6673c855,.invalid_6673c855:focus,.invalid_6673c855:hover{border-color:" }, { "theme": "errorText", "defaultValue": "#a80000" }, { "rawString": "}[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-left:12px}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-right:12px}[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-right:0}[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .ms-Label{padding-left:0}html[dir='ltr'] .root_6673c855.rootIsUnderlined_6673c855 .field_6673c855{text-align:left}html[dir='rtl'] .root_6673c855.rootIsUnderlined_6673c855 .field_6673c855{text-align:right}.root_6673c855.rootIsMultiline_6673c855 .icon_6673c855{padding-bottom:8px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[dir='ltr'] .root_6673c855.rootIsMultiline_6673c855 .icon_6673c855{padding-right:24px}[dir='rtl'] .root_6673c855.rootIsMultiline_6673c855 .icon_6673c855{padding-left:24px}.root_6673c855.rootIsMultiline_6673c855 .field_6673c855.fieldIsUnresizable_6673c855{resize:none}.hidden_6673c855{display:none}\n" }]);
export var root = "root_6673c855";
export var screenReaderOnly = "screenReaderOnly_6673c855";
export var fieldGroup = "fieldGroup_6673c855";
export var fieldGroupIsFocused = "fieldGroupIsFocused_6673c855";
export var field = "field_6673c855";
export var invalid = "invalid_6673c855";
export var rootIsDisabled = "rootIsDisabled_6673c855";
export var fieldPrefixSuffix = "fieldPrefixSuffix_6673c855";
export var hasIcon = "hasIcon_6673c855";
export var rootIsRequiredLabel = "rootIsRequiredLabel_6673c855";
export var rootIsRequiredPlaceholderOnly = "rootIsRequiredPlaceholderOnly_6673c855";
export var rootIsActive = "rootIsActive_6673c855";
export var icon = "icon_6673c855";
export var description = "description_6673c855";
export var rootIsBorderless = "rootIsBorderless_6673c855";
export var rootIsUnderlined = "rootIsUnderlined_6673c855";
export var wrapper = "wrapper_6673c855";
export var rootIsMultiline = "rootIsMultiline_6673c855";
export var errorMessage = "errorMessage_6673c855";
export var fieldIsUnresizable = "fieldIsUnresizable_6673c855";
export var hidden = "hidden_6673c855";
//# sourceMappingURL=TextField.scss.js.map