@ikas/core 1.0.8 → 1.0.9

package/dist/index84.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./index153.cjs"),m=require("./index143.cjs"),C=require("./index154.cjs"),c=require("./index155.cjs");require("./index144.cjs");const q=require("./index145.cjs"),w=require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const S=require("./index150.cjs");require("./index151.cjs");const k=require("./index156.cjs");var a=function(e){var p=e.onChange,u=e.onSwatchHover,o=e.hex,h=e.colors,x=e.width,g=e.triangle,i=e.styles,b=i===void 0?{}:i,l=e.className,y=l===void 0?"":l,v=o==="transparent",s=function(d,f){c.isValidHex(d)&&p({hex:d,source:"hex"},f)},n=m.default(C({default:{card:{width:x,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:c.getContrastingColor(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},b),{"hide-triangle":g==="hide"});return t.createElement("div",{style:n.card,className:"block-picker "+y},t.createElement("div",{style:n.triangle}),t.createElement("div",{style:n.head},v&&t.createElement(q.Checkboard,{borderRadius:"6px 6px 0 0"}),t.createElement("div",{style:n.label},o)),t.createElement("div",{style:n.body},t.createElement(k.BlockSwatches,{colors:h,onClick:s,onSwatchHover:u}),t.createElement(w.EditableInput,{style:{input:n.input},value:o,onChange:s})))};a.propTypes={width:r.oneOfType([r.string,r.number]),colors:r.arrayOf(r.string),triangle:r.oneOf(["top","hide"]),styles:r.object};a.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};S.ColorWrap(a);exports.Block=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./index161.cjs"),q=require("./index151.cjs"),x=require("./index165.cjs"),y=require("./index162.cjs"),D=require("./index163.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");const E=require("./index156.cjs");require("./index157.cjs");const v=require("./index158.cjs");require("./index159.cjs");const B=require("./index171.cjs"),f=require("./index172.cjs");var c=function(e){var n=e.onChange,d=e.onSwatchHover,m=e.colors,i=e.hex,h=e.rgb,l=e.styles,u=l===void 0?{}:l,C=e.className,g=C===void 0?"":C,a=q.default(y({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},u)),p=function(t,F){t.hex?D.isValidHex(t.hex)&&n({hex:t.hex,source:"hex"},F):n(t,F)};return r.createElement(E.Raised,{style:a.Compact,styles:u},r.createElement("div",{style:a.compact,className:"compact-picker "+g},r.createElement("div",null,x(m,function(o){return r.createElement(B.CompactColor,{key:o,color:o,active:o.toLowerCase()===i,onClick:p,onSwatchHover:d})}),r.createElement("div",{style:a.clear})),r.createElement(f.CompactFields,{hex:i,rgb:h,onChange:p})))};c.propTypes={colors:s.arrayOf(s.string),styles:s.object};c.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:{}};v.ColorWrap(c);exports.Compact=c;

package/dist/index84.js

