@salutejs/plasma-new-hope 0.196.1-canary.1577.11970384401.0 → 0.197.0-canary.1572.11971256317.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -2
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  6. package/cjs/components/Calendar/store/reducer.js +2 -2
  7. package/cjs/components/Calendar/store/reducer.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -2
  9. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  10. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  11. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -2
  12. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -2
  13. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -2
  14. package/cjs/components/Pagination/Pagination.css +1 -2
  15. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  16. package/cjs/components/Range/Range.css +1 -2
  17. package/cjs/components/Select/Select.css +1 -2
  18. package/cjs/components/Select/ui/Inner/Inner.css +1 -2
  19. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  20. package/cjs/components/Select/ui/Target/Target.css +1 -2
  21. package/cjs/components/Select/ui/Target/Target.js +1 -2
  22. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  23. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  24. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  25. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  26. package/cjs/components/Slider/Slider.css +1 -2
  27. package/cjs/components/Slider/components/Double/Double.css +1 -2
  28. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  29. package/cjs/components/TextField/TextField.js +4 -7
  30. package/cjs/components/TextField/TextField.js.map +1 -1
  31. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  32. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  33. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  34. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -7
  35. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  36. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  37. package/cjs/index.css +1 -2
  38. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  39. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  40. package/emotion/cjs/components/Calendar/store/reducer.js +2 -2
  41. package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
  42. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  43. package/emotion/cjs/components/TextField/TextField.js +5 -8
  44. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  45. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  46. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -12
  47. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  48. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  49. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  50. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  51. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  52. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  53. package/emotion/es/components/Calendar/store/reducer.js +2 -2
  54. package/emotion/es/components/Select/ui/Target/Target.js +1 -2
  55. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  56. package/emotion/es/components/TextField/TextField.js +5 -8
  57. package/emotion/es/components/TextField/TextField.template-doc.mdx +3 -13
  58. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  59. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -11
  60. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  61. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  62. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  63. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  64. package/es/components/Autocomplete/Autocomplete.css +1 -2
  65. package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  66. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  67. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  68. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  69. package/es/components/Calendar/store/reducer.js +2 -2
  70. package/es/components/Calendar/store/reducer.js.map +1 -1
  71. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -2
  72. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  73. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  74. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -2
  75. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -2
  76. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -2
  77. package/es/components/Pagination/Pagination.css +1 -2
  78. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  79. package/es/components/Range/Range.css +1 -2
  80. package/es/components/Select/Select.css +1 -2
  81. package/es/components/Select/ui/Inner/Inner.css +1 -2
  82. package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  83. package/es/components/Select/ui/Target/Target.css +1 -2
  84. package/es/components/Select/ui/Target/Target.js +1 -2
  85. package/es/components/Select/ui/Target/Target.js.map +1 -1
  86. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  87. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  88. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  89. package/es/components/Slider/Slider.css +1 -2
  90. package/es/components/Slider/components/Double/Double.css +1 -2
  91. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  92. package/es/components/TextField/TextField.js +4 -7
  93. package/es/components/TextField/TextField.js.map +1 -1
  94. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  95. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  96. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  97. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -7
  98. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  99. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  100. package/es/index.css +1 -2
  101. package/package.json +2 -2
  102. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  103. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  104. package/styled-components/cjs/components/Calendar/store/reducer.js +2 -2
  105. package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
  106. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  107. package/styled-components/cjs/components/TextField/TextField.js +4 -7
  108. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  109. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  110. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -10
  111. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  112. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  113. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  114. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  115. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
  116. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
  117. package/styled-components/es/components/Calendar/store/reducer.js +2 -2
  118. package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
  119. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  120. package/styled-components/es/components/TextField/TextField.js +4 -7
  121. package/styled-components/es/components/TextField/TextField.template-doc.mdx +3 -13
  122. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  123. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -9
  124. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  125. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  126. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  127. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  128. package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -3
  129. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  130. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -16
  131. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  132. package/types/components/Calendar/store/reducer.d.ts +1 -1
  133. package/types/components/Calendar/store/reducer.d.ts.map +1 -1
  134. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -16
  135. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  136. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -16
  137. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  138. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  139. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  140. package/types/components/Range/Range.styles.d.ts +0 -16
  141. package/types/components/Range/Range.styles.d.ts.map +1 -1
  142. package/types/components/Select/Select.types.d.ts +0 -5
  143. package/types/components/Select/Select.types.d.ts.map +1 -1
  144. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  145. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  146. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  147. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  148. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  149. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +0 -16
  150. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  151. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  152. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  153. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -16
  154. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  155. package/types/components/TextField/TextField.d.ts.map +1 -1
  156. package/types/components/TextField/TextField.types.d.ts +0 -8
  157. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  158. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  159. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -1
  160. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  161. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +1 -5
  162. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
  163. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -553
  164. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  165. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -16
  166. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  167. package/types/examples/plasma_b2c/components/Select/Select.d.ts +0 -6
  168. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  169. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -16
  170. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  171. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -553
  172. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  173. package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -16
  174. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  175. package/types/examples/plasma_web/components/Select/Select.d.ts +0 -6
  176. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  177. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -16
  178. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip, TextChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<\n HTMLButtonElement,\n TextFieldChipProps & { _forceChipManipulationWithReadonly: any }\n>(\n (\n { id, text, disabled, readOnly, onClick, onClear, onKeyDown, _forceChipManipulationWithReadonly, chipType },\n ref,\n ) => {\n const onClearHandle = () => onClear(id);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, id);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (onClick) {\n onClick(e);\n }\n\n if (onClear) {\n onClear(id);\n }\n };\n\n return chipType === 'default' ? (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n // TODO: #1547\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n />\n ) : (\n <TextChip ref={ref} tabIndex={-1} onClick={handleClick} onKeyDown={onKeyDownHandle}>\n {text}\n </TextChip>\n );\n },\n);\n"],"names":["TextFieldChip","forwardRef","_ref","ref","id","text","disabled","readOnly","onClick","onClear","onKeyDown","_forceChipManipulationWithReadonly","chipType","onClearHandle","onKeyDownHandle","event","handleClick","e","React","createElement","StyledChip","tabIndex","concat","TextChip"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CAInC,UAAAC,IAAA,EAEIC,GAAG,EACF;AAAA,EAAA,IAFCC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAEC,kCAAkC,GAAAT,IAAA,CAAlCS,kCAAkC;IAAEC,QAAQ,GAAAV,IAAA,CAARU,QAAQ,CAAA;AAGzG,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASJ,OAAO,CAACL,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,EAAA,IAAMU,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEL,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGK,KAAK,EAAEX,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,IAAMY,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAsC,EAAK;AAC5D,IAAA,IAAIT,OAAO,EAAE;MACTA,OAAO,CAACS,CAAC,CAAC,CAAA;AACd,KAAA;AAEA,IAAA,IAAIR,OAAO,EAAE;MACTA,OAAO,CAACL,EAAE,CAAC,CAAA;AACf,KAAA;GACH,CAAA;EAED,OAAOQ,QAAQ,KAAK,SAAS,gBACzBM,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPjB,IAAAA,GAAG,EAAEA,GAAI;IACTkB,QAAQ,EAAE,CAAC,CAAE;AACbf,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEI,aAAc;AACvBH,IAAAA,SAAS,EAAEI,eAAgB;IAC3BT,IAAI,EAAA,EAAA,CAAAiB,MAAA,CAAKjB,IAAI,CAAA;AACb;AACA;AACA;AAAA;AACAM,IAAAA,kCAAkC,EAAEA,kCAAAA;AAAmC,GAC1E,CAAC,gBAEFO,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACpB,IAAAA,GAAG,EAAEA,GAAI;IAACkB,QAAQ,EAAE,CAAC,CAAE;AAACb,IAAAA,OAAO,EAAEQ,WAAY;AAACN,IAAAA,SAAS,EAAEI,eAAAA;AAAgB,GAAA,EAC9ET,IACK,CACb,CAAA;AACL,CACJ;;;;"}
1
+ {"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<\n HTMLButtonElement,\n TextFieldChipProps & { _forceChipManipulationWithReadonly: any }\n>(({ id, text, disabled, readOnly, onClick, onClear, onKeyDown, _forceChipManipulationWithReadonly }, ref) => {\n const onClearHandle = () => onClear(id);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, id);\n };\n\n return (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n // TODO: #1547\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n />\n );\n});\n"],"names":["TextFieldChip","forwardRef","_ref","ref","id","text","disabled","readOnly","onClick","onClear","onKeyDown","_forceChipManipulationWithReadonly","onClearHandle","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CAGrC,UAAAC,IAAA,EAAoGC,GAAG,EAAK;AAAA,EAAA,IAAzGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAEC,kCAAkC,GAAAT,IAAA,CAAlCS,kCAAkC,CAAA;AAC9F,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASH,OAAO,CAACL,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,EAAA,IAAMS,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEJ,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGI,KAAK,EAAEV,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACIW,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPd,IAAAA,GAAG,EAAEA,GAAI;IACTe,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEG,aAAc;AACvBF,IAAAA,SAAS,EAAEG,eAAgB;IAC3BR,IAAI,EAAA,EAAA,CAAAc,MAAA,CAAKd,IAAI,CAAA;AACb;AACA;AACA;AAAA;AACAM,IAAAA,kCAAkC,EAAEA,kCAAAA;AAAmC,GAC1E,CAAC,CAAA;AAEV,CAAC;;;;"}
@@ -1,4 +1,4 @@
1
- import './TextFieldChip.styles_1yosnxc.css';
1
+ import './TextFieldChip.styles_1y8n7la.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { component, mergeConfig } from '../../../../engines/common.js';
4
4
  import { chipConfig } from '../../../Chip/Chip.js';
@@ -16,11 +16,6 @@ var StyledChip = /*#__PURE__*/styled(_exp())({
16
16
  "class": "s32p7ut",
17
17
  propsAsIs: true
18
18
  });
19
- var TextChip = /*#__PURE__*/styled('button')({
20
- name: "TextChip",
21
- "class": "t4nir3h",
22
- propsAsIs: false
23
- });
24
19
 
25
- export { StyledChip, TextChip };
20
+ export { StyledChip };
26
21
  //# sourceMappingURL=TextFieldChip.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n\nexport const TextChip = styled.button`\n display: block;\n flex: none;\n background: none;\n border: none;\n outline: none;\n padding: 0;\n white-space: nowrap;\n cursor: pointer;\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n color: var(${tokens.color});\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &:after {\n content: ',';\n }\n\n &:last-child {\n &:after {\n content: '';\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs","TextChip"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkC7B;;;;"}
1
+ {"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
@@ -1,2 +1 @@
1
1
  .s32p7ut{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.s32p7ut::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s32p7ut.focus-visible:focus::before,.s32p7ut[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s32p7ut[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
2
- .t4nir3h{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.t4nir3h::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.t4nir3h.focus-visible:focus::before,.t4nir3h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.t4nir3h:after{content:',';}.t4nir3h:last-child:after{content:'';}
package/es/index.css CHANGED
@@ -197,8 +197,7 @@
197
197
 
198
198
  .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
199
199
 
200
- .TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_s32p7ut__b8a89acb[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
201
- .TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:after{content:',';}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:last-child:after{content:'';}
200
+ .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
202
201
 
203
202
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
204
203
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.196.1-canary.1577.11970384401.0",
3
+ "version": "0.197.0-canary.1572.11971256317.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -129,5 +129,5 @@
129
129
  "sideEffects": [
130
130
  "*.css"
131
131
  ],
132
- "gitHead": "9d2b425ea375262a0c1e869efd52ad35017af99e"
132
+ "gitHead": "c16f55952dc8b487efe781a930471f71fc58b441"
133
133
  }
@@ -72,7 +72,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
72
72
  _useState8 = _slicedToArray(_useState7, 2),
73
73
  outOfRangeKey = _useState8[0],
74
74
  setOutOfRangeKey = _useState8[1];
75
- var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type)),
75
+ var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type)),
76
76
  _useReducer2 = _slicedToArray(_useReducer, 2),
77
77
  state = _useReducer2[0],
78
78
  dispatch = _useReducer2[1];
@@ -73,7 +73,7 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
73
73
  _useState8 = _slicedToArray(_useState7, 2),
74
74
  outOfRangeKey = _useState8[0],
75
75
  setOutOfRangeKey = _useState8[1];
76
- var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type, true)),
76
+ var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type, true)),
77
77
  _useReducer2 = _slicedToArray(_useReducer, 2),
