@ikas/core 1.0.15 → 1.0.17

package/dist/index185.js

@@ -1,29 +1,21 @@
-import { __exports as e } from "./index186.js";
-import { __require as x } from "./index187.js";
-import { __require as A } from "./index188.js";
-import { __require as N } from "./index189.js";
-import { __require as H } from "./index190.js";
-import { __require as L } from "./index191.js";
-import { __require as M } from "./index192.js";
-var v;
-function B() {
-  if (v) return e;
-  v = 1, Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), e.ReactCSS = e.loop = e.handleActive = e.handleHover = e.hover = void 0;
-  var f = x(), _ = r(f), l = A(), s = r(l), m = N(), n = r(m), d = H(), i = r(d), p = L(), q = r(p), c = M(), h = r(c);
-  function r(a) {
-    return a && a.__esModule ? a : { default: a };
-  }
-  e.hover = i.default, e.handleHover = i.default, e.handleActive = q.default, e.loop = h.default;
-  var S = e.ReactCSS = function(g) {
-    for (var u = arguments.length, o = Array(u > 1 ? u - 1 : 0), t = 1; t < u; t++)
-      o[t - 1] = arguments[t];
-    var C = (0, _.default)(o), R = (0, s.default)(g, C);
-    return (0, n.default)(R);
-  };
-  return e.default = S, e;
-}
+import e from "react";
+import t from "./index153.js";
+var p = function() {
+  var r = t({
+    default: {
+      picker: {
+        width: "14px",
+        height: "14px",
+        borderRadius: "6px",
+        transform: "translate(-7px, -1px)",
+        backgroundColor: "rgb(248, 248, 248)",
+        boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)"
+      }
+    }
+  });
+  return e.createElement("div", { style: r.picker });
+};
 export {
-  B as __require
+  p as SliderPointer,
+  p as default
 };

