@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/components/Toast/ToastStatic/ToastStatic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["React","ReactDOM","Toast","ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","render","el","instance","_push","close"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;;AAIA,SAASC,KAAT,QAA8B,SAA9B;;;AAGA,WAAaC,WAAb,6BAAaA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAN,IAAAA,QAAQ,CAACY,MAAT,eAAgB,oBAAC,KAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKX,WAAW,CAACY,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FX,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGa,K,GAAQ,UAACX,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBX,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGc,K,GAAQ,YAAM;AAC1B,MAAId,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUd,W;;AA8BII,I,UA9BJJ,W;AA+BIY,Q,GAA4B,I","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Toast, Action } from './Toast';\r\n\r\n\r\nexport class ToastStatic {\r\n  public static push = (notification: string, action?: Action) => {\r\n    if (!ToastStatic.node) {\r\n      ToastStatic.node = document.createElement('div');\r\n      const { body } = document;\r\n      if (!body) {\r\n        throw Error('There is no \"body\" element in \"document\"');\r\n      }\r\n      body.appendChild(ToastStatic.node);\r\n\r\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\r\n        ToastStatic._push(notification, action),\r\n      );\r\n    } else {\r\n      ToastStatic._push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static _push = (notification: string, action?: Action) => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static close = () => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.close();\r\n    }\r\n  };\r\n\r\n  private static node: HTMLDivElement;\r\n  private static instance: Nullable<Toast> = null;\r\n}\r\n"]}
+{"version":3,"sources":["ToastStatic.tsx"],"names":["React","ReactDOM","Toast","ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","render","el","instance","_push","close"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;;AAIA,SAASC,KAAT,QAA8B,SAA9B;;;AAGA,WAAaC,WAAb,6BAAaA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAN,IAAAA,QAAQ,CAACY,MAAT,eAAgB,oBAAC,KAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKX,WAAW,CAACY,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FX,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACa,KAAZ,CAAkBX,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGa,K,GAAQ,UAACX,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBX,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGc,K,GAAQ,YAAM;AAC1B,MAAId,WAAW,CAACY,QAAhB,EAA0B;AACxBZ,IAAAA,WAAW,CAACY,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUd,W;;AA8BII,I,UA9BJJ,W;AA+BIY,Q,GAA4B,I","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action } from './Toast';\n\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Action) => {\n    if (!ToastStatic.node) {\n      ToastStatic.node = document.createElement('div');\n      const { body } = document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\n        ToastStatic._push(notification, action),\n      );\n    } else {\n      ToastStatic._push(notification, action);\n    }\n  };\n\n  public static _push = (notification: string, action?: Action) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"]}

package/components/Toast/ToastStatic.d.ts

@@ -1,8 +1,8 @@
-import { Action } from './Toast';
-export declare class ToastStatic {
-    static push: (notification: string, action?: Action | undefined) => void;
-    static _push: (notification: string, action?: Action | undefined) => void;
-    static close: () => void;
-    private static node;
-    private static instance;
-}
+import { Action } from './Toast';
+export declare class ToastStatic {
+    static push: (notification: string, action?: Action | undefined) => void;
+    static _push: (notification: string, action?: Action | undefined) => void;
+    static close: () => void;
+    private static node;
+    private static instance;
+}

package/components/Toast/ToastView/ToastView.js

