@salutejs/plasma-new-hope 0.187.1-canary.1517.11744378817.0 → 0.188.0-canary.1550.11767527974.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (553) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Chip/Chip.js +3 -1
  3. package/cjs/components/Chip/Chip.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  10. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  13. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  19. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  20. package/cjs/components/Pagination/Pagination.css +86 -37
  21. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  22. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  23. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  24. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  25. package/cjs/components/Range/Range.css +21 -22
  26. package/cjs/components/Select/FloatingPopover.js +87 -0
  27. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  28. package/cjs/components/Select/Select.css +83 -34
  29. package/cjs/components/Select/Select.js +179 -139
  30. package/cjs/components/Select/Select.js.map +1 -1
  31. package/cjs/components/Select/Select.styles.js +17 -50
  32. package/cjs/components/Select/Select.styles.js.map +1 -1
  33. package/cjs/components/Select/Select.styles_96j02v.css +2 -0
  34. package/cjs/components/Select/Select.tokens.js +122 -78
  35. package/cjs/components/Select/Select.tokens.js.map +1 -1
  36. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  37. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  38. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  39. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  40. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  41. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  42. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  43. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  44. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +16 -12
  45. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  46. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  47. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  48. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
  49. package/cjs/components/Select/ui/Target/Target.css +58 -17
  50. package/cjs/components/Select/ui/Target/Target.js +34 -16
  51. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  52. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  53. package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
  54. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  55. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  56. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  57. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  58. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  59. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  60. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  61. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +35 -107
  62. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
  64. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  65. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  66. package/cjs/components/Select/utils/getItemId.js +10 -0
  67. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  68. package/cjs/components/Select/utils/getPlacement.js +13 -0
  69. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  70. package/cjs/components/Select/utils/getView.js +2 -2
  71. package/cjs/components/Select/utils/getView.js.map +1 -1
  72. package/cjs/components/Slider/Slider.css +21 -22
  73. package/cjs/components/Slider/components/Double/Double.css +21 -22
  74. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  75. package/cjs/components/Steps/Steps.css +10 -10
  76. package/cjs/components/Steps/Steps.js +14 -21
  77. package/cjs/components/Steps/Steps.js.map +1 -1
  78. package/cjs/components/Steps/Steps.styles.js +1 -1
  79. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  80. package/cjs/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  81. package/cjs/components/Steps/Steps.tokens.js +0 -1
  82. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  83. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  84. package/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  85. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  86. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  87. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  88. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  89. package/cjs/components/TextField/TextField.js +7 -0
  90. package/cjs/components/TextField/TextField.js.map +1 -1
  91. package/cjs/components/TextField/TextField.styles.js +14 -22
  92. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  93. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  94. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  95. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  96. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  97. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  98. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  99. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  100. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  101. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  102. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  103. package/cjs/components/TextField/variations/_size/base.js +1 -1
  104. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  105. package/cjs/components/TextField/variations/_view/base.js +1 -1
  106. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  107. package/cjs/index.css +57 -72
  108. package/emotion/cjs/components/Chip/Chip.js +3 -1
  109. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  110. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  111. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  112. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  113. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  114. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  115. package/emotion/cjs/components/Select/Select.js +177 -136
  116. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  117. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  118. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  119. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  120. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  121. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  122. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
  123. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  124. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  125. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  126. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  127. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  128. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
  129. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  130. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  131. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  132. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  133. package/emotion/cjs/components/Select/utils/index.js +22 -1
  134. package/emotion/cjs/components/Steps/Steps.js +14 -23
  135. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  136. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -1
  137. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  138. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  139. package/emotion/cjs/components/TextField/TextField.js +8 -1
  140. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  141. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  142. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  143. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  144. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  145. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  146. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  147. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  148. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  149. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  150. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  151. package/emotion/es/components/Chip/Chip.js +3 -1
  152. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  153. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  154. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  155. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  156. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  157. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  158. package/emotion/es/components/Select/Select.js +182 -141
  159. package/emotion/es/components/Select/Select.styles.js +12 -30
  160. package/emotion/es/components/Select/Select.tokens.js +125 -60
  161. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  162. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  163. package/emotion/es/components/Select/reducers/index.js +1 -2
  164. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  165. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
  166. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -48
  167. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  168. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  169. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  170. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  171. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
  172. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  173. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  174. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  175. package/emotion/es/components/Select/utils/getView.js +2 -2
  176. package/emotion/es/components/Select/utils/index.js +4 -1
  177. package/emotion/es/components/Steps/Steps.js +15 -24
  178. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  179. package/emotion/es/components/Steps/Steps.tokens.js +0 -1
  180. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  181. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  182. package/emotion/es/components/TextField/TextField.js +8 -1
  183. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  184. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  185. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  186. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  187. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  188. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  189. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  190. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  191. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  192. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  193. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  194. package/es/components/Autocomplete/Autocomplete.css +21 -22
  195. package/es/components/Chip/Chip.js +3 -1
  196. package/es/components/Chip/Chip.js.map +1 -1
  197. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  198. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  199. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  200. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  201. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  202. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  203. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  204. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  205. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  206. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  207. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  208. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  209. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  210. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  211. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  212. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  213. package/es/components/Pagination/Pagination.css +86 -37
  214. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  215. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  216. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  217. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  218. package/es/components/Range/Range.css +21 -22
  219. package/es/components/Select/FloatingPopover.js +83 -0
  220. package/es/components/Select/FloatingPopover.js.map +1 -0
  221. package/es/components/Select/Select.css +83 -34
  222. package/es/components/Select/Select.js +182 -142
  223. package/es/components/Select/Select.js.map +1 -1
  224. package/es/components/Select/Select.styles.js +18 -48
  225. package/es/components/Select/Select.styles.js.map +1 -1
  226. package/es/components/Select/Select.styles_96j02v.css +2 -0
  227. package/es/components/Select/Select.tokens.js +123 -78
  228. package/es/components/Select/Select.tokens.js.map +1 -1
  229. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  230. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  231. package/es/components/Select/hooks/usePathMaps.js +4 -1
  232. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  233. package/es/components/Select/ui/Inner/Inner.css +83 -34
  234. package/es/components/Select/ui/Inner/Inner.js +10 -10
  235. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  236. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  237. package/es/components/Select/ui/Inner/ui/Item/Item.js +18 -14
  238. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  239. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  240. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  241. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
  242. package/es/components/Select/ui/Target/Target.css +58 -17
  243. package/es/components/Select/ui/Target/Target.js +35 -17
  244. package/es/components/Select/ui/Target/Target.js.map +1 -1
  245. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  246. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  247. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  248. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  249. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  250. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  251. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  252. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  253. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  254. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +36 -99
  255. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  256. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
  257. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  258. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  259. package/es/components/Select/utils/getItemId.js +6 -0
  260. package/es/components/Select/utils/getItemId.js.map +1 -0
  261. package/es/components/Select/utils/getPlacement.js +9 -0
  262. package/es/components/Select/utils/getPlacement.js.map +1 -0
  263. package/es/components/Select/utils/getView.js +2 -2
  264. package/es/components/Select/utils/getView.js.map +1 -1
  265. package/es/components/Slider/Slider.css +21 -22
  266. package/es/components/Slider/components/Double/Double.css +21 -22
  267. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  268. package/es/components/Steps/Steps.css +10 -10
  269. package/es/components/Steps/Steps.js +16 -23
  270. package/es/components/Steps/Steps.js.map +1 -1
  271. package/es/components/Steps/Steps.styles.js +1 -1
  272. package/es/components/Steps/Steps.styles.js.map +1 -1
  273. package/es/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  274. package/es/components/Steps/Steps.tokens.js +0 -1
  275. package/es/components/Steps/Steps.tokens.js.map +1 -1
  276. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  277. package/es/components/Steps/ui/StepItem/StepItem.js +8 -30
  278. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  279. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  280. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  281. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  282. package/es/components/TextField/TextField.js +7 -0
  283. package/es/components/TextField/TextField.js.map +1 -1
  284. package/es/components/TextField/TextField.styles.js +14 -22
  285. package/es/components/TextField/TextField.styles.js.map +1 -1
  286. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  287. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  288. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  289. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  290. package/es/components/TextField/variations/_clear/base.js +1 -1
  291. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  292. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  293. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  294. package/es/components/TextField/variations/_read-only/base.js +1 -1
  295. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  296. package/es/components/TextField/variations/_size/base.js +1 -1
  297. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  298. package/es/components/TextField/variations/_view/base.js +1 -1
  299. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  300. package/es/index.css +57 -72
  301. package/package.json +2 -2
  302. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  303. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  304. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  305. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  306. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  307. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  308. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  309. package/styled-components/cjs/components/Select/Select.js +177 -136
  310. package/styled-components/cjs/components/Select/Select.styles.js +11 -26
  311. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  312. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  313. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  314. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  315. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  316. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
  317. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  318. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  319. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  320. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  321. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  322. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
  323. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  324. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  325. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  326. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  327. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  328. package/styled-components/cjs/components/Steps/Steps.js +14 -23
  329. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  330. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -1
  331. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  332. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  333. package/styled-components/cjs/components/TextField/TextField.js +7 -0
  334. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  335. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  336. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  337. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  338. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  339. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  340. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  341. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  342. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  343. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  344. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  345. package/styled-components/es/components/Chip/Chip.js +3 -1
  346. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  347. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  348. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  349. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  350. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  351. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  352. package/styled-components/es/components/Select/Select.js +182 -141
  353. package/styled-components/es/components/Select/Select.styles.js +10 -25
  354. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  355. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  356. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  357. package/styled-components/es/components/Select/reducers/index.js +1 -2
  358. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  359. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
  360. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +18 -24
  361. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  362. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  363. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  364. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  365. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
  366. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  367. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  368. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  369. package/styled-components/es/components/Select/utils/getView.js +2 -2
  370. package/styled-components/es/components/Select/utils/index.js +4 -1
  371. package/styled-components/es/components/Steps/Steps.js +15 -24
  372. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  373. package/styled-components/es/components/Steps/Steps.tokens.js +0 -1
  374. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  375. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  376. package/styled-components/es/components/TextField/TextField.js +7 -0
  377. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  378. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  379. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  380. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  381. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  382. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  383. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  384. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  385. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  386. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  387. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  388. package/types/components/Chip/Chip.d.ts.map +1 -1
  389. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  390. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  391. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  392. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  393. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  394. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  395. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  396. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  397. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +8 -8
  398. package/types/components/Select/FloatingPopover.d.ts +5 -0
  399. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  400. package/types/components/Select/Select.d.ts +5 -11
  401. package/types/components/Select/Select.d.ts.map +1 -1
  402. package/types/components/Select/Select.styles.d.ts +0 -9
  403. package/types/components/Select/Select.styles.d.ts.map +1 -1
  404. package/types/components/Select/Select.tokens.d.ts +121 -58
  405. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  406. package/types/components/Select/Select.types.d.ts +27 -16
  407. package/types/components/Select/Select.types.d.ts.map +1 -1
  408. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  409. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  410. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  411. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  412. package/types/components/Select/reducers/index.d.ts +0 -1
  413. package/types/components/Select/reducers/index.d.ts.map +1 -1
  414. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  415. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  416. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  417. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  418. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  419. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  420. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  421. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  422. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  423. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  424. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  425. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  426. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  427. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  428. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  429. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  430. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  431. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  432. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  433. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  434. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  435. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  436. package/types/components/Select/utils/getItemId.d.ts +2 -0
  437. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  438. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  439. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  440. package/types/components/Select/utils/getView.d.ts +1 -1
  441. package/types/components/Select/utils/getView.d.ts.map +1 -1
  442. package/types/components/Select/utils/index.d.ts +3 -0
  443. package/types/components/Select/utils/index.d.ts.map +1 -1
  444. package/types/components/Steps/Steps.d.ts.map +1 -1
  445. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  446. package/types/components/Steps/Steps.tokens.d.ts +0 -1
  447. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  448. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  449. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  450. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  451. package/types/components/TextField/TextField.d.ts.map +1 -1
  452. package/types/components/TextField/TextField.styles.d.ts +1 -3
  453. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  454. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  455. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  456. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  457. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  458. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  459. package/types/examples/plasma_b2c/components/Select/Select.d.ts +21 -14
  460. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  461. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  462. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  463. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  464. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  465. package/types/examples/plasma_web/components/Select/Select.d.ts +21 -14
  466. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  467. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  468. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  469. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  470. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  471. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  472. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  473. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  474. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  475. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  476. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  477. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  478. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  479. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  480. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  481. package/cjs/components/Select/variations/_size/base.js +0 -9
  482. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  483. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  484. package/cjs/components/Select/variations/_view/base.js +0 -9
  485. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  486. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  487. package/cjs/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
  488. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  489. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  490. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  491. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  492. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  493. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  494. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  495. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  496. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  497. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  498. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  499. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  500. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  501. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  502. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  503. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  504. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  505. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  506. package/es/components/Select/Select.styles_768h42.css +0 -5
  507. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  508. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  509. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  510. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  511. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  512. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  513. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  514. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  515. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  516. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  517. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  518. package/es/components/Select/variations/_size/base.js +0 -5
  519. package/es/components/Select/variations/_size/base.js.map +0 -1
  520. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  521. package/es/components/Select/variations/_view/base.js +0 -5
  522. package/es/components/Select/variations/_view/base.js.map +0 -1
  523. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  524. package/es/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
  525. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  526. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  527. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  528. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  529. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  530. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  531. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  532. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  533. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  534. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  535. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  536. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  537. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  538. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  539. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  540. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  541. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  542. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  543. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  544. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  545. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  546. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  547. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  548. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  549. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  550. package/types/components/Select/variations/_size/base.d.ts +0 -2
  551. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  552. package/types/components/Select/variations/_view/base.d.ts +0 -2
  553. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -37,7 +37,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
