office-ui-fabric-react/lib/components/SwatchColorPicker/SwatchColorPicker.scss.js

Reusable React components for building experiences for Office 365.

"use strict";
/* tslint:disable */
var load_themed_styles_1 = require("@microsoft/load-themed-styles");
var styles = {
    root: 'root_267aef53',
    svg: 'svg_267aef53',
    cell: 'cell_267aef53',
    wrapper: 'wrapper_267aef53',
    item: 'item_267aef53',
    disabled: 'disabled_267aef53',
    cellIsSelected: 'cellIsSelected_267aef53',
    circle: 'circle_267aef53',
    swatchColorPickerContainer: 'swatchColorPickerContainer_267aef53',
    icon: 'icon_267aef53',
    menuItem: 'menuItem_267aef53',
    header: 'header_267aef53',
    divider: 'divider_267aef53',
};
load_themed_styles_1.loadStyles([{ "rawString": ".root_267aef53{position:relative}.svg_267aef53{width:20px;height:20px;padding:4px;box-sizing:content-box}.ms-Fabric.is-focusVisible .cell_267aef53:focus,.ms-Fabric.is-focusVisible .cell_267aef53:focus::after{border:none}.wrapper_267aef53{display:inline-block}.item_267aef53{font-size:14px;font-weight:400;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";position:relative;box-sizing:border-box;border:none;width:100%;height:36px;line-height:36px;display:block;cursor:pointer;padding:0 6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.item_267aef53::-moz-focus-inner{border:0}.item_267aef53{outline:transparent}.item_267aef53{position:relative}.ms-Fabric.is-focusVisible .item_267aef53:focus:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}html[dir=ltr] .item_267aef53{text-align:left}html[dir=rtl] .item_267aef53{text-align:right}.item_267aef53:hover:not([disabled]){background:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.item_267aef53.disabled_267aef53,.item_267aef53[disabled]{color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";cursor:default;pointer-events:none}.is-focusVisible .item_267aef53:focus{background:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.cell_267aef53{padding:0;overflow:visible}.cell_267aef53.cellIsSelected_267aef53:active .svg_267aef53,.cell_267aef53.cellIsSelected_267aef53:hover .svg_267aef53{box-shadow:0 0 0 1px #969696}.cell_267aef53.cellIsSelected_267aef53 .svg_267aef53{width:12px;height:12px;border:4px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}.cell_267aef53.cellIsSelected_267aef53 .svg_267aef53.circle_267aef53{border-radius:100%}.cell_267aef53:focus .svg_267aef53{box-shadow:0 0 0 1px #969696}.cell_267aef53:active .svg_267aef53,.cell_267aef53:focus .svg_267aef53,.cell_267aef53:hover .svg_267aef53{border:4px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";width:12px;height:12px}.cell_267aef53:active .svg_267aef53.circle_267aef53,.cell_267aef53:focus .svg_267aef53.circle_267aef53,.cell_267aef53:hover .svg_267aef53.circle_267aef53{border-radius:100%}.cell_267aef53:active .svg_267aef53{border:4px solid #969696;-ms-transform:translate(-1px,-1px)}.cell_267aef53.disabled_267aef53,.cell_267aef53[disabled]{color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": ";cursor:default;pointer-events:none;opacity:.3}.swatchColorPickerContainer_267aef53{clear:both;display:inline-block;min-width:180px}.icon_267aef53{width:16px}.menuItem_267aef53{margin:0 4px}.header_267aef53{color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": ";font-weight:600;white-space:nowrap;background:0 0;border:none;height:36px;line-height:36px;cursor:default;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html[dir=ltr] .header_267aef53{text-align:left}html[dir=rtl] .header_267aef53{text-align:right}.divider_267aef53{display:block;height:1px;background-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";position:relative}" }]);
module.exports = styles;
/* tslint:enable */ 

//# sourceMappingURL=SwatchColorPicker.scss.js.map