@skbkontur/react-ui 3.12.0 → 3.12.3-popup-fix

package/lib/net/fetch.d.ts

@@ -1,13 +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 {};
+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.d.ts

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

package/lib/reactGetTextContent.d.ts

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

package/lib/rootNode/getRootNode/getRootNode.js

@@ -1,7 +1,7 @@
 import { findDOMNode } from 'react-dom';
 import { isHTMLElement } from "../../SSRSafe";
 import { canUseDOM } from "../../client";
-import { isFunction } from "../../utils";
+import { isInstanceWithRootNode } from "../rootNodeDecorator";
 export var getRootNode = function getRootNode(instance) {
   if (!canUseDOM) return null;
 
@@ -9,11 +9,10 @@ export var getRootNode = function getRootNode(instance) {
     return instance;
   }
 
-  var instanceAsAny = instance;
   var node;
 
-  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {
-    node = instanceAsAny.getRootNode();
+  if (isInstanceWithRootNode(instance)) {
+    node = instance.rootNode;
   }
 
   if (node !== undefined) {

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

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","canUseDOM","isFunction","getRootNode","instance","instanceAsAny","node","undefined","HTMLElement"],"mappings":"AAAA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,UAAT,QAA2B,UAA3B;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAL,EAAgB,OAAO,IAAP;AAChB,MAAID,aAAa,CAACI,QAAD,CAAb,IAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAMC,aAAa,GAAGD,QAAtB;AACA,MAAIE,IAAJ;AACA,MAAID,aAAa,IAAIH,UAAU,CAACG,aAAa,CAACF,WAAf,CAA/B,EAA4D;AAC1DG,IAAAA,IAAI,GAAGD,aAAa,CAACF,WAAd,EAAP;AACD;;AAED,MAAIG,IAAI,KAAKC,SAAb,EAAwB;AACtB,WAAOD,IAAP;AACD;;AAEDA,EAAAA,IAAI,GAAGP,WAAW,CAACK,QAAD,CAAlB;AACA,SAAOE,IAAI,YAAYE,WAAhB,GAA8BF,IAA9B,GAAqC,IAA5C;AACD,CAlBM","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement } from '../SSRSafe';\nimport { canUseDOM } from '../client';\nimport { isFunction } from '../utils';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  const instanceAsAny = instance as any;\n  let node;\n  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {\n    node = instanceAsAny.getRootNode();\n  }\n\n  if (node !== undefined) {\n    return node;\n  }\n\n  node = findDOMNode(instance);\n  return node instanceof HTMLElement ? node : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","canUseDOM","isInstanceWithRootNode","getRootNode","instance","node","rootNode","undefined","HTMLElement"],"mappings":"AAAA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAL,EAAgB,OAAO,IAAP;AAChB,MAAID,aAAa,CAACI,QAAD,CAAb,IAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAIC,IAAJ;;AAEA,MAAIH,sBAAsB,CAACE,QAAD,CAA1B,EAAsC;AACpCC,IAAAA,IAAI,GAAGD,QAAQ,CAACE,QAAhB;AACD;;AAED,MAAID,IAAI,KAAKE,SAAb,EAAwB;AACtB,WAAOF,IAAP;AACD;;AAEDA,EAAAA,IAAI,GAAGN,WAAW,CAACK,QAAD,CAAlB;AACA,SAAOC,IAAI,YAAYG,WAAhB,GAA8BH,IAA9B,GAAqC,IAA5C;AACD,CAlBM","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  let node;\n\n  if (isInstanceWithRootNode(instance)) {\n    node = instance.rootNode;\n  }\n\n  if (node !== undefined) {\n    return node;\n  }\n\n  node = findDOMNode(instance);\n  return node instanceof HTMLElement ? node : null;\n};\n"]}

package/lib/rootNode/getRootNode.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;

package/lib/rootNode/index.d.ts

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

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -1,4 +1,5 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import EventEmitter from 'eventemitter3';
 import { getRootNode } from "../getRootNode";
 export function rootNode(Component) {
   var _temp;
@@ -10,16 +11,33 @@ export function rootNode(Component) {
       var _this;
 
       _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;
-      _this.rootNode = void 0;
+      _this.rootNode = null;
+      _this.rootNodeEmitter = new EventEmitter();
 
       _this.setRootNode = function (instance) {
-        _this.rootNode = getRootNode(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;
     }
 
@@ -34,4 +52,7 @@ export function rootNode(Component) {
   }
 
   return rootNode;
-}
+}
+export var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'rootNode') && Object.prototype.hasOwnProperty.call(instance, 'setRootNode');
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["getRootNode","rootNode","Component","setRootNode","instance","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;;;AAIA,SAASA,WAAT,QAA4B,eAA5B;;;;AAIA,OAAO,SAASC,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;AAEZ,wBAAmC;AACjC,8FADiC,MAD5BA,QAC4B;;;AAI5BE,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,cAAKH,QAAL,GAAgBD,WAAW,CAACI,QAAD,CAA3B;AACD,OANkC;;AAQ5BJ,MAAAA,WAR4B,GAQd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAVkC,cAElC,CAJW,kBAAiBC,SAAjB,SAAd;;;AAeA,MAAMG,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCN,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACI,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBR,QAAtB,EAAgC,MAAhC,EAAwC,EAAES,KAAK,EAAER,SAAS,CAACS,IAAnB,EAAxC;AACD;;AAED,SAAOV,QAAP;AACD","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component {\n    public rootNode: Nullable<HTMLElement>;\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      this.rootNode = getRootNode(instance);\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\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"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":";AACA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;AAgBA,OAAO,SAASC,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFM,IAEN,OAD5BE,eAC4B,GADV,IAAIJ,YAAJ,EACU;;;AAI5BK,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAMJ,SAAQ,GAAGD,WAAW,CAACK,QAAD,CAA5B;AACA,YAAIJ,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKE,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCL,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BM,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAA4E;AAC7G,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CALW,kBAAiBN,SAAjB,SAAd;;;AA6BA,MAAMU,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCb,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACW,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBf,QAAtB,EAAgC,MAAhC,EAAwC,EAAEgB,KAAK,EAAEf,SAAS,CAACgB,IAAnB,EAAxC;AACD;;AAED,SAAOjB,QAAP;AACD;;AAED,OAAO,IAAMkB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACd,QAAD,EAAyD;AAC7F;AACEe,IAAAA,OAAO,CAACf,QAAD,CAAP;AACAQ,IAAAA,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,UAA/C,CADA;AAEAQ,IAAAA,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,aAA/C,CAHF;;AAKD,CANM","sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport type TRootNodeSubscription = {\n  remove: () => void;\n};\n\nexport interface InstanceWithRootNode {\n  rootNode: Nullable<HTMLElement>;\n  rootNodeEmitter: EventEmitter;\n  setRootNode: (instance: Nullable<React.ReactInstance>) => void;\n  getRootNode: () => Nullable<HTMLElement>;\n  addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;\n}\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<HTMLElement> = null;\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<HTMLElement> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<HTMLElement>) => 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 (\n    Boolean(instance) &&\n    Object.prototype.hasOwnProperty.call(instance, 'rootNode') &&\n    Object.prototype.hasOwnProperty.call(instance, 'setRootNode')\n  );\n};\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,33 +1,47 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => void;
-export declare function rootNode<T extends new (...args: any[]) => React.Component>(Component: T): {
-    new (...args: any[]): {
-        rootNode: Nullable<HTMLElement>;
-        setRootNode: (instance: Nullable<React.ReactInstance>) => void;
-        getRootNode: () => Nullable<HTMLElement>;
-        context: any;
-        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<{}> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        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;
-    };
-} & T;
+import React from 'react';
+import EventEmitter from 'eventemitter3';
+import { Nullable } from '../../typings/utility-types';
+export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => void;
+export declare type TRootNodeSubscription = {
+    remove: () => void;
+};
+export interface InstanceWithRootNode {
+    rootNode: Nullable<HTMLElement>;
+    rootNodeEmitter: EventEmitter;
+    setRootNode: (instance: Nullable<React.ReactInstance>) => void;
+    getRootNode: () => Nullable<HTMLElement>;
+    addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+}
+export declare function rootNode<T extends new (...args: any[]) => React.Component>(Component: T): {
+    new (...args: any[]): {
+        rootNode: Nullable<HTMLElement>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
+        setRootNode: (instance: Nullable<React.ReactInstance>) => void;
+        getRootNode: () => Nullable<HTMLElement>;
+        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+        context: any;
+        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<{}> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        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;
+    };
+} & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;

