@foxford/ui 2.0.0-beta-3c7bb9a-20220620 → 2.0.0-beta-393de96-20220623

package/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { BaseProps, InputField } from '../../shared/interfaces'\nimport * as Styled from './style'\n\ntype TextAreaHTMLAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'cols' | 'rows' | 'color'>\n\nexport interface TextareaProps extends BaseProps, InputField, TextAreaHTMLAttributes {\n  /**\n   * Specifies the visible width of a text area\n   */\n  cols?: number\n  /**\n   * Specifies the visible number of lines in a text area\n   */\n  rows?: number\n  /**\n   * Specifies the visible max number of lines in a text area\n   */\n  maxRows?: number\n  /**\n   * Specifies the maximum number of characters allowed in the text area\n   */\n  maxLength?: number\n  /**\n   * On change handler\n   */\n  onChange?(_event: React.ChangeEvent<HTMLTextAreaElement>): void\n  /**\n   * Value\n   */\n  value?: string\n  /**\n   * Autosize for textarea\n   */\n  autosize?: boolean\n}\n\nTextarea.defaultProps = {\n  onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n  rounded: true,\n  width: 'l',\n  color: 'mineShaft',\n  placeholderColor: 'silver',\n  cols: 20,\n  maxRows: 30,\n  rows: 2,\n  autosize: true,\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`InputField`](#/Миксины)\n * - `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n */\nexport function Textarea({\n  cols,\n  disabled,\n  error,\n  fluid,\n  name,\n  onChange,\n  maxLength,\n  placeholder,\n  required,\n  rounded,\n  rows,\n  tabIndex,\n  value,\n  className,\n  style,\n  children,\n  autosize,\n  maxRows,\n  color,\n  placeholderColor,\n  ...props\n}: typeof Textarea.defaultProps & TextareaProps) {\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler: React.ChangeEventHandler<HTMLTextAreaElement> = useCallback(\n    (event) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      {...props}\n    >\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["Textarea","_ref","cols","disabled","error","fluid","name","onChange","maxLength","placeholder","required","rounded","rows","tabIndex","value","className","style","children","autosize","maxRows","color","placeholderColor","props","_objectWithoutProperties","_excluded","tRows","setRows","useState","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","_jsx","Styled.Root","_objectSpread","defaultProps","e","console","log","width"],"mappings":"0cAuDO,SAASA,EAsBiCC,GAAA,IAtBxBC,KACvBA,EADuBC,SAEvBA,EAFuBC,MAGvBA,EAHuBC,MAIvBA,EAJuBC,KAKvBA,EALuBC,SAMvBA,EANuBC,UAOvBA,EAPuBC,YAQvBA,EARuBC,SASvBA,EATuBC,QAUvBA,EAVuBC,KAWvBA,EAXuBC,SAYvBA,EAZuBC,MAavBA,EAbuBC,UAcvBA,EAduBC,MAevBA,EAfuBC,SAgBvBA,EAhBuBC,SAiBvBA,EAjBuBC,QAkBvBA,EAlBuBC,MAmBvBA,EAnBuBC,iBAoBvBA,GAE+CpB,EAD5CqB,EAC4CC,EAAAtB,EAAAuB,GAC/C,IAAOC,EAAOC,GAAWC,EAASf,GAElC,IAAMgB,EAAiEC,GACpEC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBd,EAAU,CACrD,IAAMe,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQN,EAC/CO,EAAQD,EAAQ,GACNM,EAAOjB,OAA0B,KAAjBiB,EAAOjB,OACjCY,EAAQd,GAIY,mBAAbL,GACTA,EAASuB,KAGb,CAACvB,EAAUkB,EAAON,EAASD,IAG7B,OACEmB,EAACC,EAADC,EAAAA,EAAA,CACExB,UAAWA,EACXC,MAAOA,EACPT,SAAUqB,EACV1B,KAAMA,EACNC,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVE,KAAMa,EACNZ,SAAUA,EACVC,MAAOA,EACPM,MAAOA,EACPT,QAASA,EACTU,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,GACHkB,GAlBN,GAAA,CAAAL,SAoBGA,KArFPjB,EAASwC,aAAe,CACtBjC,SAAWkC,GAA8CC,QAAQC,IAAIF,EAAGA,EAAEV,OAAOjB,OACjFH,SAAS,EACTiC,MAAO,IACPxB,MAAO,YACPC,iBAAkB,SAClBnB,KAAM,GACNiB,QAAS,GACTP,KAAM,EACNM,UAAAA"}
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { BaseProps, InputField } from '../../shared/interfaces'\nimport * as Styled from './style'\n\ntype TextAreaHTMLAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'cols' | 'rows' | 'color'>\n\nexport interface TextareaProps extends BaseProps, InputField, TextAreaHTMLAttributes {\n  /**\n   * Specifies the visible width of a text area\n   */\n  cols?: number\n  /**\n   * Specifies the visible number of lines in a text area\n   */\n  rows?: number\n  /**\n   * Specifies the visible max number of lines in a text area\n   */\n  maxRows?: number\n  /**\n   * Specifies the maximum number of characters allowed in the text area\n   */\n  maxLength?: number\n  /**\n   * On change handler\n   */\n  onChange?(_event: React.ChangeEvent<HTMLTextAreaElement>): void\n  /**\n   * Value\n   */\n  value?: string\n  /**\n   * Autosize for textarea\n   */\n  autosize?: boolean\n}\n\nTextarea.defaultProps = {\n  onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n  rounded: true,\n  width: 'l',\n  color: 'mineShaft',\n  placeholderColor: 'silver',\n  cols: 20,\n  maxRows: 30,\n  rows: 2,\n  autosize: true,\n}\n\nTextarea.displayName = 'Textarea'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`InputField`](#/Миксины)\n * - `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n */\nexport function Textarea({\n  cols,\n  disabled,\n  error,\n  fluid,\n  name,\n  onChange,\n  maxLength,\n  placeholder,\n  required,\n  rounded,\n  rows,\n  tabIndex,\n  value,\n  className,\n  style,\n  children,\n  autosize,\n  maxRows,\n  color,\n  placeholderColor,\n  ...props\n}: typeof Textarea.defaultProps & TextareaProps) {\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler: React.ChangeEventHandler<HTMLTextAreaElement> = useCallback(\n    (event) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      {...props}\n    >\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["Textarea","_ref","cols","disabled","error","fluid","name","onChange","maxLength","placeholder","required","rounded","rows","tabIndex","value","className","style","children","autosize","maxRows","color","placeholderColor","props","_objectWithoutProperties","_excluded","tRows","setRows","useState","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","_jsx","Styled.Root","_objectSpread","defaultProps","e","console","log","width","displayName"],"mappings":"0cAyDO,SAASA,EAsBiCC,GAAA,IAtBxBC,KACvBA,EADuBC,SAEvBA,EAFuBC,MAGvBA,EAHuBC,MAIvBA,EAJuBC,KAKvBA,EALuBC,SAMvBA,EANuBC,UAOvBA,EAPuBC,YAQvBA,EARuBC,SASvBA,EATuBC,QAUvBA,EAVuBC,KAWvBA,EAXuBC,SAYvBA,EAZuBC,MAavBA,EAbuBC,UAcvBA,EAduBC,MAevBA,EAfuBC,SAgBvBA,EAhBuBC,SAiBvBA,EAjBuBC,QAkBvBA,EAlBuBC,MAmBvBA,EAnBuBC,iBAoBvBA,GAE+CpB,EAD5CqB,EAC4CC,EAAAtB,EAAAuB,GAC/C,IAAOC,EAAOC,GAAWC,EAASf,GAElC,IAAMgB,EAAiEC,GACpEC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBd,EAAU,CACrD,IAAMe,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQN,EAC/CO,EAAQD,EAAQ,GACNM,EAAOjB,OAA0B,KAAjBiB,EAAOjB,OACjCY,EAAQd,GAIY,mBAAbL,GACTA,EAASuB,KAGb,CAACvB,EAAUkB,EAAON,EAASD,IAG7B,OACEmB,EAACC,EAADC,EAAAA,EAAA,CACExB,UAAWA,EACXC,MAAOA,EACPT,SAAUqB,EACV1B,KAAMA,EACNC,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVE,KAAMa,EACNZ,SAAUA,EACVC,MAAOA,EACPM,MAAOA,EACPT,QAASA,EACTU,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,GACHkB,GAlBN,GAAA,CAAAL,SAoBGA,KAvFPjB,EAASwC,aAAe,CACtBjC,SAAWkC,GAA8CC,QAAQC,IAAIF,EAAGA,EAAEV,OAAOjB,OACjFH,WACAiC,MAAO,IACPxB,MAAO,YACPC,iBAAkB,SAClBnB,KAAM,GACNiB,QAAS,GACTP,KAAM,EACNM,UAAU,GAGZlB,EAAS6C,YAAc"}

package/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import t from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import o from'react-floater';import l from'ramda/es/mergeDeepRight';import{tooltipStyles as s,tooltipDisplayBlockStyles as r,tooltipStylesRounend as i}from'./tooltip-styles.js';import{jsx as p}from'react/jsx-runtime';var a=["children","styles"];function n(r){var{children:i,styles:n={}}=r,m=e(r,a);var c=l(s||{},n);return p(o,t(t({styles:c},m),{},{children:i}))}n.defaultProps={autoOpen:!1,disableAnimation:!1,disableFlip:!1,disableHoverToClick:!1,event:'click',eventDelay:.4,offset:15,placement:'bottom',showCloseButton:!1,styles:s,target:null,wrapperOptions:{position:!1},component:null},n.themes={tooltipStyles:s,tooltipDisplayBlockStyles:r,tooltipStylesRounend:i};export{n as Tooltip};
+import t from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import o from'react-floater';import l from'ramda/es/mergeDeepRight';import{tooltipStyles as s,tooltipDisplayBlockStyles as i,tooltipStylesRounend as r}from'./tooltip-styles.js';import{jsx as p}from'react/jsx-runtime';var a=["children","styles"];function n(i){var{children:r,styles:n={}}=i,m=e(i,a);var c=l(s||{},n);return p(o,t(t({styles:c},m),{},{children:r}))}n.defaultProps={autoOpen:!1,disableAnimation:!1,disableFlip:!1,disableHoverToClick:!1,event:'click',eventDelay:.4,offset:15,placement:'bottom',showCloseButton:!1,styles:s,target:null,wrapperOptions:{position:!1},component:null},n.themes={tooltipStyles:s,tooltipDisplayBlockStyles:i,tooltipStylesRounend:r},n.displayName='Tooltip';export{n as Tooltip};
 //# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import Floater from 'react-floater'\nimport mergeDeepRight from 'ramda/es/mergeDeepRight'\nimport { tooltipStyles, tooltipStylesRounend, tooltipDisplayBlockStyles } from './tooltip-styles'\n\nTooltip.defaultProps = {\n  autoOpen: false,\n  disableAnimation: false,\n  disableFlip: false,\n  disableHoverToClick: false,\n  event: 'click',\n  eventDelay: 0.4,\n  offset: 15,\n  placement: 'bottom',\n  showCloseButton: false,\n  styles: tooltipStyles,\n  target: null,\n  wrapperOptions: {\n    position: false,\n  },\n  component: null,\n}\n\nTooltip.themes = {\n  tooltipStyles,\n  tooltipDisplayBlockStyles,\n  tooltipStylesRounend,\n}\n\ntype FloaterProps = Parameters<typeof Floater>[0]\n\nexport type TooltipProps = FloaterProps\n\n/**\n * Основан на [react-floater](https://github.com/gilbarbara/react-floater).\n */\nexport function Tooltip({ children, styles = {}, ...props }: TooltipProps) {\n  const tooltipStyle = mergeDeepRight(tooltipStyles || {}, styles) as TooltipProps['styles']\n\n  return (\n    <Floater styles={tooltipStyle} {...props}>\n      {children}\n    </Floater>\n  )\n}\n"],"names":["Tooltip","_ref","children","styles","props","_objectWithoutProperties","_excluded","tooltipStyle","mergeDeepRight","tooltipStyles","_jsx","Floater","_objectSpread","defaultProps","autoOpen","disableAnimation","disableFlip","disableHoverToClick","event","eventDelay","offset","placement","showCloseButton","target","wrapperOptions","position","component","themes","tooltipDisplayBlockStyles","tooltipStylesRounend"],"mappings":"+WAmCO,SAASA,EAA2DC,GAAA,IAAnDC,SAAEA,EAAFC,OAAYA,EAAS,IAA8BF,EAAvBG,EAAuBC,EAAAJ,EAAAK,GACzE,IAAMC,EAAeC,EAAeC,GAAiB,GAAIN,GAEzD,OACEO,EAACC,EAADC,EAAAA,EAAA,CAAST,OAAQI,GAAkBH,GAAnC,GAAA,CAAAF,SACGA,KApCPF,EAAQa,aAAe,CACrBC,UAAU,EACVC,oBACAC,aAAAA,EACAC,qBAAqB,EACrBC,MAAO,QACPC,WAAY,GACZC,OAAQ,GACRC,UAAW,SACXC,iBAAAA,EACAnB,OAAQM,EACRc,OAAQ,KACRC,eAAgB,CACdC,UAAU,GAEZC,UAAW,MAGb1B,EAAQ2B,OAAS,CACflB,cAAAA,EACAmB,0BAAAA,EACAC,qBAAAA"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import Floater from 'react-floater'\nimport mergeDeepRight from 'ramda/es/mergeDeepRight'\nimport { tooltipStyles, tooltipStylesRounend, tooltipDisplayBlockStyles } from './tooltip-styles'\n\nTooltip.defaultProps = {\n  autoOpen: false,\n  disableAnimation: false,\n  disableFlip: false,\n  disableHoverToClick: false,\n  event: 'click',\n  eventDelay: 0.4,\n  offset: 15,\n  placement: 'bottom',\n  showCloseButton: false,\n  styles: tooltipStyles,\n  target: null,\n  wrapperOptions: {\n    position: false,\n  },\n  component: null,\n}\n\nTooltip.themes = {\n  tooltipStyles,\n  tooltipDisplayBlockStyles,\n  tooltipStylesRounend,\n}\n\nTooltip.displayName = 'Tooltip'\n\ntype FloaterProps = Parameters<typeof Floater>[0]\n\nexport type TooltipProps = FloaterProps\n\n/**\n * Основан на [react-floater](https://github.com/gilbarbara/react-floater).\n */\nexport function Tooltip({ children, styles = {}, ...props }: TooltipProps) {\n  const tooltipStyle = mergeDeepRight(tooltipStyles || {}, styles) as TooltipProps['styles']\n\n  return (\n    <Floater styles={tooltipStyle} {...props}>\n      {children}\n    </Floater>\n  )\n}\n"],"names":["Tooltip","_ref","children","styles","props","_objectWithoutProperties","_excluded","tooltipStyle","mergeDeepRight","tooltipStyles","_jsx","Floater","_objectSpread","defaultProps","autoOpen","disableAnimation","disableFlip","disableHoverToClick","event","eventDelay","offset","placement","showCloseButton","target","wrapperOptions","position","component","themes","tooltipDisplayBlockStyles","tooltipStylesRounend","displayName"],"mappings":"+WAqCO,SAASA,EAA2DC,GAAA,IAAnDC,SAAEA,EAAFC,OAAYA,EAAS,IAA8BF,EAAvBG,EAAuBC,EAAAJ,EAAAK,GACzE,IAAMC,EAAeC,EAAeC,GAAiB,GAAIN,GAEzD,OACEO,EAACC,EAADC,EAAAA,EAAA,CAAST,OAAQI,GAAkBH,GAAnC,GAAA,CAAAF,SACGA,KAtCPF,EAAQa,aAAe,CACrBC,UAAAA,EACAC,kBAAkB,EAClBC,eACAC,qBAAAA,EACAC,MAAO,QACPC,WAAY,GACZC,OAAQ,GACRC,UAAW,SACXC,mBACAnB,OAAQM,EACRc,OAAQ,KACRC,eAAgB,CACdC,UAAAA,GAEFC,UAAW,MAGb1B,EAAQ2B,OAAS,CACflB,cAAAA,EACAmB,0BAAAA,EACAC,qBAAAA,GAGF7B,EAAQ8B,YAAc"}

package/dts/index.d.ts

@@ -490,6 +490,8 @@ declare enum IconNames {
     playPause = "playPause",
     video = "video"
 }
+declare type Icon$1 = React.FC<React.SVGProps<SVGSVGElement>> | (() => JSX.Element);
+declare const defaultIcons: Record<IconNames, Icon$1>;
 
 interface IconProps extends BaseProps, Color, VAlign, ResponsiveProperty<'size'> {
     /**
@@ -522,6 +524,9 @@ interface IconProps extends BaseProps, Color, VAlign, ResponsiveProperty<'size'>
  * - [`ResponsiveProperty<'size'>`](#/Миксины)
  */
 declare function Icon(props: IconProps): JSX.Element;
+declare namespace Icon {
+    var displayName: string;
+}
 
 interface ActionBtnProps extends BaseProps, Display {
     /** Icon name (for inner Icon component) */
@@ -540,6 +545,9 @@ interface ActionBtnProps extends BaseProps, Display {
  * - [`Display`](#/Миксины)
  */
 declare function ActionBtn({ icon, disabled, onClick, children, className, active, style }: ActionBtnProps): JSX.Element;
+declare namespace ActionBtn {
+    var displayName: string;
+}
 
 declare enum CurrencyCodes {
     ALL = "ALL",
@@ -660,7 +668,7 @@ declare enum CurrencyCodes {
 }
 declare const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>>;
 
-interface AmountProps extends BaseProps, Color, ResponsiveProperty<'size'> {
+interface AmountProps extends BaseProps, Color, ResponsiveProperty<'size'>, Display {
     /**
      * Value for amount
      */
@@ -701,6 +709,7 @@ interface AmountProps extends BaseProps, Color, ResponsiveProperty<'size'> {
  * - [`ResponsiveProperty<'size'>`](#/Миксины)
  */
 declare class Amount extends PureComponent<AmountProps> {
+    static displayName: string;
     static defaultProps: {
         isHeader: boolean;
         showZeroMinorPart: boolean;
@@ -763,7 +772,13 @@ interface AnchorProps extends BaseProps, Color, ResponsiveProperty<'size'>, Disp
  * - [`ResponsiveProperty<'size'>`](#/Миксины)
  * - [`Display`](#/Миксины)
  */
-declare function Anchor(props: AnchorProps): JSX.Element;
+declare function Anchor(props: typeof Anchor.defaultProps & AnchorProps): JSX.Element;
+declare namespace Anchor {
+    var displayName: string;
+    var defaultProps: {
+        display: string;
+    };
+}
 
 interface ArrowProps extends BaseProps {
     /**
@@ -796,6 +811,7 @@ interface ArrowProps extends BaseProps {
  * - [`BaseProps`](#/Миксины)
  */
 declare class Arrow extends PureComponent<ArrowProps> {
+    static displayName: string;
     static defaultProps: {
         size: string;
         top: boolean;
@@ -843,6 +859,7 @@ declare class Avatar extends PureComponent<AvatarProps> {
         size: string;
         autoColor: boolean;
     };
+    static displayName: string;
     getAvatarText(): string;
     render(): JSX.Element;
 }
@@ -893,7 +910,7 @@ interface TextEllipseState {
  * - [`ResponsiveProperty<'size'>`](#/Миксины)
  */
 declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
-    displayName: string;
+    static displayName: string;
     constructor(props: TextEllipseProps);
     getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
     getQuted: (content: string) => string;
@@ -953,6 +970,7 @@ declare function Text(props: TextProps): JSX.Element;
 declare namespace Text {
     var Heading: typeof TextHeading;
     var Ellipse: typeof TextEllipse;
+    var displayName: string;
 }
 
 interface BadgeProps extends BaseProps, Color, Display {
@@ -972,12 +990,15 @@ interface BadgeProps extends BaseProps, Color, Display {
  * - [`Display`](#/Миксины)
  */
 declare function Badge({ children, content, textProps, round, display, ...restProps }: BadgeProps): JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
 
 interface ButtonProps extends BaseProps, Tooltiped, Display, Color, Color<'fontColor'>, ResponsiveProperty<'padding'>, ResponsiveProperty<'paddingTop'>, ResponsiveProperty<'paddingRight'>, ResponsiveProperty<'paddingBottom'>, ResponsiveProperty<'paddingLeft'>, ResponsiveProperty<'margin'>, ResponsiveProperty<'marginTop'>, ResponsiveProperty<'marginRight'>, ResponsiveProperty<'marginBottom'>, ResponsiveProperty<'marginLeft'>, ResponsiveProperty<'fontSize'>, ResponsiveProperty<'fluid', boolean>, ResponsiveProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
     /**
      * Node type
      */
-    as?: 'div' | 'span' | 'a' | 'button' | typeof Link;
+    as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor;
     /**
      *  add attr tagret='_blank' for `a` tag
      */
@@ -994,9 +1015,6 @@ interface ButtonProps extends BaseProps, Tooltiped, Display, Color, Color<'fontC
      * Type for button element
      */
     type?: 'button' | 'submit';
-    /**
-     * Primary content
-     */
     /**
      * Children react node
      */
@@ -1082,6 +1100,7 @@ declare namespace Button {
         as: string;
         type: string;
     };
+    var displayName: string;
 }
 
 interface ContainerProps extends BaseProps, Display, Color {
@@ -1108,6 +1127,9 @@ interface ContainerProps extends BaseProps, Display, Color {
  * - [`Display`](#/Миксины)
  */
 declare function Container(props: ContainerProps): JSX.Element;
+declare namespace Container {
+    var displayName: string;
+}
 
 interface ModalCloseProps {
     className?: string;
@@ -1189,6 +1211,7 @@ declare namespace Modal {
         className: string;
     };
     var Close: typeof ModalClose;
+    var displayName: string;
 }
 
 interface PaperProps extends BaseProps, Display, Color, ResponsiveProperty<'padding'> {
@@ -1214,7 +1237,7 @@ interface PaperProps extends BaseProps, Display, Color, ResponsiveProperty<'padd
     /**
      * This number represents the zDepth of the paper shadow
      */
-    zDepth?: 0 | 1 | 2 | 3 | 4;
+    zDepth?: false | 0 | 1 | 2 | 3 | 4;
     /**
      * Text align
      */
@@ -1228,6 +1251,9 @@ interface PaperProps extends BaseProps, Display, Color, ResponsiveProperty<'padd
  * - [`ResponsiveProperty<'padding'>`](#/Миксины)
  */
 declare function Paper({ padding, rounded, shadow, ...props }: PaperProps): JSX.Element;
+declare namespace Paper {
+    var displayName: string;
+}
 
 interface ProgressSegmentedProps extends BaseProps, Color<'separatorColor'>, Color<'percentColor'> {
     /**
@@ -1352,8 +1378,9 @@ declare namespace Progress {
         backgroundColor: string;
         isLoading: boolean;
     };
-    var Circe: typeof ProgressCircle;
+    var Circle: typeof ProgressCircle;
     var Segmented: typeof ProgressSegmented;
+    var displayName: string;
 }
 
 interface ScrollableProps extends Partial<ScrollbarsProps> {
@@ -1476,6 +1503,7 @@ declare type ScrollableState = {
     clientHeight: number;
 };
 declare class Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {
+    static displayName: string;
     static defaultProps: {
         autoHide: boolean;
         autoHideTimeout: number;
@@ -1605,6 +1633,9 @@ interface SectionProps extends BaseProps, Display, Color, ResponsiveProperty<'pa
  * - [`ResponsiveProperty<'padding'>`](#/Миксины)
  */
 declare function Section(props: SectionProps): JSX.Element;
+declare namespace Section {
+    var displayName: string;
+}
 
 interface SeparatorTextProps extends BaseProps, Color {
     /**
@@ -1648,6 +1679,7 @@ declare namespace Separator {
         weight: number;
     };
     var Text: typeof SeparatorText;
+    var displayName: string;
 }
 
 interface SpacerProps extends BaseProps, Display, ResponsiveProperty<'top'>, ResponsiveProperty<'right'>, ResponsiveProperty<'bottom'>, ResponsiveProperty<'left'>, ResponsiveProperty<'padding'>, ResponsiveProperty<'paddingTop'>, ResponsiveProperty<'paddingRight'>, ResponsiveProperty<'paddingBottom'>, ResponsiveProperty<'paddingLeft'>, ResponsiveProperty<'margin'>, ResponsiveProperty<'marginTop'>, ResponsiveProperty<'marginRight'>, ResponsiveProperty<'marginBottom'>, ResponsiveProperty<'marginLeft'> {
@@ -1679,6 +1711,9 @@ interface SpacerProps extends BaseProps, Display, ResponsiveProperty<'top'>, Res
  * - [`ResponsiveProperty<'marginLeft'>`](#/Миксины)
  */
 declare function Spacer(props: SpacerProps): JSX.Element;
+declare namespace Spacer {
+    var displayName: string;
+}
 
 interface SpinnerProps extends BaseProps, ResponsiveProperty<'size'> {
     /**
@@ -1704,6 +1739,7 @@ declare namespace Spinner {
     var defaultProps: {
         size: string;
     };
+    var displayName: string;
 }
 
 interface SwitcherProps extends BaseProps, Color<'color'>, Color<'inactiveColor'> {
@@ -1752,6 +1788,7 @@ declare namespace Switcher {
         disabled: boolean;
         color: string;
     };
+    var displayName: string;
 }
 
 interface TabProps extends Color, Color<'borderColor'> {
@@ -1847,6 +1884,7 @@ declare namespace Tooltip {
         tooltipDisplayBlockStyles: type_fest_source_partial_deep.PartialObjectDeep<react_floater_lib_types.Styles> | undefined;
         tooltipStylesRounend: type_fest_source_partial_deep.PartialObjectDeep<react_floater_lib_types.Styles> | undefined;
     };
+    var displayName: string;
 }
 
 interface TagProps extends BaseProps, Display, Color, ResponsiveProperty<'height'>, ResponsiveProperty<'width'> {
@@ -1928,6 +1966,7 @@ declare namespace Tag {
         height: number;
     };
     var Input: typeof TagInput;
+    var displayName: string;
 }
 
 interface MultiLevelControls {
@@ -2038,6 +2077,7 @@ declare class ContextMenu extends PureComponent<ContextMenuProps, {
 }> {
     static Item: typeof ContextMenuItem;
     static MultiLevel: typeof ContextMenuMultiLevel;
+    static displayName: string;
     static defaultProps: {
         tooltipProps: {
             event: string;
@@ -2167,6 +2207,7 @@ declare namespace Textarea {
         rows: number;
         autosize: boolean;
     };
+    var displayName: string;
 }
 
 interface InputPhoneProps extends InputProps {
@@ -2197,6 +2238,12 @@ interface InputPhoneState {
 declare class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {
     static displayName: string;
     static defaultProps: {
+        rounded: boolean;
+        type: string;
+        width: string;
+        color: string;
+        mask: string;
+        placeholderColor: string;
         countryData: [string, string, string, RegExp][];
         defaultMask: string;
         initialMask: string;
@@ -2230,7 +2277,7 @@ interface InputProps extends BaseProps, InputField, InputHTMLAttributes {
      * Any character can be escaped with backslash, which usually will appear as double backslash in JS strings.
      * For example, German phone mask with unremoveable prefix +49 will look like `mask="+4\\9 99 999 99"` or `mask={"+4\\\\9 99 999 99"}`
      */
-    mask: string | Array<string | RegExp>;
+    mask?: string | Array<string | RegExp>;
     /**
      * Character to cover unfilled editable parts of mask. Default character is "_". If set to null, unfilled parts will be empty, like in ordinary input.
      */
@@ -2273,16 +2320,18 @@ interface InputProps extends BaseProps, InputField, InputHTMLAttributes {
  * - [`InputField`](#/Миксины)
  * - `React.InputHTMLAttributes<HTMLInputElement>`
  */
-declare function Input(props: InputProps): JSX.Element;
+declare function Input(props: InputProps & typeof Input.defaultProps): JSX.Element;
 declare namespace Input {
     var defaultProps: {
         rounded: boolean;
         type: string;
         width: string;
         color: string;
+        mask: string;
         placeholderColor: string;
     };
     var Phone: typeof InputPhone;
+    var displayName: string;
 }
 
 declare const baseInputStyle: <T extends InputField>(props: T & {
@@ -2357,6 +2406,7 @@ declare namespace Radio {
         onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
     };
     var Group: typeof RadioGroup;
+    var displayName: string;
 }
 
 interface CheckboxGroupProps extends BaseProps {
@@ -2422,6 +2472,7 @@ declare namespace Checkbox {
         onChange: (e: react.ChangeEvent<HTMLInputElement>) => void;
     };
     var Group: typeof CheckboxGroup;
+    var displayName: string;
 }
 
 interface SelectProps extends BaseProps, ReactSelectProps {
@@ -2450,6 +2501,7 @@ declare namespace Select {
         autoload: boolean;
         loadOptions: boolean;
     };
+    var displayName: string;
 }
 
-export { ActionBtn, Amount, Anchor, Arrow, Avatar, Badge, Button, COUNTRY_DATA, CURRENCY_MAP, Checkbox, ColorNames, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, INITIAL_MASK, Icon, Input, Modal, Paper, Progress, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Spacer, Spinner, Switcher, Tabs, Tag, Text, Textarea, ThemeProvider, Tooltip, baseInputStyle, buildMediaQuery, color, property, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, theme, vAlign };
+export { ActionBtn, Amount, Anchor, Arrow, Avatar, Badge, Button, COUNTRY_DATA, CURRENCY_MAP, Checkbox, ColorNames, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, INITIAL_MASK, Icon, Input, Modal, Paper, Progress, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Spacer, Spinner, Switcher, Tabs, Tag, Text, Textarea, ThemeProvider, Tooltip, baseInputStyle, buildMediaQuery, color, defaultIcons, property, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, theme, vAlign };