@salutejs/plasma-new-hope 0.193.0-canary.1550.11805988388.0 → 0.193.0-canary.1556.11815100174.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (251) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +17 -17
  2. package/cjs/components/Autocomplete/Autocomplete.js +7 -1
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +17 -17
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -17
  8. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -17
  9. package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -17
  10. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -17
  12. package/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
  13. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  14. package/cjs/components/Pagination/Pagination.css +17 -17
  15. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  16. package/cjs/components/Range/Range.css +17 -17
  17. package/cjs/components/Select/Select.css +17 -17
  18. package/cjs/components/Select/ui/Inner/Inner.css +17 -17
  19. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  20. package/cjs/components/Select/ui/Target/Target.css +17 -17
  21. package/cjs/components/Select/ui/Target/Target.js +7 -0
  22. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  23. package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  24. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  25. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
  26. package/cjs/components/Slider/Slider.css +17 -17
  27. package/cjs/components/Slider/components/Double/Double.css +17 -17
  28. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
  29. package/cjs/components/Steps/Steps.css +10 -10
  30. package/cjs/components/Steps/Steps.js +21 -14
  31. package/cjs/components/Steps/Steps.js.map +1 -1
  32. package/cjs/components/Steps/Steps.styles.js +1 -1
  33. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  34. package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  35. package/cjs/components/Steps/Steps.tokens.js +1 -0
  36. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  37. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  38. package/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  39. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  40. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  41. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  42. package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  43. package/cjs/components/TextField/TextField.js +8 -4
  44. package/cjs/components/TextField/TextField.js.map +1 -1
  45. package/cjs/components/TextField/TextField.styles.js +20 -11
  46. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  47. package/cjs/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
  48. package/cjs/components/TextField/TextField.tokens.js +1 -0
  49. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  50. package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
  51. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  52. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  53. package/cjs/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
  54. package/cjs/index.css +28 -28
  55. package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -1
  56. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
  57. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
  58. package/emotion/cjs/components/Select/ui/Target/Target.js +7 -0
  59. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  60. package/emotion/cjs/components/Steps/Steps.js +23 -14
  61. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  62. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  63. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  64. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  65. package/emotion/cjs/components/TextField/TextField.js +9 -5
  66. package/emotion/cjs/components/TextField/TextField.styles.js +29 -26
  67. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -0
  68. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  69. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  70. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  71. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  72. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  73. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  74. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  75. package/emotion/es/components/Autocomplete/Autocomplete.js +7 -1
  76. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +7 -2
  77. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
  78. package/emotion/es/components/Select/ui/Target/Target.js +7 -0
  79. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  80. package/emotion/es/components/Steps/Steps.js +24 -15
  81. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  82. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  83. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  84. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  85. package/emotion/es/components/TextField/TextField.js +9 -5
  86. package/emotion/es/components/TextField/TextField.styles.js +29 -26
  87. package/emotion/es/components/TextField/TextField.tokens.js +1 -0
  88. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  89. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  90. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  91. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  92. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  93. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  94. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  95. package/es/components/Autocomplete/Autocomplete.css +17 -17
  96. package/es/components/Autocomplete/Autocomplete.js +7 -1
  97. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  98. package/es/components/Combobox/ComboboxNew/Combobox.css +17 -17
  99. package/es/components/Combobox/ComboboxNew/Combobox.js +7 -2
  100. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  101. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -17
  102. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -17
  103. package/es/components/DatePicker/RangeDate/RangeDate.css +17 -17
  104. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
  105. package/es/components/DatePicker/SingleDate/SingleDate.css +17 -17
  106. package/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
  107. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  108. package/es/components/Pagination/Pagination.css +17 -17
  109. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  110. package/es/components/Range/Range.css +17 -17
  111. package/es/components/Select/Select.css +17 -17
  112. package/es/components/Select/ui/Inner/Inner.css +17 -17
  113. package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  114. package/es/components/Select/ui/Target/Target.css +17 -17
  115. package/es/components/Select/ui/Target/Target.js +7 -0
  116. package/es/components/Select/ui/Target/Target.js.map +1 -1
  117. package/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  118. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  119. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
  120. package/es/components/Slider/Slider.css +17 -17
  121. package/es/components/Slider/components/Double/Double.css +17 -17
  122. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
  123. package/es/components/Steps/Steps.css +10 -10
  124. package/es/components/Steps/Steps.js +23 -16
  125. package/es/components/Steps/Steps.js.map +1 -1
  126. package/es/components/Steps/Steps.styles.js +1 -1
  127. package/es/components/Steps/Steps.styles.js.map +1 -1
  128. package/es/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  129. package/es/components/Steps/Steps.tokens.js +1 -0
  130. package/es/components/Steps/Steps.tokens.js.map +1 -1
  131. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  132. package/es/components/Steps/ui/StepItem/StepItem.js +33 -9
  133. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  134. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  135. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  136. package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  137. package/es/components/TextField/TextField.js +8 -4
  138. package/es/components/TextField/TextField.js.map +1 -1
  139. package/es/components/TextField/TextField.styles.js +20 -11
  140. package/es/components/TextField/TextField.styles.js.map +1 -1
  141. package/es/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
  142. package/es/components/TextField/TextField.tokens.js +1 -0
  143. package/es/components/TextField/TextField.tokens.js.map +1 -1
  144. package/es/components/TextField/ui/Hint/Hint.css +20 -20
  145. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  146. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  147. package/es/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
  148. package/es/index.css +28 -28
  149. package/package.json +2 -2
  150. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -1
  151. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -2
  152. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
  153. package/styled-components/cjs/components/Select/ui/Target/Target.js +7 -0
  154. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -3
  155. package/styled-components/cjs/components/Steps/Steps.js +23 -14
  156. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  157. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  158. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  159. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  160. package/styled-components/cjs/components/TextField/TextField.js +8 -4
  161. package/styled-components/cjs/components/TextField/TextField.styles.js +9 -6
  162. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -0
  163. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  164. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  165. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  166. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  167. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  168. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  169. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  170. package/styled-components/es/components/Autocomplete/Autocomplete.js +7 -1
  171. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +7 -2
  172. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
  173. package/styled-components/es/components/Select/ui/Target/Target.js +7 -0
  174. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +1 -3
  175. package/styled-components/es/components/Steps/Steps.js +24 -15
  176. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  177. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  178. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  179. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  180. package/styled-components/es/components/TextField/TextField.js +8 -4
  181. package/styled-components/es/components/TextField/TextField.styles.js +9 -6
  182. package/styled-components/es/components/TextField/TextField.tokens.js +1 -0
  183. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  184. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  185. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  186. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  187. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  188. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  189. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  190. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  191. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +717 -61
  192. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  193. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  194. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +30 -10
  195. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  196. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +717 -61
  197. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  198. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
  199. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  200. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +717 -61
  201. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  202. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +28 -9
  203. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  204. package/types/components/Range/Range.styles.d.ts +717 -61
  205. package/types/components/Range/Range.styles.d.ts.map +1 -1
  206. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  207. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  208. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +717 -61
  209. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  210. package/types/components/Slider/components/Double/Double.styles.d.ts +717 -61
  211. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  212. package/types/components/Steps/Steps.d.ts.map +1 -1
  213. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  214. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  215. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  216. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  217. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  218. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  219. package/types/components/TextField/TextField.d.ts.map +1 -1
  220. package/types/components/TextField/TextField.styles.d.ts +3 -1
  221. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  222. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  223. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  224. package/types/components/TextField/TextField.types.d.ts +43 -20
  225. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  226. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +2 -4
  227. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  228. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +1021 -109
  229. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  230. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +47 -1
  231. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  232. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +1246 -62
  233. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  234. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  235. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +717 -61
  236. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  237. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +2 -4
  238. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  239. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +1021 -109
  240. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
  241. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +47 -1
  242. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  243. package/types/examples/plasma_web/components/Mask/Mask.d.ts +1246 -62
  244. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  245. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  246. package/types/examples/plasma_web/components/TextField/TextField.d.ts +717 -61
  247. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  248. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  249. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
  250. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  251. package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
