@skbkontur/react-ui 0.0.0-7b63c63db3 → 0.0.0-7feb61cdde

package/lib/rootNode/getRootNode/getRootNode.js

@@ -1,27 +1,35 @@
 /* eslint-disable react/no-find-dom-node */
 import { findDOMNode } from 'react-dom';
-import { isHTMLElement, isNode } from "../../SSRSafe";
+import warning from 'warning';
+import { isElement, isNode } from "../../SSRSafe";
 import { canUseDOM } from "../../client";
 import { isInstanceWithRootNode } from "../rootNodeDecorator";
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * 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 HTMLElement or null
+ * @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 (!canUseDOM || !instance) {
     // instance can be `null` if component was unmounted
-    // also checking undefined for convinient usage
+    // also checking undefined for convenient usage
     return null;
   }
 
-  if (isHTMLElement(instance)) {
-    // instance can be a HTMLElement already if comming
+  if (isElement(instance)) {
+    // instance can be an Element already if its coming
     // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
@@ -31,7 +39,7 @@ export var getRootNode = function getRootNode(instance) {
   if (isInstanceWithRootNode(instance)) {
     // it happened to be that native Node interface also has
     // the "getRootNode" method, but we can ignore it here
-    // because we'd already checked the instance on being an HTMLElement
+    // because we'd already checked the instance on being an Element
     // which is a subclass of Node, so, just fixing types here
     if (!isNode(instance)) {
       rootNode = instance.getRootNode();
@@ -39,15 +47,25 @@ export var getRootNode = function getRootNode(instance) {
   }
 
   if (rootNode !== undefined) {
-    // at this point, it is rather HTMLElement (what we are looking for)
-    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it
+    // 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;
-  } // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined
-  // anyway, it tell us that the convention is not respected (by the component itself or its children),
-  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode
+  }
 
+  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
 
-  rootNode = findDOMNode(instance); // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it
 
-  return isHTMLElement(rootNode) ? rootNode : null;
+  return isElement(rootNode) ? rootNode : null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","isNode","canUseDOM","isInstanceWithRootNode","getRootNode","instance","rootNode","undefined"],"mappings":"AAAA;AACA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,YAAtC;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAD,IAAc,CAACG,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAIL,aAAa,CAACK,QAAD,CAAjB,EAA6B;AAC3B;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIC,QAAJ;;AAEA,MAAIH,sBAAsB,CAACE,QAAD,CAA1B,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAACJ,MAAM,CAACI,QAAD,CAAX,EAAuB;AACrBC,MAAAA,QAAQ,GAAGD,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIE,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED;AACA;AACA;AACAA,EAAAA,QAAQ,GAAGP,WAAW,CAACM,QAAD,CAAtB;;AAEA;AACA,SAAOL,aAAa,CAACM,QAAD,CAAb,GAA0BA,QAA1B,GAAqC,IAA5C;AACD,CAtCM","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root HTMLElement 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 HTMLElement or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convinient usage\n    return null;\n  }\n\n  if (isHTMLElement(instance)) {\n    // instance can be a HTMLElement already if comming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an HTMLElement\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // at this point, it is rather HTMLElement (what we are looking for)\n    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it\n    return rootNode;\n  }\n\n  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined\n  // anyway, it tell us that the convention is not respected (by the component itself or its children),\n  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode\n  rootNode = findDOMNode(instance);\n\n  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it\n  return isHTMLElement(rootNode) ? rootNode : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","warning","isElement","isNode","canUseDOM","isInstanceWithRootNode","getRootNode","instance","rootNode","undefined","e","message"],"mappings":"AAAA;AACA,SAASA,WAAT,QAA4B,WAA5B;;AAEA,OAAOC,OAAP,MAAoB,SAApB;;;AAGA,SAASC,SAAT,EAAoBC,MAApB,QAAkC,YAAlC;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;;AAEE,MAAI,CAACH,SAAD,IAAc,CAACG,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAIL,SAAS,CAACK,QAAD,CAAb,EAAyB;AACvB;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIC,QAAJ;;AAEA,MAAIH,sBAAsB,CAACE,QAAD,CAA1B,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAACJ,MAAM,CAACI,QAAD,CAAX,EAAuB;AACrBC,MAAAA,QAAQ,GAAGD,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIE,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED,MAAI;AACF;AACA;AACA;AACA;AACAA,IAAAA,QAAQ,GAAGR,WAAW,CAACO,QAAD,CAAtB;AACD,GAND,CAME,OAAOG,CAAP,EAAU;AACV;AACA;AACA;AACAT,IAAAA,OAAO;AACL,SADK;AAEL;AACE,QADF;AAEE,mGAFF;AAGE,UAHF;AAIES,IAAAA,CAAC,CAACC,OANC,CAAP;;AAQA,WAAO,IAAP;AACD;;AAED;AACA,SAAOT,SAAS,CAACM,QAAD,CAAT,GAAsBA,QAAtB,GAAiC,IAAxC;AACD,CA9DM","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\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 (!canUseDOM || !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    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an Element\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\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"]}

package/lib/rootNode/getRootNode.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 /**
- * Extracts component's root HTMLElement out of it's instance
+ * 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 HTMLElement or null
+ * @returns Component's root `Element` or null
  */
-export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<HTMLElement>;
+export declare const getRootNode: (instance: Nullable<React.ReactInstance>) => Nullable<Element>;

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

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;AAqBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFMC,SAAS,CAACC,eAEhB,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,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,kBAAiBP,SAAjB,CAAd;;;AA6BA,MAAMW,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCd,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACY,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBhB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEiB,KAAK,EAAEhB,SAAS,CAACiB,IAAnB,EAAxC;AACD;;AAED,SAAOlB,QAAP;AACD;;AAED,OAAO,IAAMmB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACd,QAAD,EAAyD;AAC7F,SAAOe,OAAO,CAACf,QAAD,CAAP,IAAqBQ,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport 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  getRootNode: () => Nullable<HTMLElement>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: HTMLElement | null;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode {\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 rootNode: Nullable<HTMLElement> = 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<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 Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;AAqBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFEC,SAAS,CAACC,eAEZ,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,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,kBAAiBP,SAAjB,CAAd;;;AA6BA,MAAMW,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCd,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACY,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBhB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEiB,KAAK,EAAEhB,SAAS,CAACiB,IAAnB,EAAxC;AACD;;AAED,SAAOlB,QAAP;AACD;;AAED,OAAO,IAAMmB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACd,QAAD,EAAyD;AAC7F,SAAOe,OAAO,CAACf,QAAD,CAAP,IAAqBQ,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport 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 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}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode {\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 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"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -2,26 +2,26 @@ 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 = {
+export interface TRootNodeSubscription {
     remove: () => void;
-};
+}
 export interface InstanceWithRootNode {
-    getRootNode: () => Nullable<HTMLElement>;
-    addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+    getRootNode: () => Nullable<Element>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;
 }
 interface ComponentWithDefaultRootNode {
-    defaultRootNode?: HTMLElement | null;
+    defaultRootNode?: Element | null;
 }
 interface DecoratableClassComponent extends ComponentWithDefaultRootNode {
     new (...args: any[]): React.Component;
 }
 export declare function rootNode<T extends DecoratableClassComponent>(Component: T): {
     new (...args: any[]): {
-        rootNode: Nullable<HTMLElement>;
+        rootNode: Nullable<Element>;
         rootNodeEmitter: EventEmitter<string | symbol, any>;
         setRootNode: (instance: Nullable<React.ReactInstance>) => void;
-        getRootNode: () => Nullable<HTMLElement>;
-        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+        getRootNode: () => Nullable<Element>;
+        addRootNodeChangeListener: (callback: (node: Nullable<Element>) => 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;
@@ -46,7 +46,7 @@ export declare function rootNode<T extends DecoratableClassComponent>(Component:
         componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    defaultRootNode?: HTMLElement | null | undefined;
+    defaultRootNode?: Element | null | undefined;
 } & T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;
 export {};

package/lib/styles/ColorFactory/ColorFactory.js

@@ -84,7 +84,9 @@ export var ColorFactory = /*#__PURE__*/function () {
     var rgb = [0, 0, 0];
 
     if (colorCode.length === 6) {
-      colorCode.match(/.{2}/g).forEach(function (c, i) {
+      var _colorCode$match;
+
+      (_colorCode$match = colorCode.match(/.{2}/g)) == null ? void 0 : _colorCode$match.forEach(function (c, i) {
         rgb[i] = parseInt(c, 16);
       });
     } else if (colorCode.length === 3) {

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

@@ -1 +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","lowercasedTrimmedInput","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    const lowercasedTrimmedInput = input.toLowerCase().trim();\n\n    if (lowercasedTrimmedInput === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    } else if (this.isKeyword(lowercasedTrimmedInput)) {\n      return this.fromKeyword(lowercasedTrimmedInput);\n    } else if (lowercasedTrimmedInput.startsWith('rgb')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, 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 (lowercasedTrimmedInput.startsWith('hsl')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, 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(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"]}
+{"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","lowercasedTrimmedInput","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    const lowercasedTrimmedInput = input.toLowerCase().trim();\n\n    if (lowercasedTrimmedInput === 'transparent') {\n      return new ColorObject([0, 0, 0], 0, 'transparent');\n    } else if (this.isKeyword(lowercasedTrimmedInput)) {\n      return this.fromKeyword(lowercasedTrimmedInput);\n    } else if (lowercasedTrimmedInput.startsWith('rgb')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, 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 (lowercasedTrimmedInput.startsWith('hsl')) {\n      const parts = extractColorParts(lowercasedTrimmedInput, 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(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"]}

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

@@ -1 +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":"AAAA,SAASA,KAAT,EAAgBC,gBAAhB,QAAwC,gBAAxC;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;AAMA,IAAMC,YAAY,GAAGD,YAAY,CAACE,MAAb,CAAoB,SAApB,CAArB;AACA,IAAMC,aAAa,GAAGH,YAAY,CAACE,MAAb,CAAoB,MAApB,CAAtB;AACA,IAAME,mBAA8C,GAAGC,MAAM,CAACH,MAAP,CAAc,IAAd,CAAvD;;AAEA,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,qCAAkBC,IAAlB,uEAAkBA,IAAlB,qCAAqCD,IAArC,SAA6CC,IAAI,CAACC,IAAL,EAA7C,QAAtB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,WAAD,EAAsBC,CAAtB,EAA0CC,IAA1C,EAA0DC,MAA1D,EAAkF;AACnG,MAAI,CAACH,WAAL,EAAkB;AAChB,WAAO,EAAP;AACD;;AAED,MAAIA,WAAW,CAACI,WAAZ,OAA8B,aAAlC,EAAiD;AAC/C,WAAO,aAAP;AACD;;AAED,MAAIC,MAAJ;AACA,MAAI,OAAOJ,CAAP,KAAa,QAAjB,EAA2B;AACzBI,IAAAA,MAAM,GAAGJ,CAAC,CAACK,QAAF,CAAW,GAAX,IAAkBlB,gBAAgB,CAACa,CAAD,CAAlC,GAAwCM,UAAU,CAACN,CAAD,CAA3D;AACD,GAFD,MAEO;AACLI,IAAAA,MAAM,GAAGJ,CAAT;AACD;AACDI,EAAAA,MAAM,GAAGlB,KAAK,CAACkB,MAAD,EAAS,CAAT,CAAd;;AAEA,MAAMG,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,MAAMS,GAAG,GAAGD,KAAK,CAACE,KAAN,EAAZ;;AAEA,MAAIR,IAAI,KAAK,GAAb,EAAkB;AAChBO,IAAAA,GAAG,CAACE,CAAJ,IAASR,MAAM,KAAK,UAAX,GAAwBM,GAAG,CAACE,CAAJ,GAAQN,MAAhC,GAAyCA,MAAlD;AACD,GAFD,MAEO;AACLI,IAAAA,GAAG,CAACE,CAAJ,IAASR,MAAM,KAAK,UAAX,GAAwBM,GAAG,CAACE,CAAJ,GAAQN,MAAhC,GAAyCA,MAAlD;AACD;;AAEDI,EAAAA,GAAG,CAACE,CAAJ,GAAQxB,KAAK,CAACsB,GAAG,CAACE,CAAL,CAAb;;AAEA,MAAIC,QAAJ;AACA,MAAIJ,KAAK,CAACK,KAAN,GAAc,CAAlB,EAAqB;AACnBD,IAAAA,QAAQ,GAAGvB,YAAY,CAACE,MAAb,WAA4BkB,GAAG,CAACK,CAAhC,UAAsCL,GAAG,CAACM,CAA1C,UAAgDN,GAAG,CAACE,CAApD,UAA0DF,GAAG,CAACR,CAA9D,OAAX;AACD,GAFD,MAEO;AACLW,IAAAA,QAAQ,GAAGvB,YAAY,CAACE,MAAb,UAA2BkB,GAAG,CAACK,CAA/B,UAAqCL,GAAG,CAACM,CAAzC,UAA+CN,GAAG,CAACE,CAAnD,OAAX;AACD;AACD,SAAOC,QAAQ,CAACI,aAAT,CAAuBR,KAAK,CAACS,IAA7B,CAAP;AACD,CAnCD;;AAqCA,OAAO,SAASC,OAAT,CAAiBlB,WAAjB,EAAsCK,MAAtC,EAA+DF,MAA/D,EAAoF;AACzF,MAAMgB,GAAG,GAAGxB,aAAa,CAAC,SAAD,EAAYK,WAAZ,EAAyBK,MAAzB,EAAiCF,MAAjC,CAAzB;AACA,MAAIV,mBAAmB,CAAC0B,GAAD,CAAnB,KAA6BC,SAAjC,EAA4C;AAC1C3B,IAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2BpB,UAAU,CAACC,WAAD,EAAcK,MAAd,EAAsB,GAAtB,EAA2BF,MAA3B,CAArC;AACA,WAAOV,mBAAmB,CAAC0B,GAAD,CAA1B;AACD;AACD,SAAO1B,mBAAmB,CAAC0B,GAAD,CAA1B;AACD;AACD,OAAO,SAASE,MAAT,CAAgBrB,WAAhB,EAAqCK,MAArC,EAA8DF,MAA9D,EAAmF;AACxF,MAAMgB,GAAG,GAAGxB,aAAa,CAAC,QAAD,EAAWK,WAAX,EAAwBK,MAAxB,EAAgCF,MAAhC,CAAzB;AACA,MAAIV,mBAAmB,CAAC0B,GAAD,CAAnB,KAA6BC,SAAjC,EAA4C;AAC1C3B,IAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2BpB,UAAU,CAACC,WAAD,EAAcK,MAAd,EAAsB,GAAtB,EAA2BF,MAA3B,CAArC;AACA,WAAOV,mBAAmB,CAAC0B,GAAD,CAA1B;AACD;;AAED,SAAO1B,mBAAmB,CAAC0B,GAAD,CAA1B;AACD;AACD,OAAO,SAASG,QAAT,CAAkBtB,WAAlB,EAAuCuB,UAAvC,EAA4DC,WAA5D,EAAkFC,SAAlF,EAAoG,KAAlBA,SAAkB,cAAlBA,SAAkB,GAAN,IAAM;AACzG,MAAMN,GAAG,GAAGxB,aAAa,CAAC,UAAD,EAAaK,WAAb,EAA0BuB,UAA1B,EAAsCC,WAAtC,EAAmDC,SAAnD,CAAzB;AACA,MAAI,CAACzB,WAAL,EAAkB;AAChBP,IAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2B,EAA3B;AACD;AACD,MAAI1B,mBAAmB,CAAC0B,GAAD,CAAnB,KAA6BC,SAAjC,EAA4C;AAC1C,QAAMZ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,QAAI0B,IAAI,GAAG,OAAOH,UAAP,KAAsB,WAAtB,GAAoCjC,YAApC,GAAmDD,YAAY,CAACE,MAAb,CAAoBgC,UAApB,CAA9D;AACA,QAAII,KAAK,GAAG,OAAOH,WAAP,KAAuB,WAAvB,GAAqChC,aAArC,GAAqDH,YAAY,CAACE,MAAb,CAAoBiC,WAApB,CAAjE;;AAEA;AACA,QAAIE,IAAI,CAACE,IAAL,KAAcD,KAAK,CAACC,IAAN,EAAlB,EAAgC;AACd,OAACD,KAAD,EAAQD,IAAR,CADc,CAC7BA,IAD6B,WACvBC,KADuB;AAE/B;;AAED,QAAInB,KAAK,CAACoB,IAAN,KAAeH,SAAnB,EAA8B;AAC5BhC,MAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2BQ,KAAK,CAACd,KAAN,GAAc,CAAd,GAAkBc,KAAK,CAACE,WAAN,EAAlB,GAAwCF,KAAK,CAACG,WAAN,EAAnE;AACD,KAFD,MAEO;AACLrC,MAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2BO,IAAI,CAACb,KAAL,GAAa,CAAb,GAAiBa,IAAI,CAACG,WAAL,EAAjB,GAAsCH,IAAI,CAACI,WAAL,EAAjE;AACD;AACF;AACD,SAAOrC,mBAAmB,CAAC0B,GAAD,CAA1B;AACD;;AAED,OAAO,IAAMY,GAAG,GAAG,SAANA,GAAM,CAAC/B,WAAD,EAAyB;AAC1C,MAAMQ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,SAAOQ,KAAK,CAACwB,GAAN,CAAU,CAAV,CAAP;AACD,CAHM;AAIP,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACjC,WAAD,EAAyB;AAC5C,MAAMQ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,SAAOQ,KAAK,CAACwB,GAAN,CAAU,CAAV,CAAP;AACD,CAHM;AAIP,OAAO,IAAME,IAAI,GAAG,SAAPA,IAAO,CAAClC,WAAD,EAAyB;AAC3C,MAAMQ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,SAAOQ,KAAK,CAACwB,GAAN,CAAU,CAAV,CAAP;AACD,CAHM;AAIP,OAAO,IAAMnB,KAAK,GAAG,SAARA,KAAQ,CAACb,WAAD,EAAyB;AAC5C,MAAMQ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,CAAd;AACA,SAAOQ,KAAK,CAACK,KAAb;AACD,CAHM;AAIP,OAAO,IAAMsB,OAAO,GAAG,SAAVA,OAAU,CAACnC,WAAD,EAAyB;AAC9C,MAAI;AACFX,IAAAA,YAAY,CAACE,MAAb,CAAoBS,WAApB;AACA,WAAO,IAAP;AACD,GAHD,CAGE,OAAOoC,CAAP,EAAU;AACV,WAAO,KAAP;AACD;AACF,CAPM;AAQP,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACrC,WAAD,EAAsBa,KAAtB,EAAwC;AAC1D,MAAMM,GAAG,GAAGxB,aAAa,CAAC,MAAD,EAASK,WAAT,EAAsBa,KAAtB,CAAzB;;AAEA,MAAIpB,mBAAmB,CAAC0B,GAAD,CAAnB,KAA6BC,SAAjC,EAA4C;AAC1C,QAAMZ,KAAK,GAAGnB,YAAY,CAACE,MAAb,CAAoBS,WAApB,EAAiCsC,KAAjC,EAAd;AACA9B,IAAAA,KAAK,CAACK,KAAN,GAAcA,KAAd;AACApB,IAAAA,mBAAmB,CAAC0B,GAAD,CAAnB,GAA2BX,KAAK,CAACQ,aAAN,CAAoBR,KAAK,CAACS,IAAN,KAAe,KAAf,GAAuB,MAAvB,GAAgCT,KAAK,CAACS,IAA1D,CAA3B;AACD;AACD,SAAOxB,mBAAmB,CAAC0B,GAAD,CAA1B;AACD,CATM","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"]}
+{"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/theming/AnimationKeyframes/AnimationKeyframes.js

@@ -1,25 +1,19 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { keyframes } from "../Emotion";
 export var AnimationKeyframes = {
-  spinnerCloudOffset: function spinnerCloudOffset(t) {
-    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      "])));
+  spinnerCircleOffset: function spinnerCircleOffset() {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
   },
-  spinnerCloudLength: function spinnerCloudLength(t) {
-    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      "])));
+  spinnerCircleLength: function spinnerCircleLength() {
+    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
   },
-  spinnerCircleOffset: function spinnerCircleOffset(t) {
-    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
-  },
-  spinnerCircleLength: function spinnerCircleLength(t) {
-    return keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
-  },
-  spinnerCircleRotate: function spinnerCircleRotate(t) {
-    return keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
+  spinnerCircleRotate: function spinnerCircleRotate() {
+    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
   },
   spinnerColor: function spinnerColor(t) {
-    return keyframes(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
+    return keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
   }
 };

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCloudOffset","t","spinnerCloudLength","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","red","yellow","green","brand"],"mappings":"8MAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,kBADgC,8BACbC,CADa,EACH;AAC3B,WAAOH,SAAP;;;;AAID,GAN+B;;AAQhCI,EAAAA,kBARgC,8BAQbD,CARa,EAQH;AAC3B,WAAOH,SAAP;;;;;AAKD,GAd+B;AAehCK,EAAAA,mBAfgC,+BAeZF,CAfY,EAeF;AAC5B,WAAOH,SAAP;;;;AAID,GApB+B;AAqBhCM,EAAAA,mBArBgC,+BAqBZH,CArBY,EAqBF;AAC5B,WAAOH,SAAP;;;;;AAKD,GA3B+B;AA4BhCO,EAAAA,mBA5BgC,+BA4BZJ,CA5BY,EA4BF;AAC5B,WAAOH,SAAP;;;AAGD,GAhC+B;AAiChCQ,EAAAA,YAjCgC,wBAiCnBL,CAjCmB,EAiCT;AACrB,WAAOH,SAAP;AACyBG,IAAAA,CAAC,CAACM,GAD3B;AAEoBN,IAAAA,CAAC,CAACO,MAFtB;AAGoBP,IAAAA,CAAC,CAACQ,KAHtB;AAIyBR,IAAAA,CAAC,CAACS,KAJ3B;;AAMD,GAxC+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCloudOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      `;\n  },\n\n  spinnerCloudLength(t: Theme) {\n    return keyframes`\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      `;\n  },\n  spinnerCircleOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength(t: Theme) {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate(t: Theme) {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n};\n"]}
+{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","t","red","yellow","green","brand"],"mappings":"0KAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,mBADgC,iCACV;AACpB,WAAOF,SAAP;;;;AAID,GAN+B;AAOhCG,EAAAA,mBAPgC,iCAOV;AACpB,WAAOH,SAAP;;;;;AAKD,GAb+B;AAchCI,EAAAA,mBAdgC,iCAcV;AACpB,WAAOJ,SAAP;;;AAGD,GAlB+B;AAmBhCK,EAAAA,YAnBgC,wBAmBnBC,CAnBmB,EAmBT;AACrB,WAAON,SAAP;AACyBM,IAAAA,CAAC,CAACC,GAD3B;AAEoBD,IAAAA,CAAC,CAACE,MAFtB;AAGoBF,IAAAA,CAAC,CAACG,KAHtB;AAIyBH,IAAAA,CAAC,CAACI,KAJ3B;;AAMD,GA1B+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n};\n"]}

package/lib/theming/AnimationKeyframes.d.ts

@@ -1,9 +1,7 @@
 import { Theme } from './Theme';
 export declare const AnimationKeyframes: {
-    spinnerCloudOffset(t: Theme): string;
-    spinnerCloudLength(t: Theme): string;
-    spinnerCircleOffset(t: Theme): string;
-    spinnerCircleLength(t: Theme): string;
-    spinnerCircleRotate(t: Theme): string;
+    spinnerCircleOffset(): string;
+    spinnerCircleLength(): string;
+    spinnerCircleRotate(): string;
     spinnerColor(t: Theme): string;
 };

package/lib/theming/Emotion/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,eAAe,GAAGD,OAAO,CAACE,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUJ,OAAO,CAACK,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACLT,aAAa,CAAC;AACZU,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAACJ,gBAAgB,CAACI,KAAD,CAAjB,CAAH,GAA+BQ,SAHvC,EAAD,CADR,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAOP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,KAAc,CAArB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BxC,eAA1B;AACA,cAAmCyC,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMpC,GAAN,EAAc;AACxC,8BAAYoC,GAAZ,6BAAkBpC,GAAlB,IAA2BiC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAAClC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n  });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}
+{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;;AAKA,IAAMC,eAAe,GAAGD,OAAO,CAACE,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUJ,OAAO,CAACK,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACLT,aAAa,CAAC;AACZU,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAACJ,gBAAgB,CAACI,KAAD,CAAjB,CAAH,GAA+BQ,SAHvC,EAAD,CADR,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAOP,SAASC,UAAT,CAAwDC,EAAxD,EAAsG;AACpG,SAAOA,EAAE,CAACC,MAAH,KAAc,CAArB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAyBF,EAAzB,EAA0F;AACxG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BxC,eAA1B;AACA,cAAmCyC,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMpC,GAAN,EAAc;AACxC,8BAAYoC,GAAZ,6BAAkBpC,GAAlB,IAA2BiC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAAClC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}

package/lib/theming/ThemeContext.md

@@ -35,12 +35,14 @@ public context: Theme = this.context;
 
 Список существующих тем:
 
-| Имя                     | Описание         |
-| ----------------------- |------------------|
-| `DEFAULT_THEME`         | Дефолтная        |
-| `DARK_THEME`            | Темная           |
-| `DEFAULT_THEME_8PX_OLD` | Старая дефолтная |
-| `FLAT_THEME_8PX_OLD`    | Старая плоская   |
+| Имя                     | Описание                                          |
+|-------------------------|---------------------------------------------------|
+| `THEME_2022`            | Станет дефолтной в `5.0`                          |
+| `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
+| `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
+| `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
 
 ## Примеры использования
 
@@ -230,14 +232,16 @@ const myTheme = ThemeFactory.create<AddonsThemeIn>({
 Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
 
 ```typescript static
-lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
-red(colorString: string): string
-green(colorString: string): string
-blue(colorString: string): string
-alpha(colorString: string): string
-isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
+ColorFunctions.red(colorString: string): string
+ColorFunctions.green(colorString: string): string
+ColorFunctions.blue(colorString: string): string
+ColorFunctions.alpha(colorString: string): string
+ColorFunctions.isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
 ```
 
 Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
@@ -248,10 +252,12 @@ isValid(colorString: string): boolean // проверяет, можно ли р
 Если это возможно, результат возвращается в том же виде, что и входная строка:
 
 ```typescript static
-lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
-lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
-lighten('#80e619', 0.2) === '#b3f075';
-lighten('crimson', '20%') === '#f16581';
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
+ColorFunctions.lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
+ColorFunctions.lighten('#80e619', 0.2) === '#b3f075';
+ColorFunctions.lighten('crimson', '20%') === '#f16581';
 ```
 
 Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
@@ -260,6 +266,8 @@ lighten('crimson', '20%') === '#f16581';
 shift(value: string, shift: string): string
 
 // пример
+import { DimensionFunctions } from '@skbkontur/react-ui'
+
 DimensionFunctions.shift('100%', '-20') === '80%'
 DimensionFunctions.shift('2em', '+2') === '4em'
 DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px

package/lib/theming/ThemeFactory/ThemeFactory.js

@@ -1,6 +1,6 @@
 import { DefaultThemeInternal } from "../../../internal/themes/DefaultTheme";
 import { isNonNullable } from "../../utils";
-import { findPropertyDescriptor } from "../ThemeHelpers";
+import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from "../ThemeHelpers";
 export var ThemeFactory = /*#__PURE__*/function () {
   function ThemeFactory() {}
 
@@ -10,9 +10,15 @@ export var ThemeFactory = /*#__PURE__*/function () {
   };
 
   ThemeFactory.overrideDefaultTheme = function overrideDefaultTheme(theme) {
+    // copying theme variables
     ThemeFactory.getKeys(DefaultThemeInternal).forEach(function (variableName) {
       var descriptor = findPropertyDescriptor(theme, variableName);
       Object.defineProperty(DefaultThemeInternal, variableName, descriptor);
+    }); // copying theme markers
+
+    Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
+      var descriptor = findPropertyDescriptor(theme, marker.key);
+      Object.defineProperty(DefaultThemeInternal, marker.key, descriptor);
     });
   };
 
@@ -37,7 +43,10 @@ export var ThemeFactory = /*#__PURE__*/function () {
     var newTheme = Object.create(base);
     Object.keys(theme).forEach(function (propName) {
       var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
-      Object.defineProperty(newTheme, propName, descriptor);
+
+      if (descriptor) {
+        Object.defineProperty(newTheme, propName, descriptor);
+      }
     });
     return Object.freeze(newTheme);
   };

package/lib/theming/ThemeFactory/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","isNonNullable","findPropertyDescriptor","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideDefaultTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","keys","key","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;AACA,SAASC,aAAT,QAA8B,UAA9B;;;AAGA,SAASC,sBAAT,QAAuC,gBAAvC;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAA+F;AAC7F,QAAMC,IAAI,GAAGD,SAAS,IAAIN,oBAA1B;AACA,WAAO,KAAKQ,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,GAJH;;AAMgBI,EAAAA,oBANhB,GAME,8BAAmCJ,KAAnC,EAAiD;AAC/CF,IAAAA,YAAY,CAACO,OAAb,CAAqBV,oBAArB,EAA2CW,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAGX,sBAAsB,CAACG,KAAD,EAAQO,YAAR,CAAzC;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBf,oBAAtB,EAA4CY,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAXH;;AAagBH,EAAAA,OAbhB,GAaE,iBAAuCL,KAAvC,EAAiD;AAC/C,QAAMW,IAAoB,GAAG,EAA7B;AACA,WAAOf,aAAa,CAACI,KAAD,CAApB,EAA6B;AAC1BS,MAAAA,MAAM,CAACE,IAAP,CAAYX,KAAZ,CAAD,CAAoCM,OAApC,CAA4C,UAACM,GAAD,EAAS;AACnD,YAAI,CAACD,IAAI,CAACE,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBD,UAAAA,IAAI,CAACG,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKA;AACA;AACAZ,MAAAA,KAAK,GAAGS,MAAM,CAACM,cAAP,CAAsBf,KAAtB,CAAR;AACD;;AAED,WAAOW,IAAI,CAACK,IAAL,EAAP;AACD,GA3BH;;AA6BiBb,EAAAA,cA7BjB,GA6BE,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMiB,QAAQ,GAAGR,MAAM,CAACV,MAAP,CAAcG,IAAd,CAAjB;AACAO,IAAAA,MAAM,CAACE,IAAP,CAAYX,KAAZ,EAAmBM,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGC,MAAM,CAACU,wBAAP,CAAgCnB,KAAhC,EAAuCkB,QAAvC,CAAnB;AACAT,MAAAA,MAAM,CAACC,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOC,MAAM,CAACW,MAAP,CAAcH,QAAd,CAAP;AACD,GArCH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: Theme) {\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\n      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}
+{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideDefaultTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;AACA,SAASC,aAAT,QAA8B,UAA9B;;;AAGA,SAASC,sBAAT,EAAiCC,sBAAjC,QAA+D,gBAA/D;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAwCC,KAAxC,EAA4DC,SAA5D,EAAoG;AAClG,QAAMC,IAAI,GAAGD,SAAS,IAAIP,oBAA1B;AACA,WAAO,KAAKS,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,GAJH;;AAMgBI,EAAAA,oBANhB,GAME,8BAAmCJ,KAAnC,EAAiD;AAC/C;AACAF,IAAAA,YAAY,CAACO,OAAb,CAAqBX,oBAArB,EAA2CY,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAGZ,sBAAsB,CAACI,KAAD,EAAQO,YAAR,CAAzC;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBhB,oBAAtB,EAA4Ca,YAA5C,EAA0DC,UAA1D;AACD,KAHD;;AAKA;AACAC,IAAAA,MAAM,CAACE,MAAP,CAAcd,sBAAd,EAAsCS,OAAtC,CAA8C,UAACM,MAAD,EAAY;AACxD,UAAMJ,UAAU,GAAGZ,sBAAsB,CAACI,KAAD,EAAQY,MAAM,CAACC,GAAf,CAAzC;AACAJ,MAAAA,MAAM,CAACC,cAAP,CAAsBhB,oBAAtB,EAA4CkB,MAAM,CAACC,GAAnD,EAAwDL,UAAxD;AACD,KAHD;AAID,GAlBH;;AAoBgBH,EAAAA,OApBhB,GAoBE,iBAAuCL,KAAvC,EAAiD;AAC/C,QAAMc,IAAoB,GAAG,EAA7B;AACA,WAAOnB,aAAa,CAACK,KAAD,CAApB,EAA6B;AAC1BS,MAAAA,MAAM,CAACK,IAAP,CAAYd,KAAZ,CAAD,CAAoCM,OAApC,CAA4C,UAACO,GAAD,EAAS;AACnD,YAAI,CAACC,IAAI,CAACC,QAAL,CAAcF,GAAd,CAAL,EAAyB;AACvBC,UAAAA,IAAI,CAACE,IAAL,CAAUH,GAAV;AACD;AACF,OAJD;AAKA;AACA;AACAb,MAAAA,KAAK,GAAGS,MAAM,CAACQ,cAAP,CAAsBjB,KAAtB,CAAR;AACD;;AAED,WAAOc,IAAI,CAACI,IAAL,EAAP;AACD,GAlCH;;AAoCiBf,EAAAA,cApCjB,GAoCE,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMmB,QAAQ,GAAGV,MAAM,CAACV,MAAP,CAAcG,IAAd,CAAjB;AACAO,IAAAA,MAAM,CAACK,IAAP,CAAYd,KAAZ,EAAmBM,OAAnB,CAA2B,UAACc,QAAD,EAAc;AACvC,UAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAP,CAAgCrB,KAAhC,EAAuCoB,QAAvC,CAAnB;AACA,UAAIZ,UAAJ,EAAgB;AACdC,QAAAA,MAAM,CAACC,cAAP,CAAsBS,QAAtB,EAAgCC,QAAhC,EAA0CZ,UAA1C;AACD;AACF,KALD;;AAOA,WAAOC,MAAM,CAACa,MAAP,CAAcH,QAAd,CAAP;AACD,GA9CH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(DefaultThemeInternal, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,6 +1,6 @@
 import { Theme, ThemeIn } from './Theme';
 export declare class ThemeFactory {
-    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
     static overrideDefaultTheme(theme: Theme): void;
     static getKeys<T extends Theme>(theme: T): (keyof T)[];
     private static constructTheme;

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -11,21 +11,46 @@ export var exposeGetters = function exposeGetters(theme) {
   });
   return theme;
 };
-export var REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';
+export var REACT_UI_THEME_MARKERS = {
+  darkTheme: {
+    key: '__IS_REACT_UI_DARK_THEME__',
+    value: true
+  },
+  theme2022: {
+    key: '__IS_REACT_UI_THEME_2022__',
+    value: true
+  }
+}; // backward compatible
+
+export var REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;
 export var isDarkTheme = function isDarkTheme(theme) {
-  //@ts-ignore
-  return theme[REACT_UI_DARK_THEME_KEY] === true;
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
 };
 export var markAsDarkTheme = function markAsDarkTheme(theme) {
   var _Object$create;
 
-  return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_DARK_THEME_KEY] = {
-    value: true,
+  return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_THEME_MARKERS.darkTheme.key] = {
+    value: REACT_UI_THEME_MARKERS.darkTheme.value,
     writable: false,
     enumerable: false,
     configurable: false
   }, _Object$create));
 };
+export var markAsTheme2022 = function markAsTheme2022(theme) {
+  var _Object$create2;
+
+  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.theme2022.key] = {
+    value: REACT_UI_THEME_MARKERS.theme2022.value,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  }, _Object$create2));
+};
+export var isTheme2022 = function isTheme2022(theme) {
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+};
 export function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.
@@ -37,4 +62,11 @@ export function findPropertyDescriptor(theme, propName) {
   }
 
   return {};
+}
+export function applyMarkers(theme, markers) {
+  var markedTheme = theme;
+  markers.forEach(function (marker) {
+    markedTheme = marker(theme);
+  });
+  return markedTheme;
 }