@salutejs/plasma-new-hope 0.336.0-canary.2237.17761786407.0 → 0.336.0-canary.2238.17818313113.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (416) hide show
  1. package/cjs/components/Attach/Attach.css +9 -7
  2. package/cjs/components/Attach/Attach.js +13 -59
  3. package/cjs/components/Attach/Attach.js.map +1 -1
  4. package/cjs/components/Attach/Attach.styles.js +21 -9
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -1
  6. package/cjs/components/Attach/Attach.styles_pso18d.css +7 -0
  7. package/cjs/components/Attach/Attach.tokens.js +1 -0
  8. package/cjs/components/Attach/Attach.tokens.js.map +1 -1
  9. package/cjs/components/Attach/utils/getFileicon.js +2 -2
  10. package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
  11. package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
  12. package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
  13. package/cjs/components/Attach/variations/_size/base.js +1 -1
  14. package/cjs/components/Attach/variations/_size/base.js.map +1 -1
  15. package/cjs/components/Attach/variations/_size/{base_a4eelx.css → base_kpo9at.css} +1 -1
  16. package/cjs/components/Autocomplete/Autocomplete.css +8 -8
  17. package/cjs/components/Chip/Chip.css +5 -5
  18. package/cjs/components/Chip/Chip.js +1 -3
  19. package/cjs/components/Chip/Chip.js.map +1 -1
  20. package/cjs/components/Chip/Chip.styles.js +1 -1
  21. package/cjs/components/Chip/Chip.styles.js.map +1 -1
  22. package/cjs/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
  24. package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  25. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  26. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  27. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  28. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  29. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  30. package/cjs/components/Combobox/ComboboxNew/ui/Target/{Target.styles_11eakiz.css → Target.styles_13wbfyq.css} +1 -1
  31. package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -5
  32. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
  33. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
  34. package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
  35. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  36. package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
  37. package/cjs/components/Drawer/Drawer.css +2 -2
  38. package/cjs/components/Drawer/Drawer.js +10 -7
  39. package/cjs/components/Drawer/Drawer.js.map +1 -1
  40. package/cjs/components/Drawer/Drawer.styles.js +17 -2
  41. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  42. package/cjs/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_1gcp61n.css} +1 -1
  43. package/cjs/components/Drawer/Drawer.tokens.js +10 -0
  44. package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
  45. package/cjs/components/Pagination/Pagination.css +11 -11
  46. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +11 -11
  47. package/cjs/components/Range/Range.css +8 -8
  48. package/cjs/components/Select/Select.css +11 -11
  49. package/cjs/components/Select/Select.tokens.js +0 -1
  50. package/cjs/components/Select/Select.tokens.js.map +1 -1
  51. package/cjs/components/Select/ui/Target/Target.css +11 -11
  52. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +11 -11
  53. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  54. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  55. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  56. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  57. package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1jxlt0y.css → Textfield.styles_1mikp58.css} +1 -1
  58. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
  59. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +10 -4
  60. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  61. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -1
  62. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
  63. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
  64. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
  65. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +1 -0
  66. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +9 -0
  67. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js.map +1 -0
  68. package/cjs/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +1 -0
  69. package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -1
  70. package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
  71. package/cjs/components/Skeleton/tokens.js +2 -1
  72. package/cjs/components/Skeleton/tokens.js.map +1 -1
  73. package/cjs/components/Slider/Slider.css +8 -8
  74. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
  75. package/cjs/components/Table/Table.css +11 -11
  76. package/cjs/components/Table/ui/Cell/Cell.css +11 -11
  77. package/cjs/components/Table/ui/EditableCell/EditableCell.css +11 -11
  78. package/cjs/components/Table/ui/HeadCell/HeadCell.css +11 -11
  79. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +11 -11
  80. package/cjs/components/TextField/TextField.js +4 -6
  81. package/cjs/components/TextField/TextField.js.map +1 -1
  82. package/cjs/components/TextField/TextField.tokens.js +0 -1
  83. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  84. package/cjs/components/TextField/hooks/useKeyNavigation.js +6 -15
  85. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
  86. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
  87. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  88. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  89. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
  90. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  91. package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
  92. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +8 -8
  93. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  94. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
  95. package/cjs/index.css +24 -22
  96. package/emotion/cjs/components/Attach/Attach.js +12 -51
  97. package/emotion/cjs/components/Attach/Attach.styles.js +28 -13
  98. package/emotion/cjs/components/Attach/Attach.tokens.js +1 -0
  99. package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
  100. package/emotion/cjs/components/Attach/utils/index.js +2 -10
  101. package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
  102. package/emotion/cjs/components/Chip/Chip.js +1 -3
  103. package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
  104. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  105. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  106. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  107. package/emotion/cjs/components/Drawer/Drawer.js +13 -4
  108. package/emotion/cjs/components/Drawer/Drawer.styles.js +10 -4
  109. package/emotion/cjs/components/Drawer/Drawer.tokens.js +12 -0
  110. package/emotion/cjs/components/Select/Select.tokens.js +0 -1
  111. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  112. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  113. package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
  114. package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +5 -4
  115. package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -3
  116. package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +14 -0
  117. package/emotion/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
  118. package/emotion/cjs/components/Skeleton/tokens.js +2 -1
  119. package/emotion/cjs/components/TextField/TextField.js +5 -7
  120. package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
  121. package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
  122. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  123. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
  124. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  125. package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
  126. package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
  127. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  128. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  129. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  130. package/emotion/cjs/examples/components/Skeleton/LineSkeleton.config.js +23 -18
  131. package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
  132. package/emotion/es/components/Attach/Attach.js +16 -55
  133. package/emotion/es/components/Attach/Attach.styles.js +20 -11
  134. package/emotion/es/components/Attach/Attach.tokens.js +1 -0
  135. package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
  136. package/emotion/es/components/Attach/utils/index.js +1 -3
  137. package/emotion/es/components/Attach/variations/_size/base.js +2 -2
  138. package/emotion/es/components/Chip/Chip.js +1 -3
  139. package/emotion/es/components/Chip/Chip.styles.js +9 -9
  140. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  141. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  142. package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
  143. package/emotion/es/components/Drawer/Drawer.js +9 -5
  144. package/emotion/es/components/Drawer/Drawer.styles.js +11 -5
  145. package/emotion/es/components/Drawer/Drawer.tokens.js +9 -0
  146. package/emotion/es/components/Select/Select.tokens.js +0 -1
  147. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  148. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
  149. package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
  150. package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +5 -4
  151. package/emotion/es/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -3
  152. package/emotion/es/components/Skeleton/LineSkeleton/variations/_view/base.js +4 -0
  153. package/emotion/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
  154. package/emotion/es/components/Skeleton/tokens.js +2 -1
  155. package/emotion/es/components/TextField/TextField.js +5 -7
  156. package/emotion/es/components/TextField/TextField.tokens.js +0 -1
  157. package/emotion/es/components/TextField/hooks/useKeyNavigation.js +4 -11
  158. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  159. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
  160. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  161. package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
  162. package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
  163. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  164. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  165. package/emotion/es/examples/components/Skeleton/LineSkeleton.config.js +23 -18
  166. package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
  167. package/es/components/Attach/Attach.css +9 -7
  168. package/es/components/Attach/Attach.js +17 -63
  169. package/es/components/Attach/Attach.js.map +1 -1
  170. package/es/components/Attach/Attach.styles.js +19 -9
  171. package/es/components/Attach/Attach.styles.js.map +1 -1
  172. package/es/components/Attach/Attach.styles_pso18d.css +7 -0
  173. package/es/components/Attach/Attach.tokens.js +1 -0
  174. package/es/components/Attach/Attach.tokens.js.map +1 -1
  175. package/es/components/Attach/utils/getFileicon.js +2 -2
  176. package/es/components/Attach/utils/getFileicon.js.map +1 -1
  177. package/es/components/Attach/variations/_helperTextView/base.js +1 -1
  178. package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
  179. package/es/components/Attach/variations/_size/base.js +1 -1
  180. package/es/components/Attach/variations/_size/base.js.map +1 -1
  181. package/es/components/Attach/variations/_size/{base_a4eelx.css → base_kpo9at.css} +1 -1
  182. package/es/components/Autocomplete/Autocomplete.css +8 -8
  183. package/es/components/Chip/Chip.css +5 -5
  184. package/es/components/Chip/Chip.js +1 -3
  185. package/es/components/Chip/Chip.js.map +1 -1
  186. package/es/components/Chip/Chip.styles.js +1 -1
  187. package/es/components/Chip/Chip.styles.js.map +1 -1
  188. package/es/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
  189. package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
  190. package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  191. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  192. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  193. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  194. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  195. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  196. package/es/components/Combobox/ComboboxNew/ui/Target/{Target.styles_11eakiz.css → Target.styles_13wbfyq.css} +1 -1
  197. package/es/components/Combobox/ComboboxOld/Combobox.css +5 -5
  198. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
  199. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
  200. package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
  201. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  202. package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
  203. package/es/components/Drawer/Drawer.css +2 -2
  204. package/es/components/Drawer/Drawer.js +8 -6
  205. package/es/components/Drawer/Drawer.js.map +1 -1
  206. package/es/components/Drawer/Drawer.styles.js +17 -2
  207. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  208. package/es/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_1gcp61n.css} +1 -1
  209. package/es/components/Drawer/Drawer.tokens.js +10 -1
  210. package/es/components/Drawer/Drawer.tokens.js.map +1 -1
  211. package/es/components/Pagination/Pagination.css +11 -11
  212. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +11 -11
  213. package/es/components/Range/Range.css +8 -8
  214. package/es/components/Select/Select.css +11 -11
  215. package/es/components/Select/Select.tokens.js +0 -1
  216. package/es/components/Select/Select.tokens.js.map +1 -1
  217. package/es/components/Select/ui/Target/Target.css +11 -11
  218. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +11 -11
  219. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  220. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  221. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  222. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  223. package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1jxlt0y.css → Textfield.styles_1mikp58.css} +1 -1
  224. package/es/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
  225. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +10 -4
  226. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  227. package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -1
  228. package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
  229. package/es/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
  230. package/es/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
  231. package/es/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +1 -0
  232. package/es/components/Skeleton/LineSkeleton/variations/_view/base.js +5 -0
  233. package/es/components/Skeleton/LineSkeleton/variations/_view/base.js.map +1 -0
  234. package/es/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +1 -0
  235. package/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -1
  236. package/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
  237. package/es/components/Skeleton/tokens.js +2 -1
  238. package/es/components/Skeleton/tokens.js.map +1 -1
  239. package/es/components/Slider/Slider.css +8 -8
  240. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
  241. package/es/components/Table/Table.css +11 -11
  242. package/es/components/Table/ui/Cell/Cell.css +11 -11
  243. package/es/components/Table/ui/EditableCell/EditableCell.css +11 -11
  244. package/es/components/Table/ui/HeadCell/HeadCell.css +11 -11
  245. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +11 -11
  246. package/es/components/TextField/TextField.js +4 -6
  247. package/es/components/TextField/TextField.js.map +1 -1
  248. package/es/components/TextField/TextField.tokens.js +0 -1
  249. package/es/components/TextField/TextField.tokens.js.map +1 -1
  250. package/es/components/TextField/hooks/useKeyNavigation.js +6 -15
  251. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
  252. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
  253. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  254. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  255. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
  256. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  257. package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
  258. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +8 -8
  259. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  260. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
  261. package/es/index.css +24 -22
  262. package/package.json +5 -5
  263. package/styled-components/cjs/components/Attach/Attach.js +12 -51
  264. package/styled-components/cjs/components/Attach/Attach.styles.js +31 -11
  265. package/styled-components/cjs/components/Attach/Attach.tokens.js +1 -0
  266. package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
  267. package/styled-components/cjs/components/Attach/utils/index.js +2 -10
  268. package/styled-components/cjs/components/Attach/variations/_size/base.js +2 -1
  269. package/styled-components/cjs/components/Chip/Chip.js +1 -3
  270. package/styled-components/cjs/components/Chip/Chip.styles.js +6 -7
  271. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  272. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  273. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
  274. package/styled-components/cjs/components/Drawer/Drawer.js +13 -4
  275. package/styled-components/cjs/components/Drawer/Drawer.styles.js +17 -4
  276. package/styled-components/cjs/components/Drawer/Drawer.tokens.js +12 -0
  277. package/styled-components/cjs/components/Select/Select.tokens.js +0 -1
  278. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  279. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -7
  280. package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
  281. package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +3 -2
  282. package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +2 -7
  283. package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +19 -0
  284. package/styled-components/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
  285. package/styled-components/cjs/components/Skeleton/tokens.js +2 -1
  286. package/styled-components/cjs/components/TextField/TextField.js +4 -6
  287. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
  288. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
  289. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  290. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
  291. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  292. package/styled-components/cjs/examples/components/Attach/Attach.config.js +8 -4
  293. package/styled-components/cjs/examples/components/Chip/Chip.config.js +6 -18
  294. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -8
  295. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  296. package/styled-components/cjs/examples/components/Select/Select.config.js +3 -6
  297. package/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js +12 -1
  298. package/styled-components/cjs/examples/components/TextField/TextField.config.js +5 -10
  299. package/styled-components/es/components/Attach/Attach.js +16 -55
  300. package/styled-components/es/components/Attach/Attach.styles.js +23 -9
  301. package/styled-components/es/components/Attach/Attach.tokens.js +1 -0
  302. package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
  303. package/styled-components/es/components/Attach/utils/index.js +1 -3
  304. package/styled-components/es/components/Attach/variations/_size/base.js +3 -2
  305. package/styled-components/es/components/Chip/Chip.js +1 -3
  306. package/styled-components/es/components/Chip/Chip.styles.js +6 -7
  307. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  308. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  309. package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
  310. package/styled-components/es/components/Drawer/Drawer.js +9 -5
  311. package/styled-components/es/components/Drawer/Drawer.styles.js +18 -5
  312. package/styled-components/es/components/Drawer/Drawer.tokens.js +9 -0
  313. package/styled-components/es/components/Select/Select.tokens.js +0 -1
  314. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  315. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -7
  316. package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
  317. package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +3 -2
  318. package/styled-components/es/components/Skeleton/LineSkeleton/variations/_size/base.js +2 -7
  319. package/styled-components/es/components/Skeleton/LineSkeleton/variations/_view/base.js +9 -0
  320. package/styled-components/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
  321. package/styled-components/es/components/Skeleton/tokens.js +2 -1
  322. package/styled-components/es/components/TextField/TextField.js +4 -6
  323. package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
  324. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +4 -11
  325. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
  326. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
  327. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
  328. package/styled-components/es/examples/components/Attach/Attach.config.js +8 -4
  329. package/styled-components/es/examples/components/Chip/Chip.config.js +6 -18
  330. package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -8
  331. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  332. package/styled-components/es/examples/components/Select/Select.config.js +3 -6
  333. package/styled-components/es/examples/components/Skeleton/LineSkeleton.config.js +12 -1
  334. package/styled-components/es/examples/components/TextField/TextField.config.js +5 -10
  335. package/types/components/Attach/Attach.d.ts.map +1 -1
  336. package/types/components/Attach/Attach.styles.d.ts +3 -1
  337. package/types/components/Attach/Attach.styles.d.ts.map +1 -1
  338. package/types/components/Attach/Attach.tokens.d.ts +1 -0
  339. package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
  340. package/types/components/Attach/Attach.types.d.ts +7 -0
  341. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  342. package/types/components/Attach/utils/getFileicon.d.ts +1 -1
  343. package/types/components/Attach/utils/index.d.ts +1 -3
  344. package/types/components/Attach/utils/index.d.ts.map +1 -1
  345. package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
  346. package/types/components/Chip/Chip.d.ts.map +1 -1
  347. package/types/components/Chip/Chip.styles.d.ts.map +1 -1
  348. package/types/components/Chip/Chip.types.d.ts +1 -1
  349. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  350. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  351. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  352. package/types/components/Drawer/Drawer.d.ts +2 -0
  353. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  354. package/types/components/Drawer/Drawer.styles.d.ts +2 -1
  355. package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
  356. package/types/components/Drawer/Drawer.tokens.d.ts +9 -0
  357. package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
  358. package/types/components/Drawer/Drawer.types.d.ts +16 -0
  359. package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
  360. package/types/components/Select/Select.tokens.d.ts +0 -1
  361. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  362. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  363. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +3 -0
  364. package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
  365. package/types/components/Skeleton/LineSkeleton/LineSkeleton.styles.d.ts.map +1 -1
  366. package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts +1 -1
  367. package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts.map +1 -1
  368. package/types/components/Skeleton/LineSkeleton/variations/_size/base.d.ts.map +1 -1
  369. package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts +2 -0
  370. package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts.map +1 -0
  371. package/types/components/Skeleton/Skeleton.types.d.ts +1 -0
  372. package/types/components/Skeleton/Skeleton.types.d.ts.map +1 -1
  373. package/types/components/Skeleton/TextSkeleton/TextSkeleton.d.ts.map +1 -1
  374. package/types/components/Skeleton/tokens.d.ts +1 -0
  375. package/types/components/Skeleton/tokens.d.ts.map +1 -1
  376. package/types/components/TextField/TextField.d.ts.map +1 -1
  377. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  378. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  379. package/types/components/TextField/hooks/useKeyNavigation.d.ts +2 -11
  380. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
  381. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  382. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
  383. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +1 -1
  384. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
  385. package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
  386. package/types/examples/components/Attach/Attach.d.ts.map +1 -1
  387. package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
  388. package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
  389. package/types/examples/components/Drawer/Drawer.d.ts +1 -0
  390. package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
  391. package/types/examples/components/Select/Select.config.d.ts.map +1 -1
  392. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts +5 -0
  393. package/types/examples/components/Skeleton/LineSkeleton.config.d.ts.map +1 -1
  394. package/types/examples/components/Skeleton/Skeleton.d.ts +8 -0
  395. package/types/examples/components/Skeleton/Skeleton.d.ts.map +1 -1
  396. package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
  397. package/cjs/components/Attach/Attach.styles_1w3ga58.css +0 -5
  398. package/cjs/components/Attach/utils/addSeparator.js +0 -18
  399. package/cjs/components/Attach/utils/addSeparator.js.map +0 -1
  400. package/cjs/components/Attach/utils/index.js +0 -8
  401. package/cjs/components/Attach/utils/index.js.map +0 -1
  402. package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
  403. package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +0 -1
  404. package/emotion/cjs/components/Attach/utils/addSeparator.js +0 -20
  405. package/emotion/es/components/Attach/utils/addSeparator.js +0 -10
  406. package/es/components/Attach/Attach.styles_1w3ga58.css +0 -5
  407. package/es/components/Attach/utils/addSeparator.js +0 -14
  408. package/es/components/Attach/utils/addSeparator.js.map +0 -1
  409. package/es/components/Attach/utils/index.js +0 -4
  410. package/es/components/Attach/utils/index.js.map +0 -1
  411. package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
  412. package/es/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +0 -1
  413. package/styled-components/cjs/components/Attach/utils/addSeparator.js +0 -20
  414. package/styled-components/es/components/Attach/utils/addSeparator.js +0 -10
  415. package/types/components/Attach/utils/addSeparator.d.ts +0 -2
  416. package/types/components/Attach/utils/addSeparator.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- .base_1wf7n5i_b1x66a6y__80fc5ddb{height:var(--plasma-skeleton-line-height);}.base_1wf7n5i_b1x66a6y__80fc5ddb .base_1wf7n5i_sn3du7u__80fc5ddb{height:var(--plasma-skeleton-visible-line-height);}