78
78
  state = _useReducer2[0],
79
79
  dispatch = _useReducer2[1];
@@ -36,8 +36,8 @@ var sizeMap = exports.sizeMap = {
36
36
  "double": [3, 1]
37
37
  }
38
38
  };
39
- var getInitialState = exports.getInitialState = function getInitialState(value, calendarState, isDouble) {
40
- var initDate = value || new Date();
39
+ var getInitialState = exports.getInitialState = function getInitialState(value, min, calendarState, isDouble) {
40
+ var initDate = value || min || new Date();
41
41
  var date = (0, _utils.getDateFromValue)(initDate);
42
42
  var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
43
43
  return {
@@ -82,7 +82,6 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
82
82
  onChange: onChange,
83
83
  labelToItemMap: labelToItemMap,
84
84
  chipView: chipView,
85
- requiredProps: requiredProps,
86
- chipType: selectProps.chipType
85
+ requiredProps: requiredProps
87
86
  });
88
87
  });
@@ -42,8 +42,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
42
42
  onChange = _ref.onChange,
43
43
  labelToItemMap = _ref.labelToItemMap,
44
44
  chipView = _ref.chipView,
45
- requiredProps = _ref.requiredProps,
46
- chipType = _ref.chipType;
45
+ requiredProps = _ref.requiredProps;
47
46
  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
