@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    rootInline(): string;
-    icon(): string;
-    iconInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootInline(): string;
+    icon(): string;
+    iconInline(): string;
+};

package/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-interface TextWidthHelperProps {
-    text?: string;
-}
-/**
- * Херпер позволяет вычислить размеры блока с текстом
- */
-export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): React.JSX.Element;
-    getTextWidth(): number;
-    getTextHeight(): number;
-    private elementRef;
-}
-export {};
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): React.JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
-    root(): string;
-    textContainer(): string;
-};
+export declare const jsStyles: {
+    root(): string;
+    textContainer(): string;
+};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { DatePickerProps } from '../../components/DatePicker';
-interface DatePickerPlaygroundState {
-    value: Nullable<string>;
-    error: boolean;
-    tooltip: boolean;
-}
-type DatePickerPlaygroundProps = Partial<DatePickerProps>;
-export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
-    state: DatePickerPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-    private invalidate;
-    private validate;
-    private removeTooltip;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { DatePickerProps } from '../../components/DatePicker';
+interface DatePickerPlaygroundState {
+    value: Nullable<string>;
+    error: boolean;
+    tooltip: boolean;
+}
+type DatePickerPlaygroundProps = Partial<DatePickerProps>;
+export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
+    state: DatePickerPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}
+export {};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js

@@ -2,6 +2,7 @@
 
 
 var _Tooltip = require("../../components/Tooltip");
+
 var _DatePicker = require("../../components/DatePicker");var
 
 

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker, DatePickerProps } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA,gCAA0E;;;;;;;;AAQ7DG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport type { DatePickerProps } from '../../components/DatePicker';\nimport { DatePicker } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA,gCAAyD;;;;;;;;AAQ5CG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/CheckboxPlayground.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const CheckboxPlayground: () => React.JSX.Element;
+import React from 'react';
+export declare const CheckboxPlayground: () => React.JSX.Element;

package/cjs/internal/ThemePlayground/CheckboxPlayground.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxPlayground = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _Gapped = require("../../components/Gapped");
+
 var _Checkbox = require("../../components/Checkbox");
 
 var _helpers = require("./helpers");

package/cjs/internal/ThemePlayground/CheckboxPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/ComponentsGroup.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-interface ComponentsGroupProps {
-    title: string;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    theme: Theme;
-}
-export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
-export {};
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+interface ComponentsGroupProps {
+    title: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    theme: Theme;
+}
+export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
+export {};

