@consta/uikit 4.33.1 → 5.0.0-beta.2

package/__internal__/src/components/Tag/Tag.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["mode","onChange","checked","onCancel","onClick"];import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{TagBase}from"../TagBase/TagBase";export var tagPropMode=["button","check","cancel","link","info"];export var tagPropModeDefault=tagPropMode[0];export function getParams(a,b,c,d,e){return"button"===a?{view:"filled",onClick:c,as:"button",withAction:!0}:"link"===a?{view:"filled",onClick:c,as:"a",withAction:!0}:"check"===a?{view:b?"filled":"stroked",onClick:"function"==typeof d?function(a){return d({e:a,checked:!b})}:void 0,as:"button",withAction:!0}:"cancel"===a?{view:"filled",onCancel:e,as:"span"}:"info"===a?{view:"filled",as:"span"}:void 0}export var COMPONENT_NAME="Tag";var TagRenter=function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.mode,f=void 0===e?tagPropModeDefault:e,g=d.onChange,h=d.checked,i=d.onCancel,j=d.onClick,k=_objectWithoutProperties(d,_excluded),l=getParams(f,h,j,g,i);return React.createElement(TagBase,Object.assign({},k,l,{ref:useForkRef([b,c])}))};export var Tag=forwardRef(TagRenter);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["mode","onChange","checked","onCancel","onClick"];import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{TagBase}from"../TagBase/TagBase";export var tagPropMode=["button","check","cancel","link","info"];export var tagPropModeDefault=tagPropMode[0];export function getParams(a,b,c,d,e){return"button"===a?{view:"filled",onClick:c,as:"button",withAction:!0}:"link"===a?{view:"filled",onClick:c,as:"a",withAction:!0}:"check"===a?{view:b?"filled":"stroked",onClick:"function"==typeof d?function(a){return d(!b,{e:a,checked:!b})}:void 0,as:"button",withAction:!0}:"cancel"===a?{view:"filled",onCancel:e,as:"span"}:"info"===a?{view:"filled",as:"span"}:void 0}export var COMPONENT_NAME="Tag";var TagRenter=function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.mode,f=void 0===e?tagPropModeDefault:e,g=d.onChange,h=d.checked,i=d.onCancel,j=d.onClick,k=_objectWithoutProperties(d,_excluded),l=getParams(f,h,j,g,i);return React.createElement(TagBase,Object.assign({},k,l,{ref:useForkRef([b,c])}))};export var Tag=forwardRef(TagRenter);
 //# sourceMappingURL=Tag.js.map

