@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-e222cb8d2b

package/lib/rootNode/getRootNode/getRootNode.js

@@ -0,0 +1,60 @@
+import { findDOMNode } from 'react-dom';
+import warning from 'warning';
+import { isElement } from "../../utils";
+import { isInstanceWithRootNode } from "../rootNodeDecorator";
+
+/**
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
+ * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
+ *
+ * Replaces findDOMNode but falls back to it if "convention" is not respected.
+ *
+ * @param instance Component's instance provided by React.Ref or `this` inside class-components.
+ * @returns Component's root `Element` or null
+ */
+
+export var getRootNode = function getRootNode(instance) {
+  /**
+   * Options of what instance can be:
+   *  1. null or undefined
+   *  2. DOM Element
+   *  3. class Component instance (object)
+   *  4. literally anything, returned from useImperativeHandle
+   */
+
+  if (!instance) {
+    // instance can be `null` if component was unmounted
+    // also checking undefined for convenient usage
+    return null;
+  }
+  if (isElement(instance)) {
+    // instance can be an Element already if its coming
+    // from Refs of intrinsic elements (<div />, <button />, etc.)
+    return instance;
+  }
+  var rootNode;
+  if (isInstanceWithRootNode(instance)) {
+    rootNode = instance.getRootNode();
+  }
+  if (rootNode !== undefined) {
+    // the getter exists and has returned something, it should be what we are looking for
+    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)
+    return rootNode;
+  }
+  try {
+    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined
+    // anyway, it tell us that the convention is not respected,
+    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode
+    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)
+    rootNode = findDOMNode(instance);
+  } catch (e) {
+    // but findDOMNode doesn`t accept everything that instance can be at this point,
+    // so we have to handle exceptions
+    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86
+    warning(false, '[getRootNode]: can`t fallback to findDOMNode.' + '\n' + 'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' + '\n\n' + e.message);
+    return null;
+  }
+
+  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
+  return isElement(rootNode) ? rootNode : null;
+};

package/lib/rootNode/getRootNode/getRootNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["findDOMNode","warning","isElement","isInstanceWithRootNode","getRootNode","instance","rootNode","undefined","e","message"],"sources":["getRootNode.ts"],"sourcesContent":["import { findDOMNode } from 'react-dom';\nimport type React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { isElement } from '../utils';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    rootNode = instance.getRootNode();\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  try {\n    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined\n    // anyway, it tell us that the convention is not respected,\n    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode\n    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)\n    rootNode = findDOMNode(instance);\n  } catch (e) {\n    // but findDOMNode doesn`t accept everything that instance can be at this point,\n    // so we have to handle exceptions\n    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86\n    warning(\n      false,\n      '[getRootNode]: can`t fallback to findDOMNode.' +\n        '\\n' +\n        'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +\n        '\\n\\n' +\n        e.message,\n    );\n    return null;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,WAAW;;AAEvC,OAAOC,OAAO,MAAM,SAAS;;;AAG7B,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,sBAAsB,QAAQ,qBAAqB;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,QAAuC,EAAwB;EACzF;AACF;AACA;AACA;AACA;AACA;AACA;;EAEE,IAAI,CAACA,QAAQ,EAAE;IACb;IACA;IACA,OAAO,IAAI;EACb;;EAEA,IAAIH,SAAS,CAACG,QAAQ,CAAC,EAAE;IACvB;IACA;IACA,OAAOA,QAAQ;EACjB;;EAEA,IAAIC,QAAQ;;EAEZ,IAAIH,sBAAsB,CAACE,QAAQ,CAAC,EAAE;IACpCC,QAAQ,GAAGD,QAAQ,CAACD,WAAW,CAAC,CAAC;EACnC;;EAEA,IAAIE,QAAQ,KAAKC,SAAS,EAAE;IAC1B;IACA;IACA,OAAOD,QAAQ;EACjB;;EAEA,IAAI;IACF;IACA;IACA;IACA;IACAA,QAAQ,GAAGN,WAAW,CAACK,QAAQ,CAAC;EAClC,CAAC,CAAC,OAAOG,CAAC,EAAE;IACV;IACA;IACA;IACAP,OAAO;MACL,KAAK;MACL,+CAA+C;MAC7C,IAAI;MACJ,+FAA+F;MAC/F,MAAM;MACNO,CAAC,CAACC;IACN,CAAC;IACD,OAAO,IAAI;EACb;;EAEA;EACA,OAAOP,SAAS,CAACI,QAAQ,CAAC,GAAGA,QAAQ,GAAG,IAAI;AAC9C,CAAC","ignoreList":[]}