package/cjs/internal/ThemePlayground/ComponentsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","default","createElement","Gapped","wrap","verticalAlign","gap","className","styles","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { styles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;;AAGA,IAAAE,WAAA,GAAAF,OAAA;;;;;;;;;AASO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACX,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNR,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACC,eAAe,CAACT,KAAK,CAAE;IAC5CX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCR;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","default","createElement","Gapped","wrap","verticalAlign","gap","className","styles","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { styles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;;AAGA,IAAAE,WAAA,GAAAF,OAAA;;;;;;;;;AASO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACX,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNR,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACC,eAAe,CAACT,KAAK,CAAE;IAC5CX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCR;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CurrencyInputProps } from '../../components/CurrencyInput';
-interface CurrencyInputPlaygroundState {
-    value: Nullable<number>;
-}
-export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {
-    state: CurrencyInputPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CurrencyInputProps } from '../../components/CurrencyInput';
+interface CurrencyInputPlaygroundState {
+    value: Nullable<number>;
+}
+export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {
+    state: CurrencyInputPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+}
+export {};

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CurrencyInputPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
+
 var _CurrencyInput = require("../../components/CurrencyInput");var
 
 

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CurrencyInput","CurrencyInputPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","props","handleChange","setState","_inheritsLoose2","default","_proto","prototype","render","createElement","CurrencyInput","_extends2","placeholder","onValueChange","width","React","Component"],"sources":["CurrencyInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\n\ninterface CurrencyInputPlaygroundState {\n  value: Nullable<number>;\n}\nexport class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {\n  public state: CurrencyInputPlaygroundState = {\n    value: this.props.value || 2222,\n  };\n\n  public render() {\n    return (\n      <div>\n        <CurrencyInput\n          {...this.props}\n          placeholder={'currency'}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          width={150}\n        />\n      </div>\n    );\n  }\n\n  private handleChange = (value?: number | null) => {\n    this.setState({ value });\n  };\n}\n"],"mappings":"6VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,cAAA,GAAAD,OAAA,mCAAmF;;;;;AAKtEE,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,0BAAAE,gBAAA,YAAAF,wBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAC3BU,KAAK,GAAiC;MAC3CC,KAAK,EAAEX,KAAA,CAAKY,KAAK,CAACD,KAAK,IAAI;IAC7B,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;IAgBOa,YAAY,GAAG,UAACF,KAAqB,EAAK;MAChDX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,CAAC,CAAC,CAAC;IAC1B,CAAC,QAAAX,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,uBAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,uBAAA,CAAAqB,SAAA,CAAAD,MAAA,CAhBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,2BACE3B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,CAACxB,cAAA,CAAAyB,aAAa,MAAAC,SAAA,CAAAN,OAAA,MACR,IAAI,CAACJ,KAAK,IACdW,WAAW,EAAE,UAAW,EACxBZ,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,aAAa,EAAE,IAAI,CAACX,YAAa,EACjCY,KAAK,EAAE,GAAI,GACZ,CACE,CAAC,CAEV,CAAC,QAAA5B,uBAAA,GAjB0C6B,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CurrencyInput","CurrencyInputPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","props","handleChange","setState","_inheritsLoose2","default","_proto","prototype","render","createElement","CurrencyInput","_extends2","placeholder","onValueChange","width","React","Component"],"sources":["CurrencyInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CurrencyInputProps } from '../../components/CurrencyInput';\nimport { CurrencyInput } from '../../components/CurrencyInput';\n\ninterface CurrencyInputPlaygroundState {\n  value: Nullable<number>;\n}\nexport class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {\n  public state: CurrencyInputPlaygroundState = {\n    value: this.props.value || 2222,\n  };\n\n  public render() {\n    return (\n      <div>\n        <CurrencyInput\n          {...this.props}\n          placeholder={'currency'}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          width={150}\n        />\n      </div>\n    );\n  }\n\n  private handleChange = (value?: number | null) => {\n    this.setState({ value });\n  };\n}\n"],"mappings":"6VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,cAAA,GAAAD,OAAA,mCAA+D;;;;;AAKlDE,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,0BAAAE,gBAAA,YAAAF,wBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAC3BU,KAAK,GAAiC;MAC3CC,KAAK,EAAEX,KAAA,CAAKY,KAAK,CAACD,KAAK,IAAI;IAC7B,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;IAgBOa,YAAY,GAAG,UAACF,KAAqB,EAAK;MAChDX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,CAAC,CAAC,CAAC;IAC1B,CAAC,QAAAX,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,uBAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,uBAAA,CAAAqB,SAAA,CAAAD,MAAA,CAhBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,2BACE3B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,CAACxB,cAAA,CAAAyB,aAAa,MAAAC,SAAA,CAAAN,OAAA,MACR,IAAI,CAACJ,KAAK,IACdW,WAAW,EAAE,UAAW,EACxBZ,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,aAAa,EAAE,IAAI,CAACX,YAAa,EACjCY,KAAK,EAAE,GAAI,GACZ,CACE,CAAC,CAEV,CAAC,QAAA5B,uBAAA,GAjB0C6B,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/FxInputPlayground.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-interface FxInputPlaygroundState {
-    auto: boolean;
-    value: string;
-}
-export declare class FxInputPlayground extends React.Component {
-    state: FxInputPlaygroundState;
-    render(): JSX.Element;
-    private onValueChange;
-    private handleRestore;
-}
-export {};
+import React from 'react';
+interface FxInputPlaygroundState {
+    auto: boolean;
+    value: string;
+}
+export declare class FxInputPlayground extends React.Component {
+    state: FxInputPlaygroundState;
+    render(): JSX.Element;
+    private onValueChange;
+    private handleRestore;
+}
+export {};

package/cjs/internal/ThemePlayground/HintPlayground.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare class HintPlayground extends React.Component {
-    render(): React.JSX.Element;
-    private pushToast;
-    private pushToastWithAction;
-}
+import React from 'react';
+export declare class HintPlayground extends React.Component {
+    render(): React.JSX.Element;
+    private pushToast;
+    private pushToastWithAction;
+}

package/cjs/internal/ThemePlayground/HintPlayground.js

@@ -3,7 +3,7 @@
 var _Gapped = require("../../components/Gapped");
 var _Button = require("../../components/Button");
 var _Hint = require("../../components/Hint");
