@salutejs/plasma-new-hope 0.195.2-canary.1577.11955096429.0 → 0.195.2-canary.1586.11970189580.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (231) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -2
  2. package/cjs/components/Calendar/Calendar.tokens.js +2 -1
  3. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  7. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  9. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  10. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  11. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  12. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  13. package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -2
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  18. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  19. package/cjs/components/DatePicker/RangeDate/RangeDate.css +5 -6
  20. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
  21. package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -6
  22. package/cjs/components/Dropdown/FloatingPopover.js +3 -2
  23. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  24. package/cjs/components/Pagination/Pagination.css +1 -2
  25. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  26. package/cjs/components/Range/Range.css +1 -2
  27. package/cjs/components/Select/FloatingPopover.js +4 -1
  28. package/cjs/components/Select/FloatingPopover.js.map +1 -1
  29. package/cjs/components/Select/Select.css +1 -2
  30. package/cjs/components/Select/ui/Inner/Inner.css +1 -2
  31. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  32. package/cjs/components/Select/ui/Target/Target.css +1 -2
  33. package/cjs/components/Select/ui/Target/Target.js +1 -2
  34. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  35. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  36. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  37. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  38. package/cjs/components/Slider/Slider.css +1 -2
  39. package/cjs/components/Slider/components/Double/Double.css +1 -2
  40. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  41. package/cjs/components/TextField/TextField.js +4 -7
  42. package/cjs/components/TextField/TextField.js.map +1 -1
  43. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  44. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  45. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  46. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -7
  47. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  48. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  49. package/cjs/index.css +5 -6
  50. package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -1
  51. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
  52. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  53. package/emotion/cjs/components/Dropdown/FloatingPopover.js +3 -2
  54. package/emotion/cjs/components/Select/FloatingPopover.js +4 -1
  55. package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
  56. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  57. package/emotion/cjs/components/TextField/TextField.js +5 -8
  58. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  59. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  60. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -12
  61. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  62. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  63. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  64. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  65. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  66. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  67. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  68. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  69. package/emotion/es/components/Calendar/Calendar.tokens.js +2 -1
  70. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
  71. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  72. package/emotion/es/components/Dropdown/FloatingPopover.js +3 -2
  73. package/emotion/es/components/Select/FloatingPopover.js +4 -1
  74. package/emotion/es/components/Select/ui/Target/Target.js +1 -2
  75. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  76. package/emotion/es/components/TextField/TextField.js +5 -8
  77. package/emotion/es/components/TextField/TextField.template-doc.mdx +3 -13
  78. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  79. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -11
  80. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  81. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  82. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  83. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  84. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  85. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  86. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  87. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  88. package/es/components/Autocomplete/Autocomplete.css +1 -2
  89. package/es/components/Calendar/Calendar.tokens.js +2 -1
  90. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  91. package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  92. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  93. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  94. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  95. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  96. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  97. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  98. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  99. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  100. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_uzh6dj.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  101. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -2
  102. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  103. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  104. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
  105. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
  106. package/es/components/DatePicker/RangeDate/RangeDate.css +5 -6
  107. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -6
  108. package/es/components/DatePicker/SingleDate/SingleDate.css +5 -6
  109. package/es/components/Dropdown/FloatingPopover.js +3 -2
  110. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  111. package/es/components/Pagination/Pagination.css +1 -2
  112. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
  113. package/es/components/Range/Range.css +1 -2
  114. package/es/components/Select/FloatingPopover.js +4 -1
  115. package/es/components/Select/FloatingPopover.js.map +1 -1
  116. package/es/components/Select/Select.css +1 -2
  117. package/es/components/Select/ui/Inner/Inner.css +1 -2
  118. package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -2
  119. package/es/components/Select/ui/Target/Target.css +1 -2
  120. package/es/components/Select/ui/Target/Target.js +1 -2
  121. package/es/components/Select/ui/Target/Target.js.map +1 -1
  122. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
  123. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  124. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  125. package/es/components/Slider/Slider.css +1 -2
  126. package/es/components/Slider/components/Double/Double.css +1 -2
  127. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
  128. package/es/components/TextField/TextField.js +4 -7
  129. package/es/components/TextField/TextField.js.map +1 -1
  130. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
  131. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  132. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  133. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -7
  134. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  135. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
  136. package/es/index.css +5 -6
  137. package/package.json +2 -2
  138. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -1
  139. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  140. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  141. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +3 -2
  142. package/styled-components/cjs/components/Select/FloatingPopover.js +4 -1
  143. package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
  144. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  145. package/styled-components/cjs/components/TextField/TextField.js +4 -7
  146. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +3 -13
  147. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
  148. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -10
  149. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  150. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  151. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  152. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  153. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  154. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  155. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  156. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  157. package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -1
  158. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
  159. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -1
  160. package/styled-components/es/components/Dropdown/FloatingPopover.js +3 -2
  161. package/styled-components/es/components/Select/FloatingPopover.js +4 -1
  162. package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
  163. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
  164. package/styled-components/es/components/TextField/TextField.js +4 -7
  165. package/styled-components/es/components/TextField/TextField.template-doc.mdx +3 -13
  166. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
  167. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -9
  168. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  169. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  170. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
  171. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
  172. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  173. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  174. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
  175. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
  176. package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -3
  177. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  178. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -16
  179. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  180. package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
  181. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  182. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -16
  183. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  184. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -16
  185. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  186. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
  187. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
  188. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  189. package/types/components/Range/Range.styles.d.ts +0 -16
  190. package/types/components/Range/Range.styles.d.ts.map +1 -1
  191. package/types/components/Select/Select.types.d.ts +0 -5
  192. package/types/components/Select/Select.types.d.ts.map +1 -1
  193. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  194. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  195. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  196. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  197. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  198. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +0 -16
  199. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  200. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  201. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  202. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -16
  203. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  204. package/types/components/TextField/TextField.d.ts.map +1 -1
  205. package/types/components/TextField/TextField.types.d.ts +0 -8
  206. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  207. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  208. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -1
  209. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  210. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +1 -5
  211. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
  212. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -553
  213. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  215. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  216. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -16
  217. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  218. package/types/examples/plasma_b2c/components/Select/Select.d.ts +0 -6
  219. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  220. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -16
  221. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  222. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -553
  223. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  224. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  225. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  226. package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -16
  227. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  228. package/types/examples/plasma_web/components/Select/Select.d.ts +0 -6
  229. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  230. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -16
  231. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -50,7 +50,10 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