package/__internal__/src/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","forwardRef","useRef","useForkRef","usePropsHandler","TagBase","tagPropMode","tagPropModeDefault","getParams","mode","checked","onClick","onChange","onCancel","view","as","withAction","e","COMPONENT_NAME","TagRenter","props","ref","tagRef","otherProps","params","Tag"],"sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { AsTagAttribute, AsTags } from '##/utils/types/AsTags';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { TagBase } from '../TagBase/TagBase';\n\ntype TagBaseProps = React.ComponentProps<typeof TagBase>;\n\nexport const tagPropMode = [\n  'button',\n  'check',\n  'cancel',\n  'link',\n  'info',\n] as const;\nexport const tagPropModeDefault = tagPropMode[0];\ntype TagPropMode = typeof tagPropMode[number];\n\ntype CommonProps = {\n  size?: TagBaseProps['size'];\n  label: TagBaseProps['label'];\n  group?: TagBaseProps['group'];\n  icon?: IconComponent;\n  iconSize?: IconProps['size'];\n  children?: never;\n};\n\ntype PropsWithModeButton = CommonProps & {\n  mode?: 'button';\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeLink = CommonProps & {\n  mode: 'link';\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCheck = CommonProps & {\n  mode: 'check';\n  onChange: ({\n    e,\n    checked,\n  }: {\n    e?: React.MouseEvent;\n    checked: boolean;\n  }) => void;\n  checked: boolean;\n  onClick?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCancel = CommonProps & {\n  mode: 'cancel';\n  onCancel: React.MouseEventHandler<HTMLButtonElement>;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype PropsWithModeInfo = CommonProps & {\n  mode: 'info';\n  onCancel?: never;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button'\n  ? PropsWithModeButton &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton>\n  : {} & ROLE extends 'check'\n  ? PropsWithModeCheck &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck>\n  : {} & ROLE extends 'cancel'\n  ? PropsWithModeCancel &\n      Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel>\n  : {} & ROLE extends 'link'\n  ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink>\n  : {} & ROLE extends 'info'\n  ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo>\n  : {};\n\ntype TagRender = <ROLE extends TagPropMode>(\n  props: Props<ROLE>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: AsTags;\n} {\n  switch (mode) {\n    case 'button':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'button',\n        withAction: true,\n      };\n    case 'link':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'a',\n        withAction: true,\n      };\n    case 'check':\n      return {\n        view: checked ? 'filled' : 'stroked',\n        onClick:\n          typeof onChange === 'function'\n            ? (e: React.MouseEvent) => onChange({ e, checked: !checked })\n            : undefined,\n        as: 'button',\n        withAction: true,\n      };\n    case 'cancel':\n      return {\n        view: 'filled',\n        onCancel,\n        as: 'span',\n      };\n    case 'info':\n      return {\n        view: 'filled',\n        as: 'span',\n      };\n  }\n}\n\nexport const COMPONENT_NAME = 'Tag' as const;\n\nconst TagRenter: TagRender = (props, ref) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n  const {\n    mode = tagPropModeDefault,\n    onChange,\n    checked,\n    onCancel,\n    onClick,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, tagRef);\n  const params = getParams(mode, checked, onClick, onChange, onCancel);\n\n  return (\n    <TagBase {...otherProps} {...params} ref={useForkRef([ref, tagRef])} />\n  );\n};\n\nexport const Tag = forwardRef(TagRenter) as TagComponent;\n"],"mappings":"sJACA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAIA,OAASC,UAAT,yCACA,OAASC,eAAT,2CACA,OAASC,OAAT,0BAIA,MAAO,IAAMC,YAAW,CAAG,CACzB,QADyB,CAEzB,OAFyB,CAGzB,QAHyB,CAIzB,MAJyB,CAKzB,MALyB,CAApB,CAOP,MAAO,IAAMC,mBAAkB,CAAGD,WAAW,CAAC,CAAD,CAAtC,CAiFP,MAAO,SAASE,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAYL,OAEO,QAFP,GACQJ,CADR,CAGW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,QAHC,CAILC,UAAU,GAJL,CAHX,CASO,MATP,GACQP,CADR,CAUW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,GAHC,CAILC,UAAU,GAJL,CAVX,CAgBO,OAhBP,GACQP,CADR,CAiBW,CACLK,IAAI,CAAEJ,CAAO,CAAG,QAAH,CAAc,SADtB,CAELC,OAAO,CACe,UAApB,QAAOC,EAAP,CACI,SAACK,CAAD,QAAyBL,EAAQ,CAAC,CAAEK,CAAC,CAADA,CAAF,CAAKP,OAAO,CAAE,CAACA,CAAf,CAAD,CAAjC,CADJ,OAHG,CAMLK,EAAE,CAAE,QANC,CAOLC,UAAU,GAPL,CAjBX,CA0BO,QA1BP,GACQP,CADR,CA2BW,CACLK,IAAI,CAAE,QADD,CAELD,QAAQ,CAARA,CAFK,CAGLE,EAAE,CAAE,MAHC,CA3BX,CAgCO,MAhCP,GACQN,CADR,CAiCW,CACLK,IAAI,CAAE,QADD,CAELC,EAAE,CAAE,MAFC,CAjCX,OAsCD,CAED,MAAO,IAAMG,eAAc,CAAG,KAAvB,CAEP,GAAMC,UAAoB,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACrCC,EAAM,CAAGpB,MAAM,CAAiB,IAAjB,CADsB,GASvCE,eAAe,CAACc,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CATwB,KAGzCb,IAHyC,CAGzCA,CAHyC,YAGlCF,kBAHkC,GAIzCK,CAJyC,GAIzCA,QAJyC,CAKzCF,CALyC,GAKzCA,OALyC,CAMzCG,CANyC,GAMzCA,QANyC,CAOzCF,CAPyC,GAOzCA,OAPyC,CAQtCY,CARsC,uCAUrCC,CAAM,CAAGhB,SAAS,CAACC,CAAD,CAAOC,CAAP,CAAgBC,CAAhB,CAAyBC,CAAzB,CAAmCC,CAAnC,CAVmB,CAY3C,MACE,qBAAC,OAAD,kBAAaU,CAAb,CAA6BC,CAA7B,EAAqC,GAAG,CAAErB,UAAU,CAAC,CAACkB,CAAD,CAAMC,CAAN,CAAD,CAApD,GAEH,CAfD,CAiBA,MAAO,IAAMG,IAAG,CAAGxB,UAAU,CAACkB,SAAD,CAAtB"}
+{"version":3,"file":"Tag.js","names":["React","forwardRef","useRef","useForkRef","usePropsHandler","TagBase","tagPropMode","tagPropModeDefault","getParams","mode","checked","onClick","onChange","onCancel","view","as","withAction","e","COMPONENT_NAME","TagRenter","props","ref","tagRef","otherProps","params","Tag"],"sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { AsTagAttribute, AsTags } from '##/utils/types/AsTags';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { TagBase } from '../TagBase/TagBase';\n\ntype TagBaseProps = React.ComponentProps<typeof TagBase>;\n\nexport const tagPropMode = [\n  'button',\n  'check',\n  'cancel',\n  'link',\n  'info',\n] as const;\nexport const tagPropModeDefault = tagPropMode[0];\ntype TagPropMode = typeof tagPropMode[number];\n\ntype CommonProps = {\n  size?: TagBaseProps['size'];\n  label: TagBaseProps['label'];\n  group?: TagBaseProps['group'];\n  icon?: IconComponent;\n  iconSize?: IconProps['size'];\n  children?: never;\n};\n\ntype PropsWithModeButton = CommonProps & {\n  mode?: 'button';\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeLink = CommonProps & {\n  mode: 'link';\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCheck = CommonProps & {\n  mode: 'check';\n  onChange: (\n    checked: boolean,\n    params: { e?: React.MouseEvent; checked: boolean },\n  ) => void;\n  checked: boolean;\n  onClick?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCancel = CommonProps & {\n  mode: 'cancel';\n  onCancel: React.MouseEventHandler<HTMLButtonElement>;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype PropsWithModeInfo = CommonProps & {\n  mode: 'info';\n  onCancel?: never;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button'\n  ? PropsWithModeButton &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton>\n  : {} & ROLE extends 'check'\n  ? PropsWithModeCheck &\n      Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck>\n  : {} & ROLE extends 'cancel'\n  ? PropsWithModeCancel &\n      Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel>\n  : {} & ROLE extends 'link'\n  ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink>\n  : {} & ROLE extends 'info'\n  ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo>\n  : {};\n\ntype TagRender = <ROLE extends TagPropMode>(\n  props: Props<ROLE>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: AsTags;\n} {\n  switch (mode) {\n    case 'button':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'button',\n        withAction: true,\n      };\n    case 'link':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'a',\n        withAction: true,\n      };\n    case 'check':\n      return {\n        view: checked ? 'filled' : 'stroked',\n        onClick:\n          typeof onChange === 'function'\n            ? (e: React.MouseEvent) =>\n                onChange(!checked, { e, checked: !checked })\n            : undefined,\n        as: 'button',\n        withAction: true,\n      };\n    case 'cancel':\n      return {\n        view: 'filled',\n        onCancel,\n        as: 'span',\n      };\n    case 'info':\n      return {\n        view: 'filled',\n        as: 'span',\n      };\n  }\n}\n\nexport const COMPONENT_NAME = 'Tag' as const;\n\nconst TagRenter: TagRender = (props, ref) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n  const {\n    mode = tagPropModeDefault,\n    onChange,\n    checked,\n    onCancel,\n    onClick,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, tagRef);\n  const params = getParams(mode, checked, onClick, onChange, onCancel);\n\n  return (\n    <TagBase {...otherProps} {...params} ref={useForkRef([ref, tagRef])} />\n  );\n};\n\nexport const Tag = forwardRef(TagRenter) as TagComponent;\n"],"mappings":"sJACA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAIA,OAASC,UAAT,yCACA,OAASC,eAAT,2CACA,OAASC,OAAT,0BAIA,MAAO,IAAMC,YAAW,CAAG,CACzB,QADyB,CAEzB,OAFyB,CAGzB,QAHyB,CAIzB,MAJyB,CAKzB,MALyB,CAApB,CAOP,MAAO,IAAMC,mBAAkB,CAAGD,WAAW,CAAC,CAAD,CAAtC,CA8EP,MAAO,SAASE,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAYL,OAEO,QAFP,GACQJ,CADR,CAGW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,QAHC,CAILC,UAAU,GAJL,CAHX,CASO,MATP,GACQP,CADR,CAUW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,GAHC,CAILC,UAAU,GAJL,CAVX,CAgBO,OAhBP,GACQP,CADR,CAiBW,CACLK,IAAI,CAAEJ,CAAO,CAAG,QAAH,CAAc,SADtB,CAELC,OAAO,CACe,UAApB,QAAOC,EAAP,CACI,SAACK,CAAD,QACEL,EAAQ,CAAC,CAACF,CAAF,CAAW,CAAEO,CAAC,CAADA,CAAF,CAAKP,OAAO,CAAE,CAACA,CAAf,CAAX,CADV,CADJ,OAHG,CAOLK,EAAE,CAAE,QAPC,CAQLC,UAAU,GARL,CAjBX,CA2BO,QA3BP,GACQP,CADR,CA4BW,CACLK,IAAI,CAAE,QADD,CAELD,QAAQ,CAARA,CAFK,CAGLE,EAAE,CAAE,MAHC,CA5BX,CAiCO,MAjCP,GACQN,CADR,CAkCW,CACLK,IAAI,CAAE,QADD,CAELC,EAAE,CAAE,MAFC,CAlCX,OAuCD,CAED,MAAO,IAAMG,eAAc,CAAG,KAAvB,CAEP,GAAMC,UAAoB,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACrCC,EAAM,CAAGpB,MAAM,CAAiB,IAAjB,CADsB,GASvCE,eAAe,CAACc,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CATwB,KAGzCb,IAHyC,CAGzCA,CAHyC,YAGlCF,kBAHkC,GAIzCK,CAJyC,GAIzCA,QAJyC,CAKzCF,CALyC,GAKzCA,OALyC,CAMzCG,CANyC,GAMzCA,QANyC,CAOzCF,CAPyC,GAOzCA,OAPyC,CAQtCY,CARsC,uCAUrCC,CAAM,CAAGhB,SAAS,CAACC,CAAD,CAAOC,CAAP,CAAgBC,CAAhB,CAAyBC,CAAzB,CAAmCC,CAAnC,CAVmB,CAY3C,MACE,qBAAC,OAAD,kBAAaU,CAAb,CAA6BC,CAA7B,EAAqC,GAAG,CAAErB,UAAU,CAAC,CAACkB,CAAD,CAAMC,CAAN,CAAD,CAApD,GAEH,CAfD,CAiBA,MAAO,IAAMG,IAAG,CAAGxB,UAAU,CAACkB,SAAD,CAAtB"}

package/__internal__/src/components/TagBase/TagBase.d.ts

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 export declare type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: (2 | 1 | "1" | 4 | 3 | 5 | "2" | 7 | 9 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 7 | 9 | "2" | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
 export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

package/__internal__/src/components/Text/Text.css

@@ -1 +1 @@
-.Text_font_primary{font-family:var(--font-primary)}.Text_font_mono{font-family:var(--font-mono)}.Text_align_center{text-align:center}.Text_align_left{text-align:left}.Text_align_right{text-align:right}.Text_cursor_pointer{cursor:pointer}.Text_decoration_underline{text-decoration:underline}.Text_display_block{display:block}.Text_display_inlineBlock{display:inline-block}.Text_display_inline{display:inline}.Text_size_2xs{font-size:var(--size-text-2xs)}.Text_size_xs{font-size:var(--size-text-xs)}.Text_size_s{font-size:var(--size-text-s)}.Text_size_m{font-size:var(--size-text-m)}.Text_size_l{font-size:var(--size-text-l)}.Text_size_xl{font-size:var(--size-text-xl)}.Text_size_2xl{font-size:var(--size-text-2xl)}.Text_size_3xl{font-size:var(--size-text-3xl)}.Text_size_4xl{font-size:var(--size-text-4xl)}.Text_size_5xl{font-size:var(--size-text-5xl)}.Text_size_6xl{font-size:var(--size-text-6xl)}.Text_lineHeight_xs{line-height:var(--line-height-text-xs)}.Text_lineHeight_2xs{line-height:var(--line-height-text-2xs)}.Text_lineHeight_s{line-height:var(--line-height-text-s)}.Text_lineHeight_m{line-height:var(--line-height-text-m)}.Text_lineHeight_l{line-height:var(--line-height-text-l)}.Text_spacing_xs{letter-spacing:.06em}.Text_spacing_s{letter-spacing:.1em}.Text_spacing_m{letter-spacing:.14em}.Text_spacing_l{letter-spacing:.2em}.Text_fontStyle_italic{font-style:italic}.Text_transform_uppercase{text-transform:uppercase}.Text_type_blockquote{border-left:var(--space-xxs) solid var(--color-bg-brand);margin-bottom:var(--space-l);margin-left:var(--space-4xl);padding-left:var(--space-m)}.Text_type_h1,.Text_type_h2,.Text_type_h3{margin:2em 0 1em}.Text_type_p{margin:0 0 .9em}.Text_type_p:not(:last-child){margin-bottom:0}.Text_view_alert{color:var(--color-typo-alert)}.Text_view_brand{color:var(--color-typo-brand)}.Text_view_ghost{color:var(--color-typo-ghost)}.Text_view_link{color:var(--color-typo-link);transition:.3s ease}.Text_view_link :hover{color:var(--color-typo-link-hover)}.Text_view_linkMinor{color:var(--color-typo-link-minor);transition:.3s ease}.Text_view_linkMinor :hover{color:var(--color-typo-link-hover)}.Text_view_primary{color:var(--color-typo-primary)}.Text_view_secondary{color:var(--color-typo-secondary)}.Text_view_success{color:var(--color-typo-success)}.Text_view_warning{color:var(--color-typo-warning)}.Text_view_system{color:var(--color-typo-system)}.Text_view_normal{color:var(--color-typo-normal)}.Text_view_caution{color:var(--color-typo-caution)}.Text_view_critical{color:var(--color-typo-critical)}.Text_weight_thin{font-weight:var(--font-weight-text-thin)}.Text_weight_light{font-weight:var(--font-weight-text-light)}.Text_weight_regular{font-weight:var(--font-weight-text-regular)}.Text_weight_medium{font-weight:var(--font-weight-text-medium)}.Text_weight_semibold{font-weight:var(--font-weight-text-semibold)}.Text_weight_bold{font-weight:var(--font-weight-text-bold)}.Text_weight_black{font-weight:var(--font-weight-text-black)}.Text_width_default{max-width:75ch}.Text_truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.Text_font_primary{font-family:var(--font-primary)}.Text_font_mono{font-family:var(--font-mono)}.Text_align_center{text-align:center}.Text_align_left{text-align:left}.Text_align_right{text-align:right}.Text_cursor_pointer{cursor:pointer}.Text_decoration_underline{text-decoration:underline}.Text_display_block{display:block}.Text_display_inlineBlock{display:inline-block}.Text_display_inline{display:inline}.Text_size_2xs{font-size:var(--size-text-2xs)}.Text_size_xs{font-size:var(--size-text-xs)}.Text_size_s{font-size:var(--size-text-s)}.Text_size_m{font-size:var(--size-text-m)}.Text_size_l{font-size:var(--size-text-l)}.Text_size_xl{font-size:var(--size-text-xl)}.Text_size_2xl{font-size:var(--size-text-2xl)}.Text_size_3xl{font-size:var(--size-text-3xl)}.Text_size_4xl{font-size:var(--size-text-4xl)}.Text_size_5xl{font-size:var(--size-text-5xl)}.Text_size_6xl{font-size:var(--size-text-6xl)}.Text_lineHeight_xs{line-height:var(--line-height-text-xs)}.Text_lineHeight_2xs{line-height:var(--line-height-text-2xs)}.Text_lineHeight_s{line-height:var(--line-height-text-s)}.Text_lineHeight_m{line-height:var(--line-height-text-m)}.Text_lineHeight_l{line-height:var(--line-height-text-l)}.Text_spacing_xs{letter-spacing:.06em}.Text_spacing_s{letter-spacing:.1em}.Text_spacing_m{letter-spacing:.14em}.Text_spacing_l{letter-spacing:.2em}.Text_fontStyle_italic{font-style:italic}.Text_transform_uppercase{text-transform:uppercase}.Text_view_alert{color:var(--color-typo-alert)}.Text_view_brand{color:var(--color-typo-brand)}.Text_view_ghost{color:var(--color-typo-ghost)}.Text_view_link{color:var(--color-typo-link);transition:.3s ease}.Text_view_link :hover{color:var(--color-typo-link-hover)}.Text_view_linkMinor{color:var(--color-typo-link-minor);transition:.3s ease}.Text_view_linkMinor :hover{color:var(--color-typo-link-hover)}.Text_view_primary{color:var(--color-typo-primary)}.Text_view_secondary{color:var(--color-typo-secondary)}.Text_view_success{color:var(--color-typo-success)}.Text_view_warning{color:var(--color-typo-warning)}.Text_view_system{color:var(--color-typo-system)}.Text_view_normal{color:var(--color-typo-normal)}.Text_view_caution{color:var(--color-typo-caution)}.Text_view_critical{color:var(--color-typo-critical)}.Text_weight_thin{font-weight:var(--font-weight-text-thin)}.Text_weight_light{font-weight:var(--font-weight-text-light)}.Text_weight_regular{font-weight:var(--font-weight-text-regular)}.Text_weight_medium{font-weight:var(--font-weight-text-medium)}.Text_weight_semibold{font-weight:var(--font-weight-text-semibold)}.Text_weight_bold{font-weight:var(--font-weight-text-bold)}.Text_weight_black{font-weight:var(--font-weight-text-black)}.Text_width_default{max-width:75ch}.Text_truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/__internal__/src/components/Text/Text.d.ts

@@ -17,8 +17,6 @@ export declare type TextPropSize = typeof textPropSize[number];
 export declare const textPropSizeDefault: TextPropSize;
 export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
 export declare type TextPropSpacing = typeof textPropSpacing[number];
-export declare const textPropType: readonly ["blockquote", "p", "h3", "h2", "h1"];
-export declare type TextPropType = typeof textPropType[number];
 export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
 export declare type TextPropView = typeof textPropView[number];
 export declare const textPropViewDefault: TextPropView;
@@ -41,7 +39,6 @@ export declare type TextProps = {
     spacing?: TextPropSpacing;
     fontStyle?: TextPropFontStyle;
     transform?: TextPropTransform;
-    type?: TextPropType;
     view?: TextPropView;
     weight?: TextPropWeight;
     width?: TextPropWidth;

package/__internal__/src/components/Text/Text.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate"];import"./Text.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var textPropAlign=["left","center","right"];export var textPropDisplay=["block","inlineBlock","inline"];export var textPropFont=["primary","mono"];export var textPropCursor=["pointer"];export var textPropDecoration=["underline"];export var textPropLineHeight=["2xs","xs","s","m","l"];export var textPropLineHeightDefault="m";export var textPropSize=["m","2xs","xs","s","l","xl","2xl","3xl","4xl","5xl","6xl"];export var textPropSizeDefault=textPropSize[0];export var textPropSpacing=["xs","s","m","l"];export var textPropType=["blockquote","p","h3","h2","h1"];export var textPropView=["primary","secondary","brand","ghost","link","linkMinor","system","normal","success","warning","alert","caution","critical"];export var textPropViewDefault=textPropView[0];export var textPropWeight=["thin","light","regular","medium","semibold","bold","black"];export var textPropFontStyle=["italic"];export var textPropTransform=["uppercase"];export var textPropWidth=["default"];export var cnText=cn("Text");export var Text=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.align,f=a.cursor,g=a.decoration,h=a.display,i=a.font,j=a.lineHeight,k=void 0===j?textPropLineHeightDefault:j,l=a.size,m=void 0===l?textPropSizeDefault:l,n=a.spacing,o=a.fontStyle,p=a.transform,q=a.type,r=a.view,s=void 0===r?textPropViewDefault:r,t=a.weight,u=a.width,v=a.className,w=a.children,x=a.truncate,y=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},y,{className:cnText({align:e,cursor:f,decoration:g,display:h,font:i,lineHeight:k,size:m,spacing:n,fontStyle:o,transform:p,type:q,view:s,weight:t,width:u,truncate:void 0!==x&&x},[v]),ref:b}),w)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate"];import"./Text.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var textPropAlign=["left","center","right"];export var textPropDisplay=["block","inlineBlock","inline"];export var textPropFont=["primary","mono"];export var textPropCursor=["pointer"];export var textPropDecoration=["underline"];export var textPropLineHeight=["2xs","xs","s","m","l"];export var textPropLineHeightDefault="m";export var textPropSize=["m","2xs","xs","s","l","xl","2xl","3xl","4xl","5xl","6xl"];export var textPropSizeDefault=textPropSize[0];export var textPropSpacing=["xs","s","m","l"];export var textPropView=["primary","secondary","brand","ghost","link","linkMinor","system","normal","success","warning","alert","caution","critical"];export var textPropViewDefault=textPropView[0];export var textPropWeight=["thin","light","regular","medium","semibold","bold","black"];export var textPropFontStyle=["italic"];export var textPropTransform=["uppercase"];export var textPropWidth=["default"];export var cnText=cn("Text");export var Text=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.align,f=a.cursor,g=a.decoration,h=a.display,i=a.font,j=a.lineHeight,k=a.size,l=a.spacing,m=a.fontStyle,n=a.transform,o=a.view,p=a.weight,q=a.width,r=a.className,s=a.children,t=a.truncate,u=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},u,{className:cnText({align:e,cursor:f,decoration:g,display:h,font:i,lineHeight:j,size:k,spacing:l,fontStyle:m,transform:n,view:o,weight:p,width:q,truncate:t},[r]),ref:b}),s)});
 //# sourceMappingURL=Text.js.map