@@ -65,16 +65,16 @@ export var ToastView = /*#__PURE__*/function (_React$Component) {
   return ToastView;
 }(React.Component);
 ToastView.propTypes = {
-  /**
-  * Adds action handling and close icon for toast
+  /**
+  * Adds action handling and close icon for toast
   */
   action: shape({
     label: string.isRequired,
     handler: func.isRequired
   }),
 
-  /**
-  * Toast content
+  /**
+  * Toast content
   */
   children: string.isRequired,
   onClose: func

package/components/Toast/ToastView/ToastView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["React","func","shape","string","CrossIcon","ZIndex","ThemeContext","CommonWrapper","jsStyles","ToastView","theme","renderMain","props","action","onClose","rest","link","handler","label","close","closeWrapper","wrapper","root","children","render","Component","propTypes","isRequired"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,MAAtB,QAAoC,YAApC;;AAEA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,oBAAzB;;;;;;;;;;;;;;;;;;;AAmBA,WAAaC,SAAb;;;;;;;;;;;;;;;;AAgBUC,IAAAA,KAhBV;;;;;;;;;;;;;AA6BUC,IAAAA,UA7BV,GA6BuB,UAACC,KAAD,EAAmD;AAC9DC,MAAAA,MAD8D,GACjCD,KADiC,CAC9DC,MAD8D,CACtDC,OADsD,GACjCF,KADiC,CACtDE,OADsD,CAC1CC,IAD0C,iCACjCH,KADiC;;AAGtE,UAAMI,IAAI,GAAGH,MAAM;AACjB,oCAAM,YAAS,mBAAf,EAAmC,SAAS,EAAEL,QAAQ,CAACQ,IAAT,CAAc,MAAKN,KAAnB,CAA9C,EAAyE,OAAO,EAAEG,MAAM,CAACI,OAAzF;AACGJ,MAAAA,MAAM,CAACK,KADV,CADiB;;AAIf,UAJJ;;AAMA,UAAMC,KAAK,GAAGN,MAAM;AAClB,oCAAM,SAAS,EAAEL,QAAQ,CAACY,YAAT,CAAsB,MAAKV,KAA3B,CAAjB;AACE,oCAAM,YAAS,kBAAf,EAAkC,SAAS,EAAEF,QAAQ,CAACW,KAAT,CAAe,MAAKT,KAApB,CAA7C,EAAyE,OAAO,EAAEI,OAAlF;AACE,0BAAC,SAAD,OADF,CADF,CADkB;;;AAMhB,UANJ;;AAQA;AACE,4BAAC,MAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEN,QAAQ,CAACa,OAAT,EAApC;AACE,8CAAK,YAAS,iBAAd,IAAoCN,IAApC,IAA0C,SAAS,EAAEP,QAAQ,CAACc,IAAT,CAAc,MAAKZ,KAAnB,CAArD;AACE,0CAAO,MAAKE,KAAL,CAAWW,QAAlB,CADF;AAEGP,QAAAA,IAFH;AAGGG,QAAAA,KAHH,CADF,CADF;;;;AASD,KAvDH,uDAkBSK,MAlBT,GAkBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAd,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACE,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CA3BH,oBAA+BX,KAAK,CAACyB,SAArC,EAAahB,S,CACGiB,S,GAAY,EACxB;AACJ;AACA,KACIb,MAAM,EAAEX,KAAK,CAAC,EACZgB,KAAK,EAAEf,MAAM,CAACwB,UADF,EAEZV,OAAO,EAAEhB,IAAI,CAAC0B,UAFF,EAAD,CAJW,EAQxB;AACJ;AACA,KACIJ,QAAQ,EAAEpB,MAAM,CAACwB,UAXO,EAYxBb,OAAO,EAAEb,IAZe,E","sourcesContent":["import React from 'react';\r\nimport { func, shape, string } from 'prop-types';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './ToastView.styles';\r\n\r\nexport interface ToastViewProps extends CommonProps {\r\n  /**\r\n   * Toast content\r\n   */\r\n  children?: string;\r\n  /**\r\n   * Adds action handling and close icon for toast\r\n   */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n  } | null;\r\n  onClose?: () => void;\r\n  onMouseEnter?: () => void;\r\n  onMouseLeave?: () => void;\r\n}\r\n\r\nexport class ToastView extends React.Component<ToastViewProps> {\r\n  public static propTypes = {\r\n    /**\r\n     * Adds action handling and close icon for toast\r\n     */\r\n    action: shape({\r\n      label: string.isRequired,\r\n      handler: func.isRequired,\r\n    }),\r\n    /**\r\n     * Toast content\r\n     */\r\n    children: string.isRequired,\r\n    onClose: func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\r\n    const { action, onClose, ...rest } = props;\r\n\r\n    const link = action ? (\r\n      <span data-tid=\"ToastView__action\" className={jsStyles.link(this.theme)} onClick={action.handler}>\r\n        {action.label}\r\n      </span>\r\n    ) : null;\r\n\r\n    const close = action ? (\r\n      <span className={jsStyles.closeWrapper(this.theme)}>\r\n        <span data-tid=\"ToastView__close\" className={jsStyles.close(this.theme)} onClick={onClose}>\r\n          <CrossIcon />\r\n        </span>\r\n      </span>\r\n    ) : null;\r\n\r\n    return (\r\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\r\n        <div data-tid=\"ToastView__root\" {...rest} className={jsStyles.root(this.theme)}>\r\n          <span>{this.props.children}</span>\r\n          {link}\r\n          {close}\r\n        </div>\r\n      </ZIndex>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ToastView.tsx"],"names":["React","func","shape","string","CrossIcon","ZIndex","ThemeContext","CommonWrapper","jsStyles","ToastView","theme","renderMain","props","action","onClose","rest","link","handler","label","close","closeWrapper","wrapper","root","children","render","Component","propTypes","isRequired"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,MAAtB,QAAoC,YAApC;;AAEA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,oBAAzB;;;;;;;;;;;;;;;;;;;AAmBA,WAAaC,SAAb;;;;;;;;;;;;;;;;AAgBUC,IAAAA,KAhBV;;;;;;;;;;;;;AA6BUC,IAAAA,UA7BV,GA6BuB,UAACC,KAAD,EAAmD;AAC9DC,MAAAA,MAD8D,GACjCD,KADiC,CAC9DC,MAD8D,CACtDC,OADsD,GACjCF,KADiC,CACtDE,OADsD,CAC1CC,IAD0C,iCACjCH,KADiC;;AAGtE,UAAMI,IAAI,GAAGH,MAAM;AACjB,oCAAM,YAAS,mBAAf,EAAmC,SAAS,EAAEL,QAAQ,CAACQ,IAAT,CAAc,MAAKN,KAAnB,CAA9C,EAAyE,OAAO,EAAEG,MAAM,CAACI,OAAzF;AACGJ,MAAAA,MAAM,CAACK,KADV,CADiB;;AAIf,UAJJ;;AAMA,UAAMC,KAAK,GAAGN,MAAM;AAClB,oCAAM,SAAS,EAAEL,QAAQ,CAACY,YAAT,CAAsB,MAAKV,KAA3B,CAAjB;AACE,oCAAM,YAAS,kBAAf,EAAkC,SAAS,EAAEF,QAAQ,CAACW,KAAT,CAAe,MAAKT,KAApB,CAA7C,EAAyE,OAAO,EAAEI,OAAlF;AACE,0BAAC,SAAD,OADF,CADF,CADkB;;;AAMhB,UANJ;;AAQA;AACE,4BAAC,MAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEN,QAAQ,CAACa,OAAT,EAApC;AACE,8CAAK,YAAS,iBAAd,IAAoCN,IAApC,IAA0C,SAAS,EAAEP,QAAQ,CAACc,IAAT,CAAc,MAAKZ,KAAnB,CAArD;AACE,0CAAO,MAAKE,KAAL,CAAWW,QAAlB,CADF;AAEGP,QAAAA,IAFH;AAGGG,QAAAA,KAHH,CADF,CADF;;;;AASD,KAvDH,uDAkBSK,MAlBT,GAkBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAd,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACE,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CA3BH,oBAA+BX,KAAK,CAACyB,SAArC,EAAahB,S,CACGiB,S,GAAY,EACxB;AACJ;AACA,KACIb,MAAM,EAAEX,KAAK,CAAC,EACZgB,KAAK,EAAEf,MAAM,CAACwB,UADF,EAEZV,OAAO,EAAEhB,IAAI,CAAC0B,UAFF,EAAD,CAJW,EAQxB;AACJ;AACA,KACIJ,QAAQ,EAAEpB,MAAM,CAACwB,UAXO,EAYxBb,OAAO,EAAEb,IAZe,E","sourcesContent":["import React from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './ToastView.styles';\n\nexport interface ToastViewProps extends CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: {\n    label: string;\n    handler: () => void;\n  } | null;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\n    const { action, onClose, ...rest } = props;\n\n    const link = action ? (\n      <span data-tid=\"ToastView__action\" className={jsStyles.link(this.theme)} onClick={action.handler}>\n        {action.label}\n      </span>\n    ) : null;\n\n    const close = action ? (\n      <span className={jsStyles.closeWrapper(this.theme)}>\n        <span data-tid=\"ToastView__close\" className={jsStyles.close(this.theme)} onClick={onClose}>\n          <CrossIcon />\n        </span>\n      </span>\n    ) : null;\n\n    return (\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\n        <div data-tid=\"ToastView__root\" {...rest} className={jsStyles.root(this.theme)}>\n          <span>{this.props.children}</span>\n          {link}\n          {close}\n        </div>\n      </ZIndex>\n    );\n  };\n}\n"]}

package/components/Toast/ToastView.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ToastViewProps extends CommonProps {
-    /**
-     * Toast content
-     */
-    children?: string;
-    /**
-     * Adds action handling and close icon for toast
-     */
-    action?: {
-        label: string;
-        handler: () => void;
-    } | null;
-    onClose?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare class ToastView extends React.Component<ToastViewProps> {
-    static propTypes: {
-        /**
-         * Adds action handling and close icon for toast
-         */
-        action: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            handler: import("prop-types").Validator<(...args: any[]) => any>;
-        }>>;
-        /**
-         * Toast content
-         */
-        children: import("prop-types").Validator<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ToastViewProps extends CommonProps {
+    /**
+     * Toast content
+     */
+    children?: string;
+    /**
+     * Adds action handling and close icon for toast
+     */
+    action?: {
+        label: string;
+        handler: () => void;
+    } | null;
+    onClose?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare class ToastView extends React.Component<ToastViewProps> {
+    static propTypes: {
+        /**
+         * Adds action handling and close icon for toast
+         */
+        action: import("prop-types").Requireable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            handler: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>;
+        /**
+         * Toast content
+         */
+        children: import("prop-types").Validator<string>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+}

package/components/Toast/ToastView.styles/ToastView.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.styles.ts"],"names":["css","memoizeStyle","getVerticalPaddingsWithCompensation","theme","toastPaddingY","fontFamilyCompensationBaseline","paddingY","parseInt","compensation","styles","root","t","paddingTop","paddingBottom","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","toastClosePadding","link","marginRight","Math","round","toastLinkColor","close","toastCloseColor","toastCloseSize","toastCloseHoverColor","jsStyles"],"mappings":"4vDAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAsC,CAACC,KAAD,EAAkB;AACpDC,EAAAA,aADoD,GACFD,KADE,CACpDC,aADoD,CACrCC,8BADqC,GACFF,KADE,CACrCE,8BADqC;AAE5D,MAAMC,QAAQ,GAAGC,QAAQ,CAACH,aAAD,CAAzB;AACA,MAAMI,YAAY,GAAGD,QAAQ,CAACF,8BAAD,CAA7B;AACA,SAAO,CAAIC,QAAQ,GAAGE,YAAf,SAAoCF,QAAQ,GAAGE,YAA/C,QAAP;AACD,CALD;;AAOA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,4BACMC,aADN;AAEb,WAAOb,GAAP;AACgBW,IAAAA,CAAC,CAACG,OADlB;AAEmBH,IAAAA,CAAC,CAACI,iBAFrB;AAGYJ,IAAAA,CAAC,CAACK,WAHd;AAIWL,IAAAA,CAAC,CAACM,UAJb;;AAMeN,IAAAA,CAAC,CAACO,aANjB;AAOiBP,IAAAA,CAAC,CAACQ,eAPnB;;AASaP,IAAAA,UATb,EAS2BD,CAAC,CAACS,aAT7B,EAS8CP,aAT9C;;AAWSF,IAAAA,CAAC,CAACU,QAXX;;AAaD,GAhBY;;AAkBbC,EAAAA,OAlBa,qBAkBH;AACR,WAAOtB,GAAP;;;;;;;;AAQD,GA3BY;;AA6BbuB,EAAAA,YA7Ba,wBA6BAZ,CA7BA,EA6BU;AACeT,IAAAA,mCAAmC,CAACS,CAAD,CADlD,CACdC,UADc,6BACFC,aADE;AAErB,WAAOb,GAAP;;AAEaY,IAAAA,UAFb,EAE4BD,CAAC,CAACS,aAF9B,EAEgDP,aAFhD,EAEkEF,CAAC,CAACa,iBAFpE;;AAID,GAnCY;;AAqCbC,EAAAA,IArCa,gBAqCRd,CArCQ,EAqCE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,6BACMC,aADN;AAEb,QAAMa,WAAW,GAAMC,IAAI,CAACC,KAAL,CAAWrB,QAAQ,CAACI,CAAC,CAACS,aAAH,CAAR,GAA4B,GAAvC,CAAN,OAAjB;AACA,WAAOpB,GAAP;AACWW,IAAAA,CAAC,CAACkB,cADb;;;;;AAMajB,IAAAA,UANb,EAM2Bc,WAN3B,EAM2Cb,aAN3C,EAM4DF,CAAC,CAACS,aAN9D;;AAQaR,IAAAA,UARb,EAQ6BC,aAR7B;;;;;;AAcD,GAtDY;;AAwDbiB,EAAAA,KAxDa,iBAwDPnB,CAxDO,EAwDG;AACd,WAAOX,GAAP;AACWW,IAAAA,CAAC,CAACoB,eADb;;;AAIYpB,IAAAA,CAAC,CAACqB,cAJd;;AAMarB,IAAAA,CAAC,CAACa,iBANf;;AAQWb,IAAAA,CAAC,CAACqB,cARb;;;AAWarB,IAAAA,CAAC,CAACsB,oBAXf;;;AAcD,GAvEY,EAAf;;;AA0EA,OAAO,IAAMC,QAAQ,GAAGjC,YAAY,CAACQ,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst getVerticalPaddingsWithCompensation = (theme: Theme) => {\r\n  const { toastPaddingY, fontFamilyCompensationBaseline } = theme;\r\n  const paddingY = parseInt(toastPaddingY);\r\n  const compensation = parseInt(fontFamilyCompensationBaseline);\r\n  return [`${paddingY - compensation}px`, `${paddingY + compensation}px`];\r\n};\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    return css`\r\n      background: ${t.toastBg};\r\n      border-radius: ${t.toastBorderRadius};\r\n      border: ${t.toastBorder};\r\n      color: ${t.toastColor};\r\n      display: inline-flex;\r\n      font-size: ${t.toastFontSize};\r\n      line-height: ${t.toastLineHeight};\r\n      opacity: 1;\r\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\r\n      position: relative;\r\n      top: ${t.toastTop};\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 0;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  closeWrapper(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    return css`\r\n      display: flex;\r\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\r\n    const marginRight = `${Math.round(parseInt(t.toastPaddingX) * 1.5)}px`;\r\n    return css`\r\n      color: ${t.toastLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n\r\n      margin: -${paddingTop} ${marginRight} -${paddingBottom} ${t.toastPaddingX};\r\n\r\n      padding: ${paddingTop} 0 ${paddingBottom};\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.toastCloseColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: ${t.toastCloseSize};\r\n      line-height: 0;\r\n      padding: ${t.toastClosePadding};\r\n      text-align: center;\r\n      width: ${t.toastCloseSize};\r\n\r\n      &:hover {\r\n        color: ${t.toastCloseHoverColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ToastView.styles.ts"],"names":["css","memoizeStyle","getVerticalPaddingsWithCompensation","theme","toastPaddingY","fontFamilyCompensationBaseline","paddingY","parseInt","compensation","styles","root","t","paddingTop","paddingBottom","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","toastClosePadding","link","marginRight","Math","round","toastLinkColor","close","toastCloseColor","toastCloseSize","toastCloseHoverColor","jsStyles"],"mappings":"4vDAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAsC,CAACC,KAAD,EAAkB;AACpDC,EAAAA,aADoD,GACFD,KADE,CACpDC,aADoD,CACrCC,8BADqC,GACFF,KADE,CACrCE,8BADqC;AAE5D,MAAMC,QAAQ,GAAGC,QAAQ,CAACH,aAAD,CAAzB;AACA,MAAMI,YAAY,GAAGD,QAAQ,CAACF,8BAAD,CAA7B;AACA,SAAO,CAAIC,QAAQ,GAAGE,YAAf,SAAoCF,QAAQ,GAAGE,YAA/C,QAAP;AACD,CALD;;AAOA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,4BACMC,aADN;AAEb,WAAOb,GAAP;AACgBW,IAAAA,CAAC,CAACG,OADlB;AAEmBH,IAAAA,CAAC,CAACI,iBAFrB;AAGYJ,IAAAA,CAAC,CAACK,WAHd;AAIWL,IAAAA,CAAC,CAACM,UAJb;;AAMeN,IAAAA,CAAC,CAACO,aANjB;AAOiBP,IAAAA,CAAC,CAACQ,eAPnB;;AASaP,IAAAA,UATb,EAS2BD,CAAC,CAACS,aAT7B,EAS8CP,aAT9C;;AAWSF,IAAAA,CAAC,CAACU,QAXX;;AAaD,GAhBY;;AAkBbC,EAAAA,OAlBa,qBAkBH;AACR,WAAOtB,GAAP;;;;;;;;AAQD,GA3BY;;AA6BbuB,EAAAA,YA7Ba,wBA6BAZ,CA7BA,EA6BU;AACeT,IAAAA,mCAAmC,CAACS,CAAD,CADlD,CACdC,UADc,6BACFC,aADE;AAErB,WAAOb,GAAP;;AAEaY,IAAAA,UAFb,EAE4BD,CAAC,CAACS,aAF9B,EAEgDP,aAFhD,EAEkEF,CAAC,CAACa,iBAFpE;;AAID,GAnCY;;AAqCbC,EAAAA,IArCa,gBAqCRd,CArCQ,EAqCE;AACuBT,IAAAA,mCAAmC,CAACS,CAAD,CAD1D,CACNC,UADM,6BACMC,aADN;AAEb,QAAMa,WAAW,GAAMC,IAAI,CAACC,KAAL,CAAWrB,QAAQ,CAACI,CAAC,CAACS,aAAH,CAAR,GAA4B,GAAvC,CAAN,OAAjB;AACA,WAAOpB,GAAP;AACWW,IAAAA,CAAC,CAACkB,cADb;;;;;AAMajB,IAAAA,UANb,EAM2Bc,WAN3B,EAM2Cb,aAN3C,EAM4DF,CAAC,CAACS,aAN9D;;AAQaR,IAAAA,UARb,EAQ6BC,aAR7B;;;;;;AAcD,GAtDY;;AAwDbiB,EAAAA,KAxDa,iBAwDPnB,CAxDO,EAwDG;AACd,WAAOX,GAAP;AACWW,IAAAA,CAAC,CAACoB,eADb;;;AAIYpB,IAAAA,CAAC,CAACqB,cAJd;;AAMarB,IAAAA,CAAC,CAACa,iBANf;;AAQWb,IAAAA,CAAC,CAACqB,cARb;;;AAWarB,IAAAA,CAAC,CAACsB,oBAXf;;;AAcD,GAvEY,EAAf;;;AA0EA,OAAO,IAAMC,QAAQ,GAAGjC,YAAY,CAACQ,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddingsWithCompensation = (theme: Theme) => {\n  const { toastPaddingY, fontFamilyCompensationBaseline } = theme;\n  const paddingY = parseInt(toastPaddingY);\n  const compensation = parseInt(fontFamilyCompensationBaseline);\n  return [`${paddingY - compensation}px`, `${paddingY + compensation}px`];\n};\n\nconst styles = {\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    return css`\n      background: ${t.toastBg};\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      color: ${t.toastColor};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n    const marginRight = `${Math.round(parseInt(t.toastPaddingX) * 1.5)}px`;\n    return css`\n      color: ${t.toastLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n\n      margin: -${paddingTop} ${marginRight} -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${paddingTop} 0 ${paddingBottom};\n\n      &:hover {\n        text-decoration: underline;\n      }\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      color: ${t.toastCloseColor};\n      cursor: pointer;\n      display: inline-block;\n      height: ${t.toastCloseSize};\n      line-height: 0;\n      padding: ${t.toastClosePadding};\n      text-align: center;\n      width: ${t.toastCloseSize};\n\n      &:hover {\n        color: ${t.toastCloseHoverColor};\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Toast/ToastView.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapper(): string;
-    closeWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    wrapper(): string;
+    closeWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/components/Toast/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Toast';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Toast';\n"]}

package/components/Toast/index.d.ts

@@ -1 +1 @@
-export * from './Toast';
+export * from './Toast';

package/components/Toggle/Toggle/Toggle.js

@@ -81,8 +81,8 @@ export var Toggle = /*#__PURE__*/function (_React$Component) {
       this.focus();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 

package/components/Toggle/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.tsx"],"names":["React","PropTypes","cn","tabListener","ThemeContext","CommonWrapper","jsStyles","Toggle","props","theme","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","Component","__KONTUR_REACT_UI__","propTypes","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Toggle.styles';\r\n\r\nexport interface ToggleProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Положение children справа или слева от переключателя\r\n   * @default 'right'\r\n   */\r\n  captionPosition: 'left' | 'right';\r\n  checked?: boolean;\r\n  defaultChecked?: boolean;\r\n  disabled?: boolean;\r\n  onValueChange?: (value: boolean) => void;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  warning?: boolean;\r\n  error?: boolean;\r\n  loading?: boolean;\r\n  autoFocus?: boolean;\r\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\r\n  color?: React.CSSProperties['color'];\r\n}\r\n\r\nexport interface ToggleState {\r\n  checked?: boolean;\r\n  focusByTab?: boolean;\r\n}\r\n\r\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\r\n  public static __KONTUR_REACT_UI__ = 'Toggle';\r\n\r\n  public static propTypes = {\r\n    checked: PropTypes.bool,\r\n    defaultChecked: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    loading: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    onValueChange: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    disabled: false,\r\n    loading: false,\r\n    captionPosition: 'right',\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private input: HTMLInputElement | null = null;\r\n\r\n  constructor(props: ToggleProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      focusByTab: false,\r\n      checked: props.defaultChecked,\r\n    };\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      tabListener.isTabPressed = true;\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      tabListener.isTabPressed = true;\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, captionPosition, warning, error, loading, color } = this.props;\r\n    const disabled = this.props.disabled || loading;\r\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\r\n\r\n    const containerClassNames = cn(jsStyles.container(this.theme), {\r\n      [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\r\n      [jsStyles.isLoading(this.theme)]: !!loading,\r\n      [jsStyles.isWarning(this.theme)]: !color && !!warning,\r\n      [jsStyles.isError(this.theme)]: !color && !!error,\r\n    });\r\n\r\n    const labelClassNames = cn(jsStyles.root(this.theme), {\r\n      [jsStyles.rootLeft()]: captionPosition === 'left',\r\n      [jsStyles.disabled(this.theme)]: !!disabled,\r\n    });\r\n\r\n    let caption = null;\r\n    if (children) {\r\n      const captionClass = cn(jsStyles.caption(this.theme), {\r\n        [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\r\n      });\r\n      caption = <span className={captionClass}>{children}</span>;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <label className={labelClassNames}>\r\n          <span className={jsStyles.wrapper(this.theme)}>\r\n            <input\r\n              type=\"checkbox\"\r\n              checked={checked}\r\n              onChange={this.handleChange}\r\n              className={jsStyles.input(this.theme)}\r\n              onFocus={this.handleFocus}\r\n              onBlur={this.handleBlur}\r\n              ref={this.inputRef}\r\n              disabled={disabled}\r\n            />\r\n            <div\r\n              className={containerClassNames}\r\n              style={\r\n                checked && color\r\n                  ? {\r\n                      backgroundColor: color,\r\n                      borderColor: color,\r\n                      boxShadow: `inset 0 0 0 1px ${color}`,\r\n                    }\r\n                  : undefined\r\n              }\r\n            >\r\n              <div\r\n                className={jsStyles.activeBackground()}\r\n                style={checked && color ? { backgroundColor: color } : undefined}\r\n              />\r\n            </div>\r\n            <div className={jsStyles.handle(this.theme)} />\r\n          </span>\r\n          {caption}\r\n        </label>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private inputRef = (element: HTMLInputElement) => {\r\n    this.input = element;\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(event.target.checked);\r\n    }\r\n\r\n    if (this.isUncontrolled()) {\r\n      this.setState({\r\n        checked: event.target.checked,\r\n      });\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n\r\n    if (tabListener.isTabPressed) {\r\n      this.setState({ focusByTab: true });\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n    this.setState({\r\n      focusByTab: false,\r\n    });\r\n  };\r\n\r\n  private isUncontrolled() {\r\n    return this.props.checked === undefined;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Toggle.tsx"],"names":["React","PropTypes","cn","tabListener","ThemeContext","CommonWrapper","jsStyles","Toggle","props","theme","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","Component","__KONTUR_REACT_UI__","propTypes","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { tabListener } from '../../lib/events/tabListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Toggle.styles';\n\nexport interface ToggleProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Положение children справа или слева от переключателя\n   * @default 'right'\n   */\n  captionPosition: 'left' | 'right';\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  warning?: boolean;\n  error?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  color?: React.CSSProperties['color'];\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    defaultChecked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    loading: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n  };\n\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      tabListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      tabListener.isTabPressed = true;\n      this.input.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children, captionPosition, warning, error, loading, color } = this.props;\n    const disabled = this.props.disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n    const containerClassNames = cn(jsStyles.container(this.theme), {\n      [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n      [jsStyles.isLoading(this.theme)]: !!loading,\n      [jsStyles.isWarning(this.theme)]: !color && !!warning,\n      [jsStyles.isError(this.theme)]: !color && !!error,\n    });\n\n    const labelClassNames = cn(jsStyles.root(this.theme), {\n      [jsStyles.rootLeft()]: captionPosition === 'left',\n      [jsStyles.disabled(this.theme)]: !!disabled,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = cn(jsStyles.caption(this.theme), {\n        [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <label className={labelClassNames}>\n          <span className={jsStyles.wrapper(this.theme)}>\n            <input\n              type=\"checkbox\"\n              checked={checked}\n              onChange={this.handleChange}\n              className={jsStyles.input(this.theme)}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n              ref={this.inputRef}\n              disabled={disabled}\n            />\n            <div\n              className={containerClassNames}\n              style={\n                checked && color\n                  ? {\n                      backgroundColor: color,\n                      borderColor: color,\n                      boxShadow: `inset 0 0 0 1px ${color}`,\n                    }\n                  : undefined\n              }\n            >\n              <div\n                className={jsStyles.activeBackground()}\n                style={checked && color ? { backgroundColor: color } : undefined}\n              />\n            </div>\n            <div className={jsStyles.handle(this.theme)} />\n          </span>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (tabListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n    this.setState({\n      focusByTab: false,\n    });\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"]}

package/components/Toggle/Toggle.d.ts

@@ -1,59 +1,59 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ToggleProps extends CommonProps {
-    children?: React.ReactNode;
-    /**
-     * Положение children справа или слева от переключателя
-     * @default 'right'
-     */
-    captionPosition: 'left' | 'right';
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    onValueChange?: (value: boolean) => void;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    warning?: boolean;
-    error?: boolean;
-    loading?: boolean;
-    autoFocus?: boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    color?: React.CSSProperties['color'];
-}
-export interface ToggleState {
-    checked?: boolean;
-    focusByTab?: boolean;
-}
-export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        disabled: boolean;
-        loading: boolean;
-        captionPosition: string;
-    };
-    private theme;
-    private input;
-    constructor(props: ToggleProps);
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private inputRef;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private isUncontrolled;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ToggleProps extends CommonProps {
+    children?: React.ReactNode;
+    /**
+     * Положение children справа или слева от переключателя
+     * @default 'right'
+     */
+    captionPosition: 'left' | 'right';
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onValueChange?: (value: boolean) => void;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    warning?: boolean;
+    error?: boolean;
+    loading?: boolean;
+    autoFocus?: boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    color?: React.CSSProperties['color'];
+}
+export interface ToggleState {
+    checked?: boolean;
+    focusByTab?: boolean;
+}
+export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        defaultChecked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        disabled: boolean;
+        loading: boolean;
+        captionPosition: string;
+    };
+    private theme;
+    private input;
+    constructor(props: ToggleProps);
+    componentDidMount(): void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    render(): JSX.Element;
+    private renderMain;
+    private inputRef;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    private isUncontrolled;
+}

package/components/Toggle/Toggle.md

@@ -1,24 +1,24 @@
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
-</div>;
-```
-
-В компонент можно передать `children`, который будет отображаться рядом с переключателем.
-Положение `children` относительно переключателя указывается в `captionPosition`.
-
-```jsx harmony
-let initialState = { checked: false };
-
-let toggle = () => setState(state => ({ checked: !state.checked }));
-
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
-    <span>Показывать уведомления</span>
-  </Toggle>
-</div>;
-```
+```jsx harmony
+let initialState = { checked: false };
+
+let toggle = () => setState(state => ({ checked: !state.checked }));
+
+<div>
+  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
+</div>;
+```
+
+В компонент можно передать `children`, который будет отображаться рядом с переключателем.
+Положение `children` относительно переключателя указывается в `captionPosition`.
+
+```jsx harmony
+let initialState = { checked: false };
+
+let toggle = () => setState(state => ({ checked: !state.checked }));
+
+<div>
+  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
+    <span>Показывать уведомления</span>
+  </Toggle>
+</div>;
+```

package/components/Toggle/Toggle.styles/Toggle.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const disabled = cssName(styles.disabled(t));\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\r\n    return css`\r\n      display: inline-flex;\r\n      cursor: pointer;\r\n\r\n      &:hover:not(${disabled}) {\r\n        ${cssName(styles.handle(t))} {\r\n          background: ${t.toggleBgHover};\r\n        }\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.handle(t))} {\r\n        width: ${handleActiveWidth};\r\n      }\r\n      &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\r\n          translateX(-${t.toggleHandleActiveWidthIncrement});\r\n      }\r\n    `;\r\n  },\r\n\r\n  handle(t: Theme) {\r\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\r\n    return css`\r\n      background: ${t.toggleBg};\r\n      border-radius: ${t.toggleHandleBorderRadius};\r\n      bottom: ${t.toggleBorderWidth};\r\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\r\n      height: ${handleSize};\r\n      left: ${t.toggleBorderWidth};\r\n      position: absolute;\r\n      top: ${t.toggleBorderWidth};\r\n      transition: 0.2s ease-in;\r\n      width: ${handleSize};\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    return css`\r\n      position: absolute;\r\n      opacity: 0;\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} {\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\r\n        background: ${t.toggleBgChecked};\r\n        transition: background 0s 0.2s;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\r\n        width: 70%;\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n      &:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\r\n      }\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.toggleBorderRadius};\r\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      height: 100%;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      width: 100%;\r\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\r\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  activeBackground() {\r\n    return css`\r\n      background: inherit;\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      transition: 0.2s ease-in;\r\n      width: 10px;\r\n    `;\r\n  },\r\n\r\n  isLoading(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBorderColor};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      }\r\n      ${cssName(styles.activeBackground())} {\r\n        background: ${t.toggleBgActive};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isWarning(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgWarning};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgWarning};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  isError(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgError};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgError};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      height: ${t.toggleHeight};\r\n      position: relative;\r\n      width: ${t.toggleWidth};\r\n      flex: 1 0 ${t.toggleWidth};\r\n\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      opacity: 0.3;\r\n      cursor: default !important;\r\n\r\n      ${cssName(styles.container(t))} {\r\n        background: ${t.toggleBgDisabled};\r\n      }\r\n    `;\r\n  },\r\n\r\n  rootLeft() {\r\n    return css`\r\n      flex-direction: row-reverse;\r\n    `;\r\n  },\r\n\r\n  caption(t: Theme) {\r\n    return css`\r\n      padding: 0 0 0 ${t.toggleCaptionGap};\r\n    `;\r\n  },\r\n\r\n  captionLeft(t: Theme) {\r\n    return css`\r\n      padding: 0 ${t.toggleCaptionGap} 0 0;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toggle.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    const disabled = cssName(styles.disabled(t));\n    const handleWidthWithBorders = t.toggleHeight;\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\n    return css`\n      display: inline-flex;\n      cursor: pointer;\n\n      &:hover:not(${disabled}) {\n        ${cssName(styles.handle(t))} {\n          background: ${t.toggleBgHover};\n        }\n      }\n      &:active:not(${disabled}) ${cssName(styles.handle(t))} {\n        width: ${handleActiveWidth};\n      }\n      &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\n          translateX(-${t.toggleHandleActiveWidthIncrement});\n      }\n    `;\n  },\n\n  handle(t: Theme) {\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\n    return css`\n      background: ${t.toggleBg};\n      border-radius: ${t.toggleHandleBorderRadius};\n      bottom: ${t.toggleBorderWidth};\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\n      height: ${handleSize};\n      left: ${t.toggleBorderWidth};\n      position: absolute;\n      top: ${t.toggleBorderWidth};\n      transition: 0.2s ease-in;\n      width: ${handleSize};\n    `;\n  },\n\n  input(t: Theme) {\n    const handleWidthWithBorders = t.toggleHeight;\n    return css`\n      position: absolute;\n      opacity: 0;\n\n      &:focus {\n        outline: none;\n      }\n      &:checked ~ ${cssName(styles.container(t))} {\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\n        background: ${t.toggleBgChecked};\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\n        width: 70%;\n        background: ${t.toggleBgChecked};\n      }\n      &:checked ~ ${cssName(styles.handle(t))} {\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\n      }\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      border-radius: ${t.toggleBorderRadius};\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n      }\n    `;\n  },\n\n  activeBackground() {\n    return css`\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    `;\n  },\n\n  isLoading(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBorderColor};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      }\n      ${cssName(styles.activeBackground())} {\n        background: ${t.toggleBgActive};\n      }\n    `;\n  },\n\n  isWarning(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBgWarning};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\n\n        ${cssName(styles.activeBackground())} {\n          background: ${t.toggleBgWarning};\n        }\n      }\n    `;\n  },\n\n  isError(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\n        background: ${t.toggleBgError};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\n\n        ${cssName(styles.activeBackground())} {\n          background: ${t.toggleBgError};\n        }\n      }\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      display: inline-block;\n      height: ${t.toggleHeight};\n      position: relative;\n      width: ${t.toggleWidth};\n      flex: 1 0 ${t.toggleWidth};\n\n      &::after {\n        content: '';\n        display: inline-block;\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      opacity: 0.3;\n      cursor: default !important;\n\n      ${cssName(styles.container(t))} {\n        background: ${t.toggleBgDisabled};\n      }\n    `;\n  },\n\n  rootLeft() {\n    return css`\n      flex-direction: row-reverse;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      padding: 0 0 0 ${t.toggleCaptionGap};\n    `;\n  },\n\n  captionLeft(t: Theme) {\n    return css`\n      padding: 0 ${t.toggleCaptionGap} 0 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Toggle/Toggle.styles.d.ts

@@ -1,16 +1,16 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    handle(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    container(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    activeBackground(): string;
-    isLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    isWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    isError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rootLeft(): string;
-    caption(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    captionLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    handle(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    container(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    focused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    activeBackground(): string;
+    isLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    isWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    isError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    wrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    rootLeft(): string;
+    caption(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    captionLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/components/Toggle/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Toggle';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Toggle';\n"]}

package/components/Toggle/index.d.ts

@@ -1 +1 @@
-export * from './Toggle';
+export * from './Toggle';

package/components/Token/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Token.tsx"],"names":["React","cn","CrossIcon","emptyHandler","ThemeContext","CommonWrapper","jsStyles","jsTokenColors","Token","theme","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","renderMain","children","isActive","colors","error","warning","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","token","text","removeIcon","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles, jsTokenColors } from './Token.styles';\r\n\r\nexport type TokenColorName = keyof typeof jsTokenColors;\r\n\r\nexport interface TokenColors {\r\n  idle: TokenColorName;\r\n  active?: TokenColorName;\r\n}\r\n\r\nexport interface TokenProps extends CommonProps {\r\n  colors?: TokenColors;\r\n  isActive?: boolean;\r\n  error?: boolean;\r\n  warning?: boolean;\r\n  disabled?: boolean;\r\n\r\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\r\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\r\n  onRemove?: React.MouseEventHandler<HTMLElement>;\r\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\r\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\r\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\r\n}\r\n\r\nexport class Token extends React.Component<TokenProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Token';\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      children,\r\n      isActive,\r\n      colors,\r\n      error,\r\n      warning,\r\n      disabled,\r\n      onClick = emptyHandler,\r\n      onDoubleClick = emptyHandler,\r\n      onMouseEnter = emptyHandler,\r\n      onMouseLeave = emptyHandler,\r\n      onFocus = emptyHandler,\r\n      onBlur = emptyHandler,\r\n    } = this.props;\r\n\r\n    const theme = this.theme;\r\n    const validation = error ? 'error' : warning ? 'warning' : null;\r\n    const disableClassNames = cn(jsTokenColors.defaultDisabled(theme), {\r\n      [jsTokenColors.defaultDisabledWarning(theme)]: warning,\r\n      [jsTokenColors.defaultDisabledError(theme)]: error,\r\n    });\r\n\r\n    let tokenClassName = disabled ? disableClassNames : jsTokenColors.defaultIdle(theme, validation);\r\n    let activeTokenClassName = disabled ? disableClassNames : jsTokenColors.defaultActive(theme, validation);\r\n\r\n    if (!disabled && colors) {\r\n      tokenClassName = jsTokenColors[colors.idle](theme, validation);\r\n\r\n      const activeClassName = colors.active ? colors.active : colors.idle;\r\n      activeTokenClassName = jsTokenColors[activeClassName](theme, validation);\r\n    }\r\n\r\n    const tokenClassNames = cn(jsStyles.token(this.theme), tokenClassName, {\r\n      [activeTokenClassName]: !!isActive,\r\n      [jsStyles.disabled(theme)]: !!disabled,\r\n    });\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div\r\n          className={tokenClassNames}\r\n          onClick={onClick}\r\n          onDoubleClick={onDoubleClick}\r\n          onMouseEnter={onMouseEnter}\r\n          onMouseLeave={onMouseLeave}\r\n          onFocus={onFocus}\r\n          onBlur={onBlur}\r\n        >\r\n          <span className={jsStyles.text(this.theme)}>{children}</span>\r\n          <span className={jsStyles.removeIcon(this.theme)} onClick={this.onRemoveClick}>\r\n            <CrossIcon />\r\n          </span>\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\r\n    const { disabled, onRemove = emptyHandler } = this.props;\r\n\r\n    if (disabled) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    onRemove(event);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Token.tsx"],"names":["React","cn","CrossIcon","emptyHandler","ThemeContext","CommonWrapper","jsStyles","jsTokenColors","Token","theme","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","renderMain","children","isActive","colors","error","warning","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","token","text","removeIcon","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles, jsTokenColors } from './Token.styles';\n\nexport type TokenColorName = keyof typeof jsTokenColors;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport interface TokenProps extends CommonProps {\n  colors?: TokenColors;\n  isActive?: boolean;\n  error?: boolean;\n  warning?: boolean;\n  disabled?: boolean;\n\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      children,\n      isActive,\n      colors,\n      error,\n      warning,\n      disabled,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n    const validation = error ? 'error' : warning ? 'warning' : null;\n    const disableClassNames = cn(jsTokenColors.defaultDisabled(theme), {\n      [jsTokenColors.defaultDisabledWarning(theme)]: warning,\n      [jsTokenColors.defaultDisabledError(theme)]: error,\n    });\n\n    let tokenClassName = disabled ? disableClassNames : jsTokenColors.defaultIdle(theme, validation);\n    let activeTokenClassName = disabled ? disableClassNames : jsTokenColors.defaultActive(theme, validation);\n\n    if (!disabled && colors) {\n      tokenClassName = jsTokenColors[colors.idle](theme, validation);\n\n      const activeClassName = colors.active ? colors.active : colors.idle;\n      activeTokenClassName = jsTokenColors[activeClassName](theme, validation);\n    }\n\n    const tokenClassNames = cn(jsStyles.token(this.theme), tokenClassName, {\n      [activeTokenClassName]: !!isActive,\n      [jsStyles.disabled(theme)]: !!disabled,\n    });\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div\n          className={tokenClassNames}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          <span className={jsStyles.text(this.theme)}>{children}</span>\n          <span className={jsStyles.removeIcon(this.theme)} onClick={this.onRemoveClick}>\n            <CrossIcon />\n          </span>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"]}