package/dist/index186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),s=require("./index153.cjs"),p=require("./index167.cjs"),v=require("./index215.cjs");var c=function(e){var n=e.onClick,u=e.onSwatchHover,o=e.group,i=e.active,l=s.default({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return a.createElement("div",{style:l.group},p(o,function(t,r){return a.createElement(v.SwatchesColor,{key:t,color:t,active:t.toLowerCase()===i,first:r===0,last:r===o.length-1,onClick:n,onSwatchHover:u})}))};exports.SwatchesGroup=c;exports.default=c;

package/dist/index186.js

@@ -1,4 +1,35 @@
-var r = {};
+import a from "react";
+import l from "./index153.js";
+import m from "./index167.js";
+import { SwatchesColor as u } from "./index215.js";
+var w = function(t) {
+  var c = t.onClick, i = t.onSwatchHover, e = t.group, n = t.active, p = l({
+    default: {
+      group: {
+        paddingBottom: "10px",
+        width: "40px",
+        float: "left",
+        marginRight: "10px"
+      }
+    }
+  });
+  return a.createElement(
+    "div",
+    { style: p.group },
+    m(e, function(o, r) {
+      return a.createElement(u, {
+        key: o,
+        color: o,
+        active: o.toLowerCase() === n,
+        first: r === 0,
+        last: r === e.length - 1,
+        onClick: c,
+        onSwatchHover: i
+      });
+    })
+  );
+};
 export {
-  r as __exports
+  w as SwatchesGroup,
+  w as default
 };

package/dist/index187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index212.cjs"),$=require("lodash/isString"),N=require("lodash/forOwn"),x=require("lodash/isPlainObject"),O=require("lodash/map");var i;function g(){if(i)return t.__exports;i=1,Object.defineProperty(t.__exports,"__esModule",{value:!0}),t.__exports.flattenNames=void 0;var f=$,_=u(f),l=N,o=u(l),c=x,d=u(c),p=O,m=u(p);function u(e){return e&&e.__esModule?e:{default:e}}var q=t.__exports.flattenNames=function e(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],a=[];return(0,m.default)(v,function(r){Array.isArray(r)?e(r).map(function(n){return a.push(n)}):(0,d.default)(r)?(0,o.default)(r,function(n,s){n===!0&&a.push(s),a.push(s+"-"+n)}):(0,_.default)(r)&&a.push(r)}),a};return t.__exports.default=q,t.__exports}exports.__require=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index153.cjs"),e=require("./index163.cjs");var r=function(t){var l=n.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return o.createElement("div",{style:l.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointerCircle=r;exports.default=r;

package/dist/index187.js

@@ -1,30 +1,33 @@
-import { __exports as t } from "./index212.js";
-import q from "lodash/isString";
-import N from "lodash/forOwn";
-import O from "lodash/isPlainObject";
-import P from "lodash/map";
-var i;
-function A() {
-  if (i) return t;
-  i = 1, Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), t.flattenNames = void 0;
-  var s = q, m = u(s), l = N, o = u(l), _ = O, p = u(_), d = P, v = u(d);
-  function u(e) {
-    return e && e.__esModule ? e : { default: e };
-  }
-  var $ = t.flattenNames = function e() {
-    var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], a = [];
-    return (0, v.default)(c, function(r) {
-      Array.isArray(r) ? e(r).map(function(n) {
-        return a.push(n);
-      }) : (0, p.default)(r) ? (0, o.default)(r, function(n, f) {
-        n === !0 && a.push(f), a.push(f + "-" + n);
-      }) : (0, m.default)(r) && a.push(r);
-    }), a;
-  };
-  return t.default = $, t;
-}
+import l from "react";
+import a from "./index153.js";
+import r from "./index163.js";
+var t = function(e) {
+  var o = a({
+    default: {
+      picker: {
+        width: "20px",
+        height: "20px",
+        borderRadius: "22px",
+        border: "2px #fff solid",
+        transform: "translate(-12px, -13px)",
+        background: "hsl(" + Math.round(e.hsl.h) + ", " + Math.round(e.hsl.s * 100) + "%, " + Math.round(e.hsl.l * 100) + "%)"
+      }
+    }
+  });
+  return l.createElement("div", { style: o.picker });
+};
+t.propTypes = {
+  hsl: r.shape({
+    h: r.number,
+    s: r.number,
+    l: r.number,
+    a: r.number
+  })
+};
+t.defaultProps = {
+  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+};
 export {
-  A as __require
+  t as GooglePointerCircle,
+  t as default
 };

package/dist/index188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index213.cjs"),c=require("lodash/forOwn"),m=require("lodash/cloneDeep");var l;function q(){if(l)return n.__exports;l=1,Object.defineProperty(n.__exports,"__esModule",{value:!0}),n.__exports.mergeClasses=void 0;var f=c,_=o(f),d=m,g=o(d),v=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var u=arguments[t];for(var e in u)Object.prototype.hasOwnProperty.call(u,e)&&(r[e]=u[e])}return r};function o(r){return r&&r.__esModule?r:{default:r}}var p=n.__exports.mergeClasses=function(t){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],e=t.default&&(0,g.default)(t.default)||{};return u.map(function(i){var s=t[i];return s&&(0,_.default)(s,function(x,a){e[a]||(e[a]={}),e[a]=v({},e[a],s[a])}),i}),e};return n.__exports.default=p,n.__exports}exports.__require=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index153.cjs"),e=require("./index163.cjs");var r=function(t){var o=s.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return l.createElement("div",{style:o.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointer=r;exports.default=r;

package/dist/index188.js

@@ -1,34 +1,33 @@
-import { __exports as a } from "./index213.js";
-import p from "lodash/forOwn";
-import c from "lodash/cloneDeep";
-var l;
-function $() {
-  if (l) return a;
-  l = 1, Object.defineProperty(a, "__esModule", {
-    value: !0
-  }), a.mergeClasses = void 0;
-  var o = p, m = f(o), v = c, d = f(v), g = Object.assign || function(r) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var e in n)
-        Object.prototype.hasOwnProperty.call(n, e) && (r[e] = n[e]);
+import a from "react";
+import p from "./index153.js";
+import r from "./index163.js";
+var e = function(t) {
+  var o = p({
+    default: {
+      picker: {
+        width: "20px",
+        height: "20px",
+        borderRadius: "22px",
+        transform: "translate(-10px, -7px)",
+        background: "hsl(" + Math.round(t.hsl.h) + ", 100%, 50%)",
+        border: "2px white solid"
+      }
     }
-    return r;
-  };
-  function f(r) {
-    return r && r.__esModule ? r : { default: r };
-  }
-  var _ = a.mergeClasses = function(t) {
-    var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], e = t.default && (0, d.default)(t.default) || {};
-    return n.map(function(i) {
-      var s = t[i];
-      return s && (0, m.default)(s, function(C, u) {
-        e[u] || (e[u] = {}), e[u] = g({}, e[u], s[u]);
-      }), i;
-    }), e;
-  };
-  return a.default = _, a;
-}
+  });
+  return a.createElement("div", { style: o.picker });
+};
+e.propTypes = {
+  hsl: r.shape({
+    h: r.number,
+    s: r.number,
+    l: r.number,
+    a: r.number
+  })
+};
+e.defaultProps = {
+  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+};
 export {
-  $ as __require
+  e as GooglePointer,
+  e as default
 };

package/dist/index189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index214.cjs"),S=require("lodash/forOwn");var d;function h(){if(d)return n.__exports;d=1,Object.defineProperty(n.__exports,"__esModule",{value:!0}),n.__exports.autoprefix=void 0;var x=S,s=p(x),c=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t};function p(t){return t&&t.__esModule?t:{default:t}}var b={borderRadius:function(r){return{msBorderRadius:r,MozBorderRadius:r,OBorderRadius:r,WebkitBorderRadius:r,borderRadius:r}},boxShadow:function(r){return{msBoxShadow:r,MozBoxShadow:r,OBoxShadow:r,WebkitBoxShadow:r,boxShadow:r}},userSelect:function(r){return{WebkitTouchCallout:r,KhtmlUserSelect:r,MozUserSelect:r,msUserSelect:r,WebkitUserSelect:r,userSelect:r}},flex:function(r){return{WebkitBoxFlex:r,MozBoxFlex:r,WebkitFlex:r,msFlex:r,flex:r}},flexBasis:function(r){return{WebkitFlexBasis:r,flexBasis:r}},justifyContent:function(r){return{WebkitJustifyContent:r,justifyContent:r}},transition:function(r){return{msTransition:r,MozTransition:r,OTransition:r,WebkitTransition:r,transition:r}},transform:function(r){return{msTransform:r,MozTransform:r,OTransform:r,WebkitTransform:r,transform:r}},absolute:function(r){var e=r&&r.split(" ");return{position:"absolute",top:e&&e[0],right:e&&e[1],bottom:e&&e[2],left:e&&e[3]}},extend:function(r,e){var o=e[r];return o||{extend:r}}},_=n.__exports.autoprefix=function(r){var e={};return(0,s.default)(r,function(o,m){var i={};(0,s.default)(o,function(f,u){var a=b[u];a?i=c({},i,a(f)):i[u]=f}),e[m]=i}),e};return n.__exports.default=_,n.__exports}exports.__require=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),v=require("./index153.cjs"),b=require("./index165.cjs");require("./index154.cjs");require("./index155.cjs");const d=require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index161.cjs");var c=function(n){var a=n.onChange,h=n.rgb,x=n.hsl,f=n.hex,u=n.hsv,s=function(t,p){if(t.hex)b.isValidHex(t.hex)&&a({hex:t.hex,source:"hex"},p);else if(t.rgb){var g=t.rgb.split(",");b.isvalidColorString(t.rgb,"rgb")&&a({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},p)}else if(t.hsv){var r=t.hsv.split(",");b.isvalidColorString(t.hsv,"hsv")&&(r[2]=r[2].replace("%",""),r[1]=r[1].replace("%",""),r[0]=r[0].replace("°",""),r[1]==1?r[1]=.01:r[2]==1&&(r[2]=.01),a({h:Number(r[0]),s:Number(r[1]),v:Number(r[2]),source:"hsv"},p))}else if(t.hsl){var l=t.hsl.split(",");b.isvalidColorString(t.hsl,"hsl")&&(l[2]=l[2].replace("%",""),l[1]=l[1].replace("%",""),l[0]=l[0].replace("°",""),o[1]==1?o[1]=.01:o[2]==1&&(o[2]=.01),a({h:Number(l[0]),s:Number(l[1]),v:Number(l[2]),source:"hsl"},p))}},e=v.default({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),m=h.r+", "+h.g+", "+h.b,y=Math.round(x.h)+"°, "+Math.round(x.s*100)+"%, "+Math.round(x.l*100)+"%",o=Math.round(u.h)+"°, "+Math.round(u.s*100)+"%, "+Math.round(u.v*100)+"%";return i.createElement("div",{style:e.wrap,className:"flexbox-fix"},i.createElement("div",{style:e.fields},i.createElement("div",{style:e.double},i.createElement(d.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:f,onChange:s})),i.createElement("div",{style:e.column},i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"rgb",value:m,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsv",value:o,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsl",value:y,onChange:s})))))};exports.GoogleFields=c;exports.default=c;