package/__internal__/src/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropType","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n  'm',\n  '2xs',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropType = ['blockquote', 'p', 'h3', 'h2', 'h1'] as const;\nexport type TextPropType = typeof textPropType[number];\n\nexport const textPropView = [\n  'primary',\n  'secondary',\n  'brand',\n  'ghost',\n  'link',\n  'linkMinor',\n  'system',\n  'normal',\n  'success',\n  'warning',\n  'alert',\n  'caution',\n  'critical',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n  'thin',\n  'light',\n  'regular',\n  'medium',\n  'semibold',\n  'bold',\n  'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n  align?: TextPropAlign;\n  cursor?: TextPropCursor;\n  decoration?: TextPropDecoration;\n  display?: TextPropDisplay;\n  font?: TextPropFont;\n  lineHeight?: TextPropLineHeight;\n  size?: TextPropSize;\n  spacing?: TextPropSpacing;\n  fontStyle?: TextPropFontStyle;\n  transform?: TextPropTransform;\n  type?: TextPropType;\n  view?: TextPropView;\n  weight?: TextPropWeight;\n  width?: TextPropWidth;\n  truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n  const {\n    as = 'div',\n    align,\n    cursor,\n    decoration,\n    display,\n    font,\n    lineHeight = textPropLineHeightDefault,\n    size = textPropSizeDefault,\n    spacing,\n    fontStyle,\n    transform,\n    type,\n    view = textPropViewDefault,\n    weight,\n    width,\n    className,\n    children,\n    truncate = false,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnText(\n        {\n          align,\n          cursor,\n          decoration,\n          display,\n          font,\n          lineHeight,\n          size,\n          spacing,\n          fontStyle,\n          transform,\n          type,\n          view,\n          weight,\n          width,\n          truncate,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n  'm',\n  '2xs',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropView = [\n  'primary',\n  'secondary',\n  'brand',\n  'ghost',\n  'link',\n  'linkMinor',\n  'system',\n  'normal',\n  'success',\n  'warning',\n  'alert',\n  'caution',\n  'critical',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n  'thin',\n  'light',\n  'regular',\n  'medium',\n  'semibold',\n  'bold',\n  'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n  align?: TextPropAlign;\n  cursor?: TextPropCursor;\n  decoration?: TextPropDecoration;\n  display?: TextPropDisplay;\n  font?: TextPropFont;\n  lineHeight?: TextPropLineHeight;\n  size?: TextPropSize;\n  spacing?: TextPropSpacing;\n  fontStyle?: TextPropFontStyle;\n  transform?: TextPropTransform;\n  view?: TextPropView;\n  weight?: TextPropWeight;\n  width?: TextPropWidth;\n  truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n  const {\n    as = 'div',\n    align,\n    cursor,\n    decoration,\n    display,\n    font,\n    lineHeight,\n    size,\n    spacing,\n    fontStyle,\n    transform,\n    view,\n    weight,\n    width,\n    className,\n    children,\n    truncate,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnText(\n        {\n          align,\n          cursor,\n          decoration,\n          display,\n          font,\n          lineHeight,\n          size,\n          spacing,\n          fontStyle,\n          transform,\n          view,\n          weight,\n          width,\n          truncate,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/TextDeprecated/Text.css

@@ -0,0 +1 @@
+.deprecated--Text_font_primary{font-family:var(--font-primary)}.deprecated--Text_font_mono{font-family:var(--font-mono)}.deprecated--Text_align_center{text-align:center}.deprecated--Text_align_left{text-align:left}.deprecated--Text_align_right{text-align:right}.deprecated--Text_cursor_pointer{cursor:pointer}.deprecated--Text_decoration_underline{text-decoration:underline}.deprecated--Text_display_block{display:block}.deprecated--Text_display_inlineBlock{display:inline-block}.deprecated--Text_display_inline{display:inline}.deprecated--Text_size_2xs{font-size:var(--size-text-2xs)}.deprecated--Text_size_xs{font-size:var(--size-text-xs)}.deprecated--Text_size_s{font-size:var(--size-text-s)}.deprecated--Text_size_m{font-size:var(--size-text-m)}.deprecated--Text_size_l{font-size:var(--size-text-l)}.deprecated--Text_size_xl{font-size:var(--size-text-xl)}.deprecated--Text_size_2xl{font-size:var(--size-text-2xl)}.deprecated--Text_size_3xl{font-size:var(--size-text-3xl)}.deprecated--Text_size_4xl{font-size:var(--size-text-4xl)}.deprecated--Text_size_5xl{font-size:var(--size-text-5xl)}.deprecated--Text_size_6xl{font-size:var(--size-text-6xl)}.deprecated--Text_lineHeight_xs{line-height:var(--line-height-text-xs)}.deprecated--Text_lineHeight_2xs{line-height:var(--line-height-text-2xs)}.deprecated--Text_lineHeight_s{line-height:var(--line-height-text-s)}.deprecated--Text_lineHeight_m{line-height:var(--line-height-text-m)}.deprecated--Text_lineHeight_l{line-height:var(--line-height-text-l)}.deprecated--Text_spacing_xs{letter-spacing:.06em}.deprecated--Text_spacing_s{letter-spacing:.1em}.deprecated--Text_spacing_m{letter-spacing:.14em}.deprecated--Text_spacing_l{letter-spacing:.2em}.deprecated--Text_fontStyle_italic{font-style:italic}.deprecated--Text_transform_uppercase{text-transform:uppercase}.deprecated--Text_view_alert{color:var(--color-typo-alert)}.deprecated--Text_view_brand{color:var(--color-typo-brand)}.deprecated--Text_view_ghost{color:var(--color-typo-ghost)}.deprecated--Text_view_link{color:var(--color-typo-link);transition:.3s ease}.deprecated--Text_view_link :hover{color:var(--color-typo-link-hover)}.deprecated--Text_view_linkMinor{color:var(--color-typo-link-minor);transition:.3s ease}.deprecated--Text_view_linkMinor :hover{color:var(--color-typo-link-hover)}.deprecated--Text_view_primary{color:var(--color-typo-primary)}.deprecated--Text_view_secondary{color:var(--color-typo-secondary)}.deprecated--Text_view_success{color:var(--color-typo-success)}.deprecated--Text_view_warning{color:var(--color-typo-warning)}.deprecated--Text_view_system{color:var(--color-typo-system)}.deprecated--Text_view_normal{color:var(--color-typo-normal)}.deprecated--Text_view_caution{color:var(--color-typo-caution)}.deprecated--Text_view_critical{color:var(--color-typo-critical)}.deprecated--Text_weight_thin{font-weight:var(--font-weight-text-thin)}.deprecated--Text_weight_light{font-weight:var(--font-weight-text-light)}.deprecated--Text_weight_regular{font-weight:var(--font-weight-text-regular)}.deprecated--Text_weight_medium{font-weight:var(--font-weight-text-medium)}.deprecated--Text_weight_semibold{font-weight:var(--font-weight-text-semibold)}.deprecated--Text_weight_bold{font-weight:var(--font-weight-text-bold)}.deprecated--Text_weight_black{font-weight:var(--font-weight-text-black)}.deprecated--Text_width_default{max-width:75ch}.deprecated--Text_truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/__internal__/src/components/TextDeprecated/TextDeprecated.d.ts

@@ -0,0 +1,48 @@
+import './Text.css';
+export declare const textPropAlign: readonly ["left", "center", "right"];
+export declare type TextPropAlign = typeof textPropAlign[number];
+export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
+export declare type TextPropDisplay = typeof textPropDisplay[number];
+export declare const textPropFont: readonly ["primary", "mono"];
+export declare type TextPropFont = typeof textPropFont[number];
+export declare const textPropCursor: readonly ["pointer"];
+export declare type TextPropCursor = typeof textPropCursor[number];
+export declare const textPropDecoration: readonly ["underline"];
+export declare type TextPropDecoration = typeof textPropDecoration[number];
+export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
+export declare type TextPropLineHeight = typeof textPropLineHeight[number];
+export declare const textPropLineHeightDefault: TextPropLineHeight;
+export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type TextPropSize = typeof textPropSize[number];
+export declare const textPropSizeDefault: TextPropSize;
+export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
+export declare type TextPropSpacing = typeof textPropSpacing[number];
+export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
+export declare type TextPropView = typeof textPropView[number];
+export declare const textPropViewDefault: TextPropView;
+export declare const textPropWeight: readonly ["thin", "light", "regular", "medium", "semibold", "bold", "black"];
+export declare type TextPropWeight = typeof textPropWeight[number];
+export declare const textPropFontStyle: readonly ["italic"];
+export declare type TextPropFontStyle = typeof textPropFontStyle[number];
+export declare const textPropTransform: readonly ["uppercase"];
+export declare type TextPropTransform = typeof textPropTransform[number];
+export declare const textPropWidth: readonly ["default"];
+export declare type TextPropWidth = typeof textPropWidth[number];
+export declare type TextProps = {
+    align?: TextPropAlign;
+    cursor?: TextPropCursor;
+    decoration?: TextPropDecoration;
+    display?: TextPropDisplay;
+    font?: TextPropFont;
+    lineHeight?: TextPropLineHeight;
+    size?: TextPropSize;
+    spacing?: TextPropSpacing;
+    fontStyle?: TextPropFontStyle;
+    transform?: TextPropTransform;
+    view?: TextPropView;
+    weight?: TextPropWeight;
+    width?: TextPropWidth;
+    truncate?: boolean;
+};
+export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
+export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;

package/__internal__/src/components/TextDeprecated/TextDeprecated.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate"];import"./Text.css";import React from"react";import{cnDeprecated}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var textPropAlign=["left","center","right"];export var textPropDisplay=["block","inlineBlock","inline"];export var textPropFont=["primary","mono"];export var textPropCursor=["pointer"];export var textPropDecoration=["underline"];export var textPropLineHeight=["2xs","xs","s","m","l"];export var textPropLineHeightDefault="m";export var textPropSize=["m","2xs","xs","s","l","xl","2xl","3xl","4xl","5xl","6xl"];export var textPropSizeDefault=textPropSize[0];export var textPropSpacing=["xs","s","m","l"];export var textPropView=["primary","secondary","brand","ghost","link","linkMinor","system","normal","success","warning","alert","caution","critical"];export var textPropViewDefault=textPropView[0];export var textPropWeight=["thin","light","regular","medium","semibold","bold","black"];export var textPropFontStyle=["italic"];export var textPropTransform=["uppercase"];export var textPropWidth=["default"];export var cnText=cnDeprecated("Text");export var Text=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.align,f=a.cursor,g=a.decoration,h=a.display,i=a.font,j=a.lineHeight,k=void 0===j?textPropLineHeightDefault:j,l=a.size,m=void 0===l?textPropSizeDefault:l,n=a.spacing,o=a.fontStyle,p=a.transform,q=a.view,r=void 0===q?textPropViewDefault:q,s=a.weight,t=a.width,u=a.className,v=a.children,w=a.truncate,x=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},x,{className:cnText({align:e,cursor:f,decoration:g,display:h,font:i,lineHeight:k,size:m,spacing:n,fontStyle:o,transform:p,view:r,weight:s,width:t,truncate:void 0!==w&&w},[u]),ref:b}),v)});
+//# sourceMappingURL=TextDeprecated.js.map

package/__internal__/src/components/TextDeprecated/TextDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDeprecated.js","names":["React","cnDeprecated","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/TextDeprecated/TextDeprecated.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n  'm',\n  '2xs',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropView = [\n  'primary',\n  'secondary',\n  'brand',\n  'ghost',\n  'link',\n  'linkMinor',\n  'system',\n  'normal',\n  'success',\n  'warning',\n  'alert',\n  'caution',\n  'critical',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n  'thin',\n  'light',\n  'regular',\n  'medium',\n  'semibold',\n  'bold',\n  'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n  align?: TextPropAlign;\n  cursor?: TextPropCursor;\n  decoration?: TextPropDecoration;\n  display?: TextPropDisplay;\n  font?: TextPropFont;\n  lineHeight?: TextPropLineHeight;\n  size?: TextPropSize;\n  spacing?: TextPropSpacing;\n  fontStyle?: TextPropFontStyle;\n  transform?: TextPropTransform;\n  view?: TextPropView;\n  weight?: TextPropWeight;\n  width?: TextPropWidth;\n  truncate?: boolean;\n};\n\nexport const cnText = cnDeprecated('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n  const {\n    as = 'div',\n    align,\n    cursor,\n    decoration,\n    display,\n    font,\n    lineHeight = textPropLineHeightDefault,\n    size = textPropSizeDefault,\n    spacing,\n    fontStyle,\n    transform,\n    view = textPropViewDefault,\n    weight,\n    width,\n    className,\n    children,\n    truncate = false,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnText(\n        {\n          align,\n          cursor,\n          decoration,\n          display,\n          font,\n          lineHeight,\n          size,\n          spacing,\n          fontStyle,\n          transform,\n          view,\n          weight,\n          width,\n          truncate,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"yQAAA,mBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,uBACA,OAASC,gBAAT,+CAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAAtB,CAGP,MAAO,IAAMC,gBAAe,CAAG,CAAC,OAAD,CAAU,aAAV,CAAyB,QAAzB,CAAxB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAAC,SAAD,CAAY,MAAZ,CAArB,CAGP,MAAO,IAAMC,eAAc,CAAG,CAAC,SAAD,CAAvB,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,WAAD,CAA3B,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,KAAD,CAAQ,IAAR,CAAc,GAAd,CAAmB,GAAnB,CAAwB,GAAxB,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CAAG,GAAtD,CAEP,MAAO,IAAMC,aAAY,CAAG,CAC1B,GAD0B,CAE1B,KAF0B,CAG1B,IAH0B,CAI1B,GAJ0B,CAK1B,GAL0B,CAM1B,IAN0B,CAO1B,KAP0B,CAQ1B,KAR0B,CAS1B,KAT0B,CAU1B,KAV0B,CAW1B,KAX0B,CAArB,CAcP,MAAO,IAAMC,oBAAiC,CAAGD,YAAY,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAC1B,SAD0B,CAE1B,WAF0B,CAG1B,OAH0B,CAI1B,OAJ0B,CAK1B,MAL0B,CAM1B,WAN0B,CAO1B,QAP0B,CAQ1B,QAR0B,CAS1B,SAT0B,CAU1B,SAV0B,CAW1B,OAX0B,CAY1B,SAZ0B,CAa1B,UAb0B,CAArB,CAgBP,MAAO,IAAMC,oBAAiC,CAAGD,YAAY,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,eAAc,CAAG,CAC5B,MAD4B,CAE5B,OAF4B,CAG5B,SAH4B,CAI5B,QAJ4B,CAK5B,UAL4B,CAM5B,MAN4B,CAO5B,OAP4B,CAAvB,CAWP,MAAO,IAAMC,kBAAiB,CAAG,CAAC,QAAD,CAA1B,CAGP,MAAO,IAAMC,kBAAiB,CAAG,CAAC,WAAD,CAA1B,CAGP,MAAO,IAAMC,cAAa,CAAG,CAAC,SAAD,CAAtB,CAoBP,MAAO,IAAMC,OAAM,CAAGlB,YAAY,CAAC,MAAD,CAA3B,CAEP,MAAO,IAAMmB,KAAI,CAAGlB,gBAAgB,CAAY,SAACmB,CAAD,CAAQC,CAAR,CAAgB,OAoB1DD,CApB0D,CAE5DE,EAF4D,CAE5DA,CAF4D,YAEvD,KAFuD,GAG5DC,CAH4D,CAoB1DH,CApB0D,CAG5DG,KAH4D,CAI5DC,CAJ4D,CAoB1DJ,CApB0D,CAI5DI,MAJ4D,CAK5DC,CAL4D,CAoB1DL,CApB0D,CAK5DK,UAL4D,CAM5DC,CAN4D,CAoB1DN,CApB0D,CAM5DM,OAN4D,CAO5DC,CAP4D,CAoB1DP,CApB0D,CAO5DO,IAP4D,GAoB1DP,CApB0D,CAQ5DQ,UAR4D,CAQ5DA,CAR4D,YAQ/CpB,yBAR+C,KAoB1DY,CApB0D,CAS5DS,IAT4D,CAS5DA,CAT4D,YASrDnB,mBATqD,GAU5DoB,CAV4D,CAoB1DV,CApB0D,CAU5DU,OAV4D,CAW5DC,CAX4D,CAoB1DX,CApB0D,CAW5DW,SAX4D,CAY5DC,CAZ4D,CAoB1DZ,CApB0D,CAY5DY,SAZ4D,GAoB1DZ,CApB0D,CAa5Da,IAb4D,CAa5DA,CAb4D,YAarDpB,mBAbqD,GAc5DqB,CAd4D,CAoB1Dd,CApB0D,CAc5Dc,MAd4D,CAe5DC,CAf4D,CAoB1Df,CApB0D,CAe5De,KAf4D,CAgB5DC,CAhB4D,CAoB1DhB,CApB0D,CAgB5DgB,SAhB4D,CAiB5DC,CAjB4D,CAoB1DjB,CApB0D,CAiB5DiB,QAjB4D,GAoB1DjB,CApB0D,CAkB5DkB,QAlB4D,CAmBzDC,CAnByD,0BAoB1DnB,CApB0D,YAwB9D,MACE,qBAHUE,CAGV,kBACMiB,CADN,EAEE,SAAS,CAAErB,MAAM,CACf,CACEK,KAAK,CAALA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEC,UAAU,CAAVA,CAHF,CAIEC,OAAO,CAAPA,CAJF,CAKEC,IAAI,CAAJA,CALF,CAMEC,UAAU,CAAVA,CANF,CAOEC,IAAI,CAAJA,CAPF,CAQEC,OAAO,CAAPA,CARF,CASEC,SAAS,CAATA,CATF,CAUEC,SAAS,CAATA,CAVF,CAWEC,IAAI,CAAJA,CAXF,CAYEC,MAAM,CAANA,CAZF,CAaEC,KAAK,CAALA,CAbF,CAcEG,QAAQ,cAdV,CADe,CAiBf,CAACF,CAAD,CAjBe,CAFnB,CAqBE,GAAG,CAAEf,CArBP,GAuBGgB,CAvBH,CA0BH,CAnDmC,CAA7B"}

package/__internal__/src/components/TextDeprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './TextDeprecated';

package/__internal__/src/components/TextDeprecated/index.js

@@ -0,0 +1,2 @@
+export*from"./TextDeprecated";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/TextDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextDeprecated/index.ts"],"sourcesContent":["export * from './TextDeprecated';\n"],"mappings":"AAAA"}

package/__internal__/src/components/TextField/TextField.css

@@ -1 +1 @@
-.TextField{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color:var(--color-control-typo-ghost);--counter-button-background:transparent;--counter-offset:0;--clear-button-color:var(--color-control-typo-clear);display:inline-flex;position:relative}.TextField_width_full{width:100%}.TextField_size_xs{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--input-height:var(--control-height-xs);--input-font-size:var(--control-text-size-xs);--input-space:calc(var(--control-space-xs)*0.5)}.TextField_size_xs .TextField-InputContainer_form_brickRound,.TextField_size_xs .TextField-InputContainer_form_clearRound,.TextField_size_xs .TextField-InputContainer_form_round{--counter-offset:calc(var(--space-xs) - var(--space-3xs))}.TextField_size_s{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--input-height:var(--control-height-s);--input-font-size:var(--control-text-size-s);--input-space:calc(var(--control-space-s)*0.5)}.TextField_size_s .TextField-InputContainer_form_brickRound,.TextField_size_s .TextField-InputContainer_form_clearRound,.TextField_size_s .TextField-InputContainer_form_round{--counter-offset:var(--space-xs)}.TextField_size_m{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--input-height:var(--control-height-m);--input-font-size:var(--control-text-size-m);--input-space:calc(var(--control-space-m)*0.5)}.TextField_size_m .TextField-InputContainer_form_brickRound,.TextField_size_m .TextField-InputContainer_form_clearRound,.TextField_size_m .TextField-InputContainer_form_round{--counter-offset:calc(var(--space-s) - var(--space-3xs))}.TextField_size_l{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--input-height:var(--control-height-l);--input-font-size:var(--control-text-size-l);--input-space:calc(var(--control-space-l)*0.5)}.TextField_size_l .TextField-InputContainer_form_brickRound,.TextField_size_l .TextField-InputContainer_form_clearRound,.TextField_size_l .TextField-InputContainer_form_round{--counter-offset:var(--space-s)}.TextField_labelPosition_top{flex-direction:column}.TextField_labelPosition_top>:not(:last-child){margin-bottom:var(--label-offset)}.TextField_labelPosition_left{flex-direction:row}.TextField_labelPosition_left .TextField-Label{align-items:center;display:inline-flex;height:var(--input-height)}.TextField_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.TextField-Body{display:inline-flex;flex-direction:column;width:100%}.TextField-Body .TextField-Caption{margin-left:var(--caption-margin-left);margin-top:var(--caption-offset)}.TextField_view_clear .TextField-Caption{--caption-margin-left:0}.TextField-InputContainer{box-sizing:border-box;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);max-width:100%;min-height:var(--input-height);position:relative;transition:border-color .15s,box-shadow .15s,background-color .15s}.TextField-InputContainer_disabled{--counter-button-background:var(--color-control-bg-disable);--counter-button-icon-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear,.TextField-InputContainer_view_clear:focus,.TextField-InputContainer_view_clear:hover{color:var(--color-control-typo-default);padding:0}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default{--container-border-color:var(--color-control-bg-border-default);background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);overflow-x:hidden;padding:0 var(--input-space)}.TextField-InputContainer_view_default:hover{border-color:var(--color-control-bg-border-default-hover)}.TextField-InputContainer_view_default.TextField-InputContainer_status_alert{--container-border-color:var(--color-bg-alert)}.TextField-InputContainer_view_default.TextField-InputContainer_status_success{--container-border-color:var(--color-bg-success)}.TextField-InputContainer_view_default.TextField-InputContainer_status_warning{--container-border-color:var(--color-bg-warning)}.TextField-InputContainer_view_default .TextField-Input{color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Input::-moz-placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input::placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Side_type_string{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default.TextField-InputContainer_focus{border-color:var(--color-control-bg-border-focus);outline:none;z-index:1}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_form_defaultClear{border-right-width:0}.TextField-InputContainer_form_defaultBrick,.TextField-InputContainer_form_defaultClear{border-radius:var(--control-radius) 0 0 var(--control-radius)}.TextField-InputContainer_form_round{border-radius:calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6);padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundBrick{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundClear{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brick{border-radius:0}.TextField-InputContainer_form_brickDefault{border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_brickRound{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brickClear{border-radius:0;border-right-width:0}.TextField-InputContainer_form_clearDefault{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_clearBrick{border-left-width:0;border-radius:0}.TextField-InputContainer_form_clearRound{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_clearClear{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string{color:var(--color-control-typo-default)}.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-typo-secondary)}.TextField-InputContainer_type_number{padding-right:0}.TextField-InputContainer_type_textarea .TextField-Input{display:block;line-height:var(--line-height-text-m);min-width:0;padding-bottom:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);padding-top:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);resize:none}.TextField-Counter{display:inline-flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);margin-right:var(--counter-offset);width:var(--space-xl)}.TextField-CounterButton{align-items:center;background-color:var(--counter-button-background);border:none;color:var(--counter-button-icon-color);cursor:pointer;display:inline-flex;flex:1;flex-direction:column;justify-content:center;margin:0;overflow-y:hidden;padding:0;transition:background-color .15s;width:var(--space-xl)}.TextField-ClearButton,.TextField-EyeButton{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;margin-left:var(--input-space);padding:0}.TextField-ClearButton{color:var(--clear-button-color)}.TextField-ClearButton:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.TextField-EyeButton{color:var(--color-control-typo-placeholder)}.TextField-EyeButton:hover{color:var(--color-control-typo-clear-hover)}.TextField-ClearButtonIcon{color:var(--color-control-typo-placeholder);position:relative;top:1px}.TextField-Input{background:transparent;border:none;color:currentColor;flex:1;font-family:var(--font-primary);font-size:var(--input-font-size);height:calc(var(--input-height) - var(--control-border-width)*2);min-width:80px;outline:none;padding:0;width:100%}.TextField-Input::-webkit-inner-spin-button,.TextField-Input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TextField-Input[type=password]::-ms-reveal{display:none}.TextField-Input[type=number]{-moz-appearance:textfield}.TextField-Input:focus{outline:none}.TextField-Input:-webkit-autofill,.TextField-Input:-webkit-autofill:focus,.TextField-Input:-webkit-autofill:hover{border:none;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.TextField-Side{align-items:center;display:flex;height:calc(var(--input-height) - var(--control-border-width)*2);overflow:hidden}.TextField-Side_position_left{margin-right:var(--input-space)}.TextField-Side_position_right{margin-left:var(--input-space)}.TextField-Side_type_string{font-size:var(--input-font-size);white-space:nowrap}.TextField-Icon{color:var(--color-control-typo-placeholder)}
+.TextField{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color:var(--color-control-typo-ghost);--counter-button-background:transparent;--counter-offset:0;--clear-button-color:var(--color-control-typo-clear);display:inline-flex;position:relative;width:100%}.TextField_size_xs{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--input-height:var(--control-height-xs);--input-font-size:var(--control-text-size-xs);--input-space:calc(var(--control-space-xs)*0.5)}.TextField_size_xs .TextField-InputContainer_form_brickRound,.TextField_size_xs .TextField-InputContainer_form_clearRound,.TextField_size_xs .TextField-InputContainer_form_round{--counter-offset:calc(var(--space-xs) - var(--space-3xs))}.TextField_size_s{--label-offset:var(--space-2xs);--caption-offset:var(--space-2xs);--input-height:var(--control-height-s);--input-font-size:var(--control-text-size-s);--input-space:calc(var(--control-space-s)*0.5)}.TextField_size_s .TextField-InputContainer_form_brickRound,.TextField_size_s .TextField-InputContainer_form_clearRound,.TextField_size_s .TextField-InputContainer_form_round{--counter-offset:var(--space-xs)}.TextField_size_m{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--input-height:var(--control-height-m);--input-font-size:var(--control-text-size-m);--input-space:calc(var(--control-space-m)*0.5)}.TextField_size_m .TextField-InputContainer_form_brickRound,.TextField_size_m .TextField-InputContainer_form_clearRound,.TextField_size_m .TextField-InputContainer_form_round{--counter-offset:calc(var(--space-s) - var(--space-3xs))}.TextField_size_l{--label-offset:var(--space-xs);--caption-offset:var(--space-xs);--input-height:var(--control-height-l);--input-font-size:var(--control-text-size-l);--input-space:calc(var(--control-space-l)*0.5)}.TextField_size_l .TextField-InputContainer_form_brickRound,.TextField_size_l .TextField-InputContainer_form_clearRound,.TextField_size_l .TextField-InputContainer_form_round{--counter-offset:var(--space-s)}.TextField_labelPosition_top{flex-direction:column}.TextField_labelPosition_top>:not(:last-child){margin-bottom:var(--label-offset)}.TextField_labelPosition_left{flex-direction:row}.TextField_labelPosition_left .TextField-Label{align-items:center;display:inline-flex;height:var(--input-height)}.TextField_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.TextField-Body{display:inline-flex;flex-direction:column;width:100%}.TextField-Body .TextField-Caption{margin-left:var(--caption-margin-left);margin-top:var(--caption-offset)}.TextField_view_clear .TextField-Caption{--caption-margin-left:0}.TextField-InputContainer{box-sizing:border-box;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);max-width:100%;min-height:var(--input-height);position:relative;transition:border-color .15s,box-shadow .15s,background-color .15s}.TextField-InputContainer_disabled{--counter-button-background:var(--color-control-bg-disable);--counter-button-icon-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear,.TextField-InputContainer_view_clear:focus,.TextField-InputContainer_view_clear:hover{color:var(--color-control-typo-default);padding:0}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default{--container-border-color:var(--color-control-bg-border-default);background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);overflow-x:hidden;padding:0 var(--input-space)}.TextField-InputContainer_view_default:hover{border-color:var(--color-control-bg-border-default-hover)}.TextField-InputContainer_view_default.TextField-InputContainer_status_alert{--container-border-color:var(--color-bg-alert)}.TextField-InputContainer_view_default.TextField-InputContainer_status_success{--container-border-color:var(--color-bg-success)}.TextField-InputContainer_view_default.TextField-InputContainer_status_warning{--container-border-color:var(--color-bg-warning)}.TextField-InputContainer_view_default .TextField-Input{color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Input::-moz-placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input::placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Side_type_string{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default.TextField-InputContainer_focus{border-color:var(--color-control-bg-border-focus);outline:none;z-index:1}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_form_defaultClear{border-right-width:0}.TextField-InputContainer_form_defaultBrick,.TextField-InputContainer_form_defaultClear{border-radius:var(--control-radius) 0 0 var(--control-radius)}.TextField-InputContainer_form_round{border-radius:calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6);padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundBrick{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundClear{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brick{border-radius:0}.TextField-InputContainer_form_brickDefault{border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_brickRound{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brickClear{border-radius:0;border-right-width:0}.TextField-InputContainer_form_clearDefault{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_clearBrick{border-left-width:0;border-radius:0}.TextField-InputContainer_form_clearRound{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_clearClear{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string{color:var(--color-control-typo-default)}.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-typo-secondary)}.TextField-InputContainer_type_number{padding-right:0}.TextField-InputContainer_type_textarea .TextField-Input{display:block;line-height:var(--line-height-text-m);min-width:0;padding-bottom:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);padding-top:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);resize:none}.TextField-Counter{display:inline-flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);margin-right:var(--counter-offset);width:var(--space-xl)}.TextField-CounterButton{align-items:center;background-color:var(--counter-button-background);border:none;color:var(--counter-button-icon-color);cursor:pointer;display:inline-flex;flex:1;flex-direction:column;justify-content:center;margin:0;overflow-y:hidden;padding:0;transition:background-color .15s;width:var(--space-xl)}.TextField-ClearButton,.TextField-EyeButton{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;margin-left:var(--input-space);padding:0}.TextField-ClearButton{color:var(--clear-button-color)}.TextField-ClearButton:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.TextField-EyeButton{color:var(--color-control-typo-placeholder)}.TextField-EyeButton:hover{color:var(--color-control-typo-clear-hover)}.TextField-ClearButtonIcon{color:var(--color-control-typo-placeholder);position:relative;top:1px}.TextField-Input{background:transparent;border:none;color:currentColor;flex:1;font-family:var(--font-primary);font-size:var(--input-font-size);height:calc(var(--input-height) - var(--control-border-width)*2);min-width:80px;outline:none;padding:0;width:100%}.TextField-Input::-webkit-inner-spin-button,.TextField-Input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TextField-Input[type=password]::-ms-reveal{display:none}.TextField-Input[type=number]{-moz-appearance:textfield}.TextField-Input:focus{outline:none}.TextField-Input:-webkit-autofill,.TextField-Input:-webkit-autofill:focus,.TextField-Input:-webkit-autofill:hover{border:none;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.TextField-Side{align-items:center;display:flex;height:calc(var(--input-height) - var(--control-border-width)*2);overflow:hidden}.TextField-Side_position_left{margin-right:var(--input-space)}.TextField-Side_position_right{margin-left:var(--input-space)}.TextField-Side_type_string{font-size:var(--input-font-size);white-space:nowrap}.TextField-Icon{color:var(--color-control-typo-placeholder)}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ul li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}img{height:auto;max-width:100%}*{box-sizing:border-box;outline:none}html.Theme.stand--AppTheme{background:var(--color-bg-default);color:var(--color-typo-primary)}@supports (scrollbar-gutter:auto){html.Theme.stand--AppTheme{overflow-y:overlay}html.Theme.stand--AppTheme::-webkit-scrollbar{height:4;width:4}html.Theme.stand--AppTheme::-webkit-scrollbar-thumb{background-color:var(--color-scroll-thumb);border-radius:4px;width:4}html.Theme.stand--AppTheme::-webkit-scrollbar-thumb:hover{background-color:var(--color-scroll-thumb-hover)}}html.Theme.stand--AppTheme_noScroll{overflow:hidden}

package/__internal__/src/components/TextField/TextField.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture"];import"./TextField.css";import{IconClear}from"@consta/icons/IconClear";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import{IconSelect}from"@consta/icons/IconSelect";import{IconSelectOpen}from"@consta/icons/IconSelectOpen";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../hooks/useSortSteps/useSortSteps";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{isString}from"../../utils/type-guards";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{getIncrementFlag,getTypeForRender,getValueByStep,sizeMap}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault,textFieldPropWidthDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c=React.useRef(null),d=React.useRef(null),e=usePropsHandler(COMPONENT_NAME,a,c),f=e.className,g=e.type,h=void 0===g?"text":g,i=e.value,j=e.onChange,k=e.id,l=e.name,m=e.rows,n=e.cols,o=e.minRows,p=e.maxRows,q=e.inputRef,r=e.maxLength,s=e.disabled,t=e.size,u=void 0===t?textFieldPropSizeDefault:t,v=e.view,w=void 0===v?textFieldPropViewDefault:v,x=e.form,y=void 0===x?textFieldPropFormDefault:x,z=e.state,A=e.status,B=e.width,C=void 0===B?textFieldPropWidthDefault:B,D=e.onBlur,E=e.onFocus,F=e.autoFocus,G=void 0!==F&&F,H=e.placeholder,I=e.leftSide,J=e.rightSide,K=e.autoComplete,L=e.withClearButton,M=e.incrementButtons,N=e.max,O=e.min,P=e.readOnly,Q=e.required,R=e.step,S=void 0===R?1:R,T=e.tabIndex,U=e.ariaLabel,V=e.label,W=e.labelIcon,X=e.inputContainerRef,Y=e.labelPosition,Z=void 0===Y?"top":Y,$=e.caption,_=e.iconSize,aa=e.focused,ba=e.onClick,ca=e.onKeyDown,da=e.onKeyDownCapture,ea=e.onKeyPress,fa=e.onKeyPressCapture,ga=e.onKeyUp,ha=e.onKeyUpCapture,ia=_objectWithoutProperties(e,_excluded),ja=useFlag(G),ka=_slicedToArray(ja,2),la=ka[0],ma=ka[1],na=useFlag(!1),oa=_slicedToArray(na,2),pa=oa[0],qa=oa[1],ra=useMutableRef(i),sa=useMutableRef(ba),ta=useMutableRef(j),ua=useCallback(function(a){var b;a.stopPropagation(),qa.toggle(),null===(b=d.current)||void 0===b?void 0:b.focus()},[]),va=I,wa=J,xa=isString(I),ya=isString(J),za=getByMap(sizeMap,u,_),Aa=useSortSteps({step:S,min:+O,max:+N}),Ba=useCallback(function(a){var b;s||(null===(b=ta.current)||void 0===b?void 0:b.call(ta,{e:a,id:k,name:l,value:a.target.value||null}))},[k,l,s]),Ca=function(a){ma.on(),null===E||void 0===E?void 0:E(a)},Da={className:cnTextField("Input"),value:null!==i&&void 0!==i?i:"",onChange:Ba,maxLength:r,disabled:s,onBlur:function handleBlur(a){ma.off(),null===D||void 0===D?void 0:D(a)},onFocus:Ca,autoFocus:G,placeholder:H,autoComplete:K,readOnly:P,tabIndex:T,name:l,onKeyDownCapture:da,onKeyPress:ea,onKeyPressCapture:fa,onKeyUp:ga,onKeyUpCapture:ha,id:k?k.toString():"","aria-label":U},Ea=pa?IconEyeClose:IconEye,Fa={rows:m,cols:n,minRows:o||m,maxRows:p||m,ref:useForkRef([d,q])},Ga={type:getTypeForRender(h,pa),max:N,min:O,step:Array.isArray(Aa)?0:Aa,onKeyDown:function onKeyDown(a){var b=getIncrementFlag(a);if(null===ca||void 0===ca?void 0:ca(a),"number"===h&&"boolean"==typeof b&&!s){var c;a.preventDefault(),null===(c=ta.current)||void 0===c?void 0:c.call(ta,{e:a,id:k,name:l,value:getValueByStep(Aa,i,b,O,N)})}},ref:useForkRef([d,q])},Ha=useCallback(function(a){var b;null===(b=ta.current)||void 0===b?void 0:b.call(ta,{e:a,id:k,name:l,value:null})},[]),Ia=function(a){var b,c=!(1<arguments.length&&void 0!==arguments[1])||arguments[1];null===(b=ta.current)||void 0===b?void 0:b.call(ta,{e:a,id:k,name:l,value:getValueByStep(Aa,i,c,O,N)})},Ja={onClick:useCallback(function(a){var b,c;null===(b=d.current)||void 0===b?void 0:b.focus(),null===(c=sa.current)||void 0===c?void 0:c.call(sa,a)},[])};return useEffect(function(){if("password"===h&&d.current){var a;d.current.selectionStart=(null===(a=ra.current)||void 0===a?void 0:a.length)||0}},[pa]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:Z,size:u,view:w,width:C},[f]),ref:useForkRef([b,c])},Ja,ia),V&&React.createElement(FieldLabel,{as:"label",htmlFor:null===k||void 0===k?void 0:k.toString(),icon:W,required:Q,className:cnTextField("Label",{labelPosition:Z}),size:u},V),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:X,className:cnTextField("InputContainer",{view:w,form:y,status:A||z,disabled:s,type:h,focus:la||aa,withValue:!!i})},va&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:xa?"string":"icon"}),title:"string"==typeof I?I:void 0},xa?I:React.createElement(va,{className:cnTextField("Icon"),size:za})),"textarea"===h?React.createElement(TextAreaAutoSize,Object.assign({},Da,Fa)):React.createElement("input",Object.assign({},Da,Ga)),"number"===h&&(void 0===M||M)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{onFocus:Ca,onClick:function(a){return Ia(a,!0)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelectOpen,{size:"xs"})),React.createElement("button",{onFocus:Ca,onClick:function(a){return Ia(a,!1)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelect,{size:"xs"}))),!!i&&L&&"number"!==h&&React.createElement("button",{type:"button",disabled:s,tabIndex:-1,onClick:Ha,className:cnTextField("ClearButton")},React.createElement(IconClear,{size:sizeMap[u],className:cnTextField("ClearButtonIcon")})),"password"===h&&!!i&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:ua},React.createElement(Ea,{className:cnTextField("Icon"),size:za})),wa&&"number"!==h&&"password"!==h&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:ya?"string":"icon"}),title:"string"==typeof J?J:void 0},ya?J:React.createElement(wa,{className:cnTextField("Icon"),size:za}))),$&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:A||z},$)))};export var TextField=forwardRef(TextFieldRender);export*from"./types";
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture"];import"./TextField.css";import{IconClear}from"@consta/icons/IconClear";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import{IconSelect}from"@consta/icons/IconSelect";import{IconSelectOpen}from"@consta/icons/IconSelectOpen";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../hooks/useSortSteps/useSortSteps";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{isString}from"../../utils/type-guards";import{getIncrementFlag,getTypeForRender,getValueByStep,sizeMap}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c=React.useRef(null),d=React.useRef(null),e=usePropsHandler(COMPONENT_NAME,a,c),f=e.className,g=e.type,h=void 0===g?"text":g,i=e.value,j=e.defaultValue,k=e.onChange,l=e.id,m=e.name,n=e.rows,o=e.cols,p=e.minRows,q=e.maxRows,r=e.inputRef,s=e.maxLength,t=e.disabled,u=e.size,v=void 0===u?textFieldPropSizeDefault:u,w=e.view,x=void 0===w?textFieldPropViewDefault:w,y=e.form,z=void 0===y?textFieldPropFormDefault:y,A=e.state,B=e.status,C=e.onBlur,D=e.onFocus,E=e.autoFocus,F=void 0!==E&&E,G=e.placeholder,H=e.leftSide,I=e.rightSide,J=e.autoComplete,K=e.withClearButton,L=e.incrementButtons,M=e.max,N=e.min,O=e.readOnly,P=e.required,Q=e.step,R=void 0===Q?1:Q,S=e.tabIndex,T=e.ariaLabel,U=e.label,V=e.labelIcon,W=e.inputContainerRef,X=e.labelPosition,Y=void 0===X?"top":X,Z=e.caption,$=e.iconSize,_=e.focused,aa=e.onClick,ba=e.onKeyDown,ca=e.onKeyDownCapture,da=e.onKeyPress,ea=e.onKeyPressCapture,fa=e.onKeyUp,ga=e.onKeyUpCapture,ha=_objectWithoutProperties(e,_excluded),ia=useFlag(F),ja=_slicedToArray(ia,2),ka=ja[0],la=ja[1],ma=useFlag(!1),na=_slicedToArray(ma,2),oa=na[0],pa=na[1],qa=useMutableRef(i),ra=useMutableRef(aa),sa=useMutableRef(k),ta=useCallback(function(a){var b;a.stopPropagation(),pa.toggle(),null===(b=d.current)||void 0===b?void 0:b.focus()},[]),ua=H,va=I,wa=isString(H),xa=isString(I),ya=getByMap(sizeMap,v,$),za=useSortSteps({step:R,min:+N,max:+M}),Aa=useCallback(function(a){var b;t||(null===(b=sa.current)||void 0===b?void 0:b.call(sa,a.target.value||null,{e:a,id:l,name:m}))},[l,m,t]),Ba=function(a){la.on(),null===D||void 0===D?void 0:D(a)},Ca={className:cnTextField("Input"),value:null!==i&&void 0!==i?i:void 0,defaultValue:null!==j&&void 0!==j?j:void 0,onChange:Aa,maxLength:s,disabled:t,onBlur:function handleBlur(a){la.off(),null===C||void 0===C?void 0:C(a)},onFocus:Ba,autoFocus:F,placeholder:G,autoComplete:J,readOnly:O,tabIndex:S,name:m,onKeyDownCapture:ca,onKeyPress:da,onKeyPressCapture:ea,onKeyUp:fa,onKeyUpCapture:ga,id:l?l.toString():void 0,"aria-label":T},Da=oa?IconEyeClose:IconEye,Ea={rows:n,cols:o,minRows:p||n,maxRows:q||n,ref:useForkRef([d,r])},Fa={type:getTypeForRender(h,oa),max:M,min:N,step:Array.isArray(za)?0:za,onKeyDown:function onKeyDown(a){var b=getIncrementFlag(a);if(null===ba||void 0===ba?void 0:ba(a),"number"===h&&"boolean"==typeof b&&!t){var c;a.preventDefault();var d=getValueByStep(za,i,b,N,M);null===(c=sa.current)||void 0===c?void 0:c.call(sa,d,{e:a,id:l,name:m})}},ref:useForkRef([d,r])},Ga=useCallback(function(a){var b;null===(b=sa.current)||void 0===b?void 0:b.call(sa,null,{e:a,id:l,name:m})},[]),Ha=function(a){var b,c=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],d=getValueByStep(za,i,c,N,M);null===(b=sa.current)||void 0===b?void 0:b.call(sa,d,{e:a,id:l,name:m})},Ia={onClick:useCallback(function(a){var b,c;null===(b=d.current)||void 0===b?void 0:b.focus(),null===(c=ra.current)||void 0===c?void 0:c.call(ra,a)},[])};return useEffect(function(){if("password"===h&&d.current){var a;d.current.selectionStart=(null===(a=qa.current)||void 0===a?void 0:a.length)||0}},[oa]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:Y,size:v,view:x},[f]),ref:useForkRef([b,c])},Ia,ha),U&&React.createElement(FieldLabel,{as:"label",htmlFor:null===l||void 0===l?void 0:l.toString(),icon:V,required:P,className:cnTextField("Label",{labelPosition:Y}),size:v},U),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:W,className:cnTextField("InputContainer",{view:x,form:z,status:B||A,disabled:t,type:h,focus:ka||_,withValue:!!i})},ua&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:wa?"string":"icon"}),title:"string"==typeof H?H:void 0},wa?H:React.createElement(ua,{className:cnTextField("Icon"),size:ya})),"textarea"===h?React.createElement(TextAreaAutoSize,Object.assign({},Ca,Ea)):React.createElement("input",Object.assign({},Ca,Fa)),"number"===h&&(void 0===L||L)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!0)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelectOpen,{size:"xs"})),React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!1)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelect,{size:"xs"}))),!!i&&K&&"number"!==h&&React.createElement("button",{type:"button",disabled:t,tabIndex:-1,onClick:Ga,className:cnTextField("ClearButton")},React.createElement(IconClear,{size:sizeMap[v],className:cnTextField("ClearButtonIcon")})),"password"===h&&!!i&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:ta},React.createElement(Da,{className:cnTextField("Icon"),size:ya})),va&&"number"!==h&&"password"!==h&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:xa?"string":"icon"}),title:"string"==typeof I?I:void 0},xa?I:React.createElement(va,{className:cnTextField("Icon"),size:ya}))),Z&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:B||A},Z)))};export var TextField=forwardRef(TextFieldRender);export*from"./types";
 //# sourceMappingURL=TextField.js.map