37
37
  listOverflow?: import("csstype").Property.Overflow | undefined;
38
38
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
39
39
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
40
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
40
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
41
41
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
42
42
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
43
43
  closeAfterSelect?: boolean | undefined;
@@ -73,7 +73,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
73
73
  listOverflow?: import("csstype").Property.Overflow | undefined;
74
74
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
75
75
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
76
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
76
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
77
77
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
78
78
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
79
79
  closeAfterSelect?: boolean | undefined;
@@ -109,7 +109,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
109
109
  listOverflow?: import("csstype").Property.Overflow | undefined;
110
110
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
111
111
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
112
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
112
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
113
113
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
114
114
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
115
115
  closeAfterSelect?: boolean | undefined;
@@ -145,7 +145,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
145
145
  listOverflow?: import("csstype").Property.Overflow | undefined;
146
146
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
147
147
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
148
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
148
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
149
149
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
150
150
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
151
151
  closeAfterSelect?: boolean | undefined;
@@ -181,7 +181,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
181
181
  listOverflow?: import("csstype").Property.Overflow | undefined;
182
182
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
183
183
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
184
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
184
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
185
185
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
186
186
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
187
187
  closeAfterSelect?: boolean | undefined;
@@ -217,7 +217,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
217
217
  listOverflow?: import("csstype").Property.Overflow | undefined;