@@ -1,118 +1,75 @@
-import t from "react";
-import r from "./index153.js";
-import y from "./index143.js";
-import v from "./index154.js";
-import { getContrastingColor as C, isValidHex as w } from "./index155.js";
-import "./index144.js";
-import { Checkboard as S } from "./index145.js";
-import { EditableInput as E } from "./index146.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import { ColorWrap as k } from "./index150.js";
-import "./index151.js";
-import { BlockSwatches as R } from "./index156.js";
-var i = function(e) {
-  var s = e.onChange, c = e.onSwatchHover, o = e.hex, m = e.colors, h = e.width, x = e.triangle, n = e.styles, g = n === void 0 ? {} : n, l = e.className, b = l === void 0 ? "" : l, f = o === "transparent", p = function(d, u) {
-    w(d) && s({
-      hex: d,
-      source: "hex"
-    }, u);
-  }, a = y(v({
+import o from "react";
+import c from "./index161.js";
+import g from "./index151.js";
+import u from "./index165.js";
+import y from "./index162.js";
+import { isValidHex as D } from "./index163.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import { Raised as E } from "./index156.js";
+import "./index157.js";
+import { ColorWrap as B } from "./index158.js";
+import "./index159.js";
+import { CompactColor as v } from "./index171.js";
+import { CompactFields as A } from "./index172.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: {
-      card: {
-        width: h,
-        background: "#fff",
-        boxShadow: "0 1px rgba(0,0,0,.1)",
-        borderRadius: "6px",
-        position: "relative"
-      },
-      head: {
-        height: "110px",
-        background: o,
-        borderRadius: "6px 6px 0 0",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      },
-      body: {
-        padding: "10px"
-      },
-      label: {
-        fontSize: "18px",
-        color: C(o),
-        position: "relative"
+      Compact: {
+        background: "#f6f6f6",
+        radius: "4px"
       },
-      triangle: {
-        width: "0px",
-        height: "0px",
-        borderStyle: "solid",
-        borderWidth: "0 10px 10px 10px",
-        borderColor: "transparent transparent " + o + " transparent",
-        position: "absolute",
-        top: "-10px",
-        left: "50%",
-        marginLeft: "-10px"
+      compact: {
+        paddingTop: "5px",
+        paddingLeft: "5px",
+        boxSizing: "initial",
+        width: "240px"
       },
-      input: {
-        width: "100%",
-        fontSize: "12px",
-        color: "#666",
-        border: "0px",
-        outline: "none",
-        height: "22px",
-        boxShadow: "inset 0 0 0 1px #ddd",
-        borderRadius: "4px",
-        padding: "0 7px",
-        boxSizing: "border-box"
-      }
-    },
-    "hide-triangle": {
-      triangle: {
-        display: "none"
+      clear: {
+        clear: "both"
       }
     }
-  }, g), { "hide-triangle": x === "hide" });
-  return t.createElement(
-    "div",
-    { style: a.card, className: "block-picker " + b },
-    t.createElement("div", { style: a.triangle }),
-    t.createElement(
+  }, s)), C = function(t, F) {
+    t.hex ? D(t.hex) && p({
+      hex: t.hex,
+      source: "hex"
+    }, F) : p(t, F);
+  };
+  return o.createElement(
+    E,
+    { style: a.Compact, styles: s },
+    o.createElement(
       "div",
-      { style: a.head },
-      f && t.createElement(S, { borderRadius: "6px 6px 0 0" }),
-      t.createElement(
+      { style: a.compact, className: "compact-picker " + x },
+      o.createElement(
         "div",
-        { style: a.label },
-        o
-      )
-    ),
-    t.createElement(
-      "div",
-      { style: a.body },
-      t.createElement(R, { colors: m, onClick: p, onSwatchHover: c }),
-      t.createElement(E, {
-        style: { input: a.input },
-        value: o,
-        onChange: p
-      })
+        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 })
     )
   );
 };