-var _Toast = require("../../components/Toast");var
+var _SingleToast = require("../../components/SingleToast");var
 
 HintPlayground = exports.HintPlayground = /*#__PURE__*/function (_React$Component) {function HintPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -19,10 +19,13 @@ HintPlayground = exports.HintPlayground = /*#__PURE__*/function (_React$Componen
 
 
 
+
+
+
     pushToast = function () {
-      _Toast.Toast.push('Текст сообщения');
+      _SingleToast.SingleToast.push('Текст сообщения');
     };_this.
 
     pushToastWithAction = function () {
-      _Toast.Toast.push('Текст сообщения', { label: 'Ссылка', handler: function handler() {return null;} });
-    };return _this;}(0, _inheritsLoose2.default)(HintPlayground, _React$Component);var _proto = HintPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToast }, "Toast")), /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост с ссылкой', pos: 'right' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToastWithAction }, "Toast with link")));};return HintPlayground;}(_react.default.Component);
+      _SingleToast.SingleToast.push('Текст сообщения', { action: { label: 'Ссылка', handler: function handler() {return null;} } });
+    };return _this;}(0, _inheritsLoose2.default)(HintPlayground, _React$Component);var _proto = HintPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SingleToast.SingleToast, null), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToast }, "Toast")), /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост с ссылкой', pos: 'right' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToastWithAction }, "Toast with link"))));};return HintPlayground;}(_react.default.Component);

package/cjs/internal/ThemePlayground/HintPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Button","_Hint","_Toast","HintPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","Toast","push","pushToastWithAction","label","handler","_inheritsLoose2","default","_proto","prototype","render","createElement","Gapped","gap","Hint","manual","opened","text","Button","onClick","pos","React","Component"],"sources":["HintPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { Toast } from '../../components/Toast';\n\nexport class HintPlayground extends React.Component {\n  public render() {\n    return (\n      <Gapped gap={10}>\n        <Hint manual opened text={'Показать тост'}>\n          <Button onClick={this.pushToast}>Toast</Button>\n        </Hint>\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n        </Hint>\n      </Gapped>\n    );\n  }\n\n  private pushToast = () => {\n    Toast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\n  };\n}\n"],"mappings":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA,2BAA+C;;AAElCK,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;IAcjBU,SAAS,GAAG,YAAM;MACxBC,YAAK,CAACC,IAAI,CAAC,iBAAiB,CAAC;IAC/B,CAAC,CAAAZ,KAAA;;IAEOa,mBAAmB,GAAG,YAAM;MAClCF,YAAK,CAACC,IAAI,CAAC,iBAAiB,EAAE,EAAEE,KAAK,EAAE,QAAQ,EAAEC,OAAO,EAAE,SAAAA,QAAA,UAAM,IAAI,GAAC,CAAC,CAAC;IACzE,CAAC,QAAAf,KAAA,MAAAgB,eAAA,CAAAC,OAAA,EAAApB,cAAA,EAAAE,gBAAA,MAAAmB,MAAA,GAAArB,cAAA,CAAAsB,SAAA,CAAAD,MAAA,CAnBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE9B,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAA6B,MAAM,IAACC,GAAG,EAAE,EAAG,iBACdjC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC1B,KAAA,CAAA6B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxCrC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC3B,OAAA,CAAAkC,MAAM,IAACC,OAAO,EAAE,IAAI,CAACnB,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPpB,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC1B,KAAA,CAAA6B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACG,GAAG,EAAE,OAAQ,iBAChExC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC3B,OAAA,CAAAkC,MAAM,IAACC,OAAO,EAAE,IAAI,CAAChB,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CAAC,CAEb,CAAC,QAAAhB,cAAA,GAZiCkC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Button","_Hint","_SingleToast","HintPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","SingleToast","push","pushToastWithAction","action","label","handler","_inheritsLoose2","default","_proto","prototype","render","createElement","Fragment","Gapped","gap","Hint","manual","opened","text","Button","onClick","pos","React","Component"],"sources":["HintPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { SingleToast } from '../../components/SingleToast';\n\nexport class HintPlayground extends React.Component {\n  public render() {\n    return (\n      <>\n        <SingleToast />\n        <Gapped gap={10}>\n          <Hint manual opened text={'Показать тост'}>\n            <Button onClick={this.pushToast}>Toast</Button>\n          </Hint>\n          <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n            <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n          </Hint>\n        </Gapped>\n      </>\n    );\n  }\n\n  private pushToast = () => {\n    SingleToast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    SingleToast.push('Текст сообщения', { action: { label: 'Ссылка', handler: () => null } });\n  };\n}\n"],"mappings":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA,iCAA2D;;AAE9CK,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;IAiBjBU,SAAS,GAAG,YAAM;MACxBC,wBAAW,CAACC,IAAI,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAAZ,KAAA;;IAEOa,mBAAmB,GAAG,YAAM;MAClCF,wBAAW,CAACC,IAAI,CAAC,iBAAiB,EAAE,EAAEE,MAAM,EAAE,EAAEC,KAAK,EAAE,QAAQ,EAAEC,OAAO,EAAE,SAAAA,QAAA,UAAM,IAAI,GAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC,QAAAhB,KAAA,MAAAiB,eAAA,CAAAC,OAAA,EAAArB,cAAA,EAAAE,gBAAA,MAAAoB,MAAA,GAAAtB,cAAA,CAAAuB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE/B,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAAhC,MAAA,CAAA4B,OAAA,CAAAK,QAAA,qBACEjC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC1B,YAAA,CAAAe,WAAW,MAAE,CAAC,eACfrB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC7B,OAAA,CAAA+B,MAAM,IAACC,GAAG,EAAE,EAAG,iBACdnC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC3B,KAAA,CAAA+B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxCvC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAAoC,MAAM,IAACC,OAAO,EAAE,IAAI,CAACrB,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPpB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC3B,KAAA,CAAA+B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACG,GAAG,EAAE,OAAQ,iBAChE1C,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAAoC,MAAM,IAACC,OAAO,EAAE,IAAI,CAAClB,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CACR,CAAC,CAEP,CAAC,QAAAhB,cAAA,GAfiCoC,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/PagingPlayground.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-interface PagingPlaygroundState {
-    activePage: number;
-}
-export declare class PagingPlayground extends React.Component {
-    state: PagingPlaygroundState;
-    render(): React.JSX.Element;
-    private handlePageChange;
-}
-export {};
+import React from 'react';
+interface PagingPlaygroundState {
+    activePage: number;
+}
+export declare class PagingPlayground extends React.Component {
+    state: PagingPlaygroundState;
+    render(): React.JSX.Element;
+    private handlePageChange;
+}
+export {};