1
+ .base_1it9pjr_b160f301__9d69d9df{height:var(--plasma-skeleton-line-height);}.base_1it9pjr_b160f301__9d69d9df .base_1it9pjr_sn3du7u__9d69d9df{height:var(--plasma-skeleton-visible-line-height);}
2
2
 
3
3
  .LineSkeleton_styles_7yl72k_blop34g__2466eef2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
4
4
  .LineSkeleton_styles_7yl72k_sn3du7u__2466eef2{position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:var(--sn3du7u-0);border-radius:var(--plasma_private-line-skeleton-roundness);--plasma_private-line-skeleton-gradient:var(--sn3du7u-1);position:relative;overflow:hidden;z-index:1;}.LineSkeleton_styles_7yl72k_sn3du7u__2466eef2::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2 4s linear infinite;animation:LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2 4s linear infinite;background-image:var(--plasma_private-line-skeleton-gradient);}@-webkit-keyframes LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
6
  var React = require('react');
7
7
  var base = require('./variations/_size/base.js');
8
+ var base$1 = require('./variations/_view/base.js');
8
9
  var LineSkeleton_styles = require('./LineSkeleton.styles.js');
9
10
  var applySkeletonGradient = require('../../../mixins/applySkeletonGradient.js');
10
11
  var applyRoundness = require('../../../mixins/applyRoundness.js');