package/es/index.css CHANGED
@@ -169,33 +169,33 @@
169
169
 
170
170
  .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
171
171
 
172
- .base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
172
+ .base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementOuter__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i19ry60d__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_smqgwd8__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_s7hnwwb__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405:focus ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_hasValue__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_forcePlaceholder__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405.base_y1lvvc_textfieldClear__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__clear-placeholder-color);}
173
173
 
174
174
  .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
175
175
 
176
176
  .base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
177
177
 
178
178
 
179
- .TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
180
- .TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
181
- .TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
182
- .TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
183
- .TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
184
- .TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
185
- .TextField_styles_j7dqpn_olv9av6__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
186
- .TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
187
- .TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
188
- .TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
189
- .TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
190
- .TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
179
+ .TextField_styles_ppcxpx_i1j28rg8__b8b554b5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
180
+ .TextField_styles_ppcxpx_i13zudoe__b8b554b5{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5::-webkit-scrollbar{display:none;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5.TextField_styles_ppcxpx_hasChips__b8b554b5{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
181
+ .TextField_styles_ppcxpx_so4bpie__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
182
+ .TextField_styles_ppcxpx_i13qvwoy__b8b554b5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-webkit-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-moz-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5:-ms-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::placeholder{opacity:0;}
183
+ .TextField_styles_ppcxpx_i19ry60d__b8b554b5{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
184
+ .TextField_styles_ppcxpx_ibt1ohz__b8b554b5{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
185
+ .TextField_styles_ppcxpx_olv9av6__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
186
+ .TextField_styles_ppcxpx_t600610__b8b554b5{display:inline-block;margin-left:auto;}
187
+ .TextField_styles_ppcxpx_suk2zst__b8b554b5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
188
+ .TextField_styles_ppcxpx_l1gjsnfi__b8b554b5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
189
+ .TextField_styles_ppcxpx_ssv2kwg__b8b554b5{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
190
+ .TextField_styles_ppcxpx_s190z894__b8b554b5{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_ppcxpx_s190z894__b8b554b5:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_ppcxpx_s190z894__b8b554b5:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
191
191
 
192
192
 
193
193
 
194
- .TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
195
- .TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
196
- .TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
194
+ .TextField_styles_ppcxpx_s14qvple__b8b554b5{color:var(--plasma-textfield__optional-color);}
195
+ .TextField_styles_ppcxpx_s16itze4__b8b554b5{display:inline-block;line-height:0;}.TextField_styles_ppcxpx_s16itze4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
196
+ .TextField_styles_ppcxpx_h1skqnhr__b8b554b5{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
197
197
 
198
- .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
198
+ .TextField_styles_ppcxpx_s8yezh4__b8b554b5{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5.TextField_styles_ppcxpx_textfieldHasHint__b8b554b5{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-inner-right);}
199
199
 
200
200
  .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
201
201
 
@@ -675,17 +675,17 @@
675
675
 
676
676
  .Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
677
677
 
678
- .StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
679
- .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
680
- .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
681
- .StepItem_styles_sp9rcd_b1kcj14__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
682
- .StepItem_styles_sp9rcd_b9hdug__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
683
- .StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
684
- .StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
685
- .StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
686
- .StepItem_styles_sp9rcd_s12pqpa3__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
687
-
688
- .Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
678
+ .StepItem_styles_acxstj_snf9dn9__065935cf{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
679
+ .StepItem_styles_acxstj_sv5tpso__065935cf{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
680
+ .StepItem_styles_acxstj_s529fhk__065935cf{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
681
+ .StepItem_styles_acxstj_b1kcj14__065935cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf).StepItem_styles_acxstj_itemHasIndicator__065935cf{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
682
+ .StepItem_styles_acxstj_b9hdug__065935cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_acxstj_b9hdug__065935cf::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_focusVisible__065935cf:focus::before,.StepItem_styles_acxstj_b9hdug__065935cf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf.StepItem_styles_acxstj_focusVisible__065935cf:focus::before,.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_simple__065935cf:before,.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_simple__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}
683
+ .StepItem_styles_acxstj_b1eo1o32__065935cf.StepItem_styles_acxstj_b9hdug__065935cf{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_acxstj_b1eo1o32__065935cf.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
684
+ .StepItem_styles_acxstj_sxskc3q__065935cf{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf{background:transparent;}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_indentDivider__065935cf{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_indentDivider__065935cf.StepItem_styles_acxstj_simple__065935cf{height:auto;max-height:none;}
685
+ .StepItem_styles_acxstj_s4zgmmr__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_acxstj_s4zgmmr__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
686
+ .StepItem_styles_acxstj_s12pqpa3__065935cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sxskc3q__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:after{margin:0 auto;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isFirst__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isFirst__065935cf:before{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isLast__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isLast__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isPrevInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isNextInactive__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_isNextActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_sv5tpso__065935cf{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{cursor:pointer;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{width:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-right:0;text-align:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}
687
+
688
+ .Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}
689
689
 
690
690
  .base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_czi0aji__f4ed7c4f{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1e6rwfy__f4ed7c4f{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s14q3826__f4ed7c4f{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_sfxtxl2__f4ed7c4f{margin:var(--plasma-range__left-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1hiyoiq__f4ed7c4f{margin:var(--plasma-range__right-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_l1fwucr5__f4ed7c4f{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
691
691
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.193.0-canary.1550.11805988388.0",
3
+ "version": "0.193.0-canary.1556.11815100174.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,5 +128,5 @@
128
128
  "sideEffects": [
129
129
  "*.css"
130
130
  ],
131
- "gitHead": "7a91689b9eb0ed410282c082268040e421c1e82f"
131
+ "gitHead": "1a827ccbba1e4bbe2dec39b417abff706244be08"
132
132
  }
@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
13
13
  var _ui = /*#__PURE__*/require("./ui");
14
14
  var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
15
15
  var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
16
- var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
16
+ var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "hasInnerLabelPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  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); }
@@ -36,6 +36,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
36
36
  view = _ref.view,
37
37
  size = _ref.size,
38
38
  labelPlacement = _ref.labelPlacement,
39
+ hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder,
39
40
  disabled = _ref.disabled,
40
41
  readOnly = _ref.readOnly,
41
42
  label = _ref.label,
@@ -155,6 +156,11 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
155
156
  "aria-activedescendant": "".concat(listId, "/").concat(focused),
156
157
  "aria-describedby": helperTextId,
157
158
  hintText: String(hintText || '')
159
+ }, labelPlacement === 'inner' ? {
160
+ labelPlacement: labelPlacement,
161
+ hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
162
+ } : {
163
+ labelPlacement: labelPlacement
158
164
  }, rest)),
159
165
  preventOverflow: false,
160
166
  ref: targetRef,
@@ -20,7 +20,7 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
20
20
  var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
21
21
  var _base = /*#__PURE__*/require("./variations/_view/base");
22
22
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
23
- var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
23
+ var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "hasInnerLabelPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
24
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
26
26
  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); }
@@ -64,6 +64,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
64
64
  view = props.view,
65
65
  size = props.size,
66
66
  labelPlacement = props.labelPlacement,
67
+ hasInnerLabelPlaceholder = props.hasInnerLabelPlaceholder,
67
68
  _props$readOnly = props.readOnly,
68
69
  readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
69
70
  _props$disabled = props.disabled,
@@ -377,7 +378,6 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
377
378
  onChange: handleTextValueChange,
378
379
  size: size,
379
380
  view: view,
380
- labelPlacement: labelPlacement,
381
381
  disabled: disabled,
382
382
  readOnly: readOnly,
383
383
  label: label,
@@ -400,6 +400,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
400
400
  "aria-controls": "".concat(treeId, "_tree_level_1"),
401
401
  "aria-expanded": isCurrentListOpen,
402
402
  "aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
403
+ }, labelPlacement === 'inner' ? {
404
+ labelPlacement: labelPlacement,
405
+ hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
406
+ } : {
407
+ labelPlacement: labelPlacement
403
408
  }, multiple ? {
404
409
  enumerationType: 'chip',
405
410
  chips: getChips(),
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
17
17
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
18
18
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
19
19
  var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
20
- var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
20
+ var _excluded = ["className", "opened", "label", "labelPlacement", "hasInnerLabelPlaceholder", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
21
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
23
  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); }
@@ -37,6 +37,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
37
37
  label = _ref.label,
38
38
  _ref$labelPlacement = _ref.labelPlacement,
39
39
  labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
40
+ hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder,
40
41
  placeholder = _ref.placeholder,
41
42
  leftHelper = _ref.leftHelper,
42
43
  contentLeft = _ref.contentLeft,
@@ -173,10 +174,14 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
173
174
  },
174
175
  onFocus: onFocus,
175
176
  onBlur: onBlur,
176
- onKeyDown: onKeyDown
177
- }, innerLabelPlacement && {
178
- label: label,
177
+ onKeyDown: onKeyDown,
179
178
  labelPlacement: labelPlacement
179
+ }, labelPlacement === 'inner' ? {
180
+ label: label,
181
+ labelPlacement: labelPlacement,
182
+ hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
183
+ } : {
184
+ labelPlacement: undefined
180
185
  }));
181
186
  (0, _react.useEffect)(function () {
182
187
  setIsInnerOpen(function (prevOpen) {
@@ -37,6 +37,13 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
37
37
  chipView = _ref.chipView,
38
38
  separator = _ref.separator;
39
39
  var buttonRef = (0, _plasmaCore.useForkRef)(ref, inputWrapperRef);
40
+ if (selectProps.renderTarget) {
41
+ return /*#__PURE__*/_react["default"].createElement("div", {
42
+ ref: inputWrapperRef
43
+ }, selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
44
+ return valueToItemMap.get(value);
45
+ }) : valueToItemMap.get(value)));
46
+ }
40
47
  return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
41
48
  ref: buttonRef,
42
49
  opened: opened,
@@ -43,9 +43,7 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
43
43
  "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
44
44
  "aria-label": label,
45
45
  renderTarget: Boolean(selectProps.renderTarget)
46
- }, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
47
- return valueToItemMap.get(value);
48
- }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
46
+ }, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
49
47
  value: value,
50
48
  valueToItemMap: valueToItemMap,
51
49
  label: label,
@@ -18,6 +18,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
20
  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); }
21
+ 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; }
22
+ 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; }
21
23
  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; }
22
24
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
25
  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); }
@@ -53,19 +55,33 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
53
55
  _useState2 = _slicedToArray(_useState, 2),
54
56
  prevIndex = _useState2[0],
55
57
  setPrevIndex = _useState2[1];
56
- var isUncontrolled = current !== undefined;
57
58
  var hasIndicator = items.some(function (item) {
58
59
  return item.indicator != null;
59
60
  });
60
61
  var isSimple = items.every(function (item) {
61
62
  return !item.title && !item.content;
62
63
  });
64
+ var innerItems = (0, _react.useMemo)(function () {
65
+ var isUncontrolled = current !== undefined;
66
+ return items.map(function (item, index) {
67
+ var itemStatus = (0, _getItemStatus.getItemStatus)({
68
+ isUncontrolled: isUncontrolled,
69
+ current: current,
70
+ status: status,
71
+ index: index,
72
+ item: item
73
+ });
74
+ return _objectSpread(_objectSpread({}, item), {}, {
75
+ status: itemStatus
76
+ });
77
+ });
78
+ }, [status, current, items]);
63
79
  (0, _react.useEffect)(function () {
64
80
  var calcPrevIndex = function calcPrevIndex() {
65
81
  if (current !== undefined) {
66
82
  setPrevIndex(current);
67
83
  } else {
68
- var index = items.findIndex(function (item) {
84
+ var index = innerItems.findIndex(function (item) {
69
85
  return item.status === 'active';
70
86
  });
71
87
  setPrevIndex(index !== -1 ? index : undefined);
@@ -75,21 +91,14 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
75
91
  return function () {
76
92
  calcPrevIndex();
77
93
  };
78
- }, [current, items]);
94
+ }, [current, innerItems]);
79
95
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
80
96
  size: size,
81
97
  view: view,
82
98
  ref: outerRef,
83
99
  className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, orientation === 'vertical'), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator))
84
- }, rest), items.map(function (item, index) {
85
- var itemStatus = (0, _getItemStatus.getItemStatus)({
86
- isUncontrolled: isUncontrolled,
87
- current: current,
88
- status: status,
89
- index: index,
90
- item: item
91
- });
92
- var isActive = itemStatus === 'active';
100
+ }, rest), innerItems.map(function (item, index) {
101
+ var isActive = item.status === 'active';
93
102
  var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
94
103
  var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
95
104
  var onClick = onChange ? function () {
@@ -101,14 +110,14 @@ var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
101
110
  title: item.title,
102
111
  content: itemContent,
103
112
  indicator: item.indicator,
104
- status: itemStatus,
113
+ status: item.status,
105
114
  size: size,
106
115
  orientation: orientation,
107
116
  contentAlign: itemContentAlign,
108
117
  hasLine: hasLine,
109
118
  hasLoader: hasLoader && isActive,
110
119
  onClick: onClick,
111
- items: items
120
+ items: innerItems
112
121
  });
113
122
  }));
