@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

package/internal/RenderLayer/index.d.ts

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

package/internal/ResizeDetector/ResizeDetector.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface ResizeDetectorProps {
-    onResize?: (event: UIEvent) => void;
-    fullHeight?: boolean;
-}
-export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private iframeWindow;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    private handleResize;
-    private iframeRef;
-}
+import React from 'react';
+export interface ResizeDetectorProps {
+    onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
+}
+export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private iframeWindow;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    private handleResize;
+    private iframeRef;
+}

package/internal/ResizeDetector/ResizeDetector.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    iframe(): string;
-    content(): string;
-    fullHeight(): string;
-};
+export declare const styles: {
+    root(): string;
+    iframe(): string;
+    content(): string;
+    fullHeight(): string;
+};

package/internal/ResizeDetector/index.d.ts

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

package/internal/SpinnerIcon/SpinnerIcon.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-interface SpinnerIconSize {
-    size: number;
-    width: number;
-    radius: number;
-}
-export interface SpinnerIconProps {
-    className?: string;
-    size: SpinnerIconSize | keyof typeof sizes;
-    dimmed?: boolean;
-    inline?: boolean;
-    width?: number;
-    color?: React.CSSProperties['color'];
-}
-export declare const sizes: {
-    readonly big: {
-        readonly size: 96;
-        readonly width: 4;
-        readonly radius: 32;
-    };
-    readonly normal: {
-        readonly size: 48;
-        readonly width: 2;
-        readonly radius: 16;
-    };
-    readonly mini: {
-        readonly size: 16;
-        readonly width: 1.5;
-        readonly radius: 6;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
+export interface SpinnerIconProps {
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
+    dimmed?: boolean;
+    inline?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
+    };
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
+    };
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
+export {};

package/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/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/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/internal/ThemePlayground/AnotherInputsPlayground/AnotherInputsPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","DatePicker","DatePickerPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","_inheritsLoose","_proto","prototype","render","createElement","trigger","onCloseClick","_extends","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","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":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,UAAU,QAAyB,6BAA6B;;;;;;;;AAQzE,WAAaC,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,OAAAE,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,CAACrB,UAAU,CAACoB,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOmB,aAAa,GAAG,YAAM;MAC5BnB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,EAAAoB,cAAA,CAAAtB,oBAAA,EAAAC,gBAAA,MAAAsB,MAAA,GAAAvB,oBAAA,CAAAwB,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE5B,KAAA,CAAA6B,aAAA,CAAC5B,OAAO,IACN6B,OAAO,EAAE,IAAI,CAACf,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDU,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCG,YAAY,EAAE,IAAI,CAACP,aAAc,iBAEjCxB,KAAA,CAAA6B,aAAA,CAAC3B,UAAU,EAAA8B,QAAA,KACL,IAAI,CAACC,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBlB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBoB,aAAa,EAAE,IAAI,CAACjB,YAAa,EACjCkB,OAAO,EAAE,IAAI,CAAChB,UAAW,EACzBiB,MAAM,EAAE,IAAI,CAAChB,QAAS,EACtBiB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAApC,oBAAA,GA3BuCH,KAAK,CAACwC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","DatePicker","DatePickerPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","_inheritsLoose","_proto","prototype","render","createElement","trigger","onCloseClick","_extends","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","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":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,OAAO,QAAQ,0BAA0B;;AAElD,SAASC,UAAU,QAAQ,6BAA6B;;;;;;;;AAQxD,WAAaC,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,OAAAE,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,CAACrB,UAAU,CAACoB,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOmB,aAAa,GAAG,YAAM;MAC5BnB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,EAAAoB,cAAA,CAAAtB,oBAAA,EAAAC,gBAAA,MAAAsB,MAAA,GAAAvB,oBAAA,CAAAwB,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE5B,KAAA,CAAA6B,aAAA,CAAC5B,OAAO,IACN6B,OAAO,EAAE,IAAI,CAACf,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDU,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCG,YAAY,EAAE,IAAI,CAACP,aAAc,iBAEjCxB,KAAA,CAAA6B,aAAA,CAAC3B,UAAU,EAAA8B,QAAA,KACL,IAAI,CAACC,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBlB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBoB,aAAa,EAAE,IAAI,CAACjB,YAAa,EACjCkB,OAAO,EAAE,IAAI,CAAChB,UAAW,EACzBiB,MAAM,EAAE,IAAI,CAAChB,QAAS,EACtBiB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAApC,oBAAA,GA3BuCH,KAAK,CAACwC,SAAS","ignoreList":[]}

package/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/internal/ThemePlayground/CheckboxPlayground/CheckboxPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Gapped","Checkbox","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","createElement","gap","vertical"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,QAAQ,QAAuB,2BAA2B;;AAEnE,SAASC,0BAA0B,QAAQ,WAAW;;;AAGtD,IAAMC,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;;;AAED,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACa,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrBZ,0BAA0B,eAACH,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC,EAAEE,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Gapped","Checkbox","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","createElement","gap","vertical"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,SAASC,0BAA0B,QAAQ,WAAW;;;AAGtD,IAAMC,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;;;AAED,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACa,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrBZ,0BAA0B,eAACH,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC,EAAEE,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}

