@salutejs/plasma-new-hope 0.193.0-canary.1558.11807380775.0 → 0.193.0-canary.1559.11816419999.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (746) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Cell/Cell.js +3 -1
  3. package/cjs/components/Cell/Cell.js.map +1 -1
  4. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  5. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  6. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  7. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  8. package/cjs/components/Chip/Chip.js +3 -1
  9. package/cjs/components/Chip/Chip.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  19. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  21. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  25. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  26. package/cjs/components/Modal/Modal.css +0 -6
  27. package/cjs/components/Modal/Modal.js +13 -25
  28. package/cjs/components/Modal/Modal.js.map +1 -1
  29. package/cjs/components/Modal/Modal.tokens.js +1 -5
  30. package/cjs/components/Modal/Modal.tokens.js.map +1 -1
  31. package/cjs/components/Pagination/Pagination.css +86 -37
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  33. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  35. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  36. package/cjs/components/Range/Range.css +21 -22
  37. package/cjs/components/Select/FloatingPopover.js +87 -0
  38. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  39. package/cjs/components/Select/Select.css +83 -34
  40. package/cjs/components/Select/Select.js +179 -139
  41. package/cjs/components/Select/Select.js.map +1 -1
  42. package/cjs/components/Select/Select.styles.js +17 -50
  43. package/cjs/components/Select/Select.styles.js.map +1 -1
  44. package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
  45. package/cjs/components/Select/Select.tokens.js +122 -78
  46. package/cjs/components/Select/Select.tokens.js.map +1 -1
  47. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  48. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  49. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  50. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  52. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  53. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  57. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  58. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  59. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  60. package/cjs/components/Select/ui/Target/Target.css +58 -17
  61. package/cjs/components/Select/ui/Target/Target.js +41 -16
  62. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.js +11 -17
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  66. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  67. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  72. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
  73. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  74. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  75. package/cjs/components/Select/utils/getButtonLabel.js +1 -1
  76. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  77. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  78. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  79. package/cjs/components/Select/utils/getItemId.js +10 -0
  80. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  81. package/cjs/components/Select/utils/getPlacement.js +13 -0
  82. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  83. package/cjs/components/Select/utils/getView.js +2 -2
  84. package/cjs/components/Select/utils/getView.js.map +1 -1
  85. package/cjs/components/Slider/Slider.css +21 -22
  86. package/cjs/components/Slider/components/Double/Double.css +21 -22
  87. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  88. package/cjs/components/Steps/Steps.css +10 -10
  89. package/cjs/components/Steps/Steps.js +21 -14
  90. package/cjs/components/Steps/Steps.js.map +1 -1
  91. package/cjs/components/Steps/Steps.styles.js +1 -1
  92. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  93. package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  94. package/cjs/components/Steps/Steps.tokens.js +1 -0
  95. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  96. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  97. package/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  98. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  99. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  100. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  101. package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  102. package/cjs/components/TextField/TextField.js +11 -2
  103. package/cjs/components/TextField/TextField.js.map +1 -1
  104. package/cjs/components/TextField/TextField.styles.js +14 -22
  105. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  106. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  107. package/cjs/components/TextField/TextField.tokens.js +2 -1
  108. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  109. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  110. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  111. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  112. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  113. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  114. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  115. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  116. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  117. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  118. package/cjs/components/TextField/variations/_size/base.js +1 -1
  119. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  120. package/cjs/components/TextField/variations/_view/base.js +1 -1
  121. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  122. package/cjs/index.css +57 -76
  123. package/cjs/index.js +2 -0
  124. package/cjs/index.js.map +1 -1
  125. package/cjs/utils/fixedForwardRef.js +12 -0
  126. package/cjs/utils/fixedForwardRef.js.map +1 -0
  127. package/cjs/utils/index.js.map +1 -1
  128. package/emotion/cjs/components/Cell/Cell.js +3 -1
  129. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  130. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  131. package/emotion/cjs/components/Chip/Chip.js +3 -1
  132. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  133. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  134. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  135. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  136. package/emotion/cjs/components/Modal/Modal.js +12 -24
  137. package/emotion/cjs/components/Modal/Modal.template-doc.mdx +0 -47
  138. package/emotion/cjs/components/Modal/Modal.tokens.js +1 -5
  139. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  140. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  141. package/emotion/cjs/components/Select/Select.js +177 -136
  142. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  143. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  144. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  145. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  146. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  147. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  148. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  149. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  150. package/emotion/cjs/components/Select/ui/Target/Target.js +45 -18
  151. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
  152. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  153. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  154. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  155. package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
  156. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  157. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  158. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  159. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  160. package/emotion/cjs/components/Select/utils/index.js +22 -1
  161. package/emotion/cjs/components/Steps/Steps.js +23 -14
  162. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  163. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  164. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  165. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  166. package/emotion/cjs/components/TextField/TextField.js +12 -3
  167. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  168. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  169. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  170. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  171. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  172. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  173. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  174. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  175. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  176. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  177. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  178. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  179. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  180. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  181. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  182. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  183. package/emotion/cjs/index.js +11 -0
  184. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  185. package/emotion/cjs/types/DistributivePick.js +5 -0
  186. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  187. package/emotion/cjs/utils/index.js +9 -1
  188. package/emotion/es/components/Cell/Cell.js +3 -1
  189. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  190. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  191. package/emotion/es/components/Chip/Chip.js +3 -1
  192. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  193. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  194. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  195. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  196. package/emotion/es/components/Modal/Modal.js +12 -24
  197. package/emotion/es/components/Modal/Modal.template-doc.mdx +0 -47
  198. package/emotion/es/components/Modal/Modal.tokens.js +1 -5
  199. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  200. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  201. package/emotion/es/components/Select/Select.js +182 -141
  202. package/emotion/es/components/Select/Select.styles.js +12 -30
  203. package/emotion/es/components/Select/Select.tokens.js +125 -60
  204. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  205. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  206. package/emotion/es/components/Select/reducers/index.js +1 -2
  207. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  208. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  209. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  210. package/emotion/es/components/Select/ui/Target/Target.js +42 -17
  211. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
  212. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  213. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  214. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  215. package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
  216. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  217. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  218. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  219. package/emotion/es/components/Select/utils/getView.js +2 -2
  220. package/emotion/es/components/Select/utils/index.js +4 -1
  221. package/emotion/es/components/Steps/Steps.js +24 -15
  222. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  223. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  224. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  225. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  226. package/emotion/es/components/TextField/TextField.js +12 -3
  227. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  228. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  229. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  230. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  231. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  232. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  233. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  234. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  235. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  236. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  237. package/emotion/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  238. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  239. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  240. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  241. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  242. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  243. package/emotion/es/index.js +1 -0
  244. package/emotion/es/types/DistributiveOmit.js +1 -0
  245. package/emotion/es/types/DistributivePick.js +1 -0
  246. package/emotion/es/utils/fixedForwardRef.js +4 -0
  247. package/emotion/es/utils/index.js +2 -1
  248. package/es/components/Autocomplete/Autocomplete.css +21 -22
  249. package/es/components/Cell/Cell.js +3 -1
  250. package/es/components/Cell/Cell.js.map +1 -1
  251. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  252. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  253. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  254. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  255. package/es/components/Chip/Chip.js +3 -1
  256. package/es/components/Chip/Chip.js.map +1 -1
  257. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  258. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  259. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  260. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  261. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  262. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  263. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  265. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  266. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  267. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  268. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  269. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  270. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  271. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  272. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  273. package/es/components/Modal/Modal.css +0 -6
  274. package/es/components/Modal/Modal.js +13 -25
  275. package/es/components/Modal/Modal.js.map +1 -1
  276. package/es/components/Modal/Modal.tokens.js +1 -5
  277. package/es/components/Modal/Modal.tokens.js.map +1 -1
  278. package/es/components/Pagination/Pagination.css +86 -37
  279. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  280. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  281. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  282. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  283. package/es/components/Range/Range.css +21 -22
  284. package/es/components/Select/FloatingPopover.js +83 -0
  285. package/es/components/Select/FloatingPopover.js.map +1 -0
  286. package/es/components/Select/Select.css +83 -34
  287. package/es/components/Select/Select.js +182 -142
  288. package/es/components/Select/Select.js.map +1 -1
  289. package/es/components/Select/Select.styles.js +18 -48
  290. package/es/components/Select/Select.styles.js.map +1 -1
  291. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  292. package/es/components/Select/Select.tokens.js +123 -78
  293. package/es/components/Select/Select.tokens.js.map +1 -1
  294. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  295. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  296. package/es/components/Select/hooks/usePathMaps.js +4 -1
  297. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  298. package/es/components/Select/ui/Inner/Inner.css +83 -34
  299. package/es/components/Select/ui/Inner/Inner.js +10 -10
  300. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  301. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  302. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  303. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  304. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  305. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  306. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  307. package/es/components/Select/ui/Target/Target.css +58 -17
  308. package/es/components/Select/ui/Target/Target.js +42 -17
  309. package/es/components/Select/ui/Target/Target.js.map +1 -1
  310. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  311. package/es/components/Select/ui/Target/ui/Button/Button.js +12 -18
  312. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  313. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  314. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  315. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  316. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  317. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  318. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  319. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  320. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  321. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  322. package/es/components/Select/utils/getButtonLabel.js +1 -1
  323. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  324. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  325. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  326. package/es/components/Select/utils/getItemId.js +6 -0
  327. package/es/components/Select/utils/getItemId.js.map +1 -0
  328. package/es/components/Select/utils/getPlacement.js +9 -0
  329. package/es/components/Select/utils/getPlacement.js.map +1 -0
  330. package/es/components/Select/utils/getView.js +2 -2
  331. package/es/components/Select/utils/getView.js.map +1 -1
  332. package/es/components/Slider/Slider.css +21 -22
  333. package/es/components/Slider/components/Double/Double.css +21 -22
  334. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  335. package/es/components/Steps/Steps.css +10 -10
  336. package/es/components/Steps/Steps.js +23 -16
  337. package/es/components/Steps/Steps.js.map +1 -1
  338. package/es/components/Steps/Steps.styles.js +1 -1
  339. package/es/components/Steps/Steps.styles.js.map +1 -1
  340. package/es/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  341. package/es/components/Steps/Steps.tokens.js +1 -0
  342. package/es/components/Steps/Steps.tokens.js.map +1 -1
  343. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  344. package/es/components/Steps/ui/StepItem/StepItem.js +33 -9
  345. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  346. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  347. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  348. package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  349. package/es/components/TextField/TextField.js +11 -2
  350. package/es/components/TextField/TextField.js.map +1 -1
  351. package/es/components/TextField/TextField.styles.js +14 -22
  352. package/es/components/TextField/TextField.styles.js.map +1 -1
  353. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  354. package/es/components/TextField/TextField.tokens.js +2 -1
  355. package/es/components/TextField/TextField.tokens.js.map +1 -1
  356. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  357. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  358. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  359. package/es/components/TextField/variations/_clear/base.js +1 -1
  360. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  361. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  362. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  363. package/es/components/TextField/variations/_read-only/base.js +1 -1
  364. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  365. package/es/components/TextField/variations/_size/base.js +1 -1
  366. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  367. package/es/components/TextField/variations/_view/base.js +1 -1
  368. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  369. package/es/index.css +57 -76
  370. package/es/index.js +1 -0
  371. package/es/index.js.map +1 -1
  372. package/es/utils/fixedForwardRef.js +8 -0
  373. package/es/utils/fixedForwardRef.js.map +1 -0
  374. package/es/utils/index.js.map +1 -1
  375. package/package.json +5 -5
  376. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  377. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  378. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  379. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  380. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  381. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  382. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  383. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  384. package/styled-components/cjs/components/Modal/Modal.js +12 -24
  385. package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +0 -47
  386. package/styled-components/cjs/components/Modal/Modal.tokens.js +1 -5
  387. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  388. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  389. package/styled-components/cjs/components/Select/Select.js +177 -136
  390. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  391. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  392. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  393. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  394. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  395. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  396. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  397. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  398. package/styled-components/cjs/components/Select/ui/Target/Target.js +45 -18
  399. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
  400. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  401. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  402. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  403. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
  404. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  405. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  406. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  407. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  408. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  409. package/styled-components/cjs/components/Steps/Steps.js +23 -14
  410. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  411. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  412. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  413. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  414. package/styled-components/cjs/components/TextField/TextField.js +11 -2
  415. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  416. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  417. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  418. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  419. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  420. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  421. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  422. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  423. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  424. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  425. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  426. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  427. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  428. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  429. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  430. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  431. package/styled-components/cjs/index.js +11 -0
  432. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  433. package/styled-components/cjs/types/DistributivePick.js +5 -0
  434. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  435. package/styled-components/cjs/utils/index.js +9 -1
  436. package/styled-components/es/components/Cell/Cell.js +3 -1
  437. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  438. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  439. package/styled-components/es/components/Chip/Chip.js +3 -1
  440. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  441. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  442. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  443. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  444. package/styled-components/es/components/Modal/Modal.js +12 -24
  445. package/styled-components/es/components/Modal/Modal.template-doc.mdx +0 -47
  446. package/styled-components/es/components/Modal/Modal.tokens.js +1 -5
  447. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  448. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  449. package/styled-components/es/components/Select/Select.js +182 -141
  450. package/styled-components/es/components/Select/Select.styles.js +11 -26
  451. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  452. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  453. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  454. package/styled-components/es/components/Select/reducers/index.js +1 -2
  455. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  456. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  457. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  458. package/styled-components/es/components/Select/ui/Target/Target.js +42 -17
  459. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
  460. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  461. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  462. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  463. package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
  464. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  465. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  466. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  467. package/styled-components/es/components/Select/utils/getView.js +2 -2
  468. package/styled-components/es/components/Select/utils/index.js +4 -1
  469. package/styled-components/es/components/Steps/Steps.js +24 -15
  470. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  471. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  472. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  473. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  474. package/styled-components/es/components/TextField/TextField.js +11 -2
  475. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  476. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  477. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  478. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  479. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  480. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  481. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  482. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  483. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  484. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  485. package/styled-components/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  486. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  487. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  488. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  489. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  490. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  491. package/styled-components/es/index.js +1 -0
  492. package/styled-components/es/types/DistributiveOmit.js +1 -0
  493. package/styled-components/es/types/DistributivePick.js +1 -0
  494. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  495. package/styled-components/es/utils/index.js +2 -1
  496. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  497. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  498. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  499. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  500. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  501. package/types/components/Cell/Cell.d.ts.map +1 -1
  502. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  503. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  504. package/types/components/Chip/Chip.d.ts.map +1 -1
  505. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  506. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  507. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  508. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -3
  509. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  510. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  511. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  512. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  513. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  514. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  515. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  516. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  517. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  518. package/types/components/Modal/Modal.d.ts.map +1 -1
  519. package/types/components/Modal/Modal.tokens.d.ts +0 -4
  520. package/types/components/Modal/Modal.tokens.d.ts.map +1 -1
  521. package/types/components/Modal/Modal.types.d.ts +1 -21
  522. package/types/components/Modal/Modal.types.d.ts.map +1 -1
  523. package/types/components/Modal/index.d.ts +1 -1
  524. package/types/components/Modal/index.d.ts.map +1 -1
  525. package/types/components/Notification/Notification.styles.d.ts +2 -2
  526. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  527. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  528. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +42 -42
  529. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  530. package/types/components/Range/Range.styles.d.ts +16 -16
  531. package/types/components/Range/Range.styles.d.ts.map +1 -1
  532. package/types/components/Select/FloatingPopover.d.ts +5 -0
  533. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  534. package/types/components/Select/Select.d.ts +5 -11
  535. package/types/components/Select/Select.d.ts.map +1 -1
  536. package/types/components/Select/Select.styles.d.ts +0 -9
  537. package/types/components/Select/Select.styles.d.ts.map +1 -1
  538. package/types/components/Select/Select.tokens.d.ts +121 -58
  539. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  540. package/types/components/Select/Select.types.d.ts +42 -21
  541. package/types/components/Select/Select.types.d.ts.map +1 -1
  542. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  543. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  544. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  545. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  546. package/types/components/Select/index.d.ts +1 -1
  547. package/types/components/Select/index.d.ts.map +1 -1
  548. package/types/components/Select/reducers/index.d.ts +0 -1
  549. package/types/components/Select/reducers/index.d.ts.map +1 -1
  550. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  551. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  552. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  553. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  554. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  555. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  556. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  557. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  558. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  559. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  560. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  561. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  562. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  563. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  564. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  565. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  566. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  567. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  568. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  569. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  570. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  571. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  572. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  573. package/types/components/Select/utils/getItemId.d.ts +2 -0
  574. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  575. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  576. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  577. package/types/components/Select/utils/getView.d.ts +1 -1
  578. package/types/components/Select/utils/getView.d.ts.map +1 -1
  579. package/types/components/Select/utils/index.d.ts +3 -0
  580. package/types/components/Select/utils/index.d.ts.map +1 -1
  581. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  582. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  583. package/types/components/Steps/Steps.d.ts.map +1 -1
  584. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  585. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  586. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  587. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  588. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  589. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  590. package/types/components/TextField/TextField.d.ts.map +1 -1
  591. package/types/components/TextField/TextField.styles.d.ts +1 -3
  592. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  593. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  594. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  595. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  596. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  597. package/types/components/Toast/Toast.styles.d.ts +2 -2
  598. package/types/components/Toast/utils.d.ts +2 -2
  599. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  600. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  601. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  602. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  603. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  604. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  605. package/types/examples/plasma_b2c/components/Modal/Modal.config.d.ts.map +1 -1
  606. package/types/examples/plasma_b2c/components/Modal/Modal.d.ts +1 -7
  607. package/types/examples/plasma_b2c/components/Modal/Modal.d.ts.map +1 -1
  608. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  609. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  610. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  611. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  612. package/types/examples/plasma_b2c/components/Select/Select.d.ts +55 -48
  613. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  614. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  615. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  616. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  617. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  618. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  619. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  620. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  621. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  622. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  623. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  624. package/types/examples/plasma_web/components/Modal/Modal.config.d.ts.map +1 -1
  625. package/types/examples/plasma_web/components/Modal/Modal.d.ts +1 -7
  626. package/types/examples/plasma_web/components/Modal/Modal.d.ts.map +1 -1
  627. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  628. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  629. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  630. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  631. package/types/examples/plasma_web/components/Select/Select.d.ts +55 -48
  632. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  633. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  634. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  635. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  636. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  637. package/types/index.d.ts +1 -0
  638. package/types/index.d.ts.map +1 -1
  639. package/types/types/DistributiveOmit.d.ts +2 -0
  640. package/types/types/DistributiveOmit.d.ts.map +1 -0
  641. package/types/types/DistributivePick.d.ts +2 -0
  642. package/types/types/DistributivePick.d.ts.map +1 -0
  643. package/types/types/index.d.ts +2 -0
  644. package/types/types/index.d.ts.map +1 -1
  645. package/types/utils/fixedForwardRef.d.ts +3 -0
  646. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  647. package/types/utils/index.d.ts +1 -0
  648. package/types/utils/index.d.ts.map +1 -1
  649. package/cjs/components/Modal/Modal.styles.js +0 -27
  650. package/cjs/components/Modal/Modal.styles.js.map +0 -1
  651. package/cjs/components/Modal/Modal.styles_1fjhyqd.css +0 -3
  652. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  653. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  654. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  655. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  656. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  657. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  658. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  659. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  660. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  661. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  662. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  663. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  664. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  665. package/cjs/components/Select/variations/_size/base.js +0 -9
  666. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  667. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  668. package/cjs/components/Select/variations/_view/base.js +0 -9
  669. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  670. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  671. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  672. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  673. package/emotion/cjs/components/Modal/Modal.styles.js +0 -30
  674. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  675. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  676. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  677. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  678. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  679. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  680. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  681. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  682. package/emotion/es/components/Modal/Modal.styles.js +0 -23
  683. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  684. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  685. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  686. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  687. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  688. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  689. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  690. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  691. package/es/components/Modal/Modal.styles.js +0 -21
  692. package/es/components/Modal/Modal.styles.js.map +0 -1
  693. package/es/components/Modal/Modal.styles_1fjhyqd.css +0 -3
  694. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  695. package/es/components/Select/Select.styles_768h42.css +0 -5
  696. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  697. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  698. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  699. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  700. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  701. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  702. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  703. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  704. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  705. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  706. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  707. package/es/components/Select/variations/_size/base.js +0 -5
  708. package/es/components/Select/variations/_size/base.js.map +0 -1
  709. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  710. package/es/components/Select/variations/_view/base.js +0 -5
  711. package/es/components/Select/variations/_view/base.js.map +0 -1
  712. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  713. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  714. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  715. package/styled-components/cjs/components/Modal/Modal.styles.js +0 -18
  716. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  717. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  718. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  719. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  720. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  721. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  722. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  723. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  724. package/styled-components/es/components/Modal/Modal.styles.js +0 -11
  725. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  726. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  727. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  728. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  729. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  730. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  731. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  732. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  733. package/types/components/Modal/Modal.styles.d.ts +0 -5
  734. package/types/components/Modal/Modal.styles.d.ts.map +0 -1
  735. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  736. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  737. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  738. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  739. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  740. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  741. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  742. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  743. package/types/components/Select/variations/_size/base.d.ts +0 -2
  744. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  745. package/types/components/Select/variations/_view/base.d.ts +0 -2
  746. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- export var getView = function getView(status) {
1
+ export var getView = function getView(status, view) {
2
2
  switch (status) {
3
3
  case 'success':
4
4
  {
@@ -14,7 +14,7 @@ export var getView = function getView(status) {
14
14
  }
15
15
  default:
16
16
  {
17
- return 'default';
17
+ return view;
18
18
  }
19
19
  }
20
20
  };
@@ -6,4 +6,7 @@ export { sizeToIconSize } from './sizeToIconSize';
6
6
  export { getCorrectHeight } from './getCorrectHeight';
7
7
  export { getButtonLabel } from './getButtonLabel';
8
8
  export { getView } from './getView';
9
- export { getInitialValue } from './getInitialValue';
9
+ export { getInitialValue } from './getInitialValue';
10
+ export { getPlacement } from './getPlacement';
11
+ export { getFallbackPlacements } from './getFallbackPlacements';
12
+ export { getItemId } from './getItemId';
@@ -1,6 +1,8 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
2
  var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
6
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
7
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
8
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -12,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
12
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
15
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
14
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
15
- import React, { forwardRef, useState, useEffect } from 'react';
17
+ import React, { forwardRef, useState, useEffect, useMemo } from 'react';
16
18
  import cls from 'classnames';
17
19
  import { classes } from './Steps.tokens';
18
20
  import { StepItem } from './ui';
@@ -44,19 +46,33 @@ export var stepsRoot = function stepsRoot(Root) {
44
46
  _useState2 = _slicedToArray(_useState, 2),
45
47
  prevIndex = _useState2[0],
46
48
  setPrevIndex = _useState2[1];
47
- var isUncontrolled = current !== undefined;
48
49
  var hasIndicator = items.some(function (item) {
49
50
  return item.indicator != null;
50
51
  });
51
52
  var isSimple = items.every(function (item) {
52
53
  return !item.title && !item.content;
53
54
  });
55
+ var innerItems = useMemo(function () {
56
+ var isUncontrolled = current !== undefined;
57
+ return items.map(function (item, index) {
58
+ var itemStatus = getItemStatus({
59
+ isUncontrolled: isUncontrolled,
60
+ current: current,
61
+ status: status,
62
+ index: index,
63
+ item: item
64
+ });
65
+ return _objectSpread(_objectSpread({}, item), {}, {
66
+ status: itemStatus
67
+ });
68
+ });
69
+ }, [status, current, items]);
54
70
  useEffect(function () {
55
71
  var calcPrevIndex = function calcPrevIndex() {
56
72
  if (current !== undefined) {
57
73
  setPrevIndex(current);
58
74
  } else {
59
- var index = items.findIndex(function (item) {
75
+ var index = innerItems.findIndex(function (item) {
60
76
  return item.status === 'active';
61
77
  });
62
78
  setPrevIndex(index !== -1 ? index : undefined);
@@ -66,21 +82,14 @@ export var stepsRoot = function stepsRoot(Root) {
66
82
  return function () {
67
83
  calcPrevIndex();
68
84
  };
69
- }, [current, items]);
85
+ }, [current, innerItems]);
70
86
  return /*#__PURE__*/React.createElement(Root, _extends({
71
87
  size: size,
72
88
  view: view,
73
89
  ref: outerRef,
74
90
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
75
- }, rest), items.map(function (item, index) {
76
- var itemStatus = getItemStatus({
77
- isUncontrolled: isUncontrolled,
78
- current: current,
79
- status: status,
80
- index: index,
81
- item: item
82
- });
83
- var isActive = itemStatus === 'active';
91
+ }, rest), innerItems.map(function (item, index) {
92
+ var isActive = item.status === 'active';
84
93
  var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
85
94
  var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
86
95
  var onClick = onChange ? function () {
@@ -92,14 +101,14 @@ export var stepsRoot = function stepsRoot(Root) {
92
101
  title: item.title,
93
102
  content: itemContent,
94
103
  indicator: item.indicator,
95
- status: itemStatus,
104
+ status: item.status,
96
105
  size: size,
97
106
  orientation: orientation,
98
107
  contentAlign: itemContentAlign,
99
108
  hasLine: hasLine,
100
109
  hasLoader: hasLoader && isActive,
101
110
  onClick: onClick,
102
- items: items
111
+ items: innerItems
103
112
  });
104
113
  }));
105
114
  });
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from './Steps.tokens';
3
- export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&:not(&.", "){&.", "{height:var(", ");}&:not(.", "){height:var(", ");}}&.", "{&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}}&.", "{display:flex;flex-direction:column;justify-content:center;height:100%;&.", "{display:inline-flex;}}"], classes.simple, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.simple);
3
+ export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&:not(&.", "){&.", "{height:var(", ");}&:not(.", "){height:var(", ");}}&.", "{&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}}&.", "{display:flex;flex-direction:column;justify-content:center;height:100%;}"], classes.simple, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation);
@@ -56,6 +56,7 @@ export var tokens = {
56
56
  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
57
57
  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
58
58
  contentColor: '--plasma-step-item-content-color',
59
+ focusColor: '--plasma-step-item-focus-color',
59
60
  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
60
61
  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
61
62
  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
@@ -43,6 +43,7 @@ export var StepItem = function StepItem(_ref) {
43
43
  var prevItem = items[index - 1];
44
44
  var nextItem = items[index + 1];
45
45
  var isActive = status === 'active';
46
+ var isNextActive = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'active';
46
47
  var isInactive = status === 'inactive';
47
48
  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
48
49
  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
@@ -80,8 +81,32 @@ export var StepItem = function StepItem(_ref) {
80
81
  setIsHovered(false);
81
82
  }
82
83
  }, [isDisabled]);
84
+ if (isSimple) {
85
+ var _cls;
86
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
87
+ className: cls((_cls = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.transparentDivider, !hasLine), classes.verticalOrientation, isVertical), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, "isFirst", isFirst), "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
88
+ }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
89
+ className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
90
+ onClick: onClickHandler,
91
+ onFocus: onMouseOver,
92
+ onBlur: onMouseOut,
93
+ onMouseOver: onMouseOver,
94
+ onMouseOut: onMouseOut
95
+ }, hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
96
+ hasIndicator: hasIndicator
97
+ }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
98
+ className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive)),
99
+ disabled: isDisabled
100
+ }, typeof indicator === 'function' && indicator({
101
+ status: status,
102
+ item: item,
103
+ size: size
104
+ }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
105
+ className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.active, isActive), classes.inactive, isInactive || isNextInactive), classes.disabled, isDisabled))
106
+ }));
107
+ }
83
108
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
84
- className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical))
109
+ className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
85
110
  }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
