sun-card-design 1.1.3 → 1.1.10

package/dist/mobile/sun-card-design-mobile.es49.js

@@ -4,7 +4,7 @@ import { OrbitControls } from "./sun-card-design-mobile.es58.js";
 import TWEEN from "@tweenjs/tween.js";
 /* empty css                            */
 import _export_sfc from "./sun-card-design-mobile.es28.js";
-import CloseCircleFilled from "./sun-card-design-mobile.es67.js";
+import CloseCircleFilled from "./sun-card-design-mobile.es68.js";
 const _hoisted_1 = {
   key: 0,
   class: "canvas"

package/dist/mobile/sun-card-design-mobile.es72.js

@@ -1,5 +1,4 @@
-import { getSecondaryColor, warning, isIconDefinition, generate } from "./sun-card-design-mobile.es73.js";
-import { reactive } from "vue";
+import { getSecondaryColor, useInsertStyles, warning, isIconDefinition, generate } from "./sun-card-design-mobile.es73.js";
 var _excluded = ["icon", "primaryColor", "secondaryColor"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
@@ -51,11 +50,11 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-var twoToneColorPalette = reactive({
+var twoToneColorPalette = {
   primaryColor: "#333",
   secondaryColor: "#E6E6E6",
   calculated: false
-});
+};
 function setTwoToneColors(_ref) {
   var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor;
   twoToneColorPalette.primaryColor = primaryColor;
@@ -74,6 +73,7 @@ var IconBase = function IconBase2(props, context) {
       secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
     };
   }
+  useInsertStyles();
   warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
   if (!isIconDefinition(icon)) {
     return null;

package/dist/mobile/sun-card-design-mobile.es73.js

@@ -1,7 +1,6 @@
-import { h, getCurrentInstance, nextTick } from "vue";
+import { nextTick, h } from "vue";
 import { generate as generate$1 } from "./sun-card-design-mobile.es84.js";
-import { useInjectIconContext } from "./sun-card-design-mobile.es85.js";
-import { canUseDom, updateCSS } from "./sun-card-design-mobile.es86.js";
+import insertCss from "./sun-card-design-mobile.es85.js";
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? Object(arguments[i]) : {};
@@ -60,36 +59,18 @@ function normalizeTwoToneColors(twoToneColor) {
   return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
 }
 var iconStyles = "\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
-function getRoot(ele) {
-  return ele && ele.getRootNode && ele.getRootNode();
-}
-function inShadow(ele) {
-  if (!canUseDom()) {
-    return false;
-  }
-  return getRoot(ele) instanceof ShadowRoot;
-}
-function getShadowRoot(ele) {
-  return inShadow(ele) ? getRoot(ele) : null;
-}
+var cssInjectedFlag = false;
 var useInsertStyles = function useInsertStyles2() {
-  var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, csp = _useInjectIconContext.csp;
-  var instance = getCurrentInstance();
-  var mergedStyleStr = iconStyles;
-  if (prefixCls) {
-    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls.value);
-  }
+  var styleStr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : iconStyles;
   nextTick(function() {
-    if (!canUseDom()) {
-      return;
+    if (!cssInjectedFlag) {
+      if (typeof window !== "undefined" && window.document && window.document.documentElement) {
+        insertCss(styleStr, {
+          prepend: true
+        });
+      }
+      cssInjectedFlag = true;
     }
-    var ele = instance.vnode.el;
-    var shadowRoot = getShadowRoot(ele);
-    updateCSS(mergedStyleStr, "@ant-design-vue-icons", {
-      prepend: true,
-      csp: csp.value,
-      attachTo: shadowRoot
-    });
   });
 };
 export {

package/dist/mobile/sun-card-design-mobile.es75.js

@@ -2,9 +2,6 @@ import { createVNode } from "vue";
 import IconBase from "./sun-card-design-mobile.es72.js";
 import { setTwoToneColor, getTwoToneColor } from "./sun-card-design-mobile.es71.js";
 import { normalizeTwoToneColors } from "./sun-card-design-mobile.es73.js";
-import { blue } from "./sun-card-design-mobile.es84.js";
-import { useInjectIconContext } from "./sun-card-design-mobile.es85.js";
-import { InsertStyles } from "./sun-card-design-mobile.es87.js";
 var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
@@ -104,15 +101,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-setTwoToneColor(blue.primary);
+setTwoToneColor("#1890ff");
 var Icon = function Icon2(props, context) {
   var _classObj;
   var _props$context$attrs = _objectSpread({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
-  var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName;
-  var classObj = (_classObj = {}, _defineProperty(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty(_classObj, prefixCls.value, true), _defineProperty(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
+  var classObj = (_classObj = {
+    anticon: true
+  }, _defineProperty(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, cls, cls), _classObj);
+  var svgClassString = spin === "" || !!spin || icon.name === "loading" ? "anticon-spin" : "";
   var iconTabIndex = tabindex;
   if (iconTabIndex === void 0 && onClick) {
     iconTabIndex = -1;
+    restProps.tabindex = iconTabIndex;
   }
   var svgStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
@@ -124,20 +124,20 @@ var Icon = function Icon2(props, context) {
     "aria-label": icon.name
   }, restProps, {
     "onClick": onClick,
-    "class": [classObj, cls],
-    "tabindex": iconTabIndex
+    "class": classObj
   }), [createVNode(IconBase, {
+    "class": svgClassString,
     "icon": icon,
     "primaryColor": primaryColor,
     "secondaryColor": secondaryColor,
     "style": svgStyle
-  }, null), createVNode(InsertStyles, null, null)]);
+  }, null)]);
 };
 Icon.props = {
   spin: Boolean,
   rotate: Number,
   icon: Object,
-  twoToneColor: [String, Array]
+  twoToneColor: String
 };
 Icon.displayName = "AntdIcon";
 Icon.inheritAttrs = false;

package/dist/mobile/sun-card-design-mobile.es84.js

@@ -1,5 +1,5 @@
-import { inputToRGB } from "./sun-card-design-mobile.es88.js";
-import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es89.js";
+import { inputToRGB } from "./sun-card-design-mobile.es86.js";
+import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es87.js";
 var hueStep = 2;
 var saturationStep = 0.16;
 var saturationStep2 = 0.05;
@@ -167,9 +167,7 @@ Object.keys(presetPrimaryColors).forEach(function(key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-var blue = presetPalettes.blue;
 export {
-  blue,
   generate,
   presetDarkPalettes,
   presetPalettes,

package/dist/mobile/sun-card-design-mobile.es85.js

@@ -1,12 +1,44 @@
-import { inject, ref } from "vue";
-var contextKey = Symbol("iconContext");
-var useInjectIconContext = function useInjectIconContext2() {
-  return inject(contextKey, {
-    prefixCls: ref("anticon"),
-    rootClassName: ref(""),
-    csp: ref()
-  });
-};
+var containers = [];
+var styleElements = [];
+var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
+function createStyleElement() {
+  var styleElement = document.createElement("style");
+  styleElement.setAttribute("type", "text/css");
+  return styleElement;
+}
+function insertCss(css, options) {
+  options = options || {};
+  if (css === void 0) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? "prepend" : "append";
+  var container = options.container !== void 0 ? options.container : document.querySelector("head");
+  var containerId = containers.indexOf(container);
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  var styleElement;
+  if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
+    styleElement = styleElements[containerId][position];
+  } else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === "prepend") {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    } else {
+      container.appendChild(styleElement);
+    }
+  }
+  if (css.charCodeAt(0) === 65279) {
+    css = css.substr(1, css.length);
+  }
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText += css;
+  } else {
+    styleElement.textContent += css;
+  }
+  return styleElement;
+}
 export {
-  useInjectIconContext
+  insertCss as default
 };

package/dist/mobile/sun-card-design-mobile.es86.js

@@ -1,109 +1,148 @@
-function canUseDom() {
-  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+import { rgbToRgb, hsvToRgb, hslToRgb, convertHexToDecimal, parseIntFromHex } from "./sun-card-design-mobile.es87.js";
+import { names } from "./sun-card-design-mobile.es88.js";
+import { convertToPercentage, boundAlpha } from "./sun-card-design-mobile.es89.js";
+function inputToRGB(color) {
+  var rgb = { r: 0, g: 0, b: 0 };
+  var a = 1;
+  var s = null;
+  var v = null;
+  var l = null;
+  var ok = false;
+  var format = false;
+  if (typeof color === "string") {
+    color = stringInputToObject(color);
+  }
+  if (typeof color === "object") {
+    if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+      rgb = rgbToRgb(color.r, color.g, color.b);
+      ok = true;
+      format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+      s = convertToPercentage(color.s);
+      v = convertToPercentage(color.v);
+      rgb = hsvToRgb(color.h, s, v);
+      ok = true;
+      format = "hsv";
+    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+      s = convertToPercentage(color.s);
+      l = convertToPercentage(color.l);
+      rgb = hslToRgb(color.h, s, l);
+      ok = true;
+      format = "hsl";
+    }
+    if (Object.prototype.hasOwnProperty.call(color, "a")) {
+      a = color.a;
+    }
+  }
+  a = boundAlpha(a);
+  return {
+    ok,
+    format: color.format || format,
+    r: Math.min(255, Math.max(rgb.r, 0)),
+    g: Math.min(255, Math.max(rgb.g, 0)),
+    b: Math.min(255, Math.max(rgb.b, 0)),
+    a
+  };
 }
-function contains(root, n) {
-  if (!root) {
+var CSS_INTEGER = "[-\\+]?\\d+%?";
+var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var matchers = {
+  CSS_UNIT: new RegExp(CSS_UNIT),
+  rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+  rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+  hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+  hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+  hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+  hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function stringInputToObject(color) {
+  color = color.trim().toLowerCase();
+  if (color.length === 0) {
     return false;
   }
-  if (root.contains) {
-    return root.contains(n);
+  var named = false;
+  if (names[color]) {
+    color = names[color];
+    named = true;
+  } else if (color === "transparent") {
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   }
-  return false;
-}
-var APPEND_ORDER = "data-vc-order";
-var MARK_KEY = "vc-icon-key";
-var containerCache = /* @__PURE__ */ new Map();
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, mark = _ref.mark;
-  if (mark) {
-    return mark.startsWith("data-") ? mark : "data-".concat(mark);
+  var match = matchers.rgb.exec(color);
+  if (match) {
+    return { r: match[1], g: match[2], b: match[3] };
   }
-  return MARK_KEY;
-}
-function getContainer(option) {
-  if (option.attachTo) {
-    return option.attachTo;
+  match = matchers.rgba.exec(color);
+  if (match) {
+    return { r: match[1], g: match[2], b: match[3], a: match[4] };
   }
-  var head = document.querySelector("head");
-  return head || document.body;
-}
-function getOrder(prepend) {
-  if (prepend === "queue") {
-    return "prependQueue";
+  match = matchers.hsl.exec(color);
+  if (match) {
+    return { h: match[1], s: match[2], l: match[3] };
   }
-  return prepend ? "prepend" : "append";
-}
-function findStyles(container) {
-  return Array.from((containerCache.get(container) || container).children).filter(function(node) {
-    return node.tagName === "STYLE";
-  });
-}
-function injectCSS(css) {
-  var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  if (!canUseDom()) {
-    return null;
+  match = matchers.hsla.exec(color);
+  if (match) {
+    return { h: match[1], s: match[2], l: match[3], a: match[4] };
   }
-  var csp = option.csp, prepend = option.prepend;
-  var styleNode = document.createElement("style");
-  styleNode.setAttribute(APPEND_ORDER, getOrder(prepend));
-  if (csp && csp.nonce) {
-    styleNode.nonce = csp.nonce;
+  match = matchers.hsv.exec(color);
+  if (match) {
+    return { h: match[1], s: match[2], v: match[3] };
   }
-  styleNode.innerHTML = css;
-  var container = getContainer(option);
-  var firstChild = container.firstChild;
-  if (prepend) {
-    if (prepend === "queue") {
-      var existStyle = findStyles(container).filter(function(node) {
-        return ["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER));
-      });
-      if (existStyle.length) {
-        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
-        return styleNode;
-      }
-    }
-    container.insertBefore(styleNode, firstChild);
-  } else {
-    container.appendChild(styleNode);
+  match = matchers.hsva.exec(color);
+  if (match) {
+    return { h: match[1], s: match[2], v: match[3], a: match[4] };
   }
-  return styleNode;
-}
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var container = getContainer(option);
-  return findStyles(container).find(function(node) {
-    return node.getAttribute(getMark(option)) === key;
-  });
-}
-function syncRealContainer(container, option) {
-  var cachedRealContainer = containerCache.get(container);
-  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
-    var placeholderStyle = injectCSS("", option);
-    var parentNode = placeholderStyle.parentNode;
-    containerCache.set(container, parentNode);
-    container.removeChild(placeholderStyle);
+  match = matchers.hex8.exec(color);
+  if (match) {
+    return {
+      r: parseIntFromHex(match[1]),
+      g: parseIntFromHex(match[2]),
+      b: parseIntFromHex(match[3]),
+      a: convertHexToDecimal(match[4]),
+      format: named ? "name" : "hex8"
+    };
   }
-}
-function updateCSS(css, key) {
-  var option = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  var container = getContainer(option);
-  syncRealContainer(container, option);
-  var existNode = findExistNode(key, option);
-  if (existNode) {
-    if (option.csp && option.csp.nonce && existNode.nonce !== option.csp.nonce) {
-      existNode.nonce = option.csp.nonce;
-    }
-    if (existNode.innerHTML !== css) {
-      existNode.innerHTML = css;
-    }
-    return existNode;
+  match = matchers.hex6.exec(color);
+  if (match) {
+    return {
+      r: parseIntFromHex(match[1]),
+      g: parseIntFromHex(match[2]),
+      b: parseIntFromHex(match[3]),
+      format: named ? "name" : "hex"
+    };
+  }
+  match = matchers.hex4.exec(color);
+  if (match) {
+    return {
+      r: parseIntFromHex(match[1] + match[1]),
+      g: parseIntFromHex(match[2] + match[2]),
+      b: parseIntFromHex(match[3] + match[3]),
+      a: convertHexToDecimal(match[4] + match[4]),
+      format: named ? "name" : "hex8"
+    };
+  }
+  match = matchers.hex3.exec(color);
+  if (match) {
+    return {
+      r: parseIntFromHex(match[1] + match[1]),
+      g: parseIntFromHex(match[2] + match[2]),
+      b: parseIntFromHex(match[3] + match[3]),
+      format: named ? "name" : "hex"
+    };
   }
-  var newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
-  return newNode;
+  return false;
+}
+function isValidCSSUnit(color) {
+  return Boolean(matchers.CSS_UNIT.exec(String(color)));
 }
 export {
-  canUseDom,
-  injectCSS,
-  updateCSS
+  inputToRGB,
+  isValidCSSUnit,
+  stringInputToObject
 };

package/dist/mobile/sun-card-design-mobile.es87.js

@@ -1,14 +1,112 @@
-import { defineComponent } from "vue";
-import { useInsertStyles } from "./sun-card-design-mobile.es73.js";
-var InsertStyles = defineComponent({
-  name: "InsertStyles",
-  setup: function setup() {
-    useInsertStyles();
-    return function() {
-      return null;
-    };
-  }
-});
+import { bound01, pad2 } from "./sun-card-design-mobile.es89.js";
+function rgbToRgb(r, g, b) {
+  return {
+    r: bound01(r, 255) * 255,
+    g: bound01(g, 255) * 255,
+    b: bound01(b, 255) * 255
+  };
+}
+function hue2rgb(p, q, t) {
+  if (t < 0) {
+    t += 1;
+  }
+  if (t > 1) {
+    t -= 1;
+  }
+  if (t < 1 / 6) {
+    return p + (q - p) * (6 * t);
+  }
+  if (t < 1 / 2) {
+    return q;
+  }
+  if (t < 2 / 3) {
+    return p + (q - p) * (2 / 3 - t) * 6;
+  }
+  return p;
+}
+function hslToRgb(h, s, l) {
+  var r;
+  var g;
+  var b;
+  h = bound01(h, 360);
+  s = bound01(s, 100);
+  l = bound01(l, 100);
+  if (s === 0) {
+    g = l;
+    b = l;
+    r = l;
+  } else {
+    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    var p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return { r: r * 255, g: g * 255, b: b * 255 };
+}
+function rgbToHsv(r, g, b) {
+  r = bound01(r, 255);
+  g = bound01(g, 255);
+  b = bound01(b, 255);
+  var max = Math.max(r, g, b);
+  var min = Math.min(r, g, b);
+  var h = 0;
+  var v = max;
+  var d = max - min;
+  var s = max === 0 ? 0 : d / max;
+  if (max === min) {
+    h = 0;
+  } else {
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  return { h, s, v };
+}
+function hsvToRgb(h, s, v) {
+  h = bound01(h, 360) * 6;
+  s = bound01(s, 100);
+  v = bound01(v, 100);
+  var i = Math.floor(h);
+  var f = h - i;
+  var p = v * (1 - s);
+  var q = v * (1 - f * s);
+  var t = v * (1 - (1 - f) * s);
+  var mod = i % 6;
+  var r = [v, q, p, p, t, v][mod];
+  var g = [t, v, v, q, p, p][mod];
+  var b = [p, p, t, v, v, q][mod];
+  return { r: r * 255, g: g * 255, b: b * 255 };
+}
+function rgbToHex(r, g, b, allow3Char) {
+  var hex = [
+    pad2(Math.round(r).toString(16)),
+    pad2(Math.round(g).toString(16)),
+    pad2(Math.round(b).toString(16))
+  ];
+  return hex.join("");
+}
+function convertHexToDecimal(h) {
+  return parseIntFromHex(h) / 255;
+}
+function parseIntFromHex(val) {
+  return parseInt(val, 16);
+}
 export {
-  InsertStyles
+  convertHexToDecimal,
+  hslToRgb,
+  hsvToRgb,
+  parseIntFromHex,
+  rgbToHex,
+  rgbToHsv,
+  rgbToRgb
 };