50
50
  var isTargetAsFunction = typeof target === 'function';
51
51
  return /*#__PURE__*/React.createElement("div", {
52
52
  ref: ref,
53
- id: wrappedId
53
+ id: wrappedId,
54
+ style: {
55
+ position: 'relative'
56
+ }
54
57
  }, /*#__PURE__*/React.createElement("div", {
55
58
  ref: isTargetAsFunction ? undefined : refs.setReference,
56
59
  onClick: handleClick
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
1
+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
@@ -144,8 +144,7 @@
144
144
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
145
145
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
146
146
 
147
- .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);}
148
- .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:'';}
147
+ .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);}
149
148
 
150
149
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
151
150
 
@@ -101,8 +101,7 @@
101
101
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
102
102
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
103
103
 
104
- .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);}
105
- .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:'';}
104
+ .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);}
106
105
 
107
106
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
108
107
 
@@ -98,8 +98,7 @@
98
98
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
99
99
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
100
100
 
101
- .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);}
102
- .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:'';}
101
+ .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);}
103
102
 
104
103
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
105
104
 
@@ -98,8 +98,7 @@
98
98
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
99
99
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
100
100
 
101
- .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);}
102
- .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:'';}
101
+ .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);}
103
102
 
104
103
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
105
104
 
@@ -79,8 +79,7 @@ var Target = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
79
79
  onChange: onChange,
