@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/lib/locale/types.d.ts

@@ -0,0 +1,19 @@
+import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
+import { DatePickerLocale } from '../../components/DatePicker/locale';
+import { PagingLocale } from '../../components/Paging/locale';
+import { SelectLocale } from '../../components/Select/locale';
+import { SpinnerLocale } from '../../components/Spinner/locale';
+import { TokenInputLocale } from '../../components/TokenInput/locale';
+export interface LocaleControls {
+    [key: string]: any;
+    Spinner?: Partial<SpinnerLocale>;
+    TokenInput?: Partial<TokenInputLocale>;
+    ComboBox?: Partial<ComboBoxLocale>;
+    Select?: Partial<SelectLocale>;
+    Paging?: Partial<PagingLocale>;
+    DatePicker?: Partial<DatePickerLocale>;
+}
+export declare enum LangCodes {
+    ru_RU = "ru_RU",
+    en_GB = "en_GB"
+}

package/lib/memo/memo.js

@@ -0,0 +1,38 @@
+export function memo(fn) {
+  var cache = {};
+
+  var getHash = function getHash(args) {
+    return args.reduce(function (acc, x) {
+      return acc + x;
+    }, '');
+  };
+
+  var keysCount = 0;
+  var limit = 1e4; // @ts-ignore
+
+  return function () {
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var hash = getHash(args);
+      var fromCache = cache[hash];
+
+      if (fromCache) {
+        return fromCache;
+      } // @ts-ignore
+
+
+      var result = fn.apply(void 0, args);
+      cache[hash] = result;
+      keysCount++;
+      return result;
+    } finally {
+      if (keysCount > limit) {
+        cache = {};
+        keysCount = 0;
+      }
+    }
+  };
+}

package/lib/memo/memo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["memo.ts"],"names":["memo","fn","cache","getHash","args","reduce","acc","x","keysCount","limit","hash","fromCache","result"],"mappings":"AAAA,OAAO,SAASA,IAAT,CAAiBC,EAAjB,EAA2B;AAChC,MAAIC,KAA6B,GAAG,EAApC;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,UAAiBA,IAAI,CAACC,MAAL,CAAY,UAACC,GAAD,EAAMC,CAAN,UAAYD,GAAG,GAAGC,CAAlB,EAAZ,EAAiC,EAAjC,CAAjB,EAAhB;AACA,MAAIC,SAAS,GAAG,CAAhB;AACA,MAAMC,KAAK,GAAG,GAAd;;AAEA;AACA,SAAO,YAAa;AAClB,QAAI,mCADKL,IACL,oDADKA,IACL;AACF,UAAMM,IAAI,GAAGP,OAAO,CAACC,IAAD,CAApB;AACA,UAAMO,SAAS,GAAGT,KAAK,CAACQ,IAAD,CAAvB;AACA,UAAIC,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;AACD;AACA,UAAMC,MAAM,GAAGX,EAAE,MAAF,SAAMG,IAAN,CAAf;AACAF,MAAAA,KAAK,CAACQ,IAAD,CAAL,GAAcE,MAAd;AACAJ,MAAAA,SAAS;AACT,aAAOI,MAAP;AACD,KAXD,SAWU;AACR,UAAIJ,SAAS,GAAGC,KAAhB,EAAuB;AACrBP,QAAAA,KAAK,GAAG,EAAR;AACAM,QAAAA,SAAS,GAAG,CAAZ;AACD;AACF;AACF,GAlBD;AAmBD","sourcesContent":["export function memo<T>(fn: T): T {\n  let cache: { [key: string]: any } = {};\n  const getHash = (args: any[]) => args.reduce((acc, x) => acc + x, '');\n  let keysCount = 0;\n  const limit = 1e4;\n\n  // @ts-ignore\n  return (...args) => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      // @ts-ignore\n      const result = fn(...args);\n      cache[hash] = result;\n      keysCount++;\n      return result;\n    } finally {\n      if (keysCount > limit) {\n        cache = {};\n        keysCount = 0;\n      }\n    }\n  };\n}\n"]}

package/lib/memo/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/memo.js",
+  "module": "memo",
+  "types": "../memo.d.ts",
+  "sideEffects": false
+}

package/lib/memo.d.ts

@@ -0,0 +1 @@
+export declare function memo<T>(fn: T): T;

package/lib/net/fetch/fetch.js