114
123
  });
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Steps = /*#__PURE__*/require("./Steps.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.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;}}"], _Steps.classes.simple, _Steps.classes.verticalOrientation, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation, _Steps.classes.simple);
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.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%;}"], _Steps.classes.simple, _Steps.classes.verticalOrientation, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation, _Steps.classes.hasIndicator, _Steps.tokens.activeIndicatorSize, _Steps.classes.hasIndicator, _Steps.tokens.activeBulletSize, _Steps.classes.verticalOrientation);
@@ -62,6 +62,7 @@ var tokens = exports.tokens = {
62
62
  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
63
63
  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
64
64
  contentColor: '--plasma-step-item-content-color',
65
+ focusColor: '--plasma-step-item-focus-color',
65
66
  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
66
67
  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
67
68
  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
@@ -51,6 +51,7 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
51
51
  var prevItem = items[index - 1];
52
52
  var nextItem = items[index + 1];
53
53
  var isActive = status === 'active';
54
+ var isNextActive = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'active';
54
55
  var isInactive = status === 'inactive';
55
56
  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
56
57
  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
@@ -88,8 +89,32 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
88
89
  setIsHovered(false);
89
90
  }
90
91
  }, [isDisabled]);
92
+ if (isSimple) {
93
+ var _cls;
94
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemStyled, {
95
+ className: (0, _classnames["default"])((_cls = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.verticalOrientation, isVertical), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, "isFirst", isFirst), "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
96
+ }, /*#__PURE__*/_react["default"].createElement(_StepItem.BulletIndicatorWrapper, {
97
+ className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator)),
98
+ onClick: onClickHandler,
99
+ onFocus: onMouseOver,
100
+ onBlur: onMouseOut,
101
+ onMouseOver: onMouseOver,
102
+ onMouseOut: onMouseOut
103
+ }, hasLoader && /*#__PURE__*/_react["default"].createElement(_StepItem.SpinnerStyled, {
104
+ hasIndicator: hasIndicator
105
+ }), !hasLoader && /*#__PURE__*/_react["default"].createElement(BulletNode, {
106
+ className: (0, _classnames["default"])(_defineProperty(_defineProperty({}, _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive)),
107
+ disabled: isDisabled
108
+ }, typeof indicator === 'function' && indicator({
109
+ status: status,
110
+ item: item,
111
+ size: size
112
+ }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
113
+ className: (0, _classnames["default"])(_Steps.classes.simple, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive || isNextInactive), _Steps.classes.disabled, isDisabled))
114
+ }));
115
+ }
91
116
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemStyled, {
92
- className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical))
117
+ className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
93
118
  }, /*#__PURE__*/_react["default"].createElement(_StepItem.BulletIndicatorWrapper, {
94
119
  className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator)),