86
111
  className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
87
112
  onClick: onClickHandler,
@@ -91,20 +116,21 @@ export var StepItem = function StepItem(_ref) {
91
116
  onMouseOut: onMouseOut
92
117
  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
93
118
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
94
- }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItemDivider, {
119
+ }), isVertical && /*#__PURE__*/React.createElement(StepItemDivider, {
95
120
  className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
96
121
  indentToken: indentToken
97
122
  }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
98
123
  hasIndicator: hasIndicator
99
124
  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
100
- className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive))
125
+ className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive)),
126
+ disabled: isDisabled
101
127
  }, typeof indicator === 'function' && indicator({
102
128
  status: status,
103
129
  item: item,
104
130
  size: size
105
- }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
131
+ }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItemDivider, {
106
132
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isLast), classes.inactive, isInactive || isNextInactive))
107
- })), !isSimple && /*#__PURE__*/React.createElement(StepItemContentWrapper, {
133
+ })), /*#__PURE__*/React.createElement(StepItemContentWrapper, {
108
134
  className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.active, isActive), classes.hasIndicator, hasIndicator))
109
135
  }, /*#__PURE__*/React.createElement(StepItemTitle, {
110
136
  onClick: onClickHandler,
@@ -112,7 +138,5 @@ export var StepItem = function StepItem(_ref) {
112
138
  onBlur: onMouseOut,
113
139
  onMouseOver: onMouseOver,
114
140
  onMouseOut: onMouseOut
115
- }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
116
- className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
117
- }));
141
+ }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
118
142
  };