@@ -13,7 +14,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefault(React);
15
16
 
16
- var _excluded = ["size", "lighter", "customGradientColor", "roundness"];
17
+ var _excluded = ["size", "lighter", "customGradientColor", "roundness", "view"];
17
18
  /**
18
19
  * Копонент-составляющая Скелетона
19
20
  */
@@ -24,17 +25,19 @@ var lineSkeletonRoot = function lineSkeletonRoot(Root) {
24
25
  customGradientColor = _ref.customGradientColor,
25
26
  _ref$roundness = _ref.roundness,
26
27
  roundness = _ref$roundness === void 0 ? '16' : _ref$roundness,
28
+ view = _ref.view,
27
29
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
28
30
  var roundnessValue = applyRoundness.getRoundness({
29
31
  roundness: roundness
30
32
  });
31
- var skeletonGradientColor = applySkeletonGradient.getSkeletonColor({
33
+ var skeletonGradientColor = lighter ? applySkeletonGradient.getSkeletonColor({
32
34
  lighter: lighter,
33
35
  customGradientColor: customGradientColor
34
- });
36
+ }) : undefined;
35
37
  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
36
38
  ref: outerRootRef,
37
- size: size
39
+ size: size,
40
+ view: view
38
41
  }, rest), /*#__PURE__*/React__default.default.createElement(LineSkeleton_styles.StyledVisibleLine, {
39
42
  roundness: roundnessValue,
40
43
  gradientColor: skeletonGradientColor
@@ -49,6 +52,9 @@ var lineSkeletonConfig = {
49
52
  variations: {
50
53
  size: {
51
54
  css: base.base
55
+ },
56
+ view: {
57
+ css: base$1.base
52
58
  }
53
59
  },
54
60
  defaults: {}
@@ -1 +1 @@
1
- {"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n forwardRef<HTMLDivElement, LineSkeletonProps>(\n ({ size, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n const roundnessValue = getRoundness({ roundness });\n const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n return (\n <Root ref={outerRootRef} size={size} {...rest}>\n <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n </Root>\n );\n },\n );\n\nexport const lineSkeletonConfig = {\n name: 'LineSkeleton',\n tag: 'div',\n layout: lineSkeletonRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;AASA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CACN,UAAAC,IAAA,EAAoEC,YAAY,EAAK;AAAA,IAAA,IAAlFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;IAC5D,IAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEL,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;IAClD,IAAMM,qBAAqB,GAAGC,sCAAgB,CAAC;AAAEV,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;AAAoB,KAAC,CAAC,CAAA;AAEhF,IAAA,oBACIU,sBAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,iCAAA,CAAA;AAACC,MAAAA,GAAG,EAAEhB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKK,IAAI,CACzCO,eAAAA,sBAAA,CAAAC,aAAA,CAACG,qCAAiB,EAAA;AAACZ,MAAAA,SAAS,EAAEI,cAAe;AAACS,MAAAA,aAAa,EAAEP,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMQ,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1B,gBAAgB;AACxB2B,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvB,IAAAA,IAAI,EAAE;AACFwB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;"}
1
+ {"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n forwardRef<HTMLDivElement, LineSkeletonProps>(\n ({ size, lighter, customGradientColor, roundness = '16', view, ...rest }, outerRootRef) => {\n const roundnessValue = getRoundness({ roundness });\n const skeletonGradientColor = lighter ? getSkeletonColor({ lighter, customGradientColor }) : undefined;\n\n return (\n <Root ref={outerRootRef} size={size} view={view} {...rest}>\n <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n </Root>\n );\n },\n );\n\nexport const lineSkeletonConfig = {\n name: 'LineSkeleton',\n tag: 'div',\n layout: lineSkeletonRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","view","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","undefined","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAUA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CACN,UAAAC,IAAA,EAA0EC,YAAY,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAEE,IAAI,GAAAP,IAAA,CAAJO,IAAI;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;IAClE,IAAMC,cAAc,GAAGC,2BAAY,CAAC;AAAEN,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;AAClD,IAAA,IAAMO,qBAAqB,GAAGV,OAAO,GAAGW,sCAAgB,CAAC;AAAEX,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;KAAqB,CAAC,GAAGW,SAAS,CAAA;AAEtG,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AAACC,MAAAA,GAAG,EAAElB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACK,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKC,IAAI,CACrDQ,eAAAA,sBAAA,CAAAC,aAAA,CAACG,qCAAiB,EAAA;AAACd,MAAAA,SAAS,EAAEK,cAAe;AAACU,MAAAA,aAAa,EAAER,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMS,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,gBAAgB;AACxB6B,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDtB,IAAAA,IAAI,EAAE;AACFqB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;"}
@@ -4,6 +4,7 @@ require('./LineSkeleton.styles_7yl72k.css');
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var react = require('@linaria/react');
7
+ var tokens = require('../tokens.js');
7
8
 
8
9
  var base = "blop34g";
9
10
  var _exp = function _exp() {
@@ -15,7 +16,7 @@ var _exp = function _exp() {
15
16
  var _exp3 = function _exp3() {
16
17
  return function (_ref2) {
17
18
  var gradientColor = _ref2.gradientColor;
18
- return gradientColor;
19
+ return gradientColor || "var(".concat(tokens.tokens.gradientColor, ")");
19
20
  };
20
21
  };
21
22
  var StyledVisibleLine = /*#__PURE__*/react.styled('div')({
@@ -1 +1 @@
1
- {"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n display: flex;\n align-items: center;\n\n width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n position: relative;\n overflow: hidden;\n\n width: 100%;\n\n --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","_ref","roundness","_exp3","_ref2","gradientColor","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAKhB,UAAA;AAAC,IAAAC,IAAA,GAXgBA,SAWhBA,IAAAA,GAAA;AAAA,EAAA,OAQ8C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnB1DA,SAmB0DA,KAAAA,GAAA;AAAA,EAAA,OAG7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT5E,IAAMC,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMSX,IAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG7BG,KAAoC,EAAA,CAAA;AAAA,GAAA;AAAA,CAElF;;;;;"}
1
+ {"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\nimport { tokens } from '../tokens';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n display: flex;\n align-items: center;\n\n width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n position: relative;\n overflow: hidden;\n\n width: 100%;\n\n --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor || `var(${tokens.gradientColor})`};\n ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","_ref","roundness","_exp3","_ref2","gradientColor","concat","tokens","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;AAQO,IAAMA,IAAI,GAKhB,UAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAQ8C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApB1DA,SAoB0DA,KAAAA,GAAA;AAAA,EAAA,OAG7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,aAAa,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,aAAM,CAACF,aAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT9G,IAAMG,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMSb,IAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG7BG,KAAsE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpH;;;;;"}
@@ -1,4 +1,4 @@
1
- require('./base_1wf7n5i.css');
1
+ require('./base_x642ct.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledVisibleLine } from '../../LineSkeleton.styles';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n height: var(${tokens.lineHeight});\n\n & ${StyledVisibleLine} {\n height: var(${tokens.visibleLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAMhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ require('./base_1it9pjr.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b160f301";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledVisibleLine } from '../../LineSkeleton.styles';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n height: var(${tokens.lineHeight});\n\n & ${StyledVisibleLine} {\n height: var(${tokens.visibleLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAMhB;;;;"}
@@ -0,0 +1 @@
1
+ .b160f301{height:var(--plasma-skeleton-line-height);}.b160f301 .sn3du7u{height:var(--plasma-skeleton-visible-line-height);}
@@ -10,7 +10,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefault(React);
12
12
 
13
- var _excluded = ["lines", "width", "roundness", "customGradientColor", "lighter", "size"];
13
+ var _excluded = ["lines", "width", "roundness", "customGradientColor", "lighter", "size", "view"];
14
14
  var variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];
15
15
 
16
16
  /**
@@ -26,6 +26,8 @@ var textSkeleton = function textSkeleton(Component) {
26
26
  lighter = _ref.lighter,
27
27
  _ref$size = _ref.size,
28
28
  size = _ref$size === void 0 ? 'bodyM' : _ref$size,
29
+ _ref$view = _ref.view,
30
+ view = _ref$view === void 0 ? 'default' : _ref$view,
29
31
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
30
32
  var _useState = React.useState(null),
31
33
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -67,6 +69,7 @@ var textSkeleton = function textSkeleton(Component) {
67
69
  return /*#__PURE__*/React__default.default.createElement(ComponentSkeleton, {
68
70
  key: "line:".concat(i),
69
71
  size: size,
72
+ view: view,
70
73
  roundness: roundness,
71
74
  customGradientColor: customGradientColor,
72
75
  lighter: lighter,
@@ -1 +1 @@
1
- {"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n lines,\n width,\n roundness,\n customGradientColor,\n lighter,\n size = 'bodyM',\n ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n const [linesWidth, setLinesWidth] = useState([]);\n\n useEffect(() => {\n if (!width) {\n setFixedWidth(null);\n const computedLengths = Array(lines)\n .fill(0)\n .reduce((acc, _, i) => {\n let w;\n // Последняя строка\n if (i === lines - 1 && lines !== 1) {\n w = 45 - variousWidth[i % variousWidth.length];\n } else if (lines === 1 || lines === 2) {\n // Единственная или первая из двух\n w = 100;\n } else {\n w = 100 - variousWidth[i % variousWidth.length];\n }\n\n return { ...acc, [i]: w };\n }, {});\n\n setLinesWidth(Object.values(computedLengths));\n return;\n }\n\n if (!Number.isNaN(Number(width))) {\n setFixedWidth(`${width}%`);\n } else {\n setFixedWidth(String(width));\n }\n }, [width, lines]);\n\n // TODO: Подумать как можно обойти явное приведение типов\n const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n return (\n <StyledTextSkeleton {...props}>\n {Array.from(Array<number>(lines), (_, i) => {\n return (\n <ComponentSkeleton\n key={`line:${i}`}\n size={size}\n roundness={roundness}\n customGradientColor={customGradientColor}\n lighter={lighter}\n style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n />\n );\n })}\n </StyledTextSkeleton>\n );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;;AAElH;AACA;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CACrBC,SAAgB,EAAA;EAAA,OACiD,UAAAC,IAAA,EAQH;AAAA,IAAA,IAP9DC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;MACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MACnBC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAAC,SAAA,GAAAN,IAAA,CACPO,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;AACXE,MAAAA,KAAK,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,IAAA,IAAAC,SAAA,GAAoCC,cAAQ,CAAyB,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnEI,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,IAAA,IAAAI,UAAA,GAAoCL,cAAQ,CAAC,EAAE,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhCG,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,CAACnB,KAAK,EAAE;QACRc,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAMM,eAAe,GAAGC,KAAK,CAACtB,KAAK,CAAC,CAC/BuB,IAAI,CAAC,CAAC,CAAC,CACPC,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAEC,CAAC,EAAK;AACnB,UAAA,IAAIC,CAAC,CAAA;AACL;UACA,IAAID,CAAC,KAAK3B,KAAK,GAAG,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;YAChC4B,CAAC,GAAG,EAAE,GAAGhC,YAAY,CAAC+B,CAAC,GAAG/B,YAAY,CAACiC,MAAM,CAAC,CAAA;WACjD,MAAM,IAAI7B,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;AACnC;AACA4B,YAAAA,CAAC,GAAG,GAAG,CAAA;AACX,WAAC,MAAM;YACHA,CAAC,GAAG,GAAG,GAAGhC,YAAY,CAAC+B,CAAC,GAAG/B,YAAY,CAACiC,MAAM,CAAC,CAAA;AACnD,WAAA;UAEA,OAAAC,uCAAA,CAAAA,uCAAA,CAAYL,EAAAA,EAAAA,GAAG,OAAAM,wCAAA,CAAA,EAAA,EAAGJ,CAAC,EAAGC,CAAC,CAAA,CAAA,CAAA;SAC1B,EAAE,EAAE,CAAC,CAAA;AAEVT,QAAAA,aAAa,CAACa,MAAM,CAACC,MAAM,CAACZ,eAAe,CAAC,CAAC,CAAA;AAC7C,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACa,MAAM,CAACC,KAAK,CAACD,MAAM,CAACjC,KAAK,CAAC,CAAC,EAAE;AAC9Bc,QAAAA,aAAa,CAAAqB,EAAAA,CAAAA,MAAA,CAAInC,KAAK,MAAG,CAAC,CAAA;AAC9B,OAAC,MAAM;AACHc,QAAAA,aAAa,CAACsB,MAAM,CAACpC,KAAK,CAAC,CAAC,CAAA;AAChC,OAAA;AACJ,KAAC,EAAE,CAACA,KAAK,EAAED,KAAK,CAAC,CAAC,CAAA;;AAElB;IACA,IAAMsC,iBAAiB,GAAGxC,SAAkC,CAAA;IAE5D,oBACIyC,sBAAA,CAAAC,aAAA,CAACC,sCAAkB,EAAKlC,KAAK,EACxBe,KAAK,CAACoB,IAAI,CAACpB,KAAK,CAAStB,KAAK,CAAC,EAAE,UAAC0B,CAAC,EAAEC,CAAC,EAAK;AACxC,MAAA,oBACIY,sBAAA,CAAAC,aAAA,CAACF,iBAAiB,EAAA;AACdK,QAAAA,GAAG,EAAAP,OAAAA,CAAAA,MAAA,CAAUT,CAAC,CAAG;AACjBrB,QAAAA,IAAI,EAAEA,IAAK;AACXJ,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,QAAAA,OAAO,EAAEA,OAAQ;AACjBwC,QAAAA,KAAK,EAAE;UAAE3C,KAAK,EAAEa,UAAU,IAAAsB,EAAAA,CAAAA,MAAA,CAAOlB,UAAU,CAACS,CAAC,CAAC,EAAA,GAAA,CAAA;AAAI,SAAA;AAAE,OACvD,CAAC,CAAA;AAEV,KAAC,CACe,CAAC,CAAA;GAE5B,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n lines,\n width,\n roundness,\n customGradientColor,\n lighter,\n size = 'bodyM',\n view = 'default',\n ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n const [linesWidth, setLinesWidth] = useState([]);\n\n useEffect(() => {\n if (!width) {\n setFixedWidth(null);\n const computedLengths = Array(lines)\n .fill(0)\n .reduce((acc, _, i) => {\n let w;\n // Последняя строка\n if (i === lines - 1 && lines !== 1) {\n w = 45 - variousWidth[i % variousWidth.length];\n } else if (lines === 1 || lines === 2) {\n // Единственная или первая из двух\n w = 100;\n } else {\n w = 100 - variousWidth[i % variousWidth.length];\n }\n\n return { ...acc, [i]: w };\n }, {});\n\n setLinesWidth(Object.values(computedLengths));\n return;\n }\n\n if (!Number.isNaN(Number(width))) {\n setFixedWidth(`${width}%`);\n } else {\n setFixedWidth(String(width));\n }\n }, [width, lines]);\n\n // TODO: Подумать как можно обойти явное приведение типов\n const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n return (\n <StyledTextSkeleton {...props}>\n {Array.from(Array<number>(lines), (_, i) => {\n return (\n <ComponentSkeleton\n key={`line:${i}`}\n size={size}\n view={view}\n roundness={roundness}\n customGradientColor={customGradientColor}\n lighter={lighter}\n style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n />\n );\n })}\n </StyledTextSkeleton>\n );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","_ref$view","view","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;;AAElH;AACA;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CACrBC,SAAgB,EAAA;EAAA,OACiD,UAAAC,IAAA,EASH;AAAA,IAAA,IAR9DC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;MACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MACnBC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAAC,SAAA,GAAAN,IAAA,CACPO,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;MAAAE,SAAA,GAAAR,IAAA,CACdS,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,SAAA;AACbE,MAAAA,KAAK,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAER,IAAA,IAAAC,SAAA,GAAoCC,cAAQ,CAAyB,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnEI,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,IAAA,IAAAI,UAAA,GAAoCL,cAAQ,CAAC,EAAE,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhCG,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,CAACrB,KAAK,EAAE;QACRgB,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAMM,eAAe,GAAGC,KAAK,CAACxB,KAAK,CAAC,CAC/ByB,IAAI,CAAC,CAAC,CAAC,CACPC,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAEC,CAAC,EAAK;AACnB,UAAA,IAAIC,CAAC,CAAA;AACL;UACA,IAAID,CAAC,KAAK7B,KAAK,GAAG,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;YAChC8B,CAAC,GAAG,EAAE,GAAGlC,YAAY,CAACiC,CAAC,GAAGjC,YAAY,CAACmC,MAAM,CAAC,CAAA;WACjD,MAAM,IAAI/B,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;AACnC;AACA8B,YAAAA,CAAC,GAAG,GAAG,CAAA;AACX,WAAC,MAAM;YACHA,CAAC,GAAG,GAAG,GAAGlC,YAAY,CAACiC,CAAC,GAAGjC,YAAY,CAACmC,MAAM,CAAC,CAAA;AACnD,WAAA;UAEA,OAAAC,uCAAA,CAAAA,uCAAA,CAAYL,EAAAA,EAAAA,GAAG,OAAAM,wCAAA,CAAA,EAAA,EAAGJ,CAAC,EAAGC,CAAC,CAAA,CAAA,CAAA;SAC1B,EAAE,EAAE,CAAC,CAAA;AAEVT,QAAAA,aAAa,CAACa,MAAM,CAACC,MAAM,CAACZ,eAAe,CAAC,CAAC,CAAA;AAC7C,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACa,MAAM,CAACC,KAAK,CAACD,MAAM,CAACnC,KAAK,CAAC,CAAC,EAAE;AAC9BgB,QAAAA,aAAa,CAAAqB,EAAAA,CAAAA,MAAA,CAAIrC,KAAK,MAAG,CAAC,CAAA;AAC9B,OAAC,MAAM;AACHgB,QAAAA,aAAa,CAACsB,MAAM,CAACtC,KAAK,CAAC,CAAC,CAAA;AAChC,OAAA;AACJ,KAAC,EAAE,CAACA,KAAK,EAAED,KAAK,CAAC,CAAC,CAAA;;AAElB;IACA,IAAMwC,iBAAiB,GAAG1C,SAAkC,CAAA;IAE5D,oBACI2C,sBAAA,CAAAC,aAAA,CAACC,sCAAkB,EAAKlC,KAAK,EACxBe,KAAK,CAACoB,IAAI,CAACpB,KAAK,CAASxB,KAAK,CAAC,EAAE,UAAC4B,CAAC,EAAEC,CAAC,EAAK;AACxC,MAAA,oBACIY,sBAAA,CAAAC,aAAA,CAACF,iBAAiB,EAAA;AACdK,QAAAA,GAAG,EAAAP,OAAAA,CAAAA,MAAA,CAAUT,CAAC,CAAG;AACjBvB,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXN,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,QAAAA,OAAO,EAAEA,OAAQ;AACjB0C,QAAAA,KAAK,EAAE;UAAE7C,KAAK,EAAEe,UAAU,IAAAsB,EAAAA,CAAAA,MAAA,CAAOlB,UAAU,CAACS,CAAC,CAAC,EAAA,GAAA,CAAA;AAAI,SAAA;AAAE,OACvD,CAAC,CAAA;AAEV,KAAC,CACe,CAAC,CAAA;GAE5B,CAAA;AAAA;;;;"}
@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tokens = {
6
6
  lineHeight: '--plasma-skeleton-line-height',
7
- visibleLineHeight: '--plasma-skeleton-visible-line-height'
7
+ visibleLineHeight: '--plasma-skeleton-visible-line-height',
8
+ gradientColor: '--plasma-skeleton-gradient-color'
8
9
  };
9
10
 
10
11
  exports.tokens = tokens;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../src/components/Skeleton/tokens.ts"],"sourcesContent":["export const tokens = {\n lineHeight: '--plasma-skeleton-line-height',\n visibleLineHeight: '--plasma-skeleton-visible-line-height',\n};\n"],"names":["tokens","lineHeight","visibleLineHeight"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,uCAAA;AACvB;;;;"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../src/components/Skeleton/tokens.ts"],"sourcesContent":["export const tokens = {\n lineHeight: '--plasma-skeleton-line-height',\n visibleLineHeight: '--plasma-skeleton-visible-line-height',\n gradientColor: '--plasma-skeleton-gradient-color',\n};\n"],"names":["tokens","lineHeight","visibleLineHeight","gradientColor"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,aAAa,EAAE,kCAAA;AACnB;;;;"}
@@ -79,14 +79,14 @@
79
79
 
80
80
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
81
81
 
82
- .Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
83
- .Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
84
- .Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
85
- .Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
86
- .Chip_styles_d9y94l_s1pcflhj__d88bc02c{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);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
87
-
88
- .TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--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:var(--plasma-textfield__chip-padding);--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-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--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_8puilg_s32p7ut__f1ecfcd9::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_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
89
- .TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{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_8puilg_t4nir3h__f1ecfcd9::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_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
82
+ .Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
83
+ .Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
84
+ .Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
85
+ .Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
86
+ .Chip_styles_fnd4j5_s1pcflhj__7a13f27c{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);}
87
+
88
+ .TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--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:var(--plasma-textfield__chip-padding);--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-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_14q069b_s32p7ut__9f1b34fd::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_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
89
+ .TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{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_14q069b_t4nir3h__9f1b34fd::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_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
90
90
 
91
91
  .TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--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:var(--plasma-textfield__chip-padding);--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-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);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
92
92
  .TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
@@ -70,14 +70,14 @@
70
70
 
71
71
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
72
72
 
73
- .Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
74
- .Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
75
- .Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
76
- .Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
77
- .Chip_styles_d9y94l_s1pcflhj__d88bc02c{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);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
78
-
79
- .TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--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:var(--plasma-textfield__chip-padding);--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-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--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_8puilg_s32p7ut__f1ecfcd9::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_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
80
- .TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{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_8puilg_t4nir3h__f1ecfcd9::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_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
73
+ .Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
74
+ .Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
75
+ .Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
76
+ .Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
77
+ .Chip_styles_fnd4j5_s1pcflhj__7a13f27c{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);}
78
+
79
+ .TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--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:var(--plasma-textfield__chip-padding);--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-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_14q069b_s32p7ut__9f1b34fd::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_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
80
+ .TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{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_14q069b_t4nir3h__9f1b34fd::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_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
81
81
 
82
82
  .TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--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:var(--plasma-textfield__chip-padding);--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-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);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
83
83
  .TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
@@ -71,24 +71,24 @@
71
71
 
72
72
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
73
73
 
74
- .Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
75
- .Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
76
- .Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
77
- .Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
78
- .Chip_styles_d9y94l_s1pcflhj__d88bc02c{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);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
74
+ .Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
75
+ .Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
76
+ .Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
77
+ .Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
78
+ .Chip_styles_fnd4j5_s1pcflhj__7a13f27c{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);}
79
79
 
80
- .TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--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:var(--plasma-textfield__chip-padding);--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-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--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_8puilg_s32p7ut__f1ecfcd9::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_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
81
- .TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{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_8puilg_t4nir3h__f1ecfcd9::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_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
80
+ .TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--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:var(--plasma-textfield__chip-padding);--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-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_14q069b_s32p7ut__9f1b34fd::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_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
81
+ .TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{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_14q069b_t4nir3h__9f1b34fd::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_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
82
82
 
83
83
  .TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--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:var(--plasma-textfield__chip-padding);--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-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);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
84
84
  .TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::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;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
85
85
 
86
86
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
87
87
 
88
- .Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0 div.Textfield_styles_1jxlt0y_inputWrapper__d1eecaa0:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0.Textfield_styles_1jxlt0y_readonly__d1eecaa0{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
89
- .Textfield_styles_1jxlt0y_i7x5udn__d1eecaa0{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1jxlt0y_i7x5udn__d1eecaa0 .Textfield_styles_1jxlt0y_arrowInverse__d1eecaa0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1jxlt0y_i7x5udn__d1eecaa0:hover,.Textfield_styles_1jxlt0y_i7x5udn__d1eecaa0:active{color:var(--i7x5udn-1);}
90
- .Textfield_styles_1jxlt0y_s2oocb4__d1eecaa0{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
91
- .Textfield_styles_1jxlt0y_s1kxyc50__d1eecaa0{margin:0;padding:0;}
88
+ .Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
89
+ .Textfield_styles_1mikp58_i7x5udn__b997b904{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1mikp58_i7x5udn__b997b904 .Textfield_styles_1mikp58_arrowInverse__b997b904{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1mikp58_i7x5udn__b997b904:hover,.Textfield_styles_1mikp58_i7x5udn__b997b904:active{color:var(--i7x5udn-1);}
90
+ .Textfield_styles_1mikp58_s2oocb4__b997b904{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
91
+ .Textfield_styles_1mikp58_s1kxyc50__b997b904{margin:0;padding:0;}
92
92
 
93
93
  .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
94
94