218
218
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
219
219
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
220
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
220
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
221
221
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
222
222
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
223
223
  closeAfterSelect?: boolean | undefined;
@@ -253,7 +253,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
253
253
  listOverflow?: import("csstype").Property.Overflow | undefined;
254
254
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
255
255
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
256
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
256
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
257
257
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
258
258
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
259
259
  closeAfterSelect?: boolean | undefined;
@@ -289,7 +289,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
289
289
  listOverflow?: import("csstype").Property.Overflow | undefined;
290
290
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
291
291
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
292
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
292
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
293
293
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
294
294
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
295
295
  closeAfterSelect?: boolean | undefined;
@@ -325,7 +325,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
325
325
  listOverflow?: import("csstype").Property.Overflow | undefined;
326
326
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
327
327
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
328
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
328
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
329
329
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
330
330
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
331
331
  closeAfterSelect?: boolean | undefined;
@@ -361,7 +361,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
361
361
  listOverflow?: import("csstype").Property.Overflow | undefined;
362
362
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
363
363
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
364
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
364
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
365
365
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
366
366
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
367
367
  closeAfterSelect?: boolean | undefined;
@@ -397,7 +397,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
397
397
  listOverflow?: import("csstype").Property.Overflow | undefined;
398
398
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
399
399
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
400
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
400
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
401
401
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
402
402
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
403
403
  closeAfterSelect?: boolean | undefined;