@@ -2,6 +2,7 @@ import styled from 'styled-components';
2
2
  import { classes, tokens } from '../../Steps.tokens';
3
3
  import { component, mergeConfig } from '../../../../engines';
4
4
  import { spinnerConfig, spinnerTokens } from '../../../Spinner';
5
+ import { addFocus } from '../../../../mixins';
5
6
  var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
6
7
  var Spinner = /*#__PURE__*/component(mergedConfig);
7
8
  export var SpinnerStyled = /*#__PURE__*/styled(Spinner).withConfig({
@@ -18,16 +19,26 @@ export var StepItemContent = /*#__PURE__*/styled.div.withConfig({
18
19
  })(["padding-top:var(", ");padding-right:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");word-break:break-word;color:var(", ");"], tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.contentColor);
19
20
  export var BulletIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
20
21
  componentId: "plasma-new-hope__sc-bjma6z-3"
21
- })(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;min-height:100%;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
22
- export var BulletIndicator = /*#__PURE__*/styled.div.withConfig({
22
+ })(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex:0;justify-content:center;&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
23
+ export var BulletIndicator = /*#__PURE__*/styled.button.withConfig({
23
24
  componentId: "plasma-new-hope__sc-bjma6z-4"
24
- })(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");}&.", "{color:var(", ");background:var(", ");&:before,&:after{background:var(", ");}}"], tokens.indicatorSize, tokens.indicatorSize, tokens.completedIndicatorColor, tokens.completedIndicatorBackground, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, classes.active, tokens.activeIndicatorSize, tokens.activeIndicatorSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground);
25
+ })(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", " &.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");", "}&.", "{color:var(", ");background:var(", ");&.", "{&:before,&:after{background:var(", ");}}}"], tokens.indicatorSize, tokens.indicatorSize, tokens.completedIndicatorColor, tokens.completedIndicatorBackground, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, /*#__PURE__*/addFocus({
26
+ outlineOffset: '-0.0625rem',
27
+ outlineSize: '0.0625rem',
28
+ outlineRadius: '50%',
29
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
30
+ }), classes.active, tokens.activeIndicatorSize, tokens.activeIndicatorSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, /*#__PURE__*/addFocus({
31
+ outlineOffset: '-0.1875rem',
32
+ outlineSize: '0.0625rem',
33
+ outlineRadius: '50%',
34
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
35
+ }), classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, classes.simple, tokens.inactiveIndicatorBackground);
25
36
  export var Bullet = /*#__PURE__*/styled(BulletIndicator).withConfig({
26
37
  componentId: "plasma-new-hope__sc-bjma6z-5"
27
- })(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background-color:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
38
+ })(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
28
39
  export var StepItemDivider = /*#__PURE__*/styled.div.withConfig({
29
40
  componentId: "plasma-new-hope__sc-bjma6z-6"
30
- })(["width:100%;height:var(", ");flex:1;background-color:var(", ");&.", "{background-color:var(", ");}&.", "{background-color:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
41
+ })(["width:100%;height:var(", ");flex:1;background:var(", ");&.", "{background:var(", ");}&.", "{opacity:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.disabled, tokens.disabledOpacity, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
31
42
  var indentToken = _ref2.indentToken;
32
43
  return indentToken || '';
33
44
  }, function (_ref3) {
@@ -42,4 +53,4 @@ export var StepItemContentWrapper = /*#__PURE__*/styled.div.withConfig({
42
53
  })(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], classes.verticalOrientation, StepItemTitle, tokens.contentVerticalPadding, StepItemContent, tokens.contentVerticalPadding, tokens.contentVerticalPadding);
43
54
  export var StepItemStyled = /*#__PURE__*/styled.div.withConfig({
44
55
  componentId: "plasma-new-hope__sc-bjma6z-8"
45
- })(["display:flex;flex-direction:column;align-items:flex-start;flex:1;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{flex:0;}&.", "{opacity:var(", ");}"], classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, StepItemTitle, tokens.inactiveTitleColor, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.simple, classes.disabled, tokens.disabledOpacity);
56
+ })(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}&.", "{&:before,&:after{background:var(", ");opacity:1;}}&.", "{&:before,&:after{background:transparent;}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{opacity:var(", ");}"], tokens.activeIndicatorColor, classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, tokens.inactiveIndicatorColor, StepItemTitle, tokens.inactiveTitleColor, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.activeBulletSize, classes.inactive, classes.active, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.dividerThickness, tokens.activeIndicatorColor, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.verticalOrientation, tokens.dividerThickness, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.inactive, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, classes.disabled, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.simple, classes.verticalOrientation, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, classes.active, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);
@@ -268,8 +268,10 @@ export var textFieldRoot = function textFieldRoot(Root) {
268
268
  }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
269
269
  // Ref для внутреннего использования. Не отдается наружу.
270
270
  , {
271
- ref: rest.inputWrapperRef,
272
- className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
271
+ ref: rest.inputWrapperRef
272
+ // TODO: #1544, и после убрать classes.inputWrapper
273
+ ,
274
+ className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent, classes.inputWrapper)
273
275
  }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