package/__internal__/src/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["IconClear","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","usePropsHandler","FieldCaption","FieldLabel","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","textFieldPropWidthDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '../../hooks/useSortSteps/useSortSteps';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isString } from '../../utils/type-guards';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../FieldLabel/FieldLabel';\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n  textFieldPropWidthDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    width = textFieldPropWidthDefault,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.({ e, id, name, value: e.target.value || null });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value ?? '',\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : '',\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      onChangeRef.current?.({\n        e,\n        id,\n        name,\n        value: getValueByStep(sortedSteps, value, flag, min, max),\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.({\n      e,\n      id,\n      name,\n      value: null,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    onChangeRef.current?.({\n      e,\n      id,\n      name,\n      value: getValueByStep(sortedSteps, value, isIncrement, min, max),\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view, width }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!!value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && !!value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["IconClear","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","usePropsHandler","FieldCaption","FieldLabel","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","newValue","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '##/components/FieldCaption/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel/FieldLabel';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps/useSortSteps';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\nimport { isString } from '##/utils/type-guards';\n\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    defaultValue,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.(e.target.value || null, {\n          e,\n          id,\n          name,\n        });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value ?? undefined,\n    'defaultValue': defaultValue ?? undefined,\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : undefined,\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      const newValue = getValueByStep(sortedSteps, value, flag, min, max);\n      onChangeRef.current?.(newValue, {\n        e,\n        id,\n        name,\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.(null, {\n      e,\n      id,\n      name,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    const newValue = getValueByStep(sortedSteps, value, isIncrement, min, max);\n    onChangeRef.current?.(newValue, {\n      e,\n      id,\n      name,\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!!value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && !!value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"qsBAAA,wBAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,SAAzC,KAA0D,OAA1D,CACA,MAAOC,iBAAP,KAA6B,yBAA7B,CAEA,OAASC,eAAT,2CACA,OAASC,YAAT,oCACA,OAASC,UAAT,gCACA,OAASC,OAAT,mCACA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,YAAT,6CACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,QAAT,+BAEA,OACEC,gBADF,CAEEC,gBAFF,CAGEC,cAHF,CAIEC,OAJF,iBAMA,OAEEC,wBAFF,CAIEC,wBAJF,CAKEC,wBALF,eAQA,MAAO,IAAMC,eAAc,CAAG,WAAvB,CACP,MAAO,IAAMC,YAAW,CAAGX,EAAE,aAAtB,CAEP,MAAO,IAAMY,gBAAe,CAAG,SAC7BC,CAD6B,CAE7BC,CAF6B,CAG1B,IACGC,EAAY,CAAG3B,KAAK,CAAC4B,MAAN,CAA6B,IAA7B,CADlB,CAEGC,CAAQ,CAAG7B,KAAK,CAAC4B,MAAN,CAAqD,IAArD,CAFd,GAwDCvB,eAAe,CAACiB,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAxDhB,CAKDG,CALC,GAKDA,SALC,KAMDC,IANC,CAMDA,CANC,YAMM,MANN,GAODC,CAPC,GAODA,KAPC,CAQDC,CARC,GAQDA,YARC,CASDC,CATC,GASDA,QATC,CAUDC,CAVC,GAUDA,EAVC,CAWDC,CAXC,GAWDA,IAXC,CAYDC,CAZC,GAYDA,IAZC,CAaDC,CAbC,GAaDA,IAbC,CAcDC,CAdC,GAcDA,OAdC,CAeDC,CAfC,GAeDA,OAfC,CAgBSC,CAhBT,GAgBDZ,QAhBC,CAiBDa,CAjBC,GAiBDA,SAjBC,CAkBDC,CAlBC,GAkBDA,QAlBC,KAmBDC,IAnBC,CAmBDA,CAnBC,YAmBMxB,wBAnBN,OAoBDyB,IApBC,CAoBDA,CApBC,YAoBMxB,wBApBN,OAqBDyB,IArBC,CAqBDA,CArBC,YAqBM3B,wBArBN,GAsBD4B,CAtBC,GAsBDA,KAtBC,CAuBDC,CAvBC,GAuBDA,MAvBC,CAwBDC,CAxBC,GAwBDA,MAxBC,CAyBDC,CAzBC,GAyBDA,OAzBC,KA0BDC,SA1BC,CA0BDA,CA1BC,eA2BDC,CA3BC,GA2BDA,WA3BC,CA4BDC,CA5BC,GA4BDA,QA5BC,CA6BDC,CA7BC,GA6BDA,SA7BC,CA8BDC,CA9BC,GA8BDA,YA9BC,CA+BDC,CA/BC,GA+BDA,eA/BC,KAgCDC,gBAhCC,CAiCDC,CAjCC,GAiCDA,GAjCC,CAkCDC,CAlCC,GAkCDA,GAlCC,CAmCDC,CAnCC,GAmCDA,QAnCC,CAoCDC,CApCC,GAoCDA,QApCC,KAqCDC,IArCC,CAqCDA,CArCC,YAqCM,CArCN,GAsCDC,CAtCC,GAsCDA,QAtCC,CAuCDC,CAvCC,GAuCDA,SAvCC,CAwCDC,CAxCC,GAwCDA,KAxCC,CAyCDC,CAzCC,GAyCDA,SAzCC,CA0CDC,CA1CC,GA0CDA,iBA1CC,KA2CDC,aA3CC,CA2CDA,CA3CC,YA2Ce,KA3Cf,GA4CDC,CA5CC,GA4CDA,OA5CC,CA6CSC,CA7CT,GA6CDC,QA7CC,CA8CDC,CA9CC,GA8CDA,OA9CC,CA+CDC,EA/CC,GA+CDA,OA/CC,CAiDUC,EAjDV,GAiDDC,SAjDC,CAkDDC,EAlDC,GAkDDA,gBAlDC,CAmDDC,EAnDC,GAmDDA,UAnDC,CAoDDC,EApDC,GAoDDA,iBApDC,CAqDDC,EArDC,GAqDDA,OArDC,CAsDDC,EAtDC,GAsDDA,cAtDC,CAuDEC,EAvDF,0CAyDuBzE,OAAO,CAAC2C,CAAD,CAzD9B,yBAyDI+B,EAzDJ,OAyDWC,EAzDX,UA0D2C3E,OAAO,IA1DlD,yBA0DI4E,EA1DJ,OA0DqBC,EA1DrB,OA4DGC,EAAQ,CAAG5E,aAAa,CAACsB,CAAD,CA5D3B,CA6DGuD,EAAU,CAAG7E,aAAa,CAAC+D,EAAD,CA7D7B,CA8DGe,EAAW,CAAG9E,aAAa,CAACwB,CAAD,CA9D9B,CAgEGuD,EAAc,CAAGvF,WAAW,CAChC,SAACwF,CAAD,CAAwD,OACtDA,CAAC,CAACC,eAAF,EADsD,CAEtDN,EAAkB,CAACO,MAAnB,EAFsD,WAGtD/D,CAAQ,CAACgE,OAH6C,qBAGtD,EAAkBX,KAAlB,EACD,CAL+B,CAMhC,EANgC,CAhE/B,CA0EGY,EAAQ,CAAGzC,CA1Ed,CA2EG0C,EAAS,CAAGzC,CA3Ef,CA4EG0C,EAAgB,CAAGlF,QAAQ,CAACuC,CAAD,CA5E9B,CA6EG4C,EAAiB,CAAGnF,QAAQ,CAACwC,CAAD,CA7E/B,CA8EGiB,EAAQ,CAAG1D,QAAQ,CAACK,OAAD,CAAU0B,CAAV,CAAgB0B,CAAhB,CA9EtB,CAgFG4B,EAAW,CAAGvF,YAAY,CAAC,CAC/BmD,IAAI,CAAJA,CAD+B,CAE/BH,GAAG,EAASA,CAFmB,CAG/BD,GAAG,EAASA,CAHmB,CAAD,CAhF7B,CAsFGyC,EAEL,CAAGjG,WAAW,CACb,SAACwF,CAAD,CAAO,OACJ/C,CAAD,aACE6C,EAAW,CAACK,OADd,qBACE,OAAAL,EAAW,CAAWE,CAAC,CAACU,MAAF,CAASpE,KAAT,EAAkB,IAA7B,CAAmC,CAC5C0D,CAAC,CAADA,CAD4C,CAE5CvD,EAAE,CAAFA,CAF4C,CAG5CC,IAAI,CAAJA,CAH4C,CAAnC,CADb,CAMD,CARY,CASb,CAACD,CAAD,CAAKC,CAAL,CAAWO,CAAX,CATa,CAxFZ,CAyGG0D,EAAiD,CAAG,SAACX,CAAD,CAAO,CAC/DP,EAAQ,CAACmB,EAAT,EAD+D,QAE/DpD,CAF+D,WAE/DA,CAF+D,QAE/DA,CAAO,CAAGwC,CAAH,CACR,CA5GE,CA8GGa,EAAW,CAAG,CAClB,UAAahF,WAAW,CAAC,OAAD,CADN,CAElB,aAASS,CAAT,WAASA,CAAT,CAASA,CAAT,OAFkB,CAGlB,oBAAgBC,CAAhB,WAAgBA,CAAhB,CAAgBA,CAAhB,OAHkB,CAIlB,SAAYkE,EAJM,CAKlBzD,SAAS,CAATA,CALkB,CAMlBC,QAAQ,CAARA,CANkB,CAOlB,OAjBuD,QAAnD6D,WAAmD,CAACd,CAAD,CAAO,CAC9DP,EAAQ,CAACsB,GAAT,EAD8D,QAE9DxD,CAF8D,WAE9DA,CAF8D,QAE9DA,CAAM,CAAGyC,CAAH,CACP,CAOmB,CAQlB,QAAWW,EARO,CASlBlD,SAAS,CAATA,CATkB,CAUlBC,WAAW,CAAXA,CAVkB,CAWlBG,YAAY,CAAZA,CAXkB,CAYlBK,QAAQ,CAARA,CAZkB,CAalBG,QAAQ,CAARA,CAbkB,CAclB3B,IAAI,CAAJA,CAdkB,CAelBwC,gBAAgB,CAAhBA,EAfkB,CAgBlBC,UAAU,CAAVA,EAhBkB,CAiBlBC,iBAAiB,CAAjBA,EAjBkB,CAkBlBC,OAAO,CAAPA,EAlBkB,CAmBlBC,cAAc,CAAdA,EAnBkB,CAoBlB,GAAM7C,CAAE,CAAGA,CAAE,CAACuE,QAAH,EAAH,OApBU,CAqBlB,aAAc1C,CArBI,CA9GjB,CAsIG2C,EAAG,CAAGvB,EAAe,CAAGvF,YAAH,CAAkBD,OAtI1C,CAsJGgH,EAAa,CAAG,CACpBvE,IAAI,CAAJA,CADoB,CAEpBC,IAAI,CAAJA,CAFoB,CAGpBC,OAAO,CAAEA,CAAO,EAAIF,CAHA,CAIpBG,OAAO,CAAEA,CAAO,EAAIH,CAJA,CAKpBX,GAAG,CAAEjB,UAAU,CAAC,CAACoB,CAAD,CAAWY,CAAX,CAAD,CALK,CAtJnB,CAgKGoE,EAAU,CAAG,CACjB9E,IAAI,CAAEf,gBAAgB,CAACe,CAAD,CAAOqD,EAAP,CADL,CAEjB1B,GAAG,CAAHA,CAFiB,CAGjBC,GAAG,CAAHA,CAHiB,CAIjBG,IAAI,CAAGgD,KAAK,CAACC,OAAN,CAAcb,EAAd,CAAD,CAA4C,CAA5C,CAA8BA,EAJnB,CAKjBvB,SAAS,CA7BO,QAAZA,UAAY,CAACe,CAAD,CAA4B,CAC5C,GAAMsB,EAAI,CAAGjG,gBAAgB,CAAC2E,CAAD,CAA7B,CAEA,UADAhB,EACA,WADAA,EACA,QADAA,EAAa,CAAGgB,CAAH,CACb,CAAa,QAAT,GAAA3D,CAAI,EAAiC,SAAhB,QAAOiF,EAA5B,EAAkD,CAACrE,CAAvD,CAAiE,OAC/D+C,CAAC,CAACuB,cAAF,EAD+D,CAE/D,GAAMC,EAAQ,CAAGjG,cAAc,CAACiF,EAAD,CAAclE,CAAd,CAAqBgF,CAArB,CAA2BrD,CAA3B,CAAgCD,CAAhC,CAA/B,CAF+D,UAG/D8B,EAAW,CAACK,OAHmD,qBAG/D,OAAAL,EAAW,CAAW0B,CAAX,CAAqB,CAC9BxB,CAAC,CAADA,CAD8B,CAE9BvD,EAAE,CAAFA,CAF8B,CAG9BC,IAAI,CAAJA,CAH8B,CAArB,CAKZ,CACF,CAYkB,CAMjBV,GAAG,CAAEjB,UAAU,CAAC,CACdoB,CADc,CAEdY,CAFc,CAAD,CANE,CAhKhB,CA4KG0E,EAAW,CAAGjH,WAAW,CAAC,SAACwF,CAAD,CAA4C,iBAC1EF,EAAW,CAACK,OAD8D,qBAC1E,OAAAL,EAAW,CAAW,IAAX,CAAiB,CAC1BE,CAAC,CAADA,CAD0B,CAE1BvD,EAAE,CAAFA,CAF0B,CAG1BC,IAAI,CAAJA,CAH0B,CAAjB,CAKZ,CAN8B,CAM5B,EAN4B,CA5K5B,CAoLGgF,EAAiB,CAAG,SACxB1B,CADwB,CAGrB,OADH2B,CACG,4DACGH,CAAQ,CAAGjG,cAAc,CAACiF,EAAD,CAAclE,CAAd,CAAqBqF,CAArB,CAAkC1D,CAAlC,CAAuCD,CAAvC,CAD5B,WAEH8B,EAAW,CAACK,OAFT,qBAEH,OAAAL,EAAW,CAAW0B,CAAX,CAAqB,CAC9BxB,CAAC,CAADA,CAD8B,CAE9BvD,EAAE,CAAFA,CAF8B,CAG9BC,IAAI,CAAJA,CAH8B,CAArB,CAKZ,CA9LE,CAgMGkF,EAAS,CAAG,CAChB7C,OAAO,CAAEvE,WAAW,CAAC,SAACwF,CAAD,CAAqD,mBACxE7D,CAAQ,CAACgE,OAD+D,qBACxE,EAAkBX,KAAlB,EADwE,WAExEK,EAAU,CAACM,OAF6D,qBAExE,OAAAN,EAAU,CAAWG,CAAX,CACX,CAHmB,CAGjB,EAHiB,CADJ,CAhMf,CA8MH,MANAvF,UAAS,CAAC,UAAM,CACd,GAAa,UAAT,GAAA4B,CAAI,EAAmBF,CAAQ,CAACgE,OAApC,CAA6C,OAC3ChE,CAAQ,CAACgE,OAAT,CAAiB0B,cAAjB,CAAkC,WAAAjC,EAAQ,CAACO,OAAT,uBAAkB2B,MAAlB,GAA4B,CAC/D,CACF,CAJQ,CAIN,CAACpC,EAAD,CAJM,CAMT,CACE,yCACE,SAAS,CAAE7D,WAAW,CAAC,CAAE6C,aAAa,CAAbA,CAAF,CAAiBxB,IAAI,CAAJA,CAAjB,CAAuBC,IAAI,CAAJA,CAAvB,CAAD,CAAgC,CAACf,CAAD,CAAhC,CADxB,CAEE,GAAG,CAAErB,UAAU,CAAC,CAACiB,CAAD,CAAMC,CAAN,CAAD,CAFjB,EAGM2F,EAHN,CAIMrC,EAJN,EAMGhB,CAAK,EACJ,oBAAC,UAAD,EACE,EAAE,CAAC,OADL,CAEE,OAAO,QAAE9B,CAAF,WAAEA,CAAF,QAAEA,CAAE,CAAEuE,QAAJ,EAFX,CAGE,IAAI,CAAExC,CAHR,CAIE,QAAQ,CAAEL,CAJZ,CAKE,SAAS,CAAEtC,WAAW,CAAC,OAAD,CAAU,CAAE6C,aAAa,CAAbA,CAAF,CAAV,CALxB,CAME,IAAI,CAAExB,CANR,EAQGqB,CARH,CAPJ,CAkBE,2BAAK,SAAS,CAAE1C,WAAW,CAAC,MAAD,CAA3B,EACE,2BACE,GAAG,CAAE4C,CADP,CAEE,SAAS,CAAE5C,WAAW,CAAC,gBAAD,CAAmB,CACvCsB,IAAI,CAAJA,CADuC,CAEvCC,IAAI,CAAJA,CAFuC,CAGvCE,MAAM,CAAEA,CAAM,EAAID,CAHqB,CAIvCJ,QAAQ,CAARA,CAJuC,CAKvCZ,IAAI,CAAJA,CALuC,CAMvCmD,KAAK,CAAEA,EAAK,EAAIV,CANuB,CAOvCiD,SAAS,CAAE,CAAC,CAACzF,CAP0B,CAAnB,CAFxB,EAYG8D,EAAQ,EACP,2BACE,SAAS,CAAEvE,WAAW,CAAC,MAAD,CAAS,CAC7BmG,QAAQ,CAAE,MADmB,CAE7B3F,IAAI,CAAEiE,EAAgB,CAAG,QAAH,CAAc,MAFP,CAAT,CADxB,CAKE,KAAK,CAAsB,QAApB,QAAO3C,EAAP,CAA+BA,CAA/B,OALT,EAOG2C,EAAgB,CACf3C,CADe,CAGf,oBAAC,EAAD,EAAU,SAAS,CAAE9B,WAAW,CAAC,MAAD,CAAhC,CAA0C,IAAI,CAAEgD,EAAhD,EAVJ,CAbJ,CAzJoB,UAAT,GAAAxC,CAoLR,CACC,oBAAC,gBAAD,kBAAsBwE,EAAtB,CAAuCK,EAAvC,EADD,CAGC,6CAAWL,EAAX,CAA4BM,EAA5B,EA9BJ,CAiCY,QAAT,GAAA9E,CAAI,iBAAJ,EACC,2BAAK,SAAS,CAAER,WAAW,CAAC,SAAD,CAA3B,EACE,8BACE,OAAO,CAAE8E,EADX,CAEE,OAAO,CAAE,SAACX,CAAD,QAAO0B,GAAiB,CAAC1B,CAAD,IAAxB,CAFX,CAGE,IAAI,CAAC,QAHP,CAIE,SAAS,CAAEnE,WAAW,CAAC,eAAD,CAJxB,EAME,oBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,EANF,CADF,CASE,8BACE,OAAO,CAAE8E,EADX,CAEE,OAAO,CAAE,SAACX,CAAD,QAAO0B,GAAiB,CAAC1B,CAAD,IAAxB,CAFX,CAGE,IAAI,CAAC,QAHP,CAIE,SAAS,CAAEnE,WAAW,CAAC,eAAD,CAJxB,EAME,oBAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,EANF,CATF,CAlCJ,CAsDG,CAAC,CAACS,CAAF,EAAWwB,CAAX,EAAuC,QAAT,GAAAzB,CAA9B,EACC,8BACE,IAAI,CAAC,QADP,CAEE,QAAQ,CAAEY,CAFZ,CAGE,QAAQ,CAAE,CAAC,CAHb,CAIE,OAAO,CAAEwE,EAJX,CAKE,SAAS,CAAE5F,WAAW,CAAC,aAAD,CALxB,EAOE,oBAAC,SAAD,EACE,IAAI,CAAEL,OAAO,CAAC0B,CAAD,CADf,CAEE,SAAS,CAAErB,WAAW,CAAC,iBAAD,CAFxB,EAPF,CAvDJ,CAqEY,UAAT,GAAAQ,CAAI,EAAmB,CAAC,CAACC,CAAzB,EACC,8BACE,SAAS,CAAET,WAAW,CAAC,aAAD,CADxB,CAEE,IAAI,CAAC,QAFP,CAGE,OAAO,CAAEkE,EAHX,EAKE,oBAAC,EAAD,EAAK,SAAS,CAAElE,WAAW,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAEgD,EAA3C,EALF,CAtEJ,CA+EGwB,EAAS,EAAa,QAAT,GAAAhE,CAAb,EAA2C,UAAT,GAAAA,CAAlC,EACC,2BACE,SAAS,CAAER,WAAW,CAAC,MAAD,CAAS,CAC7BmG,QAAQ,CAAE,OADmB,CAE7B3F,IAAI,CAAEkE,EAAiB,CAAG,QAAH,CAAc,MAFR,CAAT,CADxB,CAKE,KAAK,CAAuB,QAArB,QAAO3C,EAAP,CAAgCA,CAAhC,OALT,EAOG2C,EAAiB,CAChB3C,CADgB,CAGhB,oBAAC,EAAD,EAAW,SAAS,CAAE/B,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEgD,EAAjD,EAVJ,CAhFJ,CADF,CAgGGF,CAAO,EACN,oBAAC,YAAD,EACE,SAAS,CAAE9C,WAAW,CAAC,SAAD,CADxB,CAEE,MAAM,CAAEyB,CAAM,EAAID,CAFpB,EAIGsB,CAJH,CAjGJ,CAlBF,CA6HH,CA/UM,CAiVP,MAAO,IAAMsD,UAAS,CAAG1H,UAAU,CAACuB,eAAD,CAA5B,CACP"}

package/__internal__/src/components/TextField/index.d.ts

@@ -1,2 +1 @@
 export * from './TextField';
-export * from './useIMask';

package/__internal__/src/components/TextField/index.js

@@ -1,2 +1,2 @@
-export*from"./TextField";export*from"./useIMask";
+export*from"./TextField";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextField/index.ts"],"sourcesContent":["export * from './TextField';\nexport * from './useIMask';\n"],"mappings":"AAAA,yBACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextField/index.ts"],"sourcesContent":["export * from './TextField';\n"],"mappings":"AAAA"}

package/__internal__/src/components/TextField/types.d.ts

@@ -8,12 +8,11 @@ export declare type TextFieldPropId = string | number;
 export declare const textFieldPropSize: readonly ["m", "xs", "s", "l"];
 export declare type TextFieldPropSize = typeof textFieldPropSize[number];
 export declare const textFieldPropSizeDefault: TextFieldPropSize;
-export declare type TextFieldPropOnChange = (args: TextFieldOnChangeArguments) => void;
+export declare type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
 export declare type TextFieldOnChangeArguments = {
     e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
     id?: TextFieldPropId;
     name?: TextFieldPropName;
-    value: TextFieldPropValue;
 };
 export declare const textFieldPropView: readonly ["default", "clear"];
 export declare type TextFieldPropView = typeof textFieldPropView[number];
@@ -23,9 +22,6 @@ export declare type TextFieldPropForm = typeof textFieldPropForm[number];
 export declare const textFieldPropFormDefault: TextFieldPropForm;
 export declare const textFieldPropStatus: readonly ["alert", "success", "warning"];
 export declare type TextFieldPropStatus = typeof textFieldPropStatus[number];
-export declare const textFieldPropWidth: readonly ["default", "full"];
-export declare type TextFieldPropWidth = typeof textFieldPropWidth[number];
-export declare const textFieldPropWidthDefault: TextFieldPropWidth;
 export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
     minRows?: never;
     maxRows?: never;
@@ -39,6 +35,11 @@ export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ?
     minRows?: never;
     maxRows?: never;
 };