@@ -0,0 +1,39 @@
+export function fetch(uri, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var method = options.method || 'GET';
+  var xhr = createXHR();
+  var promise = new Promise(function (resolve, reject) {
+    xhr.onerror = reject;
+    xhr.ontimeout = reject;
+
+    xhr.onload = function () {
+      resolve({
+        ok: xhr.status >= 200 && xhr.status < 300,
+        status: xhr.status,
+        statusText: xhr.statusText,
+        text: function text() {
+          return Promise.resolve(xhr.responseText);
+        },
+        json: function json() {
+          return Promise.resolve(JSON.parse(xhr.responseText));
+        }
+      });
+    };
+  });
+  xhr.open(method, uri);
+  xhr.send(options.body);
+  return promise;
+}
+
+function createXHR() {
+  // @ts-ignore
+  if (global.XDomainRequest) {
+    // @ts-ignore
+    return new XDomainRequest();
+  }
+
+  return new XMLHttpRequest();
+}

package/lib/net/fetch/fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["fetch.ts"],"names":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","global","XDomainRequest","XMLHttpRequest"],"mappings":";;;;;;;;;;AAUA,OAAO,SAASA,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChEL,IAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,IAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,IAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,MAAAA,OAAO,CAAC;AACNK,QAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,QAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,QAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,QAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,QAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,KARD;AASD,GAbe,CAAhB;;AAeAb,EAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,EAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;;AAEA,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB;AACA,MAAImB,MAAM,CAACC,cAAX,EAA2B;AACzB;AACA,WAAO,IAAIA,cAAJ,EAAP;AACD;AACD,SAAO,IAAIC,cAAJ,EAAP;AACD","sourcesContent":["interface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    xhr.onerror = reject;\n    xhr.ontimeout = reject;\n\n    xhr.onload = () => {\n      resolve({\n        ok: xhr.status >= 200 && xhr.status < 300,\n        status: xhr.status,\n        statusText: xhr.statusText,\n        text: () => Promise.resolve(xhr.responseText),\n        json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n      });\n    };\n  });\n\n  xhr.open(method, uri);\n  xhr.send(options.body);\n\n  return promise;\n}\n\nfunction createXHR() {\n  // @ts-ignore\n  if (global.XDomainRequest) {\n    // @ts-ignore\n    return new XDomainRequest();\n  }\n  return new XMLHttpRequest();\n}\n"]}

package/lib/net/fetch/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/net/fetch.js",
+  "module": "fetch",
+  "types": "../fetch.d.ts",
+  "sideEffects": false
+}

package/lib/net/fetch.d.ts

@@ -0,0 +1,13 @@
+interface ApiResponseType {
+    ok: boolean;
+    status: number;
+    statusText: string;
+    text: () => Promise<string>;
+    json: () => Promise<Record<string, any>>;
+}
+declare type Result = Promise<ApiResponseType>;
+export declare function fetch(uri: string, options?: {
+    method?: 'GET' | 'POST';
+    body?: string;
+}): Result;
+export {};

package/lib/polyfillPlaceholder/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/polyfillPlaceholder.js",
+  "module": "polyfillPlaceholder",
+  "types": "../polyfillPlaceholder.d.ts",
+  "sideEffects": false
+}

package/lib/polyfillPlaceholder/polyfillPlaceholder.js

@@ -0,0 +1,12 @@
+import { canUseDOM } from "../client";
+var polyfilled = false;
+
+if (canUseDOM) {
+  var sAgent = window.navigator.userAgent;
+
+  if (!('placeholder' in document.createElement('input')) || !!/Trident\/7\./.exec(navigator.userAgent) || sAgent.indexOf('MSIE') > 0) {
+    polyfilled = true;
+  }
+}
+
+export var polyfillPlaceholder = polyfilled;