package/lib/styles/ColorFactory.d.ts

@@ -1,11 +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;
-}
+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.d.ts

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

package/lib/styles/ColorHelpers.d.ts

@@ -1,20 +1,20 @@
-export declare function clamp(val: number, max?: number): number;
-export declare function integerFromPercent(n: string, size: number): number;
-export declare function floatFromPercent(n: string): number;
-export declare function roundToPrecision(n: number, precision?: number): number;
-export declare function extractColorParts(input: string, solidRegex: RegExp, alphaRegex?: RegExp): RegExpExecArray;
-export declare function parseRGBParts(parts: string[]): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare function parseHSLParts(parts: string[]): {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare function parseToInteger(part: string, size: number): number;
-export declare function parseToFloat(part: string): number;
-export declare function hue2rgb(hue: number, t1: number, t2: number): number;
+export declare function clamp(val: number, max?: number): number;
+export declare function integerFromPercent(n: string, size: number): number;
+export declare function floatFromPercent(n: string): number;
+export declare function roundToPrecision(n: number, precision?: number): number;
+export declare function extractColorParts(input: string, solidRegex: RegExp, alphaRegex?: RegExp): RegExpExecArray;
+export declare function parseRGBParts(parts: string[]): {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare function parseHSLParts(parts: string[]): {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare function parseToInteger(part: string, size: number): number;
+export declare function parseToFloat(part: string): number;
+export declare function hue2rgb(hue: number, t1: number, t2: number): number;

package/lib/styles/ColorKeywords.d.ts

@@ -1,150 +1,150 @@
-export declare const ColorKeywords: {
-    aliceblue: string;
-    antiquewhite: string;
-    aqua: string;
-    aquamarine: string;
-    azure: string;
-    beige: string;
-    bisque: string;
-    black: string;
-    blanchedalmond: string;
-    blue: string;
-    blueviolet: string;
-    brown: string;
-    burlywood: string;
-    cadetblue: string;
-    chartreuse: string;
-    chocolate: string;
-    coral: string;
-    cornflowerblue: string;
-    cornsilk: string;
-    crimson: string;
-    cyan: string;
-    darkblue: string;
-    darkcyan: string;
-    darkgoldenrod: string;
-    darkgray: string;
-    darkgrey: string;
-    darkgreen: string;
-    darkkhaki: string;
-    darkmagenta: string;
-    darkolivegreen: string;
-    darkorange: string;
-    darkorchid: string;
-    darkred: string;
-    darksalmon: string;
-    darkseagreen: string;
-    darkslateblue: string;
-    darkslategray: string;
-    darkslategrey: string;
-    darkturquoise: string;
-    darkviolet: string;
-    deeppink: string;
-    deepskyblue: string;
-    dimgray: string;
-    dimgrey: string;
-    dodgerblue: string;
-    firebrick: string;
-    floralwhite: string;
-    forestgreen: string;
-    fuchsia: string;
-    gainsboro: string;
-    ghostwhite: string;
-    gold: string;
-    goldenrod: string;
-    gray: string;
-    grey: string;
-    green: string;
-    greenyellow: string;
-    honeydew: string;
-    hotpink: string;
-    indianred: string;
-    indigo: string;
-    ivory: string;
-    khaki: string;
-    lavender: string;
-    lavenderblush: string;
-    lawngreen: string;
-    lemonchiffon: string;
-    lightblue: string;
-    lightcoral: string;
-    lightcyan: string;
-    lightgoldenrodyellow: string;
-    lightgray: string;
-    lightgrey: string;
-    lightgreen: string;
-    lightpink: string;
-    lightsalmon: string;
-    lightseagreen: string;
-    lightskyblue: string;
-    lightslategray: string;
-    lightslategrey: string;
-    lightsteelblue: string;
-    lightyellow: string;
-    lime: string;
-    limegreen: string;
-    linen: string;
-    magenta: string;
-    maroon: string;
-    mediumaquamarine: string;
-    mediumblue: string;
-    mediumorchid: string;
-    mediumpurple: string;
-    mediumseagreen: string;
-    mediumslateblue: string;
-    mediumspringgreen: string;
-    mediumturquoise: string;
-    mediumvioletred: string;
-    midnightblue: string;
-    mintcream: string;
-    mistyrose: string;
-    moccasin: string;
-    navajowhite: string;
-    navy: string;
-    oldlace: string;
-    olive: string;
-    olivedrab: string;
-    orange: string;
-    orangered: string;
-    orchid: string;
-    palegoldenrod: string;
-    palegreen: string;
-    paleturquoise: string;
-    palevioletred: string;
-    papayawhip: string;
-    peachpuff: string;
-    peru: string;
-    pink: string;
-    plum: string;
-    powderblue: string;
-    purple: string;
-    rebeccapurple: string;
-    red: string;
-    rosybrown: string;
-    royalblue: string;
-    saddlebrown: string;
-    salmon: string;
-    sandybrown: string;
-    seagreen: string;
-    seashell: string;
-    sienna: string;
-    silver: string;
-    skyblue: string;
-    slateblue: string;
-    slategray: string;
-    slategrey: string;
-    snow: string;
-    springgreen: string;
-    steelblue: string;
-    tan: string;
-    teal: string;
-    thistle: string;
-    tomato: string;
-    turquoise: string;
-    violet: string;
-    wheat: string;
-    white: string;
-    whitesmoke: string;
-    yellow: string;
-    yellowgreen: string;
-};
+export declare const ColorKeywords: {
+    aliceblue: string;
+    antiquewhite: string;
+    aqua: string;
+    aquamarine: string;
+    azure: string;
+    beige: string;
+    bisque: string;
+    black: string;
+    blanchedalmond: string;
+    blue: string;
+    blueviolet: string;
+    brown: string;
+    burlywood: string;
+    cadetblue: string;
+    chartreuse: string;
+    chocolate: string;
+    coral: string;
+    cornflowerblue: string;
+    cornsilk: string;
+    crimson: string;
+    cyan: string;
+    darkblue: string;
+    darkcyan: string;
+    darkgoldenrod: string;
+    darkgray: string;
+    darkgrey: string;
+    darkgreen: string;
+    darkkhaki: string;
+    darkmagenta: string;
+    darkolivegreen: string;
+    darkorange: string;
+    darkorchid: string;
+    darkred: string;
+    darksalmon: string;
+    darkseagreen: string;
+    darkslateblue: string;
+    darkslategray: string;
+    darkslategrey: string;
+    darkturquoise: string;
+    darkviolet: string;
+    deeppink: string;
+    deepskyblue: string;
+    dimgray: string;
+    dimgrey: string;
+    dodgerblue: string;
+    firebrick: string;
+    floralwhite: string;
+    forestgreen: string;
+    fuchsia: string;
+    gainsboro: string;
+    ghostwhite: string;
+    gold: string;
+    goldenrod: string;
+    gray: string;
+    grey: string;
+    green: string;
+    greenyellow: string;
+    honeydew: string;
+    hotpink: string;
+    indianred: string;
+    indigo: string;
+    ivory: string;
+    khaki: string;
+    lavender: string;
+    lavenderblush: string;
+    lawngreen: string;
+    lemonchiffon: string;
+    lightblue: string;
+    lightcoral: string;
+    lightcyan: string;
+    lightgoldenrodyellow: string;
+    lightgray: string;
+    lightgrey: string;
+    lightgreen: string;
+    lightpink: string;
+    lightsalmon: string;
+    lightseagreen: string;
+    lightskyblue: string;
+    lightslategray: string;
+    lightslategrey: string;
+    lightsteelblue: string;
+    lightyellow: string;
+    lime: string;
+    limegreen: string;
+    linen: string;
+    magenta: string;
+    maroon: string;
+    mediumaquamarine: string;
+    mediumblue: string;
+    mediumorchid: string;
+    mediumpurple: string;
+    mediumseagreen: string;
+    mediumslateblue: string;
+    mediumspringgreen: string;
+    mediumturquoise: string;
+    mediumvioletred: string;
+    midnightblue: string;
+    mintcream: string;
+    mistyrose: string;
+    moccasin: string;
+    navajowhite: string;
+    navy: string;
+    oldlace: string;
+    olive: string;
+    olivedrab: string;
+    orange: string;
+    orangered: string;
+    orchid: string;
+    palegoldenrod: string;
+    palegreen: string;
+    paleturquoise: string;
+    palevioletred: string;
+    papayawhip: string;
+    peachpuff: string;
+    peru: string;
+    pink: string;
+    plum: string;
+    powderblue: string;
+    purple: string;
+    rebeccapurple: string;
+    red: string;
+    rosybrown: string;
+    royalblue: string;
+    saddlebrown: string;
+    salmon: string;
+    sandybrown: string;
+    seagreen: string;
+    seashell: string;
+    sienna: string;
+    silver: string;
+    skyblue: string;
+    slateblue: string;
+    slategray: string;
+    slategrey: string;
+    snow: string;
+    springgreen: string;
+    steelblue: string;
+    tan: string;
+    teal: string;
+    thistle: string;
+    tomato: string;
+    turquoise: string;
+    violet: string;
+    wheat: string;
+    white: string;
+    whitesmoke: string;
+    yellow: string;
+    yellowgreen: string;
+};