Module 252866

function(e,t,r){"use strict";var n=r(64700),o=r(655972),a=r.n(o),i=r(205662),l=r(920385),s=r(708005),u=r(444351),c=r(346589),p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d=function(e){var t=e.width,r=e.rgb,o=e.hex,a=e.hsv,d=e.hsl,f=e.onChange,h=e.onSwatchHover,b=e.disableAlpha,v=e.presetColors,g=e.renderers,x=e.styles,y=void 0===x?{}:x,m=e.className,w=(0,i.default)((0,l.A)({default:p({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+r.r+","+r.g+","+r.b+","+r.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},y),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},y),{disableAlpha:b});return n.createElement("div",{style:w.picker,className:"sketch-picker "+(void 0===m?"":m)},n.createElement("div",{style:w.saturation},n.createElement(s.VI,{style:w.Saturation,hsl:d,hsv:a,onChange:f})),n.createElement("div",{style:w.controls,className:"flexbox-fix"},n.createElement("div",{style:w.sliders},n.createElement("div",{style:w.hue},n.createElement(s.RG,{style:w.Hue,hsl:d,onChange:f})),n.createElement("div",{style:w.alpha},n.createElement(s.ry,{style:w.Alpha,rgb:r,hsl:d,renderers:g,onChange:f}))),n.createElement("div",{style:w.color},n.createElement(s.xu,null),n.createElement("div",{style:w.activeColor}))),n.createElement(u.A,{rgb:r,hsl:d,hex:o,onChange:f,disableAlpha:b}),n.createElement(c.A,{colors:v,onClick:f,onSwatchHover:h}))};d.propTypes={disableAlpha:a().bool,width:a().oneOfType([a().string,a().number]),styles:a().object},d.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]},(0,s.Q$)(d)}