package/lib/polyfillPlaceholder/polyfillPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["polyfillPlaceholder.ts"],"names":["canUseDOM","polyfilled","sAgent","window","navigator","userAgent","document","createElement","exec","indexOf","polyfillPlaceholder"],"mappings":"AAAA,SAASA,SAAT,QAA0B,UAA1B;;AAEA,IAAIC,UAAU,GAAG,KAAjB;;AAEA,IAAID,SAAJ,EAAe;AACb,MAAME,MAAM,GAAGC,MAAM,CAACC,SAAP,CAAiBC,SAAhC;;AAEA;AACE,IAAE,iBAAiBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAnB;AACA,GAAC,CAAC,eAAeC,IAAf,CAAoBJ,SAAS,CAACC,SAA9B,CADF;AAEAH,EAAAA,MAAM,CAACO,OAAP,CAAe,MAAf,IAAyB,CAH3B;AAIE;AACAR,IAAAA,UAAU,GAAG,IAAb;AACD;AACF;;AAED,OAAO,IAAMS,mBAAmB,GAAGT,UAA5B","sourcesContent":["import { canUseDOM } from './client';\n\nlet polyfilled = false;\n\nif (canUseDOM) {\n  const sAgent = window.navigator.userAgent;\n\n  if (\n    !('placeholder' in document.createElement('input')) ||\n    !!/Trident\\/7\\./.exec(navigator.userAgent) ||\n    sAgent.indexOf('MSIE') > 0\n  ) {\n    polyfilled = true;\n  }\n}\n\nexport const polyfillPlaceholder = polyfilled;\n"]}

package/lib/polyfillPlaceholder.d.ts

@@ -0,0 +1 @@
+export declare const polyfillPlaceholder: boolean;

package/lib/reactGetTextContent/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/reactGetTextContent.js",
+  "module": "reactGetTextContent",
+  "types": "../reactGetTextContent.d.ts",
+  "sideEffects": false
+}

package/lib/reactGetTextContent/reactGetTextContent.js

@@ -1,25 +1,21 @@
-"use strict";
+import React from 'react';
+export function reactGetTextContent(rootReactNode) {
+  var result = '';
 
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-function reactGetTextContent(rootReactNode) {
-    var result = '';
-    var getText = function getText(reactNode) {
-        if (typeof reactNode === 'string' || typeof reactNode === 'number') {
-            result += reactNode.toString();
-        } else if (Array.isArray(reactNode)) {
-            reactNode.forEach(function (node) {
-                return getText(node);
-            });
-        } else if (React.isValidElement(reactNode) && reactNode.props) {
-            // @ts-ignore
-            var children = reactNode.props.children;
-            getText(children);
-        }
-    };
-    getText(rootReactNode);
-    return result;
-}
-exports["default"] = reactGetTextContent;
-//# sourceMappingURL=reactGetTextContent.js.map
+  var getText = function getText(reactNode) {
+    if (typeof reactNode === 'string' || typeof reactNode === 'number') {
+      result += reactNode.toString();
+    } else if (Array.isArray(reactNode)) {
+      reactNode.forEach(function (node) {
+        return getText(node);
+      });
+    } else if ( /*#__PURE__*/React.isValidElement(reactNode) && reactNode.props) {
+      // @ts-ignore
+      var children = reactNode.props.children;
+      getText(children);
+    }
+  };
+
+  getText(rootReactNode);
+  return result;
+}

