@smart-react-components/ui
Version:
SRC UI includes React and Styled components.
19 lines (18 loc) • 1.22 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Div_1 = __importDefault(require("@smart-react-components/core/Element/Div"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const PickerElement_1 = __importDefault(require("./PickerElement"));
exports.default = (0, styled_components_1.default)(PickerElement_1.default).attrs(({ bgElRef, children, value }) => ({
children: (react_1.default.createElement("div", { className: "src-color-picker-major-picker-bg", ref: bgElRef },
react_1.default.createElement(Div_1.default, { background: "linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0))" },
react_1.default.createElement(Div_1.default, { background: "linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0))", boxShadow: "0 0 3px rgba(0,0,0,.3) inset" }, children)))),
getColorPickerSize: (v, t) => `
height: ${t.$.size.colorPicker[v].majorPickerSize};
width: ${t.$.size.colorPicker[v].majorPickerSize};
`,
})) ``;