-i.propTypes = {
-  width: r.oneOfType([r.string, r.number]),
-  colors: r.arrayOf(r.string),
-  triangle: r.oneOf(["top", "hide"]),
-  styles: r.object
+m.propTypes = {
+  colors: c.arrayOf(c.string),
+  styles: c.object
 };
-i.defaultProps = {
-  width: 170,
-  colors: ["#D9E3F0", "#F47373", "#697689", "#37D67A", "#2CCCE4", "#555555", "#dce775", "#ff8a65", "#ba68c8"],
-  triangle: "top",
+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: {}
 };
-k(i);
+B(m);
 export {
-  i as Block
+  m as Compact
 };

package/dist/index85.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index153.cjs"),b=require("./index143.cjs"),v=require("./index157.cjs"),x=require("./index154.cjs"),e=require("./index158.cjs");require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const f=require("./index150.cjs");require("./index151.cjs");const z=require("./index159.cjs");var l=function(r){var s=r.width,u=r.onChange,d=r.onSwatchHover,p=r.colors,g=r.hex,h=r.circleSize,t=r.styles,m=t===void 0?{}:t,n=r.circleSpacing,a=r.className,S=a===void 0?"":a,y=b.default(x({default:{card:{width:s,display:"flex",flexWrap:"wrap",marginRight:-n,marginBottom:-n}}},m)),q=function(w,C){return u({hex:w,source:"hex"},C)};return o.createElement("div",{style:y.card,className:"circle-picker "+S},v(p,function(c){return o.createElement(z.default,{key:c,color:c,onClick:q,onSwatchHover:d,active:g===c.toLowerCase(),circleSize:h,circleSpacing:n})}))};l.propTypes={width:i.oneOfType([i.string,i.number]),circleSize:i.number,circleSpacing:i.number,styles:i.object};l.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[e.red[500],e.pink[500],e.purple[500],e.deepPurple[500],e.indigo[500],e.blue[500],e.lightBlue[500],e.cyan[500],e.teal[500],e.green[500],e.lightGreen[500],e.lime[500],e.yellow[500],e.amber[500],e.orange[500],e.deepOrange[500],e.brown[500],e.blueGrey[500]],styles:{}};f.ColorWrap(l);exports.Circle=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./index161.cjs"),m=require("./index151.cjs"),w=require("./index165.cjs"),y=require("./index162.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const C=require("./index158.cjs");require("./index159.cjs");const S=require("./index173.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/index85.js

@@ -1,62 +1,131 @@
-import a from "react";
-import r from "./index153.js";
-import C from "./index143.js";
-import v from "./index157.js";
-import b from "./index154.js";
-import { red as x, pink as z, purple as k, deepPurple as N, indigo as H, blue as P, lightBlue as T, cyan as B, teal as E, green as G, lightGreen as O, lime as R, yellow as W, amber as $, orange as j, deepOrange as L, brown as q, blueGrey as A } from "./index158.js";
-import "./index144.js";
-import "./index145.js";
-import "./index146.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import { ColorWrap as D } from "./index150.js";
-import "./index151.js";
-import F from "./index159.js";
-var t = function(e) {
-  var n = e.width, p = e.onChange, m = e.onSwatchHover, s = e.colors, d = e.hex, h = e.circleSize, c = e.styles, g = c === void 0 ? {} : c, o = e.circleSpacing, l = e.className, u = l === void 0 ? "" : l, S = C(b({
+import o from "react";
+import r from "./index161.js";
+import u from "./index151.js";
+import w from "./index165.js";
+import C from "./index162.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { ColorWrap as y } from "./index158.js";
+import "./index159.js";
+import S from "./index173.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: n,
+        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",
-        marginRight: -o,
-        marginBottom: -o
+        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)"
       }
     }
-  }, g)), y = function(f, w) {
-    return p({ hex: f, source: "hex" }, w);
+  }, 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);
   };