package/cjs/internal/ThemePlayground/Playground.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-import { ThemeType } from './constants';
-export interface PlaygroundProps {
-    currentThemeType: ThemeType;
-    onThemeChange: (value: string) => void;
-    onEditLinkClick: () => void;
-}
-export declare class Playground extends React.Component<PlaygroundProps> {
-    private theme;
-    private stopEl;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderTabsGroup;
-    private renderTabs;
-    private getCurrentTab;
-    private renderSizesGroup;
-    private renderLinksGroup;
-    private renderButtonsGroup;
-    private renderInputsGroup;
-    private renderTokenInputsGroup;
-    private renderOtherInputsGroup;
-    private renderSwitchersGroup;
-    private renderControlsGroup;
-    private renderHintsGroup;
-    private renderTooltip;
-    private renderPaging;
-    private renderFileUploader;
-    private renderStickyStopElement;
-    private getStickyStop;
-}
+import React from 'react';
+import { ThemeType } from './constants';
+export interface PlaygroundProps {
+    currentThemeType: ThemeType;
+    onThemeChange: (value: string) => void;
+    onEditLinkClick: () => void;
+}
+export declare class Playground extends React.Component<PlaygroundProps> {
+    private theme;
+    private stopEl;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderTabsGroup;
+    private renderTabs;
+    private getCurrentTab;
+    private renderSizesGroup;
+    private renderLinksGroup;
+    private renderButtonsGroup;
+    private renderInputsGroup;
+    private renderTokenInputsGroup;
+    private renderOtherInputsGroup;
+    private renderSwitchersGroup;
+    private renderControlsGroup;
+    private renderHintsGroup;
+    private renderTooltip;
+    private renderPaging;
+    private renderFileUploader;
+    private renderStickyStopElement;
+    private getStickyStop;
+}

package/cjs/internal/ThemePlayground/Playground.js

@@ -1,15 +1,18 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Playground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _Search = _interopRequireDefault(require("@skbkontur/react-icons/Search"));
-var _Link = _interopRequireDefault(require("@skbkontur/react-icons/Link"));
-var _Ok = _interopRequireDefault(require("@skbkontur/react-icons/Ok"));
-var _Error = _interopRequireDefault(require("@skbkontur/react-icons/Error"));
-var _Trash = _interopRequireDefault(require("@skbkontur/react-icons/Trash"));
-var _HelpDot = _interopRequireDefault(require("@skbkontur/react-icons/HelpDot"));
+var _SearchLoupeIcon16Regular = require("@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular");
+var _AttachLinkIcon16Regular = require("@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular");
+var _CheckAIcon16Regular = require("@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular");
+var _MinusCircleIcon16Regular = require("@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular");
+var _TrashCanIcon16Regular = require("@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular");
+var _QuestionCircleIcon16Regular = require("@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular");
+
 
 var _Button = require("../../components/Button");
 var _Tabs = require("../../components/Tabs");
 var _Gapped = require("../../components/Gapped");