274
276
  className: cx(classes.innerLabelPlacement, requiredPlacementClass)
275
277
  }), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, {
@@ -316,6 +318,13 @@ export var textFieldRoot = function textFieldRoot(Root) {
316
318
  return onChipClear(chipId, index);
317
319
  },
318
320
  onClick: onChipClick
321
+ // TODO: #1547
322
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
323
+ // @ts-ignore
324
+ ,
325
+ _forceChipManipulationWithReadonly:
326
+ // eslint-disable-next-line no-underscore-dangle
327
+ rest._forceChipManipulationWithReadonly
319
328
  });
320
329
  })), /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(Input, _extends({
321
330
  ref: inputForkRef,
@@ -40,40 +40,37 @@ export var StyledIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
40
40
  export var Label = /*#__PURE__*/styled.label.withConfig({
41
41
  componentId: "plasma-new-hope__sc-g4vxbb-10"
42
42
  })(["display:inline-flex;"]);
43
- var StyledContentSlot = /*#__PURE__*/styled.div.withConfig({
43
+ export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
44
44
  componentId: "plasma-new-hope__sc-g4vxbb-11"
45
- })(["color:", ";line-height:0;"], function (_ref2) {
45
+ })(["margin:var(", ");color:", ";line-height:0;"], tokens.leftContentMargin, function (_ref2) {
46
46
  var isDefaultView = _ref2.isDefaultView,
47
47
  isClear = _ref2.isClear;
48
48
  return !isDefaultView && isClear ? "var(".concat(tokens.clearColor, ")") : "var(".concat(tokens.contentSlotColor, ")");
49
49
  });
50
- export var StyledContentLeft = /*#__PURE__*/styled(StyledContentSlot).withConfig({
51
- componentId: "plasma-new-hope__sc-g4vxbb-12"
52
- })(["margin:var(", ");"], tokens.leftContentMargin);
53
50
  export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
54
- componentId: "plasma-new-hope__sc-g4vxbb-13"
55
- })(["line-height:0;margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ");color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
51
+ componentId: "plasma-new-hope__sc-g4vxbb-12"
52
+ })(["line-height:0;margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
56
53
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
57
- componentId: "plasma-new-hope__sc-g4vxbb-14"
54
+ componentId: "plasma-new-hope__sc-g4vxbb-13"
58
55
  })([""]);