95
120
  onClick: onClickHandler,
@@ -99,20 +124,21 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
99
124
  onMouseOut: onMouseOut
100
125
  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
101
126
  className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive))
102
- }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
127
+ }), isVertical && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
103
128
  className: (0, _classnames["default"])(_Steps.classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive)),
104
129
  indentToken: indentToken
105
130
  }), hasLoader && /*#__PURE__*/_react["default"].createElement(_StepItem.SpinnerStyled, {
106
131
  hasIndicator: hasIndicator
107
132
  }), !hasLoader && /*#__PURE__*/_react["default"].createElement(BulletNode, {
108
- className: (0, _classnames["default"])(_defineProperty(_defineProperty({}, _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive))
133
+ className: (0, _classnames["default"])(_defineProperty(_defineProperty({}, _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive)),
134
+ disabled: isDisabled
109
135
  }, typeof indicator === 'function' && indicator({
110
136
  status: status,
111
137
  item: item,
112
138
  size: size
113
- }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
139
+ }), typeof indicator !== 'function' && indicator), /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
114
140
  className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isLast), _Steps.classes.inactive, isInactive || isNextInactive))
115
- })), !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContentWrapper, {
141
+ })), /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContentWrapper, {
116
142
  className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.active, isActive), _Steps.classes.hasIndicator, hasIndicator))
117
143
  }, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemTitle, {
118
144
  onClick: onClickHandler,
@@ -120,7 +146,5 @@ var StepItem = exports.StepItem = function StepItem(_ref) {
120
146
  onBlur: onMouseOut,
121
147
  onMouseOver: onMouseOver,
122
148
  onMouseOut: onMouseOut
123
- }, title), content && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
124
- className: (0, _classnames["default"])(_Steps.classes.simple, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.inactive, isInactive || isNextInactive))
125
- }));
149
+ }, title), content && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
126
150
  };