office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
27 lines (25 loc) • 8.19 kB
JavaScript
"use strict";
/* tslint:disable */
var load_themed_styles_1 = require("@microsoft/load-themed-styles");
var styles = {
ArrowBox: 'ArrowBox_7c9eda0a',
Input: 'Input_7c9eda0a',
UpButton: 'UpButton_7c9eda0a',
DownButton: 'DownButton_7c9eda0a',
SpinButtonContainer: 'SpinButtonContainer_7c9eda0a',
SpinButtonLabel: 'SpinButtonLabel_7c9eda0a',
SpinButtonWrapper: 'SpinButtonWrapper_7c9eda0a',
labelWrapper: 'labelWrapper_7c9eda0a',
start: 'start_7c9eda0a',
end: 'end_7c9eda0a',
top: 'top_7c9eda0a',
bottom: 'bottom_7c9eda0a',
SpinButtonIcon: 'SpinButtonIcon_7c9eda0a',
topBottom: 'topBottom_7c9eda0a',
disabled: 'disabled_7c9eda0a',
active: 'active_7c9eda0a',
};
load_themed_styles_1.loadStyles([{ "rawString": ".ArrowBox_7c9eda0a,.DownButton_7c9eda0a,.Input_7c9eda0a,.SpinButtonContainer_7c9eda0a,.UpButton_7c9eda0a{outline:0;font-size:12px}.SpinButtonLabel_7c9eda0a{pointer-events:none;padding:2px 0}.SpinButtonContainer_7c9eda0a{width:100%;min-width:86px;padding:2px}.ArrowBox_7c9eda0a{display:block;float:left;height:100%;border:1px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";border-left-width:0;cursor:default;padding:0;box-sizing:border-box}.SpinButtonWrapper_7c9eda0a:hover .ArrowBox_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a{border-color:" }, { "theme": "neutralSecondaryAlt", "defaultValue": "#767676" }, { "rawString": ";outline:2px dashed transparent}@media screen and (-ms-high-contrast:active){.SpinButtonWrapper_7c9eda0a:hover .ArrowBox_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a{border-color:#1aebff}}@media screen and (-ms-high-contrast:black-on-white){.SpinButtonWrapper_7c9eda0a:hover .ArrowBox_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a{border-color:#37006e}}.labelWrapper_7c9eda0a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.labelWrapper_7c9eda0a.start_7c9eda0a{float:left;margin-right:10px}.labelWrapper_7c9eda0a.end_7c9eda0a{float:right;margin-left:10px}.labelWrapper_7c9eda0a.top_7c9eda0a{margin-bottom:10px}.labelWrapper_7c9eda0a.bottom_7c9eda0a{margin-top:10px}.SpinButtonIcon_7c9eda0a{padding:2px 5px;font-size:20px}.SpinButtonWrapper_7c9eda0a{display:-webkit-box;display:-ms-flexbox;display:flex;height:26px;min-width:86px}.SpinButtonWrapper_7c9eda0a.topBottom_7c9eda0a{width:100%}.Input_7c9eda0a:focus+.ArrowBox_7c9eda0a{border-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";outline:2px dashed transparent}@media screen and (-ms-high-contrast:active){.Input_7c9eda0a:focus+.ArrowBox_7c9eda0a{border-color:#1aebff}}@media screen and (-ms-high-contrast:black-on-white){.Input_7c9eda0a:focus+.ArrowBox_7c9eda0a{border-color:#37006e}}.Input_7c9eda0a.disabled_7c9eda0a+.ArrowBox_7c9eda0a{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";border-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";pointer-events:none;cursor:default}@media screen and (-ms-high-contrast:active){.Input_7c9eda0a.disabled_7c9eda0a+.ArrowBox_7c9eda0a{color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.Input_7c9eda0a.disabled_7c9eda0a+.ArrowBox_7c9eda0a{color:#600000}}.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a:focus{border-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}.Input_7c9eda0a{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";border-radius:0;font-weight:400;font-size:14px;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";height:100%;padding:3px 3px 4px 4px;outline:0;text-overflow:ellipsis;display:block;float:left;width:calc(100% - 14px);min-width:72px;border-right-width:0;overflow:hidden;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html[dir=rtl] .Input_7c9eda0a{padding:3px 4px 4px 3px}.Input_7c9eda0a:focus{border-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";outline:2px dashed transparent}@media screen and (-ms-high-contrast:active){.Input_7c9eda0a:focus{border-color:#1aebff}}@media screen and (-ms-high-contrast:black-on-white){.Input_7c9eda0a:focus{border-color:#37006e}}.Input_7c9eda0a::-moz-selection{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.Input::-moz-selection{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.Input_7c9eda0a::selection{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.Input_7c9eda0a.disabled_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a.disabled_7c9eda0a{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";border-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": ";pointer-events:none;cursor:default;color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.Input_7c9eda0a.disabled_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a.disabled_7c9eda0a{color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.Input_7c9eda0a.disabled_7c9eda0a,.SpinButtonWrapper_7c9eda0a:hover .Input_7c9eda0a.disabled_7c9eda0a{color:#600000}}.Input_7c9eda0a:hover .DownButton_7c9eda0a,.Input_7c9eda0a:hover .UpButton_7c9eda0a{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a{display:block;height:50%;width:12px;padding:0;background-color:transparent;text-align:center;cursor:default;font-size:6px;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a:hover,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a:hover{background-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a:active,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a:active{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a:active,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a:active{background-color:#1aebff}}@media screen and (-ms-high-contrast:black-on-white){.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a:active,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a:active{background-color:#37006e}}.DownButton_7c9eda0a:disabled,.UpButton_7c9eda0a:disabled{opacity:0}@media screen and (-ms-high-contrast:active){.DownButton_7c9eda0a:disabled,.UpButton_7c9eda0a:disabled{color:#0f0}}@media screen and (-ms-high-contrast:black-on-white){.DownButton_7c9eda0a:disabled,.UpButton_7c9eda0a:disabled{color:#600000}}.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a.active_7c9eda0a,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a.active_7c9eda0a{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active){.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a.active_7c9eda0a,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a.active_7c9eda0a{background-color:#1aebff}}@media screen and (-ms-high-contrast:black-on-white){.SpinButtonWrapper_7c9eda0a .DownButton_7c9eda0a.active_7c9eda0a,.SpinButtonWrapper_7c9eda0a .UpButton_7c9eda0a.active_7c9eda0a{background-color:#37006e}}" }]);
module.exports = styles;
/* tslint:enable */
//# sourceMappingURL=SpinButton.scss.js.map