@@ -433,7 +433,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
433
433
  listOverflow?: import("csstype").Property.Overflow | undefined;
434
434
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
435
435
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
436
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
436
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
437
437
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
438
438
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
439
439
  closeAfterSelect?: boolean | undefined;
@@ -495,7 +495,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
495
495
  listOverflow?: import("csstype").Property.Overflow | undefined;
496
496
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
497
497
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
498
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
498
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
499
499
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
500
500
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
501
501
  closeAfterSelect?: boolean | undefined;
@@ -531,7 +531,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
531
531
  listOverflow?: import("csstype").Property.Overflow | undefined;
532
532
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
533
533
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
534
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
534
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
535
535
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
536
536
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
537
537
  closeAfterSelect?: boolean | undefined;
@@ -567,7 +567,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
567
567
  listOverflow?: import("csstype").Property.Overflow | undefined;
568
568
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
569
569
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
570
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
570
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
571
571
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
572
572
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
573
573
  closeAfterSelect?: boolean | undefined;
@@ -603,7 +603,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
603
603
  listOverflow?: import("csstype").Property.Overflow | undefined;
604
604
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
605
605
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
606
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
606
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
607
607
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
608
608
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
609
609
  closeAfterSelect?: boolean | undefined;
@@ -639,7 +639,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
639
639
  listOverflow?: import("csstype").Property.Overflow | undefined;
