react-editable-title/lib/styledComponents.js

An editable title implementation for the react.

"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = __importDefault(require("styled-components"));
exports.ControlButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tline-height: 1em;\n\tmin-height: 1em;\n\toutline: 0;\n\tborder: none;\n\tbackground: #e0e1e2 none;\n\tcolor: rgba(0, 0, 0, 0.6);\n\tmargin: 0 0.25em 0 0;\n\tpadding: 0em 1em 0.78571429em;\n\tborder-radius: 0.28571429rem;\n\tvertical-align: bottom;\n\tmax-height: 32px;\n\t-webkit-box-shadow: 0 0 0 1px transparent inset,\n\t\t0 0 0 0 rgba(34, 36, 38, 0.15) inset;\n\tbox-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n  user-select: none;\n  -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  -webkit-tap-highlight-color: transparent;\n\t&:hover {\n\t\tbackground-color: #cacbcd;\n    background-image: none;\n    -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;\n    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;\n    color: rgba(0,0,0,.8);\n\t}\n"], ["\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tline-height: 1em;\n\tmin-height: 1em;\n\toutline: 0;\n\tborder: none;\n\tbackground: #e0e1e2 none;\n\tcolor: rgba(0, 0, 0, 0.6);\n\tmargin: 0 0.25em 0 0;\n\tpadding: 0em 1em 0.78571429em;\n\tborder-radius: 0.28571429rem;\n\tvertical-align: bottom;\n\tmax-height: 32px;\n\t-webkit-box-shadow: 0 0 0 1px transparent inset,\n\t\t0 0 0 0 rgba(34, 36, 38, 0.15) inset;\n\tbox-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n  user-select: none;\n  -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;\n  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;\n  -webkit-tap-highlight-color: transparent;\n\t&:hover {\n\t\tbackground-color: #cacbcd;\n    background-image: none;\n    -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;\n    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;\n    color: rgba(0,0,0,.8);\n\t}\n"])));
exports.CustomTitle = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: inline-block;\n\theight: 32px;\n\tpadding: 4px 11px;\n\tcolor: rgba(0, 0, 0, 0.65);\n\tfont-size: 14px;\n\tfont-family: sans-serif;\n\tline-height: 1.5;\n\tbackground-color: #fff;\n\tborder: 1px solid #d9d9d9;\n  border-radius: 4px;\n\tborder-top-right-radius: unset;\n\tborder-bottom-right-radius: unset;\n"], ["\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: inline-block;\n\theight: 32px;\n\tpadding: 4px 11px;\n\tcolor: rgba(0, 0, 0, 0.65);\n\tfont-size: 14px;\n\tfont-family: sans-serif;\n\tline-height: 1.5;\n\tbackground-color: #fff;\n\tborder: 1px solid #d9d9d9;\n  border-radius: 4px;\n\tborder-top-right-radius: unset;\n\tborder-bottom-right-radius: unset;\n"])));
exports.EditableTitlePopover = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tposition: absolute;\n\tmargin-top: -0.15em;\n"], ["\n\tposition: absolute;\n\tmargin-top: -0.15em;\n"])));
exports.EditableWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tdisplay: -webkit-inline-box;\n"], ["\n\tdisplay: -webkit-inline-box;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
//# sourceMappingURL=styledComponents.js.map