80
80
  labelToItemMap: labelToItemMap,
81
81
  chipView: chipView,
82
- requiredProps: requiredProps,
83
- chipType: selectProps.chipType
82
+ requiredProps: requiredProps
84
83
  });
85
84
  });
86
85
 
@@ -1 +1 @@
1
- {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n handleClickArrow,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n labelToItemMap,\n chipView,\n separator,\n requiredProps,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n if (selectProps.renderTarget) {\n return (\n <div ref={inputWrapperRef as any}>\n {selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )}\n </div>\n );\n }\n\n return selectProps.target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n handleClickArrow={handleClickArrow}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n requiredProps={requiredProps}\n chipType={selectProps.chipType}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","requiredProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield","chipType"],"mappings":"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"}
1
+ {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n handleClickArrow,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n labelToItemMap,\n chipView,\n separator,\n requiredProps,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n if (selectProps.renderTarget) {\n return (\n <div ref={inputWrapperRef as any}>\n {selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )}\n </div>\n );\n }\n\n return selectProps.target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n handleClickArrow={handleClickArrow}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n requiredProps={requiredProps}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","requiredProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield"],"mappings":"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"}
@@ -64,8 +64,7 @@
64
64
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
65
65
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
66
66
 
67
- .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);}
68
- .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:'';}
67
+ .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);}
69
68
 
70
69
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
71
70
 
@@ -33,8 +33,7 @@ var Textfield = /*#__PURE__*/React.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 ? Select_tokens.classes.arrowInverse : undefined;
39
38
  var getChips = function getChips() {
40
39
  if (multiselect && Array.isArray(value)) {
@@ -105,8 +104,7 @@ var Textfield = /*#__PURE__*/React.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 +1 @@
1
- {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n view,\n handleClickArrow,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n labelToItemMap,\n chipView,\n requiredProps,\n chipType,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getChips = (): string[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [`Выбрано ${value.length}`];\n }\n\n const renderValueMapper =\n renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n return value.map(renderValueMapper || valueToItemMapper);\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipsChange = (chipLabels: any[]) => {\n if (!Array.isArray(value)) return;\n\n // TODO: #1564\n // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n if (renderValue && !isTargetAmount) {\n const resultValues = [...value];\n\n value.forEach((_, index) => {\n const labelAfterRenderValue = renderValue(\n labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n );\n\n if (!chipLabels.includes(labelAfterRenderValue)) {\n resultValues.splice(index, 1);\n }\n });\n\n onChange(resultValues);\n } else {\n onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n }\n };\n\n return (\n <StyledTextField\n ref={ref}\n inputWrapperRef={inputWrapperRef}\n readOnly\n value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n size={size}\n view={view}\n chipView={chipView}\n labelPlacement={labelPlacement}\n disabled={disabled}\n label={label}\n placeholder={value instanceof Array && value.length ? '' : placeholder}\n contentLeft={contentLeft as React.ReactElement}\n contentRight={\n <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n }\n onKeyDown={onKeyDown}\n leftHelper={helperText}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n {...(multiselect\n ? {\n enumerationType: 'chip',\n chips: getChips(),\n onChangeChips: handleChipsChange,\n chipType,\n }\n : { enumerationType: 'plain' })}\n onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n opened={opened}\n // TODO: #1547\n _forceChipManipulationWithReadonly\n {...requiredProps}\n />\n );\n },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","requiredProps","chipType","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
1
+ {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n view,\n handleClickArrow,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n labelToItemMap,\n chipView,\n requiredProps,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getChips = (): string[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [`Выбрано ${value.length}`];\n }\n\n const renderValueMapper =\n renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n return value.map(renderValueMapper || valueToItemMapper);\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipsChange = (chipLabels: any[]) => {\n if (!Array.isArray(value)) return;\n\n // TODO: #1564\n // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n if (renderValue && !isTargetAmount) {\n const resultValues = [...value];\n\n value.forEach((_, index) => {\n const labelAfterRenderValue = renderValue(\n labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n );\n\n if (!chipLabels.includes(labelAfterRenderValue)) {\n resultValues.splice(index, 1);\n }\n });\n\n onChange(resultValues);\n } else {\n onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n }\n };\n\n return (\n <StyledTextField\n ref={ref}\n inputWrapperRef={inputWrapperRef}\n readOnly\n value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n size={size}\n view={view}\n chipView={chipView}\n labelPlacement={labelPlacement}\n disabled={disabled}\n label={label}\n placeholder={value instanceof Array && value.length ? '' : placeholder}\n contentLeft={contentLeft as React.ReactElement}\n contentRight={\n <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n }\n onKeyDown={onKeyDown}\n leftHelper={helperText}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n {...(multiselect\n ? {\n enumerationType: 'chip',\n chips: getChips(),\n onChangeChips: handleChipsChange,\n }\n : { enumerationType: 'plain' })}\n onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n opened={opened}\n // TODO: #1547\n _forceChipManipulationWithReadonly\n {...requiredProps}\n />\n );\n },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","requiredProps","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
@@ -84,8 +84,7 @@
84
84
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
85
85
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
86
86
 
87
- .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);}
88
- .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:'';}
87
+ .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);}
89
88
 
90
89
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
91
90
 
@@ -75,8 +75,7 @@
75
75
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
76
76
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
77
77
 
78
- .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);}
79
- .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:'';}
78
+ .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);}
80
79
 