59
56
  export var StyledTextBefore = /*#__PURE__*/styled.div.withConfig({
60
- componentId: "plasma-new-hope__sc-g4vxbb-15"
57
+ componentId: "plasma-new-hope__sc-g4vxbb-14"
61
58
  })([""]);
62
59
  export var StyledTextAfter = /*#__PURE__*/styled.div.withConfig({
63
- componentId: "plasma-new-hope__sc-g4vxbb-16"
60
+ componentId: "plasma-new-hope__sc-g4vxbb-15"
64
61
  })([""]);
65
62
  export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
66
- componentId: "plasma-new-hope__sc-g4vxbb-17"
63
+ componentId: "plasma-new-hope__sc-g4vxbb-16"
67
64
  })(["color:var(", ");"], tokens.optionalColor);
68
65
  export var StyledHintWrapper = /*#__PURE__*/styled.div.withConfig({
69
- componentId: "plasma-new-hope__sc-g4vxbb-18"
66
+ componentId: "plasma-new-hope__sc-g4vxbb-17"
70
67
  })(["display:inline-block;line-height:0;&.", "{position:absolute;margin:0;inset:var(", ");}"], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
71
68
  export var HintTargetWrapper = /*#__PURE__*/styled.div.withConfig({
72
- componentId: "plasma-new-hope__sc-g4vxbb-19"
69
+ componentId: "plasma-new-hope__sc-g4vxbb-18"
73
70
  })(["color:var(", ");display:flex;justify-content:center;align-items:center;"], tokens.hintIconColor);
74
71
  export var HintIconWrapper = /*#__PURE__*/styled.div.withConfig({
75
- componentId: "plasma-new-hope__sc-g4vxbb-20"
72
+ componentId: "plasma-new-hope__sc-g4vxbb-19"
76
73
  })([""]);
77
74
  export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
78
- componentId: "plasma-new-hope__sc-g4vxbb-21"
75
+ componentId: "plasma-new-hope__sc-g4vxbb-20"
79
76
  })(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, classes.requiredAlignRight, tokens.indicatorLabelPlacementOuterRight, classes.hasHint, tokens.indicatorSizeOuter, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, classes.requiredAlignRight, tokens.indicatorLabelPlacementInnerRight);