640
640
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
641
641
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
642
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
642
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
643
643
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
644
644
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
645
645
  closeAfterSelect?: boolean | undefined;
@@ -675,7 +675,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
675
675
  listOverflow?: import("csstype").Property.Overflow | undefined;
676
676
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
677
677
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
678
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
678
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
679
679
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
680
680
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
681
681
  closeAfterSelect?: boolean | undefined;
@@ -711,7 +711,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
711
711
  listOverflow?: import("csstype").Property.Overflow | undefined;
712
712
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
713
713
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
714
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
714
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
715
715
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
716
716
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
717
717
  closeAfterSelect?: boolean | undefined;
@@ -747,7 +747,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
747
747
  listOverflow?: import("csstype").Property.Overflow | undefined;
748
748
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
749
749
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
750
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
750
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
751
751
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
752
752
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
753
753
  closeAfterSelect?: boolean | undefined;
@@ -783,7 +783,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
783
783
  listOverflow?: import("csstype").Property.Overflow | undefined;
784
784
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
785
785
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
786
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
786
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
787
787
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
788
788
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
789
789
  closeAfterSelect?: boolean | undefined;
@@ -819,7 +819,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
819
819
  listOverflow?: import("csstype").Property.Overflow | undefined;
820
820
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
821
821
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
822
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
822
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
823
823
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
824
824
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
825
825
  closeAfterSelect?: boolean | undefined;
@@ -855,7 +855,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
855
855
  listOverflow?: import("csstype").Property.Overflow | undefined;
856
856
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
857
857
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
858
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
858
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
859
859
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
860
860
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
861
861
  closeAfterSelect?: boolean | undefined;
@@ -891,7 +891,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
891
891
  listOverflow?: import("csstype").Property.Overflow | undefined;
892
892
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
893
893
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
894
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
894
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
895
895
  renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
896
896
  filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
897
897
  closeAfterSelect?: boolean | undefined;
@@ -1,16 +1,11 @@
1
1
  export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
- chipView: string;
5
4
  size: string;
5
+ labelPlacement: string;
6
+ chipView: string;
6
7
  };
7
8
  variations: {
8
- size: {
9
- xs: import("@linaria/core").LinariaClassName;
10
- s: import("@linaria/core").LinariaClassName;
11
- m: import("@linaria/core").LinariaClassName;
12
- l: import("@linaria/core").LinariaClassName;
13
- };
14
9
  view: {
15
10
  default: import("@linaria/core").LinariaClassName;
16
11
  positive: import("@linaria/core").LinariaClassName;
@@ -23,11 +18,24 @@ export declare const config: {
23
18
  black: import("@linaria/core").LinariaClassName;
24
19
  white: import("@linaria/core").LinariaClassName;
25
20
  };
21
+ size: {
22
+ l: import("@linaria/core").LinariaClassName;
23
+ m: import("@linaria/core").LinariaClassName;
24
+ s: import("@linaria/core").LinariaClassName;
25
+ xs: import("@linaria/core").LinariaClassName;
26
+ };
27
+ labelPlacement: {
28
+ inner: import("@linaria/core").LinariaClassName;
29
+ outer: import("@linaria/core").LinariaClassName;
30
+ };
26
31
  chipView: {
27
32
  default: import("@linaria/core").LinariaClassName;
28
33
  secondary: import("@linaria/core").LinariaClassName;
29
34
  accent: import("@linaria/core").LinariaClassName;
30
35
  };
36
+ disabled: {
37
+ true: import("@linaria/core").LinariaClassName;
38
+ };
31
39
  };
32
40
  };