+declare type InputRef<TYPE> = TYPE extends 'textarea' ? {
+    inputRef?: React.Ref<HTMLTextAreaElement>;
+} : {
+    inputRef?: React.Ref<HTMLInputElement>;
+};
 export declare type TextFieldPropRightSide<TYPE extends string> = TYPE extends 'number' | 'password' ? {
     rightSide?: never;
 } : {
@@ -47,6 +48,7 @@ export declare type TextFieldPropRightSide<TYPE extends string> = TYPE extends '
 export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
     className?: string;
     value?: TextFieldPropValue;
+    defaultValue?: TextFieldPropValue;
     cols?: number;
     onChange?: TextFieldPropOnChange;
     id?: TextFieldPropId;
@@ -59,7 +61,6 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     form?: TextFieldPropForm;
     state?: TextFieldPropStatus;
     status?: TextFieldPropStatus;
-    width?: TextFieldPropWidth;
     onFocus?: React.FocusEventHandler<HTMLElement>;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     incrementButtons?: boolean;
@@ -76,7 +77,6 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     step?: number | string | number[];
     tabIndex?: number;
     inputContainerRef?: React.Ref<HTMLDivElement>;
-    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
     ariaLabel?: string;
     iconSize?: IconPropSize;
     children?: never;
@@ -91,5 +91,6 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     onKeyUp?: React.KeyboardEventHandler;
     onKeyUpCapture?: React.KeyboardEventHandler;
     onKeyDown?: React.KeyboardEventHandler;
-}, HTMLDivElement> & TextFieldPropsTextareaType<TYPE> & TextFieldPropRightSide<TYPE> & React.RefAttributes<HTMLDivElement>;
+}, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & TextFieldPropRightSide<TYPE> & React.RefAttributes<HTMLDivElement>;
 export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
+export {};