package/lib/rootNode/getRootNode/package.json

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

package/lib/rootNode/getRootNode.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+/**
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
+ * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
+ *
+ * Replaces findDOMNode but falls back to it if "convention" is not respected.
+ *
+ * @param instance Component's instance provided by React.Ref or `this` inside class-components.
+ * @returns Component's root `Element` or null
+ */
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

package/lib/rootNode/index/index.js

@@ -0,0 +1,2 @@
+export * from "../getRootNode";
+export * from "../rootNodeDecorator";

package/lib/rootNode/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './getRootNode';\nexport * from './rootNodeDecorator';\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,qBAAqB","ignoreList":[]}

package/lib/rootNode/index/package.json

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

package/lib/rootNode/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getRootNode';
+export * from './rootNodeDecorator';

package/lib/rootNode/package.json

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

package/lib/rootNode/rootNodeDecorator/package.json

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

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -0,0 +1,45 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import EventEmitter from 'eventemitter3';
+import { getRootNode } from "../getRootNode";
+export function rootNode(Component) {
+  var _Class;
+  var rootNode = (_Class = /*#__PURE__*/function (_Component) {
+    function rootNode() {
+      var _this;
+      _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;
+      _this.rootNode = Component.defaultRootNode;
+      _this.rootNodeEmitter = new EventEmitter();
+      _this.setRootNode = function (instance) {
+        var _rootNode = getRootNode(instance);
+        if (_rootNode !== _this.rootNode) {
+          _this.rootNode = _rootNode;
+          _this.rootNodeEmitter.emit('change', _rootNode);
+        }
+      };
+      _this.getRootNode = function () {
+        return _this.rootNode;
+      };
+      _this.addRootNodeChangeListener = function (callback) {
+        _this.rootNodeEmitter.addListener('change', callback);
+        return {
+          remove: function remove() {
+            _this.rootNodeEmitter.removeListener('change', callback);
+          }
+        };
+      };
+      return _this;
+    }
+    _inheritsLoose(rootNode, _Component);
+    return rootNode;
+  }(Component), _Class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _Class.displayName = Component.displayName, _Class);
+  var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
+  if (!nameDescriptor || nameDescriptor.configurable) {
+    Object.defineProperty(rootNode, 'name', {
+      value: Component.name
+    });
+  }
+  return rootNode;
+}
+export var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EventEmitter","getRootNode","rootNode","Component","_Class","_Component","_this","call","arguments","length","undefined","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","_inheritsLoose","__KONTUR_REACT_UI__","displayName","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty"],"sources":["rootNodeDecorator.tsx"],"sourcesContent":["import type React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"],"mappings":";AACA,OAAOA,YAAY,MAAM,eAAe;;;;AAIxC,SAASC,WAAW,QAAQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;AAyB3C,OAAO,SAASC,QAAQA,CAAsCC,SAAY,EAAE,KAAAC,MAAA;EAC1E,IAAMF,QAAQ,IAAAE,MAAA,0BAAAC,UAAA;;;;;;IAMZ,SAAAH,SAAA,EAAmC,KAAAI,KAAA;MACjCA,KAAA,GAAAD,UAAA,CAAAE,IAAA,OAAAC,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAa,CAAC,SAACF,KAAA,CAHVJ,QAAQ,GAAsBC,SAAS,CAACQ,eAAe,CAAAL,KAAA,CACvDM,eAAe,GAAG,IAAIZ,YAAY,CAAC,CAAC,CAAAM,KAAA;;;MAKpCO,WAAW,GAAG,UAACC,QAAuC,EAAK;QAChE,IAAMZ,SAAQ,GAAGD,WAAW,CAACa,QAAQ,CAAC;QACtC,IAAIZ,SAAQ,KAAKI,KAAA,CAAKJ,QAAQ,EAAE;UAC9BI,KAAA,CAAKJ,QAAQ,GAAGA,SAAQ;UACxBI,KAAA,CAAKM,eAAe,CAACG,IAAI,CAAC,QAAQ,EAAEb,SAAQ,CAAC;QAC/C;MACF,CAAC,CAAAI,KAAA;;MAEML,WAAW,GAAG,YAAyB;QAC5C,OAAOK,KAAA,CAAKJ,QAAQ;MACtB,CAAC,CAAAI,KAAA;;MAEMU,yBAAyB,GAAG,UAACC,QAA2C,EAA4B;QACzGX,KAAA,CAAKM,eAAe,CAACM,WAAW,CAAC,QAAQ,EAAED,QAAQ,CAAC;QACpD,OAAO;UACLE,MAAM,EAAE,SAAAA,OAAA,EAAM;YACZb,KAAA,CAAKM,eAAe,CAACQ,cAAc,CAAC,QAAQ,EAAEH,QAAQ,CAAC;UACzD;QACF,CAAC;MACH,CAAC,QAAAX,KAAA,CArBD,CAACe,cAAA,CAAAnB,QAAA,EAAAG,UAAA,SAAAH,QAAA,GAR4BC,SAAS,GAAAC,MAAA,CACxBkB,mBAAmB,GAAGnB,SAAS,CAACmB,mBAAmB,EAAAlB,MAAA,CACnDmB,WAAW,GAAGpB,SAAS,CAACoB,WAAW,EAAAnB,MAAA,CA4BlD;;;EAED,IAAMoB,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAACxB,QAAQ,EAAE,MAAM,CAAC;EACxE,IAAI,CAACsB,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC1B,QAAQ,EAAE,MAAM,EAAE,EAAE2B,KAAK,EAAE1B,SAAS,CAAC2B,IAAI,CAAC,CAAC,CAAC;EACpE;;EAEA,OAAO5B,QAAQ;AACjB;;AAEA,OAAO,IAAM6B,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIjB,QAAiB,EAAuC;EAC7F,OAAOkB,OAAO,CAAClB,QAAQ,CAAC,IAAIW,MAAM,CAACQ,SAAS,CAACC,cAAc,CAAC3B,IAAI,CAACO,QAAQ,EAAE,aAAa,CAAC;AAC3F,CAAC","ignoreList":[]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -0,0 +1,56 @@
+import type React from 'react';
+import EventEmitter from 'eventemitter3';
+import type { Nullable } from '../../typings/utility-types';
+export type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;
+export interface TRootNodeSubscription {
+    remove: () => void;
+}
+export interface InstanceWithRootNode {
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+}
+interface ComponentWithDefaultRootNode {
+    defaultRootNode?: Element | null;
+}
+interface ComponentWithKonturReactUI {
+    __KONTUR_REACT_UI__?: string;
+    displayName?: string;
+}
+interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
+    new (...args: any[]): React.Component;
+}
+export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
+    new (...args: any[]): {
+        rootNode: Nullable<Element>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
+        setRootNode: (instance: Nullable<React.ReactInstance>) => void;
+        getRootNode: () => Nullable<Element>;
+        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __KONTUR_REACT_UI__: string | undefined;
+    displayName: string | undefined;
+    defaultRootNode?: Element | null | undefined;
+} & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
+export {};