48
47
  var getChips = function getChips() {
49
48
  if (multiselect && Array.isArray(value)) {
@@ -114,8 +113,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
114
113
  }, multiselect ? {
115
114
  enumerationType: 'chip',
116
115
  chips: getChips(),
117
- onChangeChips: handleChipsChange,
118
- chipType: chipType
116
+ onChangeChips: handleChipsChange
119
117
  } : {
120
118
  enumerationType: 'plain'
121
119
  }, {
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
23
23
  var _ui = /*#__PURE__*/require("./ui");
24
24
  var _hooks2 = /*#__PURE__*/require("./hooks");
25
25
  var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
26
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
26
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
27
27
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
28
28
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
29
29
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -86,8 +86,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
86
86
  hasDivider = _ref.hasDivider,
87
87
  outerValue = _ref.value,
88
88
  values = _ref.chips,
89
- _ref$chipType = _ref.chipType,
90
- chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
91
89
  onChange = _ref.onChange,
92
90
  onChangeChips = _ref.onChangeChips,
93
91
  onSearch = _ref.onSearch,
@@ -136,8 +134,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
136
134
  var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
137
135
  var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
138
136
  var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
139
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentLeft : undefined;
140
- var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentRight : undefined;
137
+ var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
138
+ var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
141
139
  var hintRef = (0, _hooks.useOutsideClick)(function () {
142
140
  setIsHintVisible(false);
143
141
  });
@@ -328,8 +326,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
328
326
  onClear: function onClear() {
329
327
  return onChipClear(chipId, index);
330
328
  },
331
- onClick: onChipClick,
332
- chipType: chipType
329
+ onClick: onChipClick
333
330
  // TODO: #1547
334
331
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
335
332
  // @ts-ignore
@@ -62,7 +62,7 @@ export function App() {
62
62
  ```
63
63
 
64
64
  ### Статус поля
65
- Статус поля задается с помощью свойства `status`.
65
+ Статус поля задается с помощью свойства `status`.
66
66
  Возможные значения свойства: `success`, `warning` и `error`.
67
67
  На отображение TextField так же влияют свойства `clear` и `hasDivider`:
68
68
 
@@ -150,7 +150,7 @@ export function App() {
150
150
  ```
151
151
 
152
152
  ### Режим ввода
153
- С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
153
+ С помощью свойства `enumerationType` можно вводить элементы как теги.
154
154
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
155
155
 
156
156
  ```tsx live
@@ -166,17 +166,7 @@ export function App() {
166
166
  size="l"
167
167
  enumerationType="chip"
168
168
  helperText="Подсказка снизу"
169
- chips={["Значение 1"]}
170
- />
171
-
172
- <TextField
173
- placeholder="Введите значение"
174
- defaultValue="Значение"
175
- size="l"
176
- enumerationType="chip"
177
- helperText="Подсказка снизу"
178
- chips={["Значение 1"]}
179
- chipType="text"
169
+ values={["Значение 1"]}
180
170
  />
181
171
  </div>
182
172
  );
@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
20
20
  onClick = _ref.onClick,
21
21
  onClear = _ref.onClear,
22
22
  onKeyDown = _ref.onKeyDown,
23
- _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
24
- chipType = _ref.chipType;
23
+ _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
25
24
  var onClearHandle = function onClearHandle() {
26
25
  return onClear(id);
27
26
  };
28
27
  var onKeyDownHandle = function onKeyDownHandle(event) {
29
28
  onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
30
29
  };
31
- var handleClick = function handleClick(e) {
32
- if (onClick) {
33
- onClick(e);
34
- }
35
- if (onClear) {
36
- onClear(id);
37
- }
38
- };
39
- return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
30
+ return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
40
31
  ref: ref,
41
32
  tabIndex: -1,
42
33
  disabled: disabled,
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
50
41
  // @ts-ignore
51
42
  ,
52
43
  _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
53
- }) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
54
- ref: ref,
55
- tabIndex: -1,
56
- onClick: handleClick,
57
- onKeyDown: onKeyDownHandle
58
- }, text);
44
+ });
59
45
  });
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TextChip = exports.StyledChip = void 0;
6
+ exports.StyledChip = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _Chip = /*#__PURE__*/require("../../../Chip");
9
9
  var _engines = /*#__PURE__*/require("../../../../engines");
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
22
22
  outlineSize: '0.0625rem',
23
23
  outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
24
24
  outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
25
- }), _TextField.tokens.chipOpacityReadonly);
26
- var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
27
- componentId: "plasma-new-hope__sc-1mypbcr-1"
28
- })(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
29
- outlineOffset: '0.0625rem',
30
- outlineSize: '0.0625rem',
31
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
32
- outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
33
- }));
25
+ }), _TextField.tokens.chipOpacityReadonly);
@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
104
104
  },
105
105
  if: { arg: 'required', truthy: false },
106
106
  },
107
- chipType: {
108
- control: 'select',
109
- options: ['default', 'text'],
110
- if: { arg: 'target', eq: 'textfield-like' },
111
- },
112
107
  },
113
108
  args: {
114
109
  target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
126
121
  optional: false,
127
122
  required: false,
128
123
  requiredPlacement: 'right',
129
- chipType: 'default',
130
124
  },
131
125
  parameters: {
132
126
  controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
150
144
  'optional',
151
145
  'required',
152
146
  'requiredPlacement',
153
- 'chipType',
154
147
  ],
155
148
  },
156
149
  },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
389
382
  export const Single: StoryObj<StorySelectProps> = {
390
383
  parameters: {
391
384
  controls: {
392
- exclude: ['chipView', 'isTargetAmount', 'chipType'],
385
+ exclude: ['chipView', 'isTargetAmount'],
393
386
  },
394
387
  },
395
388
  render: (args) => <SingleStory {...args} />,
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
134
134
  control: { type: 'text' },
135
135
  if: { arg: 'hasHint', truthy: true },
136
136
  },
137
- chipType: {
138
- control: 'select',
139
- options: ['default', 'text'],
140
- },
141
137
  },
142
138
  };
143
139
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
237
233
  hintWidth: '10rem',
238
234
  hintHasArrow: true,
239
235
  },
240
- parameters: {
241
- controls: {
242
- exclude: ['chipType'],
243
- },
244
- },
245
236
  render: (args) => <StoryDemo {...args} />,
246
237
  };
247
238
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
297
288
  args: {
298
289
  ...Default.args,
299
290
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
- chipType: 'default',
301
291
  },
302
292
  render: (args) => <StoryChips {...args} />,
303
293
  };
@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
103
103
  },
104
104
  if: { arg: 'required', truthy: false },
105
105
  },
106
- chipType: {
107
- control: 'select',
108
- options: ['default', 'text'],
109
- if: { arg: 'target', eq: 'textfield-like' },
110
- },
111
106
  },
112
107
  args: {
113
108
  target: 'textfield-like',
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
125
120
  optional: false,
126
121
  required: false,
127
122
  requiredPlacement: 'right',
128
- chipType: 'default',
129
123
  },
130
124
  parameters: {
131
125
  controls: {
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
149
143
  'optional',
150
144
  'required',
151
145
  'requiredPlacement',
152
- 'chipType',
153
146
  ],
154
147
  },
155
148
  },
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
388
381
  export const Single: StoryObj<StorySelectProps> = {
389
382
  parameters: {
390
383
  controls: {
391
- exclude: ['chipView', 'isTargetAmount', 'chipType'],
384
+ exclude: ['chipView', 'isTargetAmount'],
392
385
  },
393
386
  },
394
387
  render: (args) => <SingleStory {...args} />,
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
134
134
  control: { type: 'text' },
135
135
  if: { arg: 'hasHint', truthy: true },
136
136
  },
137
- chipType: {
138
- control: 'select',
139
- options: ['default', 'text'],
140
- },
141
137
  },
142
138
  };
143
139
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
237
233
  hintWidth: '10rem',
238
234
  hintHasArrow: true,
239
235
  },
240
- parameters: {
241
- controls: {
242
- exclude: ['chipType'],
243
- },
244
- },
245
236
  render: (args) => <StoryDemo {...args} />,
246
237
  };
247
238
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
297
288
  args: {
298
289
  ...Default.args,
299
290
  chips: ['1 value', '2 value', '3 value', '4 value'],
300
- chipType: 'default',
301
291
  },
302
292
  render: (args) => <StoryChips {...args} />,
303
293
  };
@@ -63,7 +63,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
63
63
  _useState8 = _slicedToArray(_useState7, 2),
64
64
  outOfRangeKey = _useState8[0],
65
65
  setOutOfRangeKey = _useState8[1];
66
- var _useReducer = useReducer(reducer, getInitialState(value, type)),
66
+ var _useReducer = useReducer(reducer, getInitialState(value, min, type)),
67
67
  _useReducer2 = _slicedToArray(_useReducer, 2),
68
68
  state = _useReducer2[0],
69
69
  dispatch = _useReducer2[1];
@@ -64,7 +64,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
64
64
  _useState8 = _slicedToArray(_useState7, 2),
65
65
  outOfRangeKey = _useState8[0],
66
66
  setOutOfRangeKey = _useState8[1];
67
- var _useReducer = useReducer(reducer, getInitialState(value, type, true)),
67
+ var _useReducer = useReducer(reducer, getInitialState(value, min, type, true)),
68
68
  _useReducer2 = _slicedToArray(_useReducer, 2),
69
69
  state = _useReducer2[0],
70
70
  dispatch = _useReducer2[1];
@@ -30,8 +30,8 @@ export var sizeMap = {
30
30
  "double": [3, 1]
31
31
  }
32
32
  };
33
- export var getInitialState = function getInitialState(value, calendarState, isDouble) {
34
- var initDate = value || new Date();
33
+ export var getInitialState = function getInitialState(value, min, calendarState, isDouble) {
34
+ var initDate = value || min || new Date();
35
35
  var date = getDateFromValue(initDate);
36
36
  var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
37
37
  return {
@@ -73,7 +73,6 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
73
73
  onChange: onChange,
74
74
  labelToItemMap: labelToItemMap,
75
75
  chipView: chipView,
76
- requiredProps: requiredProps,
77
- chipType: selectProps.chipType
76
+ requiredProps: requiredProps
78
77
  });
79
78
  });
@@ -33,8 +33,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
33
33
  onChange = _ref.onChange,
34
34
  labelToItemMap = _ref.labelToItemMap,
35
35
  chipView = _ref.chipView,
36
- requiredProps = _ref.requiredProps,
37
- chipType = _ref.chipType;
36
+ requiredProps = _ref.requiredProps;
38
37
  var withArrowInverse = opened ? classes.arrowInverse : undefined;
39
38
  var getChips = function getChips() {
40
39
  if (multiselect && Array.isArray(value)) {
@@ -105,8 +104,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
105
104
  }, multiselect ? {
106
105
  enumerationType: 'chip',
107
106
  chips: getChips(),
108
- onChangeChips: handleChipsChange,
109
- chipType: chipType
107
+ onChangeChips: handleChipsChange
110
108
  } : {
111
109
  enumerationType: 'plain'
112
110
  }, {
@@ -1,4 +1,4 @@
1
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
1
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -77,8 +77,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
77
77
  hasDivider = _ref.hasDivider,
78
78
  outerValue = _ref.value,
79
79
  values = _ref.chips,
80
- _ref$chipType = _ref.chipType,
81
- chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
82
80
  onChange = _ref.onChange,
83
81
  onChangeChips = _ref.onChangeChips,
84
82
  onSearch = _ref.onSearch,
@@ -127,8 +125,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
127
125
  var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
128
126
  var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
129
127
  var hasValueClass = hasValue ? classes.hasValue : undefined;
130
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
131
- var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
128
+ var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
129
+ var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
132
130
  var hintRef = useOutsideClick(function () {
133
131
  setIsHintVisible(false);
134
132
  });
@@ -319,8 +317,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
319
317
  onClear: function onClear() {
320
318
  return onChipClear(chipId, index);
321
319
  },
322
- onClick: onChipClick,
323
- chipType: chipType
320
+ onClick: onChipClick
324
321
  // TODO: #1547
325
322
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
326
323
  // @ts-ignore
@@ -62,7 +62,7 @@ export function App() {
62
62
  ```
63
63
 
64
64
  ### Статус поля
65
- Статус поля задается с помощью свойства `status`.
65
+ Статус поля задается с помощью свойства `status`.
66
66
  Возможные значения свойства: `success`, `warning` и `error`.
67
67
  На отображение TextField так же влияют свойства `clear` и `hasDivider`:
68
68
 
@@ -150,7 +150,7 @@ export function App() {
150
150
  ```
151
151
 
152
152
  ### Режим ввода
153
- С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
153
+ С помощью свойства `enumerationType` можно вводить элементы как теги.
154
154
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
155
155
 
156
156
  ```tsx live
@@ -166,17 +166,7 @@ export function App() {
166
166
  size="l"
167
167
  enumerationType="chip"
168
168
  helperText="Подсказка снизу"
169
- chips={["Значение 1"]}
170
- />
171
-
172
- <TextField
173
- placeholder="Введите значение"
174
- defaultValue="Значение"
175
- size="l"
176
- enumerationType="chip"
177
- helperText="Подсказка снизу"
178
- chips={["Значение 1"]}
179
- chipType="text"
169
+ values={["Значение 1"]}
180
170
  />
181
171
  </div>
182
172
  );