@itsjonq/controls/dist/es/components/ColorPicker/Picker.js

A control panel to develop React UI

import _styled from "@emotion/styled-base";

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

import React from 'react';
import { css } from '@emotion/core';
import colorize from 'tinycolor2';
import { SketchPicker } from 'react-color';
export function Picker(props) {
  var isLight = colorize(props.color).isLight();
  return React.createElement(ColorPickerWrapper, {
    isLight: isLight
  }, React.createElement(SketchPicker, Object.assign({
    disableAlpha: true
  }, props)));
}

var _ref = process.env.NODE_ENV === "production" ? {
  name: "xil85b",
  styles: "--borderColor:rgba(0,0,0,0.3);"
} : {
  name: "xil85b",
  styles: "--borderColor:rgba(0,0,0,0.3);",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbG9yUGlja2VyL1BpY2tlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29sb3JQaWNrZXIvUGlja2VyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IGNvbG9yaXplIGZyb20gJ3Rpbnljb2xvcjInO1xuXG5pbXBvcnQgeyBTa2V0Y2hQaWNrZXIgfSBmcm9tICdyZWFjdC1jb2xvcic7XG5cbmV4cG9ydCBmdW5jdGlvbiBQaWNrZXIocHJvcHMpIHtcblx0Y29uc3QgaXNMaWdodCA9IGNvbG9yaXplKHByb3BzLmNvbG9yKS5pc0xpZ2h0KCk7XG5cblx0cmV0dXJuIChcblx0XHQ8Q29sb3JQaWNrZXJXcmFwcGVyIGlzTGlnaHQ9e2lzTGlnaHR9PlxuXHRcdFx0PFNrZXRjaFBpY2tlciBkaXNhYmxlQWxwaGE9e3RydWV9IHsuLi5wcm9wc30gLz5cblx0XHQ8L0NvbG9yUGlja2VyV3JhcHBlcj5cblx0KTtcbn1cblxuY29uc3QgaXNMaWdodCA9ICh7IGlzTGlnaHQgfSkgPT4ge1xuXHRpZiAoaXNMaWdodCkge1xuXHRcdHJldHVybiBjc3NgXG5cdFx0XHQtLWJvcmRlckNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG5cdFx0YDtcblx0fSBlbHNlIHtcblx0XHRyZXR1cm4gY3NzYFxuXHRcdFx0LS1ib3JkZXJDb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuXHRcdGA7XG5cdH1cbn07XG5cbmNvbnN0IENvbG9yUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7aXNMaWdodH07XG5cdC5za2V0Y2gtcGlja2VyIHtcblx0XHRiYWNrZ3JvdW5kOiB3aGl0ZSAhaW1wb3J0YW50O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG5cdFx0Y29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cblx0XHQqIHtcblx0XHRcdGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0fVxuXG5cdFx0aW5wdXQge1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGUgIWltcG9ydGFudDtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0XHRib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHR1c2VyLXNlbGVjdDogaW5pdGlhbDtcblx0XHR9XG5cblx0XHQuZmxleGJveC1maXgge1xuXHRcdFx0JjpsYXN0LWNoaWxkIHtcblx0XHRcdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

var _ref2 = process.env.NODE_ENV === "production" ? {
  name: "102ndhf",
  styles: "--borderColor:rgba(255,255,255,0.3);"
} : {
  name: "102ndhf",
  styles: "--borderColor:rgba(255,255,255,0.3);",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbG9yUGlja2VyL1BpY2tlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QlkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29sb3JQaWNrZXIvUGlja2VyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IGNvbG9yaXplIGZyb20gJ3Rpbnljb2xvcjInO1xuXG5pbXBvcnQgeyBTa2V0Y2hQaWNrZXIgfSBmcm9tICdyZWFjdC1jb2xvcic7XG5cbmV4cG9ydCBmdW5jdGlvbiBQaWNrZXIocHJvcHMpIHtcblx0Y29uc3QgaXNMaWdodCA9IGNvbG9yaXplKHByb3BzLmNvbG9yKS5pc0xpZ2h0KCk7XG5cblx0cmV0dXJuIChcblx0XHQ8Q29sb3JQaWNrZXJXcmFwcGVyIGlzTGlnaHQ9e2lzTGlnaHR9PlxuXHRcdFx0PFNrZXRjaFBpY2tlciBkaXNhYmxlQWxwaGE9e3RydWV9IHsuLi5wcm9wc30gLz5cblx0XHQ8L0NvbG9yUGlja2VyV3JhcHBlcj5cblx0KTtcbn1cblxuY29uc3QgaXNMaWdodCA9ICh7IGlzTGlnaHQgfSkgPT4ge1xuXHRpZiAoaXNMaWdodCkge1xuXHRcdHJldHVybiBjc3NgXG5cdFx0XHQtLWJvcmRlckNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG5cdFx0YDtcblx0fSBlbHNlIHtcblx0XHRyZXR1cm4gY3NzYFxuXHRcdFx0LS1ib3JkZXJDb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuXHRcdGA7XG5cdH1cbn07XG5cbmNvbnN0IENvbG9yUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdCR7aXNMaWdodH07XG5cdC5za2V0Y2gtcGlja2VyIHtcblx0XHRiYWNrZ3JvdW5kOiB3aGl0ZSAhaW1wb3J0YW50O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG5cdFx0Y29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cblx0XHQqIHtcblx0XHRcdGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0fVxuXG5cdFx0aW5wdXQge1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGUgIWltcG9ydGFudDtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0XHRib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHR1c2VyLXNlbGVjdDogaW5pdGlhbDtcblx0XHR9XG5cblx0XHQuZmxleGJveC1maXgge1xuXHRcdFx0JjpsYXN0LWNoaWxkIHtcblx0XHRcdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};

var isLight = function (_ref3) {
  var isLight = _ref3.isLight;

  if (isLight) {
    return _ref;
  } else {
    return _ref2;
  }
};

var ColorPickerWrapper = _styled("div", {
  target: "ep79ek40",
  label: "ColorPickerWrapper"
})(isLight, ";.sketch-picker{background:white !important;border:1px solid black !important;border-radius:0px !important;color:black !important;font-family:inherit;user-select:none;*{color:black !important;user-select:none;}input{background:white !important;border:1px solid black !important;box-shadow:none !important;user-select:initial;}.flexbox-fix{&:last-child{border-top:1px solid black !important;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbG9yUGlja2VyL1BpY2tlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbG9yUGlja2VyL1BpY2tlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBjb2xvcml6ZSBmcm9tICd0aW55Y29sb3IyJztcblxuaW1wb3J0IHsgU2tldGNoUGlja2VyIH0gZnJvbSAncmVhY3QtY29sb3InO1xuXG5leHBvcnQgZnVuY3Rpb24gUGlja2VyKHByb3BzKSB7XG5cdGNvbnN0IGlzTGlnaHQgPSBjb2xvcml6ZShwcm9wcy5jb2xvcikuaXNMaWdodCgpO1xuXG5cdHJldHVybiAoXG5cdFx0PENvbG9yUGlja2VyV3JhcHBlciBpc0xpZ2h0PXtpc0xpZ2h0fT5cblx0XHRcdDxTa2V0Y2hQaWNrZXIgZGlzYWJsZUFscGhhPXt0cnVlfSB7Li4ucHJvcHN9IC8+XG5cdFx0PC9Db2xvclBpY2tlcldyYXBwZXI+XG5cdCk7XG59XG5cbmNvbnN0IGlzTGlnaHQgPSAoeyBpc0xpZ2h0IH0pID0+IHtcblx0aWYgKGlzTGlnaHQpIHtcblx0XHRyZXR1cm4gY3NzYFxuXHRcdFx0LS1ib3JkZXJDb2xvcjogcmdiYSgwLCAwLCAwLCAwLjMpO1xuXHRcdGA7XG5cdH0gZWxzZSB7XG5cdFx0cmV0dXJuIGNzc2Bcblx0XHRcdC0tYm9yZGVyQ29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKTtcblx0XHRgO1xuXHR9XG59O1xuXG5jb25zdCBDb2xvclBpY2tlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHQke2lzTGlnaHR9O1xuXHQuc2tldGNoLXBpY2tlciB7XG5cdFx0YmFja2dyb3VuZDogd2hpdGUgIWltcG9ydGFudDtcblx0XHRib3JkZXI6IDFweCBzb2xpZCBibGFjayAhaW1wb3J0YW50O1xuXHRcdGJvcmRlci1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xuXHRcdGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xuXHRcdGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuXHRcdHVzZXItc2VsZWN0OiBub25lO1xuXG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcblx0XHRcdHVzZXItc2VsZWN0OiBub25lO1xuXHRcdH1cblxuXHRcdGlucHV0IHtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlICFpbXBvcnRhbnQ7XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCBibGFjayAhaW1wb3J0YW50O1xuXHRcdFx0Ym94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0dXNlci1zZWxlY3Q6IGluaXRpYWw7XG5cdFx0fVxuXG5cdFx0LmZsZXhib3gtZml4IHtcblx0XHRcdCY6bGFzdC1jaGlsZCB7XG5cdFx0XHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjayAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcbiJdfQ== */"));