package/lib/stringUtils/package.json

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

package/lib/stringUtils/stringUtils.js

@@ -0,0 +1,13 @@
+export var truncate = function truncate(truncateString, maxLength, separator) {
+  if (separator === void 0) {
+    separator = '...';
+  }
+  if (truncateString.length <= maxLength) {
+    return truncateString;
+  }
+  var separatorLength = separator.length;
+  var charsCountToShow = maxLength - separatorLength;
+  var frontCharsCount = Math.ceil(charsCountToShow / 2);
+  var backCharsCount = Math.floor(charsCountToShow / 2);
+  return "" + truncateString.substr(0, frontCharsCount) + separator + truncateString.substr(truncateString.length - backCharsCount);
+};

package/lib/stringUtils/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["truncate","truncateString","maxLength","separator","length","separatorLength","charsCountToShow","frontCharsCount","Math","ceil","backCharsCount","floor","substr"],"sources":["stringUtils.ts"],"sourcesContent":["export const truncate = (truncateString: string, maxLength: number, separator = '...') => {\n  if (truncateString.length <= maxLength) {\n    return truncateString;\n  }\n\n  const separatorLength = separator.length;\n  const charsCountToShow = maxLength - separatorLength;\n\n  const frontCharsCount = Math.ceil(charsCountToShow / 2);\n  const backCharsCount = Math.floor(charsCountToShow / 2);\n\n  return `${truncateString.substr(0, frontCharsCount)}${separator}${truncateString.substr(\n    truncateString.length - backCharsCount,\n  )}`;\n};\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,cAAsB,EAAEC,SAAiB,EAAEC,SAAS,EAAa,KAAtBA,SAAS,cAATA,SAAS,GAAG,KAAK;EACnF,IAAIF,cAAc,CAACG,MAAM,IAAIF,SAAS,EAAE;IACtC,OAAOD,cAAc;EACvB;;EAEA,IAAMI,eAAe,GAAGF,SAAS,CAACC,MAAM;EACxC,IAAME,gBAAgB,GAAGJ,SAAS,GAAGG,eAAe;;EAEpD,IAAME,eAAe,GAAGC,IAAI,CAACC,IAAI,CAACH,gBAAgB,GAAG,CAAC,CAAC;EACvD,IAAMI,cAAc,GAAGF,IAAI,CAACG,KAAK,CAACL,gBAAgB,GAAG,CAAC,CAAC;;EAEvD,YAAUL,cAAc,CAACW,MAAM,CAAC,CAAC,EAAEL,eAAe,CAAC,GAAGJ,SAAS,GAAGF,cAAc,CAACW,MAAM;IACrFX,cAAc,CAACG,MAAM,GAAGM;EAC1B,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/stringUtils.d.ts

@@ -0,0 +1 @@
+export declare const truncate: (truncateString: string, maxLength: number, separator?: string) => string;

package/lib/styles/ColorFactory/ColorFactory.js

@@ -0,0 +1,108 @@
+import warning from 'warning';
+import { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from "../ColorHelpers";
+import { ColorKeywords } from "../ColorKeywords";
+import { ColorObject } from "../ColorObject";
+var RGB_REGEX = /(?:rgba|rgb)\(\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 = /(?:hsla|hsl)\(\s*(\d{1,3}(?:deg)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*,?\s*(\d{1,3}\.?\d*%|[0-1](?:\.\d*)?\b)\s*(?:\)|(?:,|\/)?\s*(\d{1,3}\.?\d*%|\d+(?:\.\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');
+    }
+    var lowercasedTrimmedInput = input.toLowerCase().trim();
+    if (lowercasedTrimmedInput === 'transparent') {
+      return new ColorObject([0, 0, 0], 0, 'transparent');
+    }
+    if (this.isKeyword(lowercasedTrimmedInput)) {
+      return this.fromKeyword(lowercasedTrimmedInput);
+    }
+    if (lowercasedTrimmedInput.startsWith('rgb')) {
+      var parts = extractColorParts(lowercasedTrimmedInput, RGB_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);
+    }
+    if (lowercasedTrimmedInput.startsWith('hsl')) {
+      var _parts = extractColorParts(lowercasedTrimmedInput, HSL_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(lowercasedTrimmedInput);
+  };
+  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) {
+      var _colorCode$match;
+      (_colorCode$match = colorCode.match(/.{2}/g)) == null || _colorCode$match.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,"names":["warning","clamp","extractColorParts","hue2rgb","parseHSLParts","parseRGBParts","ColorKeywords","ColorObject","RGB_REGEX","HSL_REGEX","HEX_REGEX","ColorFactory","create","input","cache","Object","freeze","instantiate","lowercasedTrimmedInput","toLowerCase","trim","isKeyword","fromKeyword","startsWith","parts","_parseRGBParts","r","g","b","a","fromRGB","_parseHSLParts","h","s","l","fromHSL","fromHex","prototype","hasOwnProperty","call","keyword","hexString","type","test","Error","colorCode","substring","rgb","length","_colorCode$match","match","forEach","c","i","parseInt","split","gray","Math","round","hDeg","t1","t2"],"sources":["ColorFactory.ts"],"sourcesContent":["import warning from 'warning';\n\nimport { clamp, extractColorParts, hue2rgb, parseHSLParts, parseRGBParts } from './ColorHelpers';\nimport { ColorKeywords } from './ColorKeywords';\nimport type { ColorKeywordsType, ColorType, RGBTuple } from './ColorObject';\nimport { ColorObject } from './ColorObject';\n\ninterface ColorFactoryCacheType {\n  [key: string]: ColorObject;\n}\n\nconst RGB_REGEX =\n  /(?:rgba|rgb)\\(\\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  /(?:hsla|hsl)\\(\\s*(\\d{1,3}(?:deg)?\\b)\\s*,?\\s*(\\d{1,3}\\.?\\d*%|[0-1](?:\\.\\d*)?\\b)\\s*,?\\s*(\\d{1,3}\\.?\\d*%|[0-1](?:\\.\\d*)?\\b)\\s*(?:\\)|(?:,|\\/)?\\s*(\\d{1,3}\\.?\\d*%|\\d+(?:\\.\\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    const lowercasedTrimmedInput = input.toLowerCase().trim();\n\n    if (lowercasedTrimmedInput === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    }\n\n    if (this.isKeyword(lowercasedTrimmedInput)) {\n      return this.fromKeyword(lowercasedTrimmedInput);\n    }\n\n    if (lowercasedTrimmedInput.startsWith('rgb')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, RGB_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    }\n\n    if (lowercasedTrimmedInput.startsWith('hsl')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, HSL_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(lowercasedTrimmedInput);\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"],"mappings":"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","ignoreList":[]}

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,117 @@
+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,"names":["clamp","floatFromPercent","ColorFactory","DEFAULT_DARK","create","DEFAULT_LIGHT","ColorFunctionsCache","Object","buildCacheKey","name","_len","arguments","length","args","Array","_key","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","_ref","toRGBString","toHEXString","red","rgb","green","blue","isValid","e","fade","clone"],"sources":["ColorFunctions.ts"],"sourcesContent":["import { clamp, floatFromPercent } from './ColorHelpers';\nimport { ColorFactory } from './ColorFactory';\nimport type { 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"],"mappings":"AAAA,SAASA,KAAK,EAAEC,gBAAgB,QAAQ,gBAAgB;AACxD,SAASC,YAAY,QAAQ,gBAAgB;;;;;;AAM7C,IAAMC,YAAY,GAAGD,YAAY,CAACE,MAAM,CAAC,SAAS,CAAC;AACnD,IAAMC,aAAa,GAAGH,YAAY,CAACE,MAAM,CAAC,MAAM,CAAC;AACjD,IAAME,mBAA8C,GAAGC,MAAM,CAACH,MAAM,CAAC,IAAI,CAAC;;AAE1E,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAY,YAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAKC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA,UAAeN,IAAI,SAAII,IAAI,CAACG,IAAI,CAAC,CAAC,QAAG;;AAEjF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,WAAmB,EAAEC,CAAkB,EAAEC,IAAc,EAAEC,MAAmB,EAAK;EACnG,IAAI,CAACH,WAAW,EAAE;IAChB,OAAO,EAAE;EACX;;EAEA,IAAIA,WAAW,CAACI,WAAW,CAAC,CAAC,KAAK,aAAa,EAAE;IAC/C,OAAO,aAAa;EACtB;;EAEA,IAAIC,MAAc;EAClB,IAAI,OAAOJ,CAAC,KAAK,QAAQ,EAAE;IACzBI,MAAM,GAAGJ,CAAC,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGvB,gBAAgB,CAACkB,CAAC,CAAC,GAAGM,UAAU,CAACN,CAAC,CAAC;EAChE,CAAC,MAAM;IACLI,MAAM,GAAGJ,CAAC;EACZ;EACAI,MAAM,GAAGvB,KAAK,CAACuB,MAAM,EAAE,CAAC,CAAC;;EAEzB,IAAMG,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;EAC9C,IAAMS,GAAG,GAAGD,KAAK,CAACE,KAAK,CAAC,CAAC;;EAEzB,IAAIR,IAAI,KAAK,GAAG,EAAE;IAChBO,GAAG,CAACE,CAAC,IAAIR,MAAM,KAAK,UAAU,GAAGM,GAAG,CAACE,CAAC,GAAGN,MAAM,GAAGA,MAAM;EAC1D,CAAC,MAAM;IACLI,GAAG,CAACE,CAAC,IAAIR,MAAM,KAAK,UAAU,GAAGM,GAAG,CAACE,CAAC,GAAGN,MAAM,GAAGA,MAAM;EAC1D;;EAEAI,GAAG,CAACE,CAAC,GAAG7B,KAAK,CAAC2B,GAAG,CAACE,CAAC,CAAC;;EAEpB,IAAIC,QAAqB;EACzB,IAAIJ,KAAK,CAACK,KAAK,GAAG,CAAC,EAAE;IACnBD,QAAQ,GAAG5B,YAAY,CAACE,MAAM,WAASuB,GAAG,CAACK,CAAC,UAAKL,GAAG,CAACM,CAAC,UAAKN,GAAG,CAACE,CAAC,UAAKF,GAAG,CAACR,CAAC,MAAG,CAAC;EAChF,CAAC,MAAM;IACLW,QAAQ,GAAG5B,YAAY,CAACE,MAAM,UAAQuB,GAAG,CAACK,CAAC,UAAKL,GAAG,CAACM,CAAC,UAAKN,GAAG,CAACE,CAAC,MAAG,CAAC;EACrE;EACA,OAAOC,QAAQ,CAACI,aAAa,CAACR,KAAK,CAACS,IAAI,CAAC;AAC3C,CAAC;;AAED,OAAO,SAASC,OAAOA,CAAClB,WAAmB,EAAEK,MAAuB,EAAEF,MAAmB,EAAE;EACzF,IAAMgB,GAAG,GAAG7B,aAAa,CAAC,SAAS,EAAEU,WAAW,EAAEK,MAAM,EAAEF,MAAM,CAAC;EACjE,IAAIf,mBAAmB,CAAC+B,GAAG,CAAC,KAAKC,SAAS,EAAE;IAC1ChC,mBAAmB,CAAC+B,GAAG,CAAC,GAAGpB,UAAU,CAACC,WAAW,EAAEK,MAAM,EAAE,GAAG,EAAEF,MAAM,CAAC;IACvE,OAAOf,mBAAmB,CAAC+B,GAAG,CAAC;EACjC;EACA,OAAO/B,mBAAmB,CAAC+B,GAAG,CAAC;AACjC;AACA,OAAO,SAASE,MAAMA,CAACrB,WAAmB,EAAEK,MAAuB,EAAEF,MAAmB,EAAE;EACxF,IAAMgB,GAAG,GAAG7B,aAAa,CAAC,QAAQ,EAAEU,WAAW,EAAEK,MAAM,EAAEF,MAAM,CAAC;EAChE,IAAIf,mBAAmB,CAAC+B,GAAG,CAAC,KAAKC,SAAS,EAAE;IAC1ChC,mBAAmB,CAAC+B,GAAG,CAAC,GAAGpB,UAAU,CAACC,WAAW,EAAEK,MAAM,EAAE,GAAG,EAAEF,MAAM,CAAC;IACvE,OAAOf,mBAAmB,CAAC+B,GAAG,CAAC;EACjC;;EAEA,OAAO/B,mBAAmB,CAAC+B,GAAG,CAAC;AACjC;AACA,OAAO,SAASG,QAAQA,CAACtB,WAAmB,EAAEuB,UAAmB,EAAEC,WAAoB,EAAEC,SAAS,EAAS,KAAlBA,SAAS,cAATA,SAAS,GAAG,IAAI;EACvG,IAAMN,GAAG,GAAG7B,aAAa,CAAC,UAAU,EAAEU,WAAW,EAAEuB,UAAU,EAAEC,WAAW,EAAEC,SAAS,CAAC;EACtF,IAAI,CAACzB,WAAW,EAAE;IAChBZ,mBAAmB,CAAC+B,GAAG,CAAC,GAAG,EAAE;EAC/B;EACA,IAAI/B,mBAAmB,CAAC+B,GAAG,CAAC,KAAKC,SAAS,EAAE;IAC1C,IAAMZ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;IAC9C,IAAI0B,IAAI,GAAG,OAAOH,UAAU,KAAK,WAAW,GAAGtC,YAAY,GAAGD,YAAY,CAACE,MAAM,CAACqC,UAAU,CAAC;IAC7F,IAAII,KAAK,GAAG,OAAOH,WAAW,KAAK,WAAW,GAAGrC,aAAa,GAAGH,YAAY,CAACE,MAAM,CAACsC,WAAW,CAAC;;IAEjG;IACA,IAAIE,IAAI,CAACE,IAAI,CAAC,CAAC,GAAGD,KAAK,CAACC,IAAI,CAAC,CAAC,EAAE,KAAAC,IAAA;MACd,CAACF,KAAK,EAAED,IAAI,CAAC,CAA5BA,IAAI,GAAAG,IAAA,IAAEF,KAAK,GAAAE,IAAA;IACd;;IAEA,IAAIrB,KAAK,CAACoB,IAAI,CAAC,CAAC,GAAGH,SAAS,EAAE;MAC5BrC,mBAAmB,CAAC+B,GAAG,CAAC,GAAGQ,KAAK,CAACd,KAAK,GAAG,CAAC,GAAGc,KAAK,CAACG,WAAW,CAAC,CAAC,GAAGH,KAAK,CAACI,WAAW,CAAC,CAAC;IACxF,CAAC,MAAM;MACL3C,mBAAmB,CAAC+B,GAAG,CAAC,GAAGO,IAAI,CAACb,KAAK,GAAG,CAAC,GAAGa,IAAI,CAACI,WAAW,CAAC,CAAC,GAAGJ,IAAI,CAACK,WAAW,CAAC,CAAC;IACrF;EACF;EACA,OAAO3C,mBAAmB,CAAC+B,GAAG,CAAC;AACjC;;AAEA,OAAO,IAAMa,GAAG,GAAG,SAANA,GAAGA,CAAIhC,WAAmB,EAAK;EAC1C,IAAMQ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;EAC9C,OAAOQ,KAAK,CAACyB,GAAG,CAAC,CAAC,CAAC;AACrB,CAAC;AACD,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIlC,WAAmB,EAAK;EAC5C,IAAMQ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;EAC9C,OAAOQ,KAAK,CAACyB,GAAG,CAAC,CAAC,CAAC;AACrB,CAAC;AACD,OAAO,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAInC,WAAmB,EAAK;EAC3C,IAAMQ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;EAC9C,OAAOQ,KAAK,CAACyB,GAAG,CAAC,CAAC,CAAC;AACrB,CAAC;AACD,OAAO,IAAMpB,KAAK,GAAG,SAARA,KAAKA,CAAIb,WAAmB,EAAK;EAC5C,IAAMQ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;EAC9C,OAAOQ,KAAK,CAACK,KAAK;AACpB,CAAC;AACD,OAAO,IAAMuB,OAAO,GAAG,SAAVA,OAAOA,CAAIpC,WAAmB,EAAK;EAC9C,IAAI;IACFhB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC;IAChC,OAAO,IAAI;EACb,CAAC,CAAC,OAAOqC,CAAC,EAAE;IACV,OAAO,KAAK;EACd;AACF,CAAC;AACD,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAItC,WAAmB,EAAEa,KAAa,EAAK;EAC1D,IAAMM,GAAG,GAAG7B,aAAa,CAAC,MAAM,EAAEU,WAAW,EAAEa,KAAK,CAAC;;EAErD,IAAIzB,mBAAmB,CAAC+B,GAAG,CAAC,KAAKC,SAAS,EAAE;IAC1C,IAAMZ,KAAK,GAAGxB,YAAY,CAACE,MAAM,CAACc,WAAW,CAAC,CAACuC,KAAK,CAAC,CAAC;IACtD/B,KAAK,CAACK,KAAK,GAAGA,KAAK;IACnBzB,mBAAmB,CAAC+B,GAAG,CAAC,GAAGX,KAAK,CAACQ,aAAa,CAACR,KAAK,CAACS,IAAI,KAAK,KAAK,GAAG,MAAM,GAAGT,KAAK,CAACS,IAAI,CAAC;EAC5F;EACA,OAAO7B,mBAAmB,CAAC+B,GAAG,CAAC;AACjC,CAAC","ignoreList":[]}

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 @@
+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 {};