81
80
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
82
81
 
@@ -82,8 +82,7 @@
82
82
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
83
83
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
84
84
 
85
- .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);}
86
- .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:'';}
85
+ .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);}
87
86
 
88
87
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
89
88
 
@@ -22,7 +22,7 @@ var useOutsideClick = require('../../hooks/useOutsideClick.js');
22
22
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
23
23
  var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
24
24
 
25
- 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"];
25
+ 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"];
26
26
  var optionalText = 'optional';
27
27
  var base = "bpunezx";
28
28
  var HINT_DEFAULT_OFFSET = [0, 0];
@@ -74,8 +74,6 @@ var textFieldRoot = function textFieldRoot(Root) {
74
74
  hasDivider = _ref.hasDivider,
75
75
  outerValue = _ref.value,
76
76
  values = _ref.chips,
77
- _ref$chipType = _ref.chipType,
78
- chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
79
77
  onChange = _ref.onChange,
80
78
  onChangeChips = _ref.onChangeChips,
81
79
  onSearch = _ref.onSearch,
@@ -124,8 +122,8 @@ var textFieldRoot = function textFieldRoot(Root) {
124
122
  var requiredPlacementClass = requiredPlacement === 'right' ? TextField_tokens.classes.requiredAlignRight : undefined;
125
123
  var labelPlacementClass = innerLabelPlacementValue ? TextField_tokens.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
126
124
  var hasValueClass = hasValue ? TextField_tokens.classes.hasValue : undefined;
127
- var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? TextField_tokens.classes.hasEmptyContentLeft : undefined;
128
- var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? TextField_tokens.classes.hasEmptyContentRight : undefined;
125
+ var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? TextField_tokens.classes.hasEmptyContentLeft : undefined;
126
+ var wrapperWithoutRightContent = !contentRight && isChipsVisible ? TextField_tokens.classes.hasEmptyContentRight : undefined;
129
127
  var hintRef = useOutsideClick.useOutsideClick(function () {
130
128
  setIsHintVisible(false);
131
129
  });
@@ -316,8 +314,7 @@ var textFieldRoot = function textFieldRoot(Root) {
316
314
  onClear: function onClear() {
317
315
  return onChipClear(chipId, index);
318
316
  },
319
- onClick: onChipClick,
320
- chipType: chipType
317
+ onClick: onChipClick
321
318
  // TODO: #1547
322
319
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
323
320
  // @ts-ignore