33
41
  //# sourceMappingURL=Select.config.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4dlB,CAAC"}
1
+ {"version":3,"file":"Select.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoqBlB,CAAC"}
@@ -1,11 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  declare const Select: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- size: {
4
- xs: import("@linaria/core").LinariaClassName;
5
- s: import("@linaria/core").LinariaClassName;
6
- m: import("@linaria/core").LinariaClassName;
7
- l: import("@linaria/core").LinariaClassName;
8
- };
9
3
  view: {
10
4
  default: import("@linaria/core").LinariaClassName;
11
5
  positive: import("@linaria/core").LinariaClassName;
@@ -18,11 +12,24 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
18
12
  black: import("@linaria/core").LinariaClassName;
19
13
  white: import("@linaria/core").LinariaClassName;
20
14
  };
15
+ size: {
16
+ l: import("@linaria/core").LinariaClassName;
17
+ m: import("@linaria/core").LinariaClassName;
18
+ s: import("@linaria/core").LinariaClassName;
19
+ xs: import("@linaria/core").LinariaClassName;
20
+ };
21
+ labelPlacement: {
22
+ inner: import("@linaria/core").LinariaClassName;
23
+ outer: import("@linaria/core").LinariaClassName;
24
+ };
21
25
  chipView: {
22
26
  default: import("@linaria/core").LinariaClassName;
23
27
  secondary: import("@linaria/core").LinariaClassName;
24
28
  accent: import("@linaria/core").LinariaClassName;
25
29
  };