-var _Link2 = require("../../components/Link");
+
+var _Link = require("../../components/Link");
+
 var _Input = require("../../components/Input");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Tooltip = require("../../components/Tooltip");
@@ -111,6 +114,10 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
 
 
+
+
+
+
 
 
 
@@ -137,16 +144,16 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
     renderLinksGroup = function () {
       var propsList = [
-      { icon: /*#__PURE__*/_react.default.createElement(_Link.default, null), children: 'Enabled' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Ok.default, null), use: 'success', children: 'Success' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Error.default, null), use: 'danger', children: 'Danger' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Trash.default, null), use: 'grayed', children: 'Grayed' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Trash.default, null), children: 'Disabled', disabled: true }];
+      { icon: /*#__PURE__*/_react.default.createElement(_AttachLinkIcon16Regular.AttachLinkIcon16Regular, null), children: 'Enabled' },
+      { icon: /*#__PURE__*/_react.default.createElement(_CheckAIcon16Regular.CheckAIcon16Regular, null), use: 'success', children: 'Success' },
+      { icon: /*#__PURE__*/_react.default.createElement(_MinusCircleIcon16Regular.MinusCircleIcon16Regular, null), use: 'danger', children: 'Danger' },
+      { icon: /*#__PURE__*/_react.default.createElement(_TrashCanIcon16Regular.TrashCanIcon16Regular, null), use: 'grayed', children: 'Grayed' },
+      { icon: /*#__PURE__*/_react.default.createElement(_TrashCanIcon16Regular.TrashCanIcon16Regular, null), children: 'Disabled', disabled: true }];
 
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Ссылки', theme: _this.theme }, /*#__PURE__*/
         _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 },
-        (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Link2.Link, null), propsList)
+        (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Link.Link, null), propsList)
         )
         ));
 
@@ -182,7 +189,7 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       var fromProps = (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Input.Input, { width: 120 }), propsList);
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Поле ввода', theme: _this.theme }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, { width: 380, prefix: "https://kontur.ru/search?query=", rightIcon: /*#__PURE__*/_react.default.createElement(_Search.default, null) }), /*#__PURE__*/
+        _react.default.createElement(_Input.Input, { width: 380, prefix: "https://kontur.ru/search?query=", rightIcon: /*#__PURE__*/_react.default.createElement(_SearchLoupeIcon16Regular.SearchLoupeIcon16Regular, null) }), /*#__PURE__*/
         _react.default.createElement("div", null, /*#__PURE__*/
         _react.default.createElement(_Gapped.Gapped, { gap: 10 }, fromProps)
         )
@@ -245,7 +252,7 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Тултип', theme: _this.theme }, /*#__PURE__*/
         _react.default.createElement(_Tooltip.Tooltip, { render: tooltipContent, pos: "right middle", trigger: 'opened', disableAnimations: true }, /*#__PURE__*/
-        _react.default.createElement(_Link2.Link, { icon: /*#__PURE__*/_react.default.createElement(_HelpDot.default, null) })
+        _react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_QuestionCircleIcon16Regular.QuestionCircleIcon16Regular, null) })
         )
         ));
 
@@ -271,4 +278,4 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       return /*#__PURE__*/_react.default.createElement("div", { ref: _this.stopEl, style: { height: 50 } });
     };_this.
 
-    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground2.styles.playground(), _Playground2.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground2.styles.tabsWrapper(this.theme)] = true, _cx[_Playground2.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground2.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Link2.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);
+    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground2.styles.playground(), _Playground2.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground2.styles.tabsWrapper(this.theme)] = true, _cx[_Playground2.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground2.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme, "data-tab-id": _constants.ThemeType.LightTheme }, "\u0421\u0432\u0435\u0442\u043B\u0430\u044F \u0442\u0435\u043C\u0430"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme, "data-tab-id": _constants.ThemeType.DarkTheme }, "\u0422\u0451\u043C\u043D\u0430\u044F \u0442\u0435\u043C\u0430"))), /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);