package/lib/reactGetTextContent/reactGetTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactGetTextContent.js","sourceRoot":"","sources":["reactGetTextContent.ts"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,SAAwB,mBAAmB,CAAC,aAA8B;IACxE,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAM,OAAO,GAAG,UAAC,SAA0B;QACzC,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YAClE,MAAM,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;SAChC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACnC,SAAS,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC,CAAC;SAC1C;aAAM,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,EAAE;YAC7D,aAAa;YACL,IAAA,mCAAQ,CAAqB;YAErC,OAAO,CAAC,QAAQ,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,aAAa,CAAC,CAAC;IAEvB,OAAO,MAAM,CAAC;AAChB,CAAC;AAnBD,sCAmBC"}
+{"version":3,"sources":["reactGetTextContent.ts"],"names":["React","reactGetTextContent","rootReactNode","result","getText","reactNode","toString","Array","isArray","forEach","node","isValidElement","props","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,SAASC,mBAAT,CAA6BC,aAA7B,EAA6D;AAClE,MAAIC,MAAM,GAAG,EAAb;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,EAAgC;AAC9C,QAAI,OAAOA,SAAP,KAAqB,QAArB,IAAiC,OAAOA,SAAP,KAAqB,QAA1D,EAAoE;AAClEF,MAAAA,MAAM,IAAIE,SAAS,CAACC,QAAV,EAAV;AACD,KAFD,MAEO,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;AACnCA,MAAAA,SAAS,CAACI,OAAV,CAAkB,UAACC,IAAD,UAAUN,OAAO,CAACM,IAAD,CAAjB,EAAlB;AACD,KAFM,MAEA,IAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBN,SAArB,KAAmCA,SAAS,CAACO,KAAjD,EAAwD;AAC7D;AAD6D,UAErDC,QAFqD,GAExCR,SAAS,CAACO,KAF8B,CAErDC,QAFqD;;AAI7DT,MAAAA,OAAO,CAACS,QAAD,CAAP;AACD;AACF,GAXD;;AAaAT,EAAAA,OAAO,CAACF,aAAD,CAAP;;AAEA,SAAOC,MAAP;AACD","sourcesContent":["import React from 'react';\n\nexport function reactGetTextContent(rootReactNode: React.ReactNode) {\n  let result = '';\n\n  const getText = (reactNode: React.ReactNode) => {\n    if (typeof reactNode === 'string' || typeof reactNode === 'number') {\n      result += reactNode.toString();\n    } else if (Array.isArray(reactNode)) {\n      reactNode.forEach((node) => getText(node));\n    } else if (React.isValidElement(reactNode) && reactNode.props) {\n      // @ts-ignore\n      const { children } = reactNode.props;\n\n      getText(children);\n    }\n  };\n\n  getText(rootReactNode);\n\n  return result;\n}\n"]}

package/lib/reactGetTextContent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function reactGetTextContent(rootReactNode: React.ReactNode): string;

package/lib/styles/ColorFactory/ColorFactory.js

@@ -0,0 +1,129 @@
+import warning from 'warning';
+import { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from "../ColorHelpers";
+import { ColorKeywords } from "../ColorKeywords";
+import { ColorObject } from "../ColorObject";
+var RGB_REGEX = /rgb\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*\)/;
+var RGBA_REGEX = /rgba\(\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(\d{1,3}(?:(?:\.\d+)?%)?)\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
+var HSL_REGEX = /hsl\(\s*(\d{1,3})\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
+var HSLA_REGEX = /hsla\(\s*(\d{1,3})\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*,\s*(0|0\.\d+|1|1\.0+|\d{1,3}(?:(?:\.\d+)?%))\s*\)/;
+var HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;
+export var ColorFactory = /*#__PURE__*/function () {
+  function ColorFactory() {}
+
+  ColorFactory.create = function create(input) {
+    if (!this.cache[input]) {
+      this.cache[input] = Object.freeze(this.instantiate(input));
+    }
+
+    return this.cache[input];
+  };
+
+  ColorFactory.instantiate = function instantiate(input) {
+    if (typeof input !== 'string') {
+      warning(false, "Invalid type of input (" + typeof input + "), expected a string. Returning transparent color");
+      return new ColorObject([0, 0, 0], 1.0, 'transparent');
+    }
+
+    input = input.toLowerCase().trim();
+
+    if (input === 'transparent') {
+      return new ColorObject([0, 0, 0], 0, 'transparent');
+    } else if (this.isKeyword(input)) {
+      return this.fromKeyword(input);
+    } else if (input.startsWith('rgb')) {
+      var parts = extractColorParts(input, RGB_REGEX, RGBA_REGEX);
+
+      var _parseRGBParts = parseRGBParts(parts),
+          r = _parseRGBParts.r,
+          g = _parseRGBParts.g,
+          b = _parseRGBParts.b,
+          a = _parseRGBParts.a;
+
+      r = clamp(r, 255);
+      g = clamp(g, 255);
+      b = clamp(b, 255);
+      a = clamp(a, 1);
+      return this.fromRGB(r, g, b, a);
+    } else if (input.startsWith('hsl')) {
+      var _parts = extractColorParts(input, HSL_REGEX, HSLA_REGEX);
+
+      var _parseHSLParts = parseHSLParts(_parts),
+          h = _parseHSLParts.h,
+          s = _parseHSLParts.s,
+          l = _parseHSLParts.l,
+          _a = _parseHSLParts.a;
+
+      h = clamp(h, 360);
+      s = clamp(s, 1);
+      l = clamp(l, 1);
+      _a = clamp(_a, 1);
+      return this.fromHSL(h, s, l, _a);
+    }
+
+    return this.fromHex(input);
+  };
+
+  ColorFactory.isKeyword = function isKeyword(input) {
+    return Object.prototype.hasOwnProperty.call(ColorKeywords, input);
+  };
+
+  ColorFactory.fromKeyword = function fromKeyword(keyword) {
+    return this.fromHex(ColorKeywords[keyword], keyword);
+  };
+
+  ColorFactory.fromHex = function fromHex(hexString, type) {
+    if (type === void 0) {
+      type = 'hex';
+    }
+
+    if (!HEX_REGEX.test(hexString)) {
+      throw new Error(hexString + " is not a valid hex color string");
+    }
+
+    var colorCode = hexString.substring(1);
+    var rgb = [0, 0, 0];
+
+    if (colorCode.length === 6) {
+      colorCode.match(/.{2}/g).forEach(function (c, i) {
+        rgb[i] = parseInt(c, 16);
+      });
+    } else if (colorCode.length === 3) {
+      colorCode.split('').forEach(function (c, i) {
+        rgb[i] = parseInt(c + c, 16);
+      });
+    }
+
+    return new ColorObject(rgb, 1.0, type);
+  };
+
+  ColorFactory.fromRGB = function fromRGB(r, g, b, a) {
+    if (a === void 0) {
+      a = 1.0;
+    }
+
+    return new ColorObject([r, g, b], a, a < 1 ? 'rgba' : 'rgb');
+  };
+
+  ColorFactory.fromHSL = function fromHSL(h, s, l, a) {
+    if (a === void 0) {
+      a = 1.0;
+    }
+
+    if (s === 0) {
+      var gray = Math.round(l * 255);
+      return new ColorObject([gray, gray, gray], a, a < 1 ? 'hsla' : 'hsl');
+    }
+
+    var hDeg = h / 360;
+    var t1 = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    var t2 = l * 2 - t1;
+    var r = hue2rgb(hDeg + 1 / 3, t1, t2);
+    var g = hue2rgb(hDeg, t1, t2);
+    var b = hue2rgb(hDeg - 1 / 3, t1, t2);
+    var rgb = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+    return new ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');
+  };
+
+  return ColorFactory;
+}();
+ColorFactory.cache = Object.create(null);

package/lib/styles/ColorFactory/ColorFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorFactory.ts"],"names":["warning","clamp","extractColorParts","hue2rgb","parseHSLParts","parseRGBParts","ColorKeywords","ColorObject","RGB_REGEX","RGBA_REGEX","HSL_REGEX","HSLA_REGEX","HEX_REGEX","ColorFactory","create","input","cache","Object","freeze","instantiate","toLowerCase","trim","isKeyword","fromKeyword","startsWith","parts","r","g","b","a","fromRGB","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2"],"mappings":"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","sourcesContent":["import warning from 'warning';\n\nimport { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from './ColorHelpers';\nimport { ColorKeywords } from './ColorKeywords';\nimport { ColorKeywordsType, ColorObject, ColorType, RGBTuple } from './ColorObject';\n\ninterface ColorFactoryCacheType {\n  [key: string]: ColorObject;\n}\n\nconst RGB_REGEX =\n  /rgb\\(\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*\\)/;\nconst RGBA_REGEX =\n  /rgba\\(\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(\\d{1,3}(?:(?:\\.\\d+)?%)?)\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*\\)/;\nconst HSL_REGEX =\n  /hsl\\(\\s*(\\d{1,3})\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*\\)/;\nconst HSLA_REGEX =\n  /hsla\\(\\s*(\\d{1,3})\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*,\\s*(0|0\\.\\d+|1|1\\.0+|\\d{1,3}(?:(?:\\.\\d+)?%))\\s*\\)/;\nconst HEX_REGEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/;\n\nexport class ColorFactory {\n  public static create(input: string) {\n    if (!this.cache[input]) {\n      this.cache[input] = Object.freeze(this.instantiate(input));\n    }\n\n    return this.cache[input];\n  }\n\n  private static cache: ColorFactoryCacheType = Object.create(null);\n\n  private static instantiate(input: string) {\n    if (typeof input !== 'string') {\n      warning(false, `Invalid type of input (${typeof input}), expected a string. Returning transparent color`);\n      return new ColorObject([0, 0, 0], 1.0, 'transparent');\n    }\n    input = input.toLowerCase().trim();\n\n    if (input === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    } else if (this.isKeyword(input)) {\n      return this.fromKeyword(input);\n    } else if (input.startsWith('rgb')) {\n      const parts = extractColorParts(input, RGB_REGEX, RGBA_REGEX);\n      let { r, g, b, a } = parseRGBParts(parts);\n\n      r = clamp(r, 255);\n      g = clamp(g, 255);\n      b = clamp(b, 255);\n      a = clamp(a, 1);\n\n      return this.fromRGB(r, g, b, a);\n    } else if (input.startsWith('hsl')) {\n      const parts = extractColorParts(input, HSL_REGEX, HSLA_REGEX);\n      let { h, s, l, a } = parseHSLParts(parts);\n\n      h = clamp(h, 360);\n      s = clamp(s, 1);\n      l = clamp(l, 1);\n      a = clamp(a, 1);\n\n      return this.fromHSL(h, s, l, a);\n    }\n\n    return this.fromHex(input);\n  }\n\n  private static isKeyword(input: string): input is ColorKeywordsType {\n    return Object.prototype.hasOwnProperty.call(ColorKeywords, input);\n  }\n\n  private static fromKeyword(keyword: ColorKeywordsType) {\n    return this.fromHex(ColorKeywords[keyword], keyword);\n  }\n\n  private static fromHex(hexString: string, type: ColorType = 'hex') {\n    if (!HEX_REGEX.test(hexString)) {\n      throw new Error(`${hexString} is not a valid hex color string`);\n    }\n\n    const colorCode = hexString.substring(1);\n    const rgb: RGBTuple = [0, 0, 0];\n    if (colorCode.length === 6) {\n      colorCode.match(/.{2}/g)!.forEach((c, i) => {\n        rgb[i] = parseInt(c, 16);\n      });\n    } else if (colorCode.length === 3) {\n      colorCode.split('').forEach((c, i) => {\n        rgb[i] = parseInt(c + c, 16);\n      });\n    }\n    return new ColorObject(rgb, 1.0, type);\n  }\n\n  private static fromRGB(r: number, g: number, b: number, a = 1.0) {\n    return new ColorObject([r, g, b], a, a < 1 ? 'rgba' : 'rgb');\n  }\n\n  private static fromHSL(h: number, s: number, l: number, a = 1.0) {\n    if (s === 0) {\n      const gray = Math.round(l * 255);\n      return new ColorObject([gray, gray, gray], a, a < 1 ? 'hsla' : 'hsl');\n    }\n\n    const hDeg = h / 360;\n    const t1 = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const t2 = l * 2 - t1;\n\n    const r = hue2rgb(hDeg + 1 / 3, t1, t2);\n    const g = hue2rgb(hDeg, t1, t2);\n    const b = hue2rgb(hDeg - 1 / 3, t1, t2);\n\n    const rgb: RGBTuple = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];\n    return new ColorObject(rgb, a, a < 1 ? 'hsla' : 'hsl');\n  }\n}\n"]}

package/lib/styles/ColorFactory/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/styles/ColorFactory.js",
+  "module": "ColorFactory",
+  "types": "../ColorFactory.d.ts",
+  "sideEffects": false
+}

package/lib/styles/ColorFactory.d.ts

@@ -0,0 +1,11 @@
+import { ColorObject } from './ColorObject';
+export declare class ColorFactory {
+    static create(input: string): ColorObject;
+    private static cache;
+    private static instantiate;
+    private static isKeyword;
+    private static fromKeyword;
+    private static fromHex;
+    private static fromRGB;
+    private static fromHSL;
+}

package/lib/styles/ColorFunctions/ColorFunctions.js

@@ -0,0 +1,139 @@
+import { clamp, floatFromPercent } from "../ColorHelpers";
+import { ColorFactory } from "../ColorFactory";
+var DEFAULT_DARK = ColorFactory.create('#333333');
+var DEFAULT_LIGHT = ColorFactory.create('#fff');
+var ColorFunctionsCache = Object.create(null);
+
+var buildCacheKey = function buildCacheKey(name) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  return name + "(" + args.join() + ")";
+};
+
+var shiftColor = function shiftColor(colorString, a, sign, method) {
+  if (!colorString) {
+    return '';
+  }
+
+  if (colorString.toLowerCase() === 'transparent') {
+    return 'transparent';
+  }
+
+  var amount;
+
+  if (typeof a === 'string') {
+    amount = a.endsWith('%') ? floatFromPercent(a) : parseFloat(a);
+  } else {
+    amount = a;
+  }
+
+  amount = clamp(amount, 1);
+  var color = ColorFactory.create(colorString);
+  var hsl = color.toHSL();
+
+  if (sign === '+') {
+    hsl.l += method === 'relative' ? hsl.l * amount : amount;
+  } else {
+    hsl.l -= method === 'relative' ? hsl.l * amount : amount;
+  }
+
+  hsl.l = clamp(hsl.l);
+  var newColor;
+
+  if (color.alpha < 1) {
+    newColor = ColorFactory.create("hsla(" + hsl.h + ", " + hsl.s + ", " + hsl.l + ", " + hsl.a + ")");
+  } else {
+    newColor = ColorFactory.create("hsl(" + hsl.h + ", " + hsl.s + ", " + hsl.l + ")");
+  }
+
+  return newColor.toColorString(color.type);
+};
+
+export function lighten(colorString, amount, method) {
+  var key = buildCacheKey('lighten', colorString, amount, method);
+
+  if (ColorFunctionsCache[key] === undefined) {
+    ColorFunctionsCache[key] = shiftColor(colorString, amount, '+', method);
+    return ColorFunctionsCache[key];
+  }
+
+  return ColorFunctionsCache[key];
+}
+export function darken(colorString, amount, method) {
+  var key = buildCacheKey('darken', colorString, amount, method);
+
+  if (ColorFunctionsCache[key] === undefined) {
+    ColorFunctionsCache[key] = shiftColor(colorString, amount, '-', method);
+    return ColorFunctionsCache[key];
+  }
+
+  return ColorFunctionsCache[key];
+}
+export function contrast(colorString, darkString, lightString, threshold) {
+  if (threshold === void 0) {
+    threshold = 0.43;
+  }
+
+  var key = buildCacheKey('contrast', colorString, darkString, lightString, threshold);
+
+  if (!colorString) {
+    ColorFunctionsCache[key] = '';
+  }
+
+  if (ColorFunctionsCache[key] === undefined) {
+    var color = ColorFactory.create(colorString);
+    var dark = typeof darkString === 'undefined' ? DEFAULT_DARK : ColorFactory.create(darkString);
+    var light = typeof lightString === 'undefined' ? DEFAULT_LIGHT : ColorFactory.create(lightString); // Figure out which is actually light and dark:
+
+    if (dark.luma() > light.luma()) {
+      var _ref = [light, dark];
+      dark = _ref[0];
+      light = _ref[1];
+    }
+
+    if (color.luma() < threshold) {
+      ColorFunctionsCache[key] = light.alpha < 1 ? light.toRGBString() : light.toHEXString();
+    } else {
+      ColorFunctionsCache[key] = dark.alpha < 1 ? dark.toRGBString() : dark.toHEXString();
+    }
+  }
+
+  return ColorFunctionsCache[key];
+}
+export var red = function red(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[0];
+};
+export var green = function green(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[1];
+};
+export var blue = function blue(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.rgb[2];
+};
+export var alpha = function alpha(colorString) {
+  var color = ColorFactory.create(colorString);
+  return color.alpha;
+};
+export var isValid = function isValid(colorString) {
+  try {
+    ColorFactory.create(colorString);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+export var fade = function fade(colorString, alpha) {
+  var key = buildCacheKey('fade', colorString, alpha);
+
+  if (ColorFunctionsCache[key] === undefined) {
+    var color = ColorFactory.create(colorString).clone();
+    color.alpha = alpha;
+    ColorFunctionsCache[key] = color.toColorString(color.type === 'hex' ? 'rgba' : color.type);
+  }
+
+  return ColorFunctionsCache[key];
+};

package/lib/styles/ColorFunctions/ColorFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorFunctions.ts"],"names":["clamp","floatFromPercent","ColorFactory","DEFAULT_DARK","create","DEFAULT_LIGHT","ColorFunctionsCache","Object","buildCacheKey","name","args","join","shiftColor","colorString","a","sign","method","toLowerCase","amount","endsWith","parseFloat","color","hsl","toHSL","l","newColor","alpha","h","s","toColorString","type","lighten","key","undefined","darken","contrast","darkString","lightString","threshold","dark","light","luma","toRGBString","toHEXString","red","rgb","green","blue","isValid","e","fade","clone"],"mappings":"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","sourcesContent":["import { clamp, floatFromPercent } from './ColorHelpers';\nimport { ColorFactory } from './ColorFactory';\nimport { ColorObject } from './ColorObject';\n\ntype SignType = '+' | '-';\ntype MethodType = 'absolute' | 'relative';\n\nconst DEFAULT_DARK = ColorFactory.create('#333333');\nconst DEFAULT_LIGHT = ColorFactory.create('#fff');\nconst ColorFunctionsCache: { [key: string]: string } = Object.create(null);\n\nconst buildCacheKey = (name: string, ...args: any[]) => `${name}(${args.join()})`;\n\nconst shiftColor = (colorString: string, a: number | string, sign: SignType, method?: MethodType) => {\n  if (!colorString) {\n    return '';\n  }\n\n  if (colorString.toLowerCase() === 'transparent') {\n    return 'transparent';\n  }\n\n  let amount: number;\n  if (typeof a === 'string') {\n    amount = a.endsWith('%') ? floatFromPercent(a) : parseFloat(a);\n  } else {\n    amount = a;\n  }\n  amount = clamp(amount, 1);\n\n  const color = ColorFactory.create(colorString);\n  const hsl = color.toHSL();\n\n  if (sign === '+') {\n    hsl.l += method === 'relative' ? hsl.l * amount : amount;\n  } else {\n    hsl.l -= method === 'relative' ? hsl.l * amount : amount;\n  }\n\n  hsl.l = clamp(hsl.l);\n\n  let newColor: ColorObject;\n  if (color.alpha < 1) {\n    newColor = ColorFactory.create(`hsla(${hsl.h}, ${hsl.s}, ${hsl.l}, ${hsl.a})`);\n  } else {\n    newColor = ColorFactory.create(`hsl(${hsl.h}, ${hsl.s}, ${hsl.l})`);\n  }\n  return newColor.toColorString(color.type);\n};\n\nexport function lighten(colorString: string, amount: number | string, method?: MethodType) {\n  const key = buildCacheKey('lighten', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '+', method);\n    return ColorFunctionsCache[key];\n  }\n  return ColorFunctionsCache[key];\n}\nexport function darken(colorString: string, amount: number | string, method?: MethodType) {\n  const key = buildCacheKey('darken', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '-', method);\n    return ColorFunctionsCache[key];\n  }\n\n  return ColorFunctionsCache[key];\n}\nexport function contrast(colorString: string, darkString?: string, lightString?: string, threshold = 0.43) {\n  const key = buildCacheKey('contrast', colorString, darkString, lightString, threshold);\n  if (!colorString) {\n    ColorFunctionsCache[key] = '';\n  }\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString);\n    let dark = typeof darkString === 'undefined' ? DEFAULT_DARK : ColorFactory.create(darkString);\n    let light = typeof lightString === 'undefined' ? DEFAULT_LIGHT : ColorFactory.create(lightString);\n\n    // Figure out which is actually light and dark:\n    if (dark.luma() > light.luma()) {\n      [dark, light] = [light, dark];\n    }\n\n    if (color.luma() < threshold) {\n      ColorFunctionsCache[key] = light.alpha < 1 ? light.toRGBString() : light.toHEXString();\n    } else {\n      ColorFunctionsCache[key] = dark.alpha < 1 ? dark.toRGBString() : dark.toHEXString();\n    }\n  }\n  return ColorFunctionsCache[key]!;\n}\n\nexport const red = (colorString: string) => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[0];\n};\nexport const green = (colorString: string) => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[1];\n};\nexport const blue = (colorString: string) => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[2];\n};\nexport const alpha = (colorString: string) => {\n  const color = ColorFactory.create(colorString);\n  return color.alpha;\n};\nexport const isValid = (colorString: string) => {\n  try {\n    ColorFactory.create(colorString);\n    return true;\n  } catch (e) {\n    return false;\n  }\n};\nexport const fade = (colorString: string, alpha: number) => {\n  const key = buildCacheKey('fade', colorString, alpha);\n\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString).clone();\n    color.alpha = alpha;\n    ColorFunctionsCache[key] = color.toColorString(color.type === 'hex' ? 'rgba' : color.type);\n  }\n  return ColorFunctionsCache[key];\n};\n"]}

package/lib/styles/ColorFunctions/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/styles/ColorFunctions.js",
+  "module": "ColorFunctions",
+  "types": "../ColorFunctions.d.ts",
+  "sideEffects": false
+}

package/lib/styles/ColorFunctions.d.ts

@@ -0,0 +1,11 @@
+declare type MethodType = 'absolute' | 'relative';
+export declare function lighten(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function darken(colorString: string, amount: number | string, method?: MethodType): string;
+export declare function contrast(colorString: string, darkString?: string, lightString?: string, threshold?: number): string;
+export declare const red: (colorString: string) => number;
+export declare const green: (colorString: string) => number;
+export declare const blue: (colorString: string) => number;
+export declare const alpha: (colorString: string) => number;
+export declare const isValid: (colorString: string) => boolean;
+export declare const fade: (colorString: string, alpha: number) => string;
+export {};