@ikas/core 1.0.6 → 1.0.10

package/dist/index87.js

@@ -1,142 +1,75 @@
-import t from "react";
-import b from "./index151.js";
-import g from "./index162.js";
-import { isValidHex as c } from "./index163.js";
+import o from "react";
+import c from "./index154.js";
+import g from "./index144.js";
+import u from "./index158.js";
+import y from "./index155.js";
+import { isValidHex as D } from "./index156.js";
+import "./index145.js";
+import "./index146.js";
+import "./index147.js";
+import "./index148.js";
+import { Raised as E } from "./index149.js";
+import "./index150.js";
+import { ColorWrap as B } from "./index151.js";
 import "./index152.js";
-import "./index153.js";
-import { EditableInput as o } from "./index154.js";
-import "./index155.js";
-import { Raised as u } from "./index156.js";
-import "./index157.js";
-import { ColorWrap as f } from "./index158.js";
-import "./index159.js";
-var y = function(r) {
-  var p = r.onChange, n = r.hex, i = r.rgb, s = r.styles, m = s === void 0 ? {} : s, x = r.className, h = x === void 0 ? "" : x, e = b(g({
+import { CompactColor as v } from "./index164.js";
+import { CompactFields as A } from "./index165.js";
+var m = function(e) {
+  var p = e.onChange, d = e.onSwatchHover, f = e.colors, i = e.hex, h = e.rgb, l = e.styles, s = l === void 0 ? {} : l, n = e.className, x = n === void 0 ? "" : n, a = g(y({
     default: {
-      material: {
-        width: "98px",
-        height: "98px",
-        padding: "16px",
-        fontFamily: "Roboto"
+      Compact: {
+        background: "#f6f6f6",
+        radius: "4px"
       },
-      HEXwrap: {
-        position: "relative"
+      compact: {
+        paddingTop: "5px",
+        paddingLeft: "5px",
+        boxSizing: "initial",
+        width: "240px"
       },
-      HEXinput: {
-        width: "100%",
-        marginTop: "12px",
-        fontSize: "15px",
-        color: "#333",
-        padding: "0px",
-        border: "0px",
-        borderBottom: "2px solid " + n,
-        outline: "none",
-        height: "30px"
-      },
-      HEXlabel: {
-        position: "absolute",
-        top: "0px",
-        left: "0px",
-        fontSize: "11px",
-        color: "#999999",
-        textTransform: "capitalize"
-      },
-      Hex: {
-        style: {}
-      },
-      RGBwrap: {
-        position: "relative"
-      },
-      RGBinput: {
-        width: "100%",
-        marginTop: "12px",
-        fontSize: "15px",
-        color: "#333",
-        padding: "0px",
-        border: "0px",
-        borderBottom: "1px solid #eee",
-        outline: "none",
-        height: "30px"
-      },
-      RGBlabel: {
-        position: "absolute",
-        top: "0px",
-        left: "0px",
-        fontSize: "11px",
-        color: "#999999",
-        textTransform: "capitalize"
-      },
-      split: {
-        display: "flex",
-        marginRight: "-10px",
-        paddingTop: "11px"
-      },
-      third: {
-        flex: "1",
-        paddingRight: "10px"
+      clear: {
+        clear: "both"
       }
     }
-  }, m)), a = function(l, d) {
-    l.hex ? c(l.hex) && p({
-      hex: l.hex,
+  }, s)), C = function(t, F) {
+    t.hex ? D(t.hex) && p({
+      hex: t.hex,
       source: "hex"
-    }, d) : (l.r || l.g || l.b) && p({
-      r: l.r || i.r,
-      g: l.g || i.g,
-      b: l.b || i.b,
-      source: "rgb"
-    }, d);
+    }, F) : p(t, F);
   };
-  return t.createElement(
-    u,
-    { styles: m },
-    t.createElement(
+  return o.createElement(
+    E,
+    { style: a.Compact, styles: s },
+    o.createElement(
       "div",
-      { style: e.material, className: "material-picker " + h },
-      t.createElement(o, {
-        style: { wrap: e.HEXwrap, input: e.HEXinput, label: e.HEXlabel },
-        label: "hex",
-        value: n,
-        onChange: a
-      }),
-      t.createElement(
+      { style: a.compact, className: "compact-picker " + x },
+      o.createElement(
         "div",
-        { style: e.split, className: "flexbox-fix" },
-        t.createElement(
-          "div",
-          { style: e.third },
-          t.createElement(o, {
-            style: { wrap: e.RGBwrap, input: e.RGBinput, label: e.RGBlabel },
-            label: "r",
-            value: i.r,
-            onChange: a
-          })
-        ),
-        t.createElement(
-          "div",
-          { style: e.third },
-          t.createElement(o, {
-            style: { wrap: e.RGBwrap, input: e.RGBinput, label: e.RGBlabel },
-            label: "g",
-            value: i.g,
-            onChange: a
-          })
-        ),
-        t.createElement(
-          "div",
-          { style: e.third },
-          t.createElement(o, {
-            style: { wrap: e.RGBwrap, input: e.RGBinput, label: e.RGBlabel },
-            label: "b",
-            value: i.b,
-            onChange: a
-          })
-        )
-      )
+        null,
+        u(f, function(r) {
+          return o.createElement(v, {
+            key: r,
+            color: r,
+            active: r.toLowerCase() === i,
+            onClick: C,
+            onSwatchHover: d
+          });
+        }),
+        o.createElement("div", { style: a.clear })
+      ),
+      o.createElement(A, { hex: i, rgb: h, onChange: C })
     )
   );
 };
-f(y);
+m.propTypes = {
+  colors: c.arrayOf(c.string),
+  styles: c.object
+};
+m.defaultProps = {
+  colors: ["#4D4D4D", "#999999", "#FFFFFF", "#F44E3B", "#FE9200", "#FCDC00", "#DBDF00", "#A4DD00", "#68CCCA", "#73D8FF", "#AEA1FF", "#FDA1FF", "#333333", "#808080", "#cccccc", "#D33115", "#E27300", "#FCC400", "#B0BC00", "#68BC00", "#16A5A5", "#009CE0", "#7B64FF", "#FA28FF", "#000000", "#666666", "#B3B3B3", "#9F0500", "#C45100", "#FB9E00", "#808900", "#194D33", "#0C797D", "#0062B1", "#653294", "#AB149E"],
+  styles: {}
+};
+B(m);
 export {
-  y as Material
+  m as Compact
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=require("./index161.cjs"),d=require("./index151.cjs"),f=require("./index162.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");const x=require("./index155.cjs");require("./index156.cjs");const b=require("./index157.cjs"),g=require("./index158.cjs");require("./index159.cjs");const y=require("./index175.cjs"),m=require("./index176.cjs"),v=require("./index177.cjs"),h=require("./index178.cjs"),P=require("./index179.cjs");var w=(function(){function o(e,s){for(var r=0;r<s.length;r++){var n=s[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,s,r){return s&&o(e.prototype,s),r&&o(e,r),e}})();function E(o,e){if(!(o instanceof e))throw new TypeError("Cannot call a class as a function")}function q(o,e){if(!o)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:o}function C(o,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);o.prototype=Object.create(e&&e.prototype,{constructor:{value:o,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(o,e):o.__proto__=e)}var a=(function(o){C(e,o);function e(s){E(this,e);var r=q(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return r.state={currentColor:s.hex},r}return w(e,[{key:"render",value:function(){var r=this.props,n=r.styles,c=n===void 0?{}:n,p=r.className,u=p===void 0?"":p,i=d.default(f({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},c));return t.createElement("div",{style:i.picker,className:"photoshop-picker "+u},t.createElement("div",{style:i.head},this.props.header),t.createElement("div",{style:i.body,className:"flexbox-fix"},t.createElement("div",{style:i.saturation},t.createElement(b.Saturation,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:m.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.hue},t.createElement(x.Hue,{direction:"vertical",hsl:this.props.hsl,pointer:v.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.controls},t.createElement("div",{style:i.top,className:"flexbox-fix"},t.createElement("div",{style:i.previews},t.createElement(P.PhotoshopPreviews,{rgb:this.props.rgb,currentColor:this.state.currentColor})),t.createElement("div",{style:i.actions},t.createElement(h.PhotoshopButton,{label:"OK",onClick:this.props.onAccept,active:!0}),t.createElement(h.PhotoshopButton,{label:"Cancel",onClick:this.props.onCancel}),t.createElement(y.PhotoshopPicker,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e})(t.Component);a.propTypes={header:l.string,styles:l.object};a.defaultProps={header:"Color Picker",styles:{}};g.ColorWrap(a);exports.Photoshop=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./index154.cjs"),m=require("./index144.cjs"),w=require("./index158.cjs"),y=require("./index155.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");const C=require("./index151.cjs");require("./index152.cjs");const S=require("./index166.cjs");var a=function(t){var s=t.width,g=t.colors,d=t.onChange,h=t.onSwatchHover,r=t.triangle,l=t.styles,u=l===void 0?{}:l,p=t.className,c=p===void 0?"":p,i=m.default(y({default:{card:{width:s,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},u),{"hide-triangle":r==="hide","top-left-triangle":r==="top-left","top-right-triangle":r==="top-right","bottom-left-triangle":r==="bottom-left","bottom-right-triangle":r==="bottom-right"}),f=function(b,x){return d({hex:b,source:"hex"},x)};return o.createElement("div",{style:i.card,className:"github-picker "+c},o.createElement("div",{style:i.triangleShadow}),o.createElement("div",{style:i.triangle}),w(g,function(n){return o.createElement(S.default,{color:n,key:n,onClick:f,onSwatchHover:h})}))};a.propTypes={width:e.oneOfType([e.string,e.number]),colors:e.arrayOf(e.string),triangle:e.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:e.object};a.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};C.ColorWrap(a);exports.Github=a;

package/dist/index88.js

@@ -1,186 +1,131 @@
-import t from "react";
-import l from "./index161.js";
-import m from "./index151.js";
-import d from "./index162.js";
+import o from "react";
+import r from "./index154.js";
+import u from "./index144.js";
+import w from "./index158.js";
+import C from "./index155.js";
+import "./index145.js";
+import "./index146.js";
+import "./index147.js";
+import "./index148.js";
+import "./index149.js";
+import "./index150.js";
+import { ColorWrap as y } from "./index151.js";
 import "./index152.js";
-import "./index153.js";
-import "./index154.js";
-import { Hue as u } from "./index155.js";
-import "./index156.js";
-import { Saturation as x } from "./index157.js";
-import { ColorWrap as b } from "./index158.js";
-import "./index159.js";
-import { PhotoshopPicker as y } from "./index175.js";
-import { PhotoshopPointerCircle as g } from "./index176.js";
-import { PhotoshopPointerCircle as v } from "./index177.js";
-import { PhotoshopButton as h } from "./index178.js";
-import { PhotoshopPreviews as w } from "./index179.js";
-var P = /* @__PURE__ */ (function() {
-  function o(e, p) {
-    for (var r = 0; r < p.length; r++) {
-      var i = p[r];
-      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
+import S from "./index166.js";
+var l = function(t) {
+  var g = t.width, d = t.colors, s = t.onChange, m = t.onSwatchHover, e = t.triangle, n = t.styles, h = n === void 0 ? {} : n, p = t.className, f = p === void 0 ? "" : p, a = u(C({
+    default: {
+      card: {
+        width: g,
+        background: "#fff",
+        border: "1px solid rgba(0,0,0,0.2)",
+        boxShadow: "0 3px 12px rgba(0,0,0,0.15)",
+        borderRadius: "4px",
+        position: "relative",
+        padding: "5px",
+        display: "flex",
+        flexWrap: "wrap"
+      },
+      triangle: {
+        position: "absolute",
+        border: "7px solid transparent",
+        borderBottomColor: "#fff"
+      },
+      triangleShadow: {
+        position: "absolute",
+        border: "8px solid transparent",
+        borderBottomColor: "rgba(0,0,0,0.15)"
+      }
+    },
+    "hide-triangle": {
+      triangle: {
+        display: "none"
+      },
+      triangleShadow: {
+        display: "none"
+      }
+    },
+    "top-left-triangle": {
+      triangle: {
+        top: "-14px",
+        left: "10px"
+      },
+      triangleShadow: {
+        top: "-16px",
+        left: "9px"
+      }
+    },
+    "top-right-triangle": {
+      triangle: {
+        top: "-14px",
+        right: "10px"
+      },
+      triangleShadow: {
+        top: "-16px",
+        right: "9px"
+      }
+    },
+    "bottom-left-triangle": {
+      triangle: {
+        top: "35px",
+        left: "10px",
+        transform: "rotate(180deg)"
+      },
+      triangleShadow: {
+        top: "37px",
+        left: "9px",
+        transform: "rotate(180deg)"
+      }
+    },
+    "bottom-right-triangle": {
+      triangle: {
+        top: "35px",
+        right: "10px",
+        transform: "rotate(180deg)"
+      },
+      triangleShadow: {
+        top: "37px",
+        right: "9px",
+        transform: "rotate(180deg)"
+      }
     }
-  }
-  return function(e, p, r) {
-    return p && o(e.prototype, p), r && o(e, r), e;
+  }, h), {
+    "hide-triangle": e === "hide",
+    "top-left-triangle": e === "top-left",
+    "top-right-triangle": e === "top-right",
+    "bottom-left-triangle": e === "bottom-left",
+    "bottom-right-triangle": e === "bottom-right"
+  }), x = function(c, b) {
+    return s({ hex: c, source: "hex" }, b);
   };
-})();
-function E(o, e) {
-  if (!(o instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function _(o, e) {
-  if (!o)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : o;
-}
-function C(o, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  o.prototype = Object.create(e && e.prototype, { constructor: { value: o, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(o, e) : o.__proto__ = e);
-}
-var a = (function(o) {
-  C(e, o);
-  function e(p) {
-    E(this, e);
-    var r = _(this, (e.__proto__ || Object.getPrototypeOf(e)).call(this));
-    return r.state = {
-      currentColor: p.hex
-    }, r;
-  }
-  return P(e, [{
-    key: "render",
-    value: function() {
-      var r = this.props, i = r.styles, c = i === void 0 ? {} : i, s = r.className, f = s === void 0 ? "" : s, n = m(d({
-        default: {
-          picker: {
-            background: "#DCDCDC",
-            borderRadius: "4px",
-            boxShadow: "0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",
-            boxSizing: "initial",
-            width: "513px"
-          },
-          head: {
-            backgroundImage: "linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",
-            borderBottom: "1px solid #B1B1B1",
-            boxShadow: "inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",
-            height: "23px",
-            lineHeight: "24px",
-            borderRadius: "4px 4px 0 0",
-            fontSize: "13px",
-            color: "#4D4D4D",
-            textAlign: "center"
-          },
-          body: {
-            padding: "15px 15px 0",
-            display: "flex"
-          },
-          saturation: {
-            width: "256px",
-            height: "256px",
-            position: "relative",
-            border: "2px solid #B3B3B3",
-            borderBottom: "2px solid #F0F0F0",
-            overflow: "hidden"
-          },
-          hue: {
-            position: "relative",
-            height: "256px",
-            width: "19px",
-            marginLeft: "10px",
-            border: "2px solid #B3B3B3",
-            borderBottom: "2px solid #F0F0F0"
-          },
-          controls: {
-            width: "180px",
-            marginLeft: "10px"
-          },
-          top: {
-            display: "flex"
-          },
-          previews: {
-            width: "60px"
-          },
-          actions: {
-            flex: "1",
-            marginLeft: "20px"
-          }
-        }
-      }, c));
-      return t.createElement(
-        "div",
-        { style: n.picker, className: "photoshop-picker " + f },
-        t.createElement(
-          "div",
-          { style: n.head },
-          this.props.header
-        ),
-        t.createElement(
-          "div",
-          { style: n.body, className: "flexbox-fix" },
-          t.createElement(
-            "div",
-            { style: n.saturation },
-            t.createElement(x, {
-              hsl: this.props.hsl,
-              hsv: this.props.hsv,
-              pointer: g,
-              onChange: this.props.onChange
-            })
-          ),
-          t.createElement(
-            "div",
-            { style: n.hue },
-            t.createElement(u, {
-              direction: "vertical",
-              hsl: this.props.hsl,
-              pointer: v,
-              onChange: this.props.onChange
-            })
-          ),
-          t.createElement(
-            "div",
-            { style: n.controls },
-            t.createElement(
-              "div",
-              { style: n.top, className: "flexbox-fix" },
-              t.createElement(
-                "div",
-                { style: n.previews },
-                t.createElement(w, {
-                  rgb: this.props.rgb,
-                  currentColor: this.state.currentColor
-                })
-              ),
-              t.createElement(
-                "div",
-                { style: n.actions },
-                t.createElement(h, { label: "OK", onClick: this.props.onAccept, active: !0 }),
-                t.createElement(h, { label: "Cancel", onClick: this.props.onCancel }),
-                t.createElement(y, {
-                  onChange: this.props.onChange,
-                  rgb: this.props.rgb,
-                  hsv: this.props.hsv,
-                  hex: this.props.hex
-                })
-              )
-            )
-          )
-        )
-      );
-    }
-  }]), e;
-})(t.Component);
-a.propTypes = {
-  header: l.string,
-  styles: l.object
+  return o.createElement(
+    "div",
+    { style: a.card, className: "github-picker " + f },
+    o.createElement("div", { style: a.triangleShadow }),
+    o.createElement("div", { style: a.triangle }),
+    w(d, function(i) {
+      return o.createElement(S, {
+        color: i,
+        key: i,
+        onClick: x,
+        onSwatchHover: m
+      });
+    })
+  );
+};
+l.propTypes = {
+  width: r.oneOfType([r.string, r.number]),
+  colors: r.arrayOf(r.string),
+  triangle: r.oneOf(["hide", "top-left", "top-right", "bottom-left", "bottom-right"]),
+  styles: r.object
 };
-a.defaultProps = {
-  header: "Color Picker",
+l.defaultProps = {
+  width: 200,
+  colors: ["#B80000", "#DB3E00", "#FCCB00", "#008B02", "#006B76", "#1273DE", "#004DCF", "#5300EB", "#EB9694", "#FAD0C3", "#FEF3BD", "#C1E1C5", "#BEDADC", "#C4DEF6", "#BED3F3", "#D4C4FB"],
+  triangle: "top-left",
   styles: {}
 };
-b(a);
+y(l);
 export {
-  a as Photoshop
+  l as Github
 };

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("./index161.cjs"),E=require("./index151.cjs"),C=require("./index162.cjs"),S=require("./index152.cjs"),w=require("./index153.cjs");require("./index154.cjs");const A=require("./index155.cjs");require("./index156.cjs");const f=require("./index157.cjs"),k=require("./index158.cjs");require("./index159.cjs");const q=require("./index180.cjs"),F=require("./index181.cjs");var B=Object.assign||function(p){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(p[a]=s[a])}return p},n=function(e){var s=e.width,a=e.rgb,x=e.hex,g=e.hsv,l=e.hsl,i=e.onChange,b=e.onSwatchHover,h=e.disableAlpha,v=e.presetColors,m=e.renderers,d=e.styles,c=d===void 0?{}:d,u=e.className,y=u===void 0?"":u,r=E.default(C({default:B({picker:{width:s,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("+a.r+","+a.g+","+a.b+","+a.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)"}},c),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},c),{disableAlpha:h});return t.createElement("div",{style:r.picker,className:"sketch-picker "+y},t.createElement("div",{style:r.saturation},t.createElement(f.Saturation,{style:r.Saturation,hsl:l,hsv:g,onChange:i})),t.createElement("div",{style:r.controls,className:"flexbox-fix"},t.createElement("div",{style:r.sliders},t.createElement("div",{style:r.hue},t.createElement(A.Hue,{style:r.Hue,hsl:l,onChange:i})),t.createElement("div",{style:r.alpha},t.createElement(S.Alpha,{style:r.Alpha,rgb:a,hsl:l,renderers:m,onChange:i}))),t.createElement("div",{style:r.color},t.createElement(w.Checkboard,null),t.createElement("div",{style:r.activeColor}))),t.createElement(q.SketchFields,{rgb:a,hsl:l,hex:x,onChange:i,disableAlpha:h}),t.createElement(F.SketchPresetColors,{colors:v,onClick:i,onSwatchHover:b}))};n.propTypes={disableAlpha:o.bool,width:o.oneOfType([o.string,o.number]),styles:o.object};n.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};k.ColorWrap(n);exports.Sketch=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("./index154.cjs"),y=require("./index144.cjs"),P=require("./index155.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");const f=require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");const C=require("./index151.cjs");require("./index152.cjs");const x=require("./index167.cjs");var H=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},i=function(e){var r=e.width,t=e.height,l=e.onChange,c=e.hsl,h=e.direction,d=e.pointer,s=e.styles,p=s===void 0?{}:s,a=e.className,g=a===void 0?"":a,o=y.default(P({default:{picker:{position:"relative",width:r,height:t},hue:{radius:"2px"}}},p)),q=function(v){return l({a:1,h:v.h,l:.5,s:1})};return u.createElement("div",{style:o.picker,className:"hue-picker "+g},u.createElement(f.Hue,H({},o.hue,{hsl:c,pointer:d,onChange:q,direction:h})))};i.propTypes={styles:m.object};i.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:x.SliderPointer,styles:{}};C.ColorWrap(i);exports.HuePicker=i;