@@ -10,7 +10,8 @@ export var classes = {
10
10
  hasDivider: 'textfield-has-divider',
11
11
  hasHint: 'textfield-has-hint',
12
12
  textFieldGroupItem: 'text-field-group-item',
13
- requiredAlignRight: 'required-align-right'
13
+ requiredAlignRight: 'required-align-right',
14
+ inputWrapper: 'input-wrapper'
14
15
  };
15
16
  export var tokens = {
16
17
  color: '--plasma-textfield-color',
@@ -10,7 +10,8 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
10
10
  readOnly = _ref.readOnly,
11
11
  onClick = _ref.onClick,
12
12
  onClear = _ref.onClear,
13
- onKeyDown = _ref.onKeyDown;
13
+ onKeyDown = _ref.onKeyDown,
14
+ _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
14
15
  var onClearHandle = function onClearHandle() {
15
16
  return onClear(id);
16
17
  };
@@ -26,5 +27,10 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
26
27
  onClear: onClearHandle,
27
28
  onKeyDown: onKeyDownHandle,
28
29
  text: "".concat(text)
30
+ // TODO: #1547
31
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
32
+ // @ts-ignore
33
+ ,
34
+ _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
29
35
  });
30
36
  });
@@ -17,7 +17,7 @@ export var config = {
17
17
  l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
18
18
  m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.25rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
19
19
  s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.125rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
20
- xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.875rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
20
+ xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.875rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
21
21
  },
22
22
  labelPlacement: {
23
23
  inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
@@ -6,7 +6,7 @@ export var config = {
6
6
  },
7
7
  variations: {
8
8
  view: {
9
- "default": /*#__PURE__*/css(["", ":var(--overlay-blur);", ":var(--overlay-soft);", ":var(--surface-solid-card);", ":1.25rem;", ":2rem;", ":0.625rem;"], modalTokens.modalOverlayWithBlurColor, modalTokens.modalOverlayColor, modalTokens.modalBodyBackground, modalTokens.modalBodyBorderRadius, modalTokens.modalBodyPadding, modalTokens.modalContentPadding)
9
+ "default": /*#__PURE__*/css(["", ":var(--overlay-blur);", ":var(--overlay-soft);"], modalTokens.modalOverlayWithBlurColor, modalTokens.modalOverlayColor)
10
10
  }
11
11
  }
12
12
  };