package/dist/index189.js

@@ -1,118 +1,177 @@
-import { __exports as o } from "./index214.js";
-import h from "lodash/forOwn";
-var d;
-function l() {
-  if (d) return o;
-  d = 1, Object.defineProperty(o, "__esModule", {
-    value: !0
-  }), o.autoprefix = void 0;
-  var x = h, s = m(x), c = Object.assign || function(t) {
-    for (var r = 1; r < arguments.length; r++) {
-      var e = arguments[r];
-      for (var n in e)
-        Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
+import i from "react";
+import y from "./index153.js";
+import { isValidHex as v, isvalidColorString as g } from "./index165.js";
+import "./index154.js";
+import "./index155.js";
+import { EditableInput as h } from "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index161.js";
+var G = function(o) {
+  var a = o.onChange, b = o.rgb, x = o.hsl, m = o.hex, f = o.hsv, p = function(r, s) {
+    if (r.hex)
+      v(r.hex) && a({
+        hex: r.hex,
+        source: "hex"
+      }, s);
+    else if (r.rgb) {
+      var d = r.rgb.split(",");
+      g(r.rgb, "rgb") && a({
+        r: d[0],
+        g: d[1],
+        b: d[2],
+        a: 1,
+        source: "rgb"
+      }, s);
+    } else if (r.hsv) {
+      var t = r.hsv.split(",");
+      g(r.hsv, "hsv") && (t[2] = t[2].replace("%", ""), t[1] = t[1].replace("%", ""), t[0] = t[0].replace("°", ""), t[1] == 1 ? t[1] = 0.01 : t[2] == 1 && (t[2] = 0.01), a({
+        h: Number(t[0]),
+        s: Number(t[1]),
+        v: Number(t[2]),
+        source: "hsv"
+      }, s));
+    } else if (r.hsl) {
+      var l = r.hsl.split(",");
+      g(r.hsl, "hsl") && (l[2] = l[2].replace("%", ""), l[1] = l[1].replace("%", ""), l[0] = l[0].replace("°", ""), n[1] == 1 ? n[1] = 0.01 : n[2] == 1 && (n[2] = 0.01), a({
+        h: Number(l[0]),
+        s: Number(l[1]),
+        v: Number(l[2]),
+        source: "hsl"
+      }, s));
     }
-    return t;
-  };
-  function m(t) {
-    return t && t.__esModule ? t : { default: t };
-  }
-  var p = {
-    borderRadius: function(r) {
-      return {
-        msBorderRadius: r,
-        MozBorderRadius: r,
-        OBorderRadius: r,
-        WebkitBorderRadius: r,
-        borderRadius: r
-      };
-    },
-    boxShadow: function(r) {
-      return {
-        msBoxShadow: r,
-        MozBoxShadow: r,
-        OBoxShadow: r,
-        WebkitBoxShadow: r,
-        boxShadow: r
-      };
-    },
-    userSelect: function(r) {
-      return {
-        WebkitTouchCallout: r,
-        KhtmlUserSelect: r,
-        MozUserSelect: r,
-        msUserSelect: r,
-        WebkitUserSelect: r,
-        userSelect: r
-      };
-    },
-    flex: function(r) {
-      return {
-        WebkitBoxFlex: r,
-        MozBoxFlex: r,
-        WebkitFlex: r,
-        msFlex: r,
-        flex: r
-      };
-    },
-    flexBasis: function(r) {
-      return {
-        WebkitFlexBasis: r,
-        flexBasis: r
-      };
-    },
-    justifyContent: function(r) {
-      return {
-        WebkitJustifyContent: r,
-        justifyContent: r
-      };
-    },
-    transition: function(r) {
-      return {
-        msTransition: r,
-        MozTransition: r,
-        OTransition: r,
-        WebkitTransition: r,
-        transition: r
-      };
-    },
-    transform: function(r) {
-      return {
-        msTransform: r,
-        MozTransform: r,
-        OTransform: r,
-        WebkitTransform: r,
-        transform: r
-      };
-    },
-    absolute: function(r) {
-      var e = r && r.split(" ");
-      return {
+  }, e = y({
+    default: {
+      wrap: {
+        display: "flex",
+        height: "100px",
+        marginTop: "4px"
+      },
+      fields: {
+        width: "100%"
+      },
+      column: {
+        paddingTop: "10px",
+        display: "flex",
+        justifyContent: "space-between"
+      },
+      double: {
+        padding: "0px 4.4px",
+        boxSizing: "border-box"
+      },
+      input: {
+        width: "100%",
+        height: "38px",
+        boxSizing: "border-box",
+        padding: "4px 10% 3px",
+        textAlign: "center",
+        border: "1px solid #dadce0",
+        fontSize: "11px",
+        textTransform: "lowercase",
+        borderRadius: "5px",
+        outline: "none",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      input2: {
+        height: "38px",
+        width: "100%",
+        border: "1px solid #dadce0",
+        boxSizing: "border-box",
+        fontSize: "11px",
+        textTransform: "lowercase",
+        borderRadius: "5px",
+        outline: "none",
+        paddingLeft: "10px",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      label: {
+        textAlign: "center",
+        fontSize: "12px",
+        background: "#fff",
         position: "absolute",
-        top: e && e[0],
-        right: e && e[1],
-        bottom: e && e[2],
-        left: e && e[3]
-      };
-    },
-    extend: function(r, e) {
-      var n = e[r];
-      return n || {
-        extend: r
-      };
+        textTransform: "uppercase",
+        color: "#3c4043",
+        width: "35px",
+        top: "-6px",
+        left: "0",
+        right: "0",
+        marginLeft: "auto",
+        marginRight: "auto",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      label2: {
+        left: "10px",
+        textAlign: "center",
+        fontSize: "12px",
+        background: "#fff",
+        position: "absolute",
+        textTransform: "uppercase",
+        color: "#3c4043",
+        width: "32px",
+        top: "-6px",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      single: {
+        flexGrow: "1",
+        margin: "0px 4.4px"
+      }
     }
-  }, b = o.autoprefix = function(r) {
-    var e = {};
-    return (0, s.default)(r, function(n, S) {
-      var i = {};
-      (0, s.default)(n, function(f, u) {
-        var a = p[u];
-        a ? i = c({}, i, a(f)) : i[u] = f;
-      }), e[S] = i;
-    }), e;
-  };
-  return o.default = b, o;
-}
+  }), c = b.r + ", " + b.g + ", " + b.b, u = Math.round(x.h) + "°, " + Math.round(x.s * 100) + "%, " + Math.round(x.l * 100) + "%", n = Math.round(f.h) + "°, " + Math.round(f.s * 100) + "%, " + Math.round(f.v * 100) + "%";
+  return i.createElement(
+    "div",
+    { style: e.wrap, className: "flexbox-fix" },
+    i.createElement(
+      "div",
+      { style: e.fields },
+      i.createElement(
+        "div",
+        { style: e.double },
+        i.createElement(h, {
+          style: { input: e.input, label: e.label },
+          label: "hex",
+          value: m,
+          onChange: p
+        })
+      ),
+      i.createElement(
+        "div",
+        { style: e.column },
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "rgb",
+            value: c,
+            onChange: p
+          })
+        ),
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "hsv",
+            value: n,
+            onChange: p
+          })
+        ),
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "hsl",
+            value: u,
+            onChange: p
+          })
+        )
+      )
+    )
+  );
+};
 export {
-  l as __require
+  G as GoogleFields,
+  G as default
 };