30
+ disabled: {
31
+ true: import("@linaria/core").LinariaClassName;
32
+ };
26
33
  }> & (({
27
34
  target?: "textfield-like" | undefined;
28
35
  view?: "default" | "warning" | "positive" | "negative" | undefined;
@@ -34,7 +41,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
34
41
  multiselect?: false | undefined;
35
42
  separator?: undefined;
36
43
  } & {
37
- value: any;
44
+ value?: any;
38
45
  onChange?: ((value: any) => void) | undefined;
39
46
  listOverflow?: import("csstype").Property.Overflow | undefined;
40
47
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
@@ -49,7 +56,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
49
56
  isOpen?: boolean | undefined;
50
57
  isTargetAmount?: boolean | undefined;
51
58
  renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
52
- placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
59
+ placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
53
60
  label?: string | undefined;
54
61
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
55
62
  variant?: "normal" | "tight" | undefined;
@@ -72,7 +79,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
72
79
  multiselect?: true | undefined;
73
80
  separator?: string | undefined;
74
81
  } & {
75
- value: any;
82
+ value?: any;
76
83
  onChange?: ((value: any) => void) | undefined;
77
84
  listOverflow?: import("csstype").Property.Overflow | undefined;
78
85
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
@@ -87,7 +94,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
87
94
  isOpen?: boolean | undefined;
88
95
  isTargetAmount?: boolean | undefined;
89
96
  renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
90
- placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
97
+ placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
91
98
  label?: string | undefined;
92
99
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
93
100
  variant?: "normal" | "tight" | undefined;
@@ -110,7 +117,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
110
117
  multiselect?: false | undefined;
111
118
  separator?: undefined;
112
119
  } & {
113
- value: any;
120
+ value?: any;
114
121
  onChange?: ((value: any) => void) | undefined;
115
122
  listOverflow?: import("csstype").Property.Overflow | undefined;
116
123
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
@@ -125,7 +132,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
125
132
  isOpen?: boolean | undefined;
126
133
  isTargetAmount?: boolean | undefined;
127
134
  renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
128
- placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
135
+ placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
129
136
  label?: string | undefined;
130
137
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
131
138
  variant?: "normal" | "tight" | undefined;
@@ -148,7 +155,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
148
155
  multiselect?: true | undefined;
149
156
  separator?: string | undefined;
150
157
  } & {
151
- value: any;
158
+ value?: any;
152
159
  onChange?: ((value: any) => void) | undefined;
153
160
  listOverflow?: import("csstype").Property.Overflow | undefined;
154
161
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
@@ -163,7 +170,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
163
170
  isOpen?: boolean | undefined;
164
171
  isTargetAmount?: boolean | undefined;
165
172
  renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
166
- placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
173
+ placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
167
174
  label?: string | undefined;
168
175
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
169
176
  variant?: "normal" | "tight" | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAA0B,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAA0B,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Steps.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Steps/Steps.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA+NlB,CAAC"}
1
+ {"version":3,"file":"Steps.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Steps/Steps.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA8NlB,CAAC"}
@@ -1,3 +0,0 @@
1
- .s1e57mfu{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;gap:0.5rem;}
2
- .s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
3
- .squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
@@ -1,5 +0,0 @@
1
- .spxbau6 .popover-root{width:var(--spxbau6-0);}.spxbau6 .popover-target{width:100%;}
2
- .u1yey2x3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
3
- .bvro45w .popover-wrapper,.bvro45w .popover-target{display:block;}
4
- .ogpldc9{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
5
- .h2ef052{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- function focusedChipIndexReducer(state, action) {
6
- switch (action.type) {
7
- case 'reset':
8
- {
9
- return null;
10
- }
11
- case 'moveLeft':
12
- {
13
- if (state === null) {
14
- return 0;
15
- }
16
- if (state === 0) {
17
- return state;
18
- }
19
- return state - 1;
20
- }
21
- case 'moveRight':
22
- {
23
- if (state === null) {
24
- return action.total - 1;
25
- }
26
- if (state === action.total - 1) {
27
- return state;
28
- }
29
- return state + 1;
30
- }
31
- default:
32
- {
33
- return null;
34
- }
35
- }
36
- }
37
-
38
- exports.focusedChipIndexReducer = focusedChipIndexReducer;
39
- //# sourceMappingURL=focusedChipIndexReducer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focusedChipIndexReducer.js","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"sourcesContent":["export type FocusedChipIndexState = number | null;\n\nexport type FocusedChipIndexAction = { type: 'reset' } | { type: 'moveLeft' } | { type: 'moveRight'; total: number };\n\nexport function focusedChipIndexReducer(\n state: FocusedChipIndexState,\n action: FocusedChipIndexAction,\n): FocusedChipIndexState {\n switch (action.type) {\n case 'reset': {\n return null;\n }\n\n case 'moveLeft': {\n if (state === null) {\n return 0;\n }\n\n if (state === 0) {\n return state;\n }\n\n return state - 1;\n }\n\n case 'moveRight': {\n if (state === null) {\n return action.total - 1;\n }\n\n if (state === action.total - 1) {\n return state;\n }\n\n return state + 1;\n }\n\n default: {\n return null;\n }\n }\n}\n"],"names":["focusedChipIndexReducer","state","action","type","total"],"mappings":";;;;AAIO,SAASA,uBAAuBA,CACnCC,KAA4B,EAC5BC,MAA8B,EACT;EACrB,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,UAAU;AAAE,MAAA;QACb,IAAIF,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,WAAW;AAAE,MAAA;QACd,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,KAAK,GAAG,CAAC,CAAA;AAC3B,SAAA;AAEA,QAAA,IAAIH,KAAK,KAAKC,MAAM,CAACE,KAAK,GAAG,CAAC,EAAE;AAC5B,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,9 +0,0 @@
1
- .s1vls8ri{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
2
- .s1to2lz5{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
3
- .s17z4dei{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
4
- .s1nd9idj{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
5
- .dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
6
- .i581hb1{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(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.i581hb1 .select-item-checkbox{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
7
- .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
8
- .wzzpzvq{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
9
-
@@ -1,5 +0,0 @@
1
- .sfn0xs0{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
2
- .i1akdel6{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-target-button-arrow-color-active);}
3
- .sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
5
- .lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,12 +0,0 @@
1
- .t1yhwv5r{display:inline;}.t1yhwv5r .select-textfield-target{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.t1yhwv5r .select-textfield-target:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.t1yhwv5r .select-without-box-shadow::before{box-shadow:none !important;}
2
- .s7x5udn{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.s7x5udn::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s7x5udn.focus-visible:focus::before,.s7x5udn[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
3
-
4
- .i1kxyc50{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.i1kxyc50:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.i1kxyc50:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
5
- .wqzfsxn{width:100%;height:100%;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.wqzfsxn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
6
- .c1cgo38i{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.c1cgo38i::-webkit-scrollbar{display:none;}
7
- .l9ikjwc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
8
- .p1jn3k4y{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
9
- .i8xlj9b{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:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
10
- .iu6fefp{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
11
- .c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
12
- .v1kam5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,21 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
4
-
5
- .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
6
-
7
- .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
8
-
9
- .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
10
-
11
- .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
12
-
13
- .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
14
-
15
- .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
16
- .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
17
- .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
18
- .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
19
- .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
20
-
21
- .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
@@ -1,36 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var Select_tokens = require('../../../../../../Select.tokens.js');
7
- var Chip_styles = require('./Chip.styles.js');
8
-
9
- var _div;
10
- var Chip = function Chip(_ref) {
11
- var text = _ref.text,
12
- onClick = _ref.onClick,
13
- focused = _ref.focused,
14
- isTargetAmount = _ref.isTargetAmount;
15
- var ref = React.useRef(null);
16
- React.useEffect(function () {
17
- if (focused && ref.current) {
18
- ref.current.scrollIntoView({
19
- behavior: 'smooth',
20
- block: 'center',
21
- inline: 'center'
22
- });
23
- }
24
- }, [focused]);
25
- return /*#__PURE__*/React.createElement(Chip_styles.StyledChip, {
26
- contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
27
- tabIndex: -1,
28
- onClick: onClick,
29
- text: "".concat(text),
30
- className: focused ? Select_tokens.classes.selectChipIsFocused : undefined,
31
- ref: ref
32
- });
33
- };
34
-
35
- exports.Chip = Chip;
36
- //# sourceMappingURL=Chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { SelectProps } from '../../../../../../Select.types';\nimport { classes } from '../../../../../../Select.tokens';\n\nimport { StyledChip } from './Chip.styles';\n\nexport const Chip: React.FC<{\n text: string;\n onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n focused?: boolean;\n isTargetAmount?: SelectProps['isTargetAmount'];\n}> = ({ text, onClick, focused, isTargetAmount }) => {\n const ref = useRef<HTMLButtonElement | null>(null);\n\n useEffect(() => {\n if (focused && ref.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focused]);\n\n return (\n <StyledChip\n contentClearButton={isTargetAmount && <div />}\n tabIndex={-1}\n onClick={onClick}\n text={`${text}`}\n className={focused ? classes.selectChipIsFocused : undefined}\n ref={ref}\n />\n );\n};\n"],"names":["Chip","_ref","text","onClick","focused","isTargetAmount","ref","useRef","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","StyledChip","contentClearButton","_div","tabIndex","concat","className","classes","selectChipIsFocused","undefined"],"mappings":";;;;;;;;;IAOaA,IAKX,GAAG,SALQA,IAKXA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAA;AAC1C,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIJ,OAAO,IAAIE,GAAG,CAACG,OAAO,EAAE;AACxBH,MAAAA,GAAG,CAACG,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACT,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,sBAAU,EAAA;AACPC,IAAAA,kBAAkB,EAAEZ,cAAc,KAAAa,IAAA,KAAAA,IAAA,gBAAIJ,KAAA,CAAAC,aAAA,CAAM,KAAA,EAAA,IAAA,CAAC,CAAC,CAAA;IAC9CI,QAAQ,EAAE,CAAC,CAAE;AACbhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,IAAI,EAAAkB,EAAAA,CAAAA,MAAA,CAAKlB,IAAI,CAAG;AAChBmB,IAAAA,SAAS,EAAEjB,OAAO,GAAGkB,qBAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}
@@ -1,22 +0,0 @@
1
- import './Chip.styles_1a752pa.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var common = require('../../../../../../../../engines/common.js');
8
- var Chip$1 = require('../../../../../../../Chip/Chip.js');
9
-
10
- var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
11
- var Chip = /*#__PURE__*/common.component(mergedConfig);
12
- var _exp = function _exp() {
13
- return Chip;
14
- };
15
- var StyledChip = /*#__PURE__*/react.styled(_exp())({
16
- name: "StyledChip",
17
- "class": "scwjjdn",
18
- propsAsIs: true
19
- });
20
-
21
- exports.StyledChip = StyledChip;
22
- //# sourceMappingURL=Chip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.colorHover}: var(${tokens.chipColor});\n ${chipTokens.colorActive}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n ${chipTokens.fontSize}: var(${tokens.fontSize});\n ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n ${chipTokens.focusColor}: var(${constants.focusColor});\n\n ${addFocus({\n outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n customFocusRules: `\n &.${classes.selectChipIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}