-  return a.createElement(
+  return o.createElement(
     "div",
-    { style: S.card, className: "circle-picker " + u },
-    v(s, function(i) {
-      return a.createElement(F, {
-        key: i,
+    { 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,
-        onClick: y,
-        onSwatchHover: m,
-        active: d === i.toLowerCase(),
-        circleSize: h,
-        circleSpacing: o
+        key: i,
+        onClick: x,
+        onSwatchHover: m
       });
     })
   );
 };
-t.propTypes = {
+l.propTypes = {
   width: r.oneOfType([r.string, r.number]),
-  circleSize: r.number,
-  circleSpacing: r.number,
+  colors: r.arrayOf(r.string),
+  triangle: r.oneOf(["hide", "top-left", "top-right", "bottom-left", "bottom-right"]),
   styles: r.object
 };
-t.defaultProps = {
-  width: 252,
-  circleSize: 28,
-  circleSpacing: 14,
-  colors: [x[500], z[500], k[500], N[500], H[500], P[500], T[500], B[500], E[500], G[500], O[500], R[500], W[500], $[500], j[500], L[500], q[500], A[500]],
+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: {}
 };
-D(t);
+y(l);
 export {
-  t as Circle
+  l as Github
 };

package/dist/index86.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index153.cjs"),y=require("./index143.cjs"),C=require("./index154.cjs"),w=require("./index144.cjs"),f=require("./index145.cjs");require("./index146.cjs");const q=require("./index147.cjs");require("./index148.cjs");const E=require("./index149.cjs"),A=require("./index150.cjs");require("./index151.cjs");const S=require("./index160.cjs"),c=require("./index161.cjs"),k=require("./index162.cjs");var s=function(r){var u=r.width,o=r.onChange,n=r.disableAlpha,a=r.rgb,l=r.hsl,x=r.hsv,m=r.hex,d=r.renderers,h=r.styles,b=h===void 0?{}:h,p=r.className,g=p===void 0?"":p,v=r.defaultView,t=y.default(C({default:{picker:{width:u,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+a.r+", "+a.g+", "+a.b+", "+a.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},b),{disableAlpha:n});return e.createElement("div",{style:t.picker,className:"chrome-picker "+g},e.createElement("div",{style:t.saturation},e.createElement(E.Saturation,{style:t.Saturation,hsl:l,hsv:x,pointer:k.ChromePointerCircle,onChange:o})),e.createElement("div",{style:t.body},e.createElement("div",{style:t.controls,className:"flexbox-fix"},e.createElement("div",{style:t.color},e.createElement("div",{style:t.swatch},e.createElement("div",{style:t.active}),e.createElement(f.Checkboard,{renderers:d}))),e.createElement("div",{style:t.toggles},e.createElement("div",{style:t.hue},e.createElement(q.Hue,{style:t.Hue,hsl:l,pointer:c.ChromePointer,onChange:o})),e.createElement("div",{style:t.alpha},e.createElement(w.Alpha,{style:t.Alpha,rgb:a,hsl:l,pointer:c.ChromePointer,renderers:d,onChange:o})))),e.createElement(S.ChromeFields,{rgb:a,hsl:l,hex:m,view:v,onChange:o,disableAlpha:n})))};s.propTypes={width:i.oneOfType([i.string,i.number]),disableAlpha:i.bool,styles:i.object,defaultView:i.oneOf(["hex","rgb","hsl"])};s.defaultProps={width:225,disableAlpha:!1,styles:{}};const P=A.ColorWrap(s);exports.Chrome=s;exports.default=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("./index161.cjs"),y=require("./index151.cjs"),P=require("./index162.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");const f=require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const C=require("./index158.cjs");require("./index159.cjs");const x=require("./index174.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;

package/dist/index86.js

@@ -1,180 +1,60 @@
-import e from "react";
-import o from "./index153.js";
-import y from "./index143.js";
-import v from "./index154.js";
-import { Alpha as w } from "./index144.js";
-import { Checkboard as C } from "./index145.js";
-import "./index146.js";
-import { Hue as E } from "./index147.js";
-import "./index148.js";
-import { Saturation as A } from "./index149.js";
-import { ColorWrap as S } from "./index150.js";
-import "./index151.js";
-import { ChromeFields as k } from "./index160.js";
-import { ChromePointer as m } from "./index161.js";
-import { ChromePointerCircle as N } from "./index162.js";
-var s = function(r) {
-  var x = r.width, i = r.onChange, p = r.disableAlpha, a = r.rgb, l = r.hsl, c = r.hsv, g = r.hex, n = r.renderers, d = r.styles, b = d === void 0 ? {} : d, h = r.className, u = h === void 0 ? "" : h, f = r.defaultView, t = y(v({
+import s from "react";
+import v from "./index161.js";
+import y from "./index151.js";
+import C from "./index162.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import { Hue as P } from "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { ColorWrap as w } from "./index158.js";
+import "./index159.js";
+import { SliderPointer as x } from "./index174.js";
+var N = Object.assign || function(i) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e];
+    for (var r in t)
+      Object.prototype.hasOwnProperty.call(t, r) && (i[r] = t[r]);
+  }
+  return i;
+}, o = function(e) {
+  var t = e.width, r = e.height, h = e.onChange, l = e.hsl, m = e.direction, c = e.pointer, n = e.styles, d = n === void 0 ? {} : n, a = e.className, u = a === void 0 ? "" : a, p = y(C({
     default: {
       picker: {
-        width: x,
-        background: "#fff",
-        borderRadius: "2px",
-        boxShadow: "0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",
-        boxSizing: "initial",
-        fontFamily: "Menlo"
-      },
-      saturation: {
-        width: "100%",
-        paddingBottom: "55%",
-        position: "relative",
-        borderRadius: "2px 2px 0 0",
-        overflow: "hidden"
-      },
-      Saturation: {
-        radius: "2px 2px 0 0"
-      },
-      body: {
-        padding: "16px 16px 12px"
-      },
-      controls: {
-        display: "flex"
-      },
-      color: {
-        width: "32px"
-      },
-      swatch: {
-        marginTop: "6px",
-        width: "16px",
-        height: "16px",
-        borderRadius: "8px",
         position: "relative",
-        overflow: "hidden"
-      },
-      active: {
-        absolute: "0px 0px 0px 0px",
-        borderRadius: "8px",
-        boxShadow: "inset 0 0 0 1px rgba(0,0,0,.1)",
-        background: "rgba(" + a.r + ", " + a.g + ", " + a.b + ", " + a.a + ")",
-        zIndex: "2"
-      },
-      toggles: {
-        flex: "1"
+        width: t,
+        height: r
       },
       hue: {
-        height: "10px",
-        position: "relative",
-        marginBottom: "8px"
-      },
-      Hue: {
         radius: "2px"
-      },
-      alpha: {
-        height: "10px",
-        position: "relative"
-      },
-      Alpha: {
-        radius: "2px"
-      }
-    },
-    disableAlpha: {
-      color: {
-        width: "22px"
-      },
-      alpha: {
-        display: "none"
-      },
-      hue: {
-        marginBottom: "0px"
-      },
-      swatch: {
-        width: "10px",
-        height: "10px",
-        marginTop: "0px"
       }
     }
-  }, b), { disableAlpha: p });
-  return e.createElement(
+  }, d)), f = function(g) {
+    return h({ a: 1, h: g.h, l: 0.5, s: 1 });
+  };
+  return s.createElement(
     "div",
-    { style: t.picker, className: "chrome-picker " + u },
-    e.createElement(
-      "div",
-      { style: t.saturation },
-      e.createElement(A, {
-        style: t.Saturation,
-        hsl: l,
-        hsv: c,
-        pointer: N,
-        onChange: i
-      })
-    ),
-    e.createElement(
-      "div",
-      { style: t.body },
-      e.createElement(
-        "div",
-        { style: t.controls, className: "flexbox-fix" },
-        e.createElement(
-          "div",
-          { style: t.color },
-          e.createElement(
-            "div",
-            { style: t.swatch },
-            e.createElement("div", { style: t.active }),
-            e.createElement(C, { renderers: n })
-          )
-        ),
-        e.createElement(
-          "div",
-          { style: t.toggles },
-          e.createElement(
-            "div",
-            { style: t.hue },
-            e.createElement(E, {
-              style: t.Hue,
-              hsl: l,
-              pointer: m,
-              onChange: i
-            })
-          ),
-          e.createElement(
-            "div",
-            { style: t.alpha },
-            e.createElement(w, {
-              style: t.Alpha,
-              rgb: a,
-              hsl: l,
-              pointer: m,
-              renderers: n,
-              onChange: i
-            })
-          )
-        )
-      ),
-      e.createElement(k, {
-        rgb: a,
-        hsl: l,
-        hex: g,
-        view: f,
-        onChange: i,
-        disableAlpha: p
-      })
-    )
+    { style: p.picker, className: "hue-picker " + u },
+    s.createElement(P, N({}, p.hue, {
+      hsl: l,
+      pointer: c,
+      onChange: f,
+      direction: m
+    }))
   );
 };
-s.propTypes = {
-  width: o.oneOfType([o.string, o.number]),
-  disableAlpha: o.bool,
-  styles: o.object,
-  defaultView: o.oneOf(["hex", "rgb", "hsl"])
+o.propTypes = {
+  styles: v.object
 };
-s.defaultProps = {
-  width: 225,
-  disableAlpha: !1,
+o.defaultProps = {
+  width: "316px",
+  height: "16px",
+  direction: "horizontal",
+  pointer: x,
   styles: {}
 };
-const G = S(s);
+w(o);
 export {
-  s as Chrome,
-  G as default
+  o as HuePicker
 };