package/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/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Gapped","styles","ComponentsGroup","props","title","children","style","theme","createElement","wrap","verticalAlign","gap","className","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;AAS5C,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,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;IACER,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCZ,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACG,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNL,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACY,eAAe,CAACN,KAAK,CAAE;IAC5CR,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCN;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Gapped","styles","ComponentsGroup","props","title","children","style","theme","createElement","wrap","verticalAlign","gap","className","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;AAS5C,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,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;IACER,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCZ,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACG,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNL,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACY,eAAe,CAACN,KAAK,CAAE;IAC5CR,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCN;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}

package/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/internal/ThemePlayground/CurrencyInputPlayground/CurrencyInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CurrencyInput","CurrencyInputPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","props","handleChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","placeholder","onValueChange","width","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":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,aAAa,QAA4B,gCAAgC;;;;;AAKlF,WAAaC,uBAAuB,0BAAAC,gBAAA,YAAAD,wBAAA,OAAAE,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,EAAAe,cAAA,CAAAjB,uBAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,uBAAA,CAAAmB,SAAA,CAAAD,MAAA,CAhBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEtB,KAAA,CAAAuB,aAAA,2BACEvB,KAAA,CAAAuB,aAAA,CAACtB,aAAa,EAAAuB,QAAA,KACR,IAAI,CAACR,KAAK,IACdS,WAAW,EAAE,UAAW,EACxBV,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBW,aAAa,EAAE,IAAI,CAACT,YAAa,EACjCU,KAAK,EAAE,GAAI,GACZ,CACE,CAAC,CAEV,CAAC,QAAAzB,uBAAA,GAjB0CF,KAAK,CAAC4B,SAAS","ignoreList":[]}
+{"version":3,"names":["React","CurrencyInput","CurrencyInputPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","props","handleChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","placeholder","onValueChange","width","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":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,aAAa,QAAQ,gCAAgC;;;;;AAK9D,WAAaC,uBAAuB,0BAAAC,gBAAA,YAAAD,wBAAA,OAAAE,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,EAAAe,cAAA,CAAAjB,uBAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,uBAAA,CAAAmB,SAAA,CAAAD,MAAA,CAhBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEtB,KAAA,CAAAuB,aAAA,2BACEvB,KAAA,CAAAuB,aAAA,CAACtB,aAAa,EAAAuB,QAAA,KACR,IAAI,CAACR,KAAK,IACdS,WAAW,EAAE,UAAW,EACxBV,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBW,aAAa,EAAE,IAAI,CAACT,YAAa,EACjCU,KAAK,EAAE,GAAI,GACZ,CACE,CAAC,CAEV,CAAC,QAAAzB,uBAAA,GAjB0CF,KAAK,CAAC4B,SAAS","ignoreList":[]}

package/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/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/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/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/internal/ThemePlayground/Playground/Playground.js

@@ -1,11 +1,11 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import SearchIcon from '@skbkontur/react-icons/Search';
-import LinkIcon from '@skbkontur/react-icons/Link';
-import OkIcon from '@skbkontur/react-icons/Ok';
-import ErrorIcon from '@skbkontur/react-icons/Error';
-import TrashIcon from '@skbkontur/react-icons/Trash';
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
+import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
+import { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
+import { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
+import { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';
 import { Button } from "../../../components/Button";
 import { Tabs } from "../../../components/Tabs";
 import { Gapped } from "../../../components/Gapped";
@@ -75,22 +75,22 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
     };
     _this.renderLinksGroup = function () {
       var propsList = [{
-        icon: /*#__PURE__*/React.createElement(LinkIcon, null),
+        icon: /*#__PURE__*/React.createElement(AttachLinkIcon16Regular, null),
         children: 'Enabled'
       }, {
-        icon: /*#__PURE__*/React.createElement(OkIcon, null),
+        icon: /*#__PURE__*/React.createElement(CheckAIcon16Regular, null),
         use: 'success',
         children: 'Success'
       }, {
-        icon: /*#__PURE__*/React.createElement(ErrorIcon, null),
+        icon: /*#__PURE__*/React.createElement(MinusCircleIcon16Regular, null),
         use: 'danger',
         children: 'Danger'
       }, {
-        icon: /*#__PURE__*/React.createElement(TrashIcon, null),
+        icon: /*#__PURE__*/React.createElement(TrashCanIcon16Regular, null),
         use: 'grayed',
         children: 'Grayed'
       }, {
-        icon: /*#__PURE__*/React.createElement(TrashIcon, null),
+        icon: /*#__PURE__*/React.createElement(TrashCanIcon16Regular, null),
         children: 'Disabled',
         disabled: true
       }];
@@ -174,7 +174,7 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
         React.createElement(Input, {
           width: 380,
           prefix: "https://kontur.ru/search?query=",
-          rightIcon: /*#__PURE__*/React.createElement(SearchIcon, null)
+          rightIcon: /*#__PURE__*/React.createElement(SearchLoupeIcon16Regular, null)
         }), /*#__PURE__*/
         React.createElement("div", null, /*#__PURE__*/
         React.createElement(Gapped, {
@@ -255,7 +255,7 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
           disableAnimations: true
         }, /*#__PURE__*/
         React.createElement(Link, {
-          icon: /*#__PURE__*/React.createElement(HelpDotIcon, null)
+          icon: /*#__PURE__*/React.createElement(QuestionCircleIcon16Regular, null)
         })))
       );
     };
@@ -319,7 +319,8 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
       onThemeChange = _this$props.onThemeChange,
       onEditLinkClick = _this$props.onEditLinkClick;
     var tabsOuterWrapperStyle = {
-      background: this.theme.bgDefault
+      background: this.theme.bgDefault,
+      marginTop: 36
     };
     var tabsOuterWrapperClass = cx((_cx = {}, _cx[styles.tabsWrapper(this.theme)] = true, _cx[styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));
     return /*#__PURE__*/React.createElement("div", {
@@ -335,9 +336,9 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
       className: styles.tabsInnerWrapper(this.theme)
     }, /*#__PURE__*/React.createElement(Tabs.Tab, {
       id: ThemeType.LightTheme
-    }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/React.createElement(Tabs.Tab, {
+    }, "\u0421\u0432\u0435\u0442\u043B\u0430\u044F \u0442\u0435\u043C\u0430"), /*#__PURE__*/React.createElement(Tabs.Tab, {
       id: ThemeType.DarkTheme
-    }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/React.createElement(Link, {
+    }, "\u0422\u0451\u043C\u043D\u0430\u044F \u0442\u0435\u043C\u0430"))), /*#__PURE__*/React.createElement(Link, {
       onClick: onEditLinkClick
     }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));
   };

package/internal/ThemePlayground/Playground/Playground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SearchIcon","LinkIcon","OkIcon","ErrorIcon","TrashIcon","HelpDotIcon","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","SizesGroup","useSticky","Playground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\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  private renderMain() {\n    const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n          {this.renderFileUploader()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault };\n    const tabsOuterWrapperClass = cx({\n      [styles.tabsWrapper(this.theme)]: true,\n      [styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.LightTheme}>Тема 2022</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тема 2022 Тёмная</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.DarkTheme:\n        return ThemeType.DarkTheme;\n      default:\n        return ThemeType.LightTheme;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <SizesGroup size={'small'} />\n        <SizesGroup size={'medium'} />\n        <SizesGroup size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchIcon />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n          <Link icon={<HelpDotIcon />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderFileUploader = () => {\n    return (\n      <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n        <FileUploader multiple />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","SearchLoupeIcon16Regular","AttachLinkIcon16Regular","CheckAIcon16Regular","MinusCircleIcon16Regular","TrashCanIcon16Regular","QuestionCircleIcon16Regular","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","SizesGroup","useSticky","Playground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\nimport { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';\nimport { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';\nimport { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';\nimport { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';\n\nimport type { ButtonProps } from '../../components/Button';\nimport { Button } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport type { LinkProps } from '../../components/Link';\nimport { Link } from '../../components/Link';\nimport type { InputProps } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\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  private renderMain() {\n    const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n          {this.renderFileUploader()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };\n    const tabsOuterWrapperClass = cx({\n      [styles.tabsWrapper(this.theme)]: true,\n      [styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.LightTheme}>Светлая тема</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тёмная тема</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.DarkTheme:\n        return ThemeType.DarkTheme;\n      default:\n        return ThemeType.LightTheme;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <SizesGroup size={'small'} />\n        <SizesGroup size={'medium'} />\n        <SizesGroup size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <AttachLinkIcon16Regular />, children: 'Enabled' },\n      { icon: <CheckAIcon16Regular />, use: 'success', children: 'Success' },\n      { icon: <MinusCircleIcon16Regular />, use: 'danger', children: 'Danger' },\n      { icon: <TrashCanIcon16Regular />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashCanIcon16Regular />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchLoupeIcon16Regular />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n          <Link icon={<QuestionCircleIcon16Regular />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderFileUploader = () => {\n    return (\n      <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n        <FileUploader multiple />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}