package/dist/index190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index215.cjs"),M=require("react");var v;function w(){if(v)return n.__exports;v=1,Object.defineProperty(n.__exports,"__esModule",{value:!0}),n.__exports.hover=void 0;var d=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var u in o)Object.prototype.hasOwnProperty.call(o,u)&&(t[u]=o[u])}return t},O=M,f=m(O);function m(t){return t&&t.__esModule?t:{default:t}}function g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function y(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var b=n.__exports.hover=function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(u){y(a,u);function a(){var _,p,r,h;g(this,a);for(var s=arguments.length,l=Array(s),i=0;i<s;i++)l[i]=arguments[i];return h=(p=(r=c(this,(_=a.__proto__||Object.getPrototypeOf(a)).call.apply(_,[this].concat(l))),r),r.state={hover:!1},r.handleMouseOver=function(){return r.setState({hover:!0})},r.handleMouseOut=function(){return r.setState({hover:!1})},r.render=function(){return f.default.createElement(o,{onMouseOver:r.handleMouseOver,onMouseOut:r.handleMouseOut},f.default.createElement(e,d({},r.props,r.state)))},p),c(r,h)}return a})(f.default.Component)};return n.__exports.default=b,n.__exports}exports.__require=w;
+"use strict";const q=require("./index216.cjs"),h=require("./index217.cjs"),b=require("./index218.cjs");var y="Expected a function",R=Math.max,p=Math.min;function A(x,i,u){var a,c,o,f,n,r,d=0,E=!1,l=!1,g=!0;if(typeof x!="function")throw new TypeError(y);i=b(i)||0,q(u)&&(E=!!u.leading,l="maxWait"in u,o=l?R(b(u.maxWait)||0,i):o,g="trailing"in u?!!u.trailing:g);function v(e){var t=a,s=c;return a=c=void 0,d=e,f=x.apply(s,t),f}function C(e){return d=e,n=setTimeout(m,i),E?v(e):f}function L(e){var t=e-r,s=e-d,W=i-t;return l?p(W,o-s):W}function k(e){var t=e-r,s=e-d;return r===void 0||t>=i||t<0||l&&s>=o}function m(){var e=h();if(k(e))return I(e);n=setTimeout(m,L(e))}function I(e){return n=void 0,g&&a?v(e):(a=c=void 0,f)}function M(){n!==void 0&&clearTimeout(n),d=0,a=r=c=n=void 0}function S(){return n===void 0?f:I(h())}function T(){var e=h(),t=k(e);if(a=arguments,c=this,r=e,t){if(n===void 0)return C(r);if(l)return clearTimeout(n),n=setTimeout(m,i),v(r)}return n===void 0&&(n=setTimeout(m,i)),f}return T.cancel=M,T.flush=S,T}module.exports=A;