@salutejs/plasma-new-hope 0.326.0-canary.1973.15428061748.0 → 0.326.0-canary.1973.15523989355.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (565) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +6 -5
  2. package/cjs/components/Autocomplete/Autocomplete.js +2 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Autocomplete/Autocomplete.styles.js +12 -6
  5. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
  7. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
  8. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
  9. package/cjs/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
  10. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
  11. package/cjs/components/CodeField/CodeField.js +5 -1
  12. package/cjs/components/CodeField/CodeField.js.map +1 -1
  13. package/cjs/components/CodeInput/CodeInput.css +10 -10
  14. package/cjs/components/CodeInput/CodeInput.js +31 -15
  15. package/cjs/components/CodeInput/CodeInput.js.map +1 -1
  16. package/cjs/components/CodeInput/CodeInput.styles.js +5 -5
  17. package/cjs/components/CodeInput/CodeInput.styles.js.map +1 -1
  18. package/{es/components/CodeInput/CodeInput.styles_29ush3.css → cjs/components/CodeInput/CodeInput.styles_3w98lu.css} +1 -1
  19. package/cjs/components/CodeInput/CodeInput.tokens.js +15 -37
  20. package/cjs/components/CodeInput/CodeInput.tokens.js.map +1 -1
  21. package/cjs/components/CodeInput/utils/constants.js +1 -1
  22. package/cjs/components/CodeInput/utils/constants.js.map +1 -1
  23. package/cjs/components/CodeInput/utils/handleItemError.js +18 -1
  24. package/cjs/components/CodeInput/utils/handleItemError.js.map +1 -1
  25. package/cjs/components/CodeInput/variations/_size/base.js +1 -1
  26. package/cjs/components/CodeInput/variations/_size/base.js.map +1 -1
  27. package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  28. package/cjs/components/CodeInput/variations/_view/base.js +1 -1
  29. package/cjs/components/CodeInput/variations/_view/base.js.map +1 -1
  30. package/cjs/components/CodeInput/variations/_view/base_17gj0wr.css +1 -0
  31. package/cjs/components/Combobox/ComboboxNew/Combobox.css +61 -56
  32. package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -4
  33. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  34. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
  35. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  36. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  37. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  38. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  39. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  40. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  41. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  42. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  43. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  44. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  45. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  46. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1fy6e2z.css → Item.styles_80gotw.css} +2 -2
  47. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  48. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
  49. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  50. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
  51. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  52. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
  53. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  54. package/cjs/components/Combobox/ComboboxOld/Combobox.css +8 -7
  55. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
  56. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
  57. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
  58. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
  59. package/cjs/components/Dropdown/Dropdown.css +8 -7
  60. package/cjs/components/Dropdown/Dropdown.js +7 -5
  61. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  62. package/cjs/components/Dropdown/Dropdown.styles.js +17 -16
  63. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  64. package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
  65. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  66. package/cjs/components/Dropdown/FloatingPopover.js +5 -4
  67. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  68. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
  69. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  70. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  71. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
  72. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
  73. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  74. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
  75. package/cjs/components/Pagination/Pagination.css +57 -52
  76. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
  77. package/cjs/components/Popover/Popover.js +3 -0
  78. package/cjs/components/Popover/Popover.js.map +1 -1
  79. package/cjs/components/Select/FloatingPopover.js +9 -5
  80. package/cjs/components/Select/FloatingPopover.js.map +1 -1
  81. package/cjs/components/Select/Select.css +57 -52
  82. package/cjs/components/Select/Select.js +14 -5
  83. package/cjs/components/Select/Select.js.map +1 -1
  84. package/cjs/components/Select/Select.styles.js +17 -17
  85. package/cjs/components/Select/Select.styles.js.map +1 -1
  86. package/cjs/components/Select/Select.styles_bjoo18.css +3 -0
  87. package/cjs/components/Select/Select.tokens.js +9 -2
  88. package/cjs/components/Select/Select.tokens.js.map +1 -1
  89. package/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  90. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  91. package/cjs/components/Select/ui/Inner/Inner.css +11 -10
  92. package/cjs/components/Select/ui/Inner/Inner.js +5 -5
  93. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  94. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
  95. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  96. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
  97. package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
  98. package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
  99. package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  100. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
  101. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  102. package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
  103. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  104. package/cjs/components/Table/Table.css +34 -29
  105. package/cjs/components/Table/ui/Cell/Cell.css +34 -29
  106. package/cjs/components/Table/ui/EditableCell/EditableCell.css +34 -29
  107. package/cjs/components/Table/ui/HeadCell/HeadCell.css +34 -29
  108. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
  109. package/cjs/index.css +64 -52
  110. package/cjs/index.js +0 -2
  111. package/cjs/index.js.map +1 -1
  112. package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
  113. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +10 -6
  114. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
  115. package/emotion/cjs/components/CodeField/CodeField.js +5 -1
  116. package/emotion/cjs/components/CodeInput/CodeInput.js +29 -12
  117. package/emotion/cjs/components/CodeInput/CodeInput.styles.js +8 -8
  118. package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +15 -30
  119. package/emotion/cjs/components/CodeInput/index.js +1 -8
  120. package/emotion/cjs/components/CodeInput/utils/constants.js +1 -1
  121. package/emotion/cjs/components/CodeInput/utils/handleItemError.js +18 -1
  122. package/emotion/cjs/components/CodeInput/utils/index.js +6 -26
  123. package/emotion/cjs/components/CodeInput/variations/_size/base.js +16 -1
  124. package/emotion/cjs/components/CodeInput/variations/_view/base.js +7 -1
  125. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  126. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
  127. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
  128. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  129. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  130. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  131. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  132. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  133. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
  134. package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  135. package/emotion/cjs/components/Dropdown/Dropdown.js +7 -5
  136. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +13 -12
  137. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
  138. package/emotion/cjs/components/Dropdown/FloatingPopover.js +5 -4
  139. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  140. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
  141. package/emotion/cjs/components/Popover/Popover.js +3 -0
  142. package/emotion/cjs/components/Select/FloatingPopover.js +9 -5
  143. package/emotion/cjs/components/Select/Select.js +13 -5
  144. package/emotion/cjs/components/Select/Select.styles.js +11 -10
  145. package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
  146. package/emotion/cjs/components/Select/Select.tokens.js +9 -2
  147. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  148. package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -5
  149. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
  150. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  151. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
  152. package/emotion/cjs/components/Select/ui/index.js +11 -0
  153. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
  154. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  155. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -7
  156. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  157. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  158. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  159. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  160. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  161. package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  162. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
  163. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  164. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -7
  165. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  166. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  167. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  168. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  169. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  170. package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
  171. package/emotion/es/components/Autocomplete/Autocomplete.js +3 -3
  172. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +9 -5
  173. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
  174. package/emotion/es/components/CodeField/CodeField.js +5 -1
  175. package/emotion/es/components/CodeInput/CodeInput.js +30 -13
  176. package/emotion/es/components/CodeInput/CodeInput.styles.js +8 -8
  177. package/emotion/es/components/CodeInput/CodeInput.tokens.js +15 -30
  178. package/emotion/es/components/CodeInput/index.js +1 -2
  179. package/emotion/es/components/CodeInput/utils/constants.js +1 -1
  180. package/emotion/es/components/CodeInput/utils/handleItemError.js +18 -1
  181. package/emotion/es/components/CodeInput/utils/index.js +2 -3
  182. package/emotion/es/components/CodeInput/variations/_size/base.js +16 -1
  183. package/emotion/es/components/CodeInput/variations/_view/base.js +7 -1
  184. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  185. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
  186. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
  187. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  188. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  189. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  190. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  191. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  192. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
  193. package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  194. package/emotion/es/components/Dropdown/Dropdown.js +8 -6
  195. package/emotion/es/components/Dropdown/Dropdown.styles.js +12 -11
  196. package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -2
  197. package/emotion/es/components/Dropdown/FloatingPopover.js +5 -4
  198. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  199. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
  200. package/emotion/es/components/Popover/Popover.js +3 -0
  201. package/emotion/es/components/Select/FloatingPopover.js +9 -5
  202. package/emotion/es/components/Select/Select.js +15 -7
  203. package/emotion/es/components/Select/Select.styles.js +10 -9
  204. package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
  205. package/emotion/es/components/Select/Select.tokens.js +9 -2
  206. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  207. package/emotion/es/components/Select/ui/Inner/Inner.js +6 -6
  208. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
  209. package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  210. package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
  211. package/emotion/es/components/Select/ui/index.js +2 -1
  212. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
  213. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +6 -10
  214. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -7
  215. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  216. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  217. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  218. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  219. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  220. package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  221. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
  222. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +6 -10
  223. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -7
  224. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  225. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  226. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  227. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  228. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  229. package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
  230. package/es/components/Autocomplete/Autocomplete.css +6 -5
  231. package/es/components/Autocomplete/Autocomplete.js +3 -3
  232. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  233. package/es/components/Autocomplete/Autocomplete.styles.js +12 -7
  234. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  235. package/es/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
  236. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
  237. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
  238. package/es/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
  239. package/es/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
  240. package/es/components/CodeField/CodeField.js +5 -1
  241. package/es/components/CodeField/CodeField.js.map +1 -1
  242. package/es/components/CodeInput/CodeInput.css +10 -10
  243. package/es/components/CodeInput/CodeInput.js +32 -16
  244. package/es/components/CodeInput/CodeInput.js.map +1 -1
  245. package/es/components/CodeInput/CodeInput.styles.js +5 -5
  246. package/es/components/CodeInput/CodeInput.styles.js.map +1 -1
  247. package/{cjs/components/CodeInput/CodeInput.styles_29ush3.css → es/components/CodeInput/CodeInput.styles_3w98lu.css} +1 -1
  248. package/es/components/CodeInput/CodeInput.tokens.js +16 -37
  249. package/es/components/CodeInput/CodeInput.tokens.js.map +1 -1
  250. package/es/components/CodeInput/utils/constants.js +1 -1
  251. package/es/components/CodeInput/utils/constants.js.map +1 -1
  252. package/es/components/CodeInput/utils/handleItemError.js +18 -1
  253. package/es/components/CodeInput/utils/handleItemError.js.map +1 -1
  254. package/es/components/CodeInput/variations/_size/base.js +1 -1
  255. package/es/components/CodeInput/variations/_size/base.js.map +1 -1
  256. package/es/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  257. package/es/components/CodeInput/variations/_view/base.js +1 -1
  258. package/es/components/CodeInput/variations/_view/base.js.map +1 -1
  259. package/es/components/CodeInput/variations/_view/base_17gj0wr.css +1 -0
  260. package/es/components/Combobox/ComboboxNew/Combobox.css +61 -56
  261. package/es/components/Combobox/ComboboxNew/Combobox.js +14 -5
  262. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  263. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
  264. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  265. package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  266. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  267. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  268. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  269. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  270. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  271. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  272. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  273. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  274. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  275. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1fy6e2z.css → Item.styles_80gotw.css} +2 -2
  276. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  277. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
  278. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  279. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
  280. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  281. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
  282. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  283. package/es/components/Combobox/ComboboxOld/Combobox.css +8 -7
  284. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
  285. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
  286. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
  287. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
  288. package/es/components/Dropdown/Dropdown.css +8 -7
  289. package/es/components/Dropdown/Dropdown.js +8 -6
  290. package/es/components/Dropdown/Dropdown.js.map +1 -1
  291. package/es/components/Dropdown/Dropdown.styles.js +17 -17
  292. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  293. package/es/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
  294. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  295. package/es/components/Dropdown/FloatingPopover.js +5 -4
  296. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  297. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
  298. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  299. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  300. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
  301. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
  302. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  303. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
  304. package/es/components/Pagination/Pagination.css +57 -52
  305. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
  306. package/es/components/Popover/Popover.js +3 -0
  307. package/es/components/Popover/Popover.js.map +1 -1
  308. package/es/components/Select/FloatingPopover.js +9 -5
  309. package/es/components/Select/FloatingPopover.js.map +1 -1
  310. package/es/components/Select/Select.css +57 -52
  311. package/es/components/Select/Select.js +15 -6
  312. package/es/components/Select/Select.js.map +1 -1
  313. package/es/components/Select/Select.styles.js +17 -18
  314. package/es/components/Select/Select.styles.js.map +1 -1
  315. package/es/components/Select/Select.styles_bjoo18.css +3 -0
  316. package/es/components/Select/Select.tokens.js +9 -2
  317. package/es/components/Select/Select.tokens.js.map +1 -1
  318. package/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  319. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  320. package/es/components/Select/ui/Inner/Inner.css +11 -10
  321. package/es/components/Select/ui/Inner/Inner.js +6 -6
  322. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  323. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
  324. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  325. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
  326. package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
  327. package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
  328. package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  329. package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
  330. package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  331. package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
  332. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  333. package/es/components/Table/Table.css +34 -29
  334. package/es/components/Table/ui/Cell/Cell.css +34 -29
  335. package/es/components/Table/ui/EditableCell/EditableCell.css +34 -29
  336. package/es/components/Table/ui/HeadCell/HeadCell.css +34 -29
  337. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
  338. package/es/index.css +64 -52
  339. package/es/index.js +0 -1
  340. package/es/index.js.map +1 -1
  341. package/package.json +5 -5
  342. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
  343. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +9 -6
  344. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
  345. package/styled-components/cjs/components/CodeField/CodeField.js +5 -1
  346. package/styled-components/cjs/components/CodeInput/CodeInput.js +29 -12
  347. package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +1 -1
  348. package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +15 -30
  349. package/styled-components/cjs/components/CodeInput/index.js +1 -8
  350. package/styled-components/cjs/components/CodeInput/utils/constants.js +1 -1
  351. package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +18 -1
  352. package/styled-components/cjs/components/CodeInput/utils/index.js +6 -26
  353. package/styled-components/cjs/components/CodeInput/variations/_size/base.js +16 -1
  354. package/styled-components/cjs/components/CodeInput/variations/_view/base.js +7 -1
  355. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  356. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
  357. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
  358. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  359. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  360. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  361. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  362. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  363. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
  364. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  365. package/styled-components/cjs/components/Dropdown/Dropdown.js +7 -5
  366. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -9
  367. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
  368. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +5 -4
  369. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  370. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
  371. package/styled-components/cjs/components/Popover/Popover.js +3 -0
  372. package/styled-components/cjs/components/Select/FloatingPopover.js +9 -5
  373. package/styled-components/cjs/components/Select/Select.js +13 -5
  374. package/styled-components/cjs/components/Select/Select.styles.js +8 -8
  375. package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
  376. package/styled-components/cjs/components/Select/Select.tokens.js +9 -2
  377. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  378. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -5
  379. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  380. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  381. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
  382. package/styled-components/cjs/components/Select/ui/index.js +11 -0
  383. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
  384. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +4 -8
  385. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -7
  386. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  387. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  388. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  389. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  390. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  391. package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  392. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
  393. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +4 -8
  394. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -7
  395. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  396. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  397. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  398. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
  399. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  400. package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
  401. package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -3
  402. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +8 -5
  403. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
  404. package/styled-components/es/components/CodeField/CodeField.js +5 -1
  405. package/styled-components/es/components/CodeInput/CodeInput.js +30 -13
  406. package/styled-components/es/components/CodeInput/CodeInput.styles.js +1 -1
  407. package/styled-components/es/components/CodeInput/CodeInput.tokens.js +15 -30
  408. package/styled-components/es/components/CodeInput/index.js +1 -2
  409. package/styled-components/es/components/CodeInput/utils/constants.js +1 -1
  410. package/styled-components/es/components/CodeInput/utils/handleItemError.js +18 -1
  411. package/styled-components/es/components/CodeInput/utils/index.js +2 -3
  412. package/styled-components/es/components/CodeInput/variations/_size/base.js +16 -1
  413. package/styled-components/es/components/CodeInput/variations/_view/base.js +7 -1
  414. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  415. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
  416. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
  417. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  418. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  419. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  420. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  421. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  422. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
  423. package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  424. package/styled-components/es/components/Dropdown/Dropdown.js +8 -6
  425. package/styled-components/es/components/Dropdown/Dropdown.styles.js +8 -8
  426. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -2
  427. package/styled-components/es/components/Dropdown/FloatingPopover.js +5 -4
  428. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  429. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
  430. package/styled-components/es/components/Popover/Popover.js +3 -0
  431. package/styled-components/es/components/Select/FloatingPopover.js +9 -5
  432. package/styled-components/es/components/Select/Select.js +15 -7
  433. package/styled-components/es/components/Select/Select.styles.js +7 -7
  434. package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
  435. package/styled-components/es/components/Select/Select.tokens.js +9 -2
  436. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  437. package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -6
  438. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  439. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  440. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
  441. package/styled-components/es/components/Select/ui/index.js +2 -1
  442. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
  443. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  444. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -7
  445. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  446. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  447. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  448. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  449. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  450. package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  451. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
  452. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  453. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -7
  454. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  455. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  456. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  457. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
  458. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  459. package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
  460. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  461. package/types/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
  462. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  463. package/types/components/CodeField/CodeField.d.ts.map +1 -1
  464. package/types/components/CodeInput/CodeInput.d.ts.map +1 -1
  465. package/types/components/CodeInput/CodeInput.styles.d.ts.map +1 -1
  466. package/types/components/CodeInput/CodeInput.tokens.d.ts +15 -30
  467. package/types/components/CodeInput/CodeInput.tokens.d.ts.map +1 -1
  468. package/types/components/CodeInput/index.d.ts +0 -1
  469. package/types/components/CodeInput/index.d.ts.map +1 -1
  470. package/types/components/CodeInput/utils/constants.d.ts.map +1 -1
  471. package/types/components/CodeInput/utils/handleItemError.d.ts +2 -1
  472. package/types/components/CodeInput/utils/handleItemError.d.ts.map +1 -1
  473. package/types/components/CodeInput/utils/index.d.ts +2 -3
  474. package/types/components/CodeInput/utils/index.d.ts.map +1 -1
  475. package/types/components/CodeInput/variations/_size/base.d.ts.map +1 -1
  476. package/types/components/CodeInput/variations/_view/base.d.ts.map +1 -1
  477. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  478. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
  479. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  480. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
  481. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  482. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +12 -1
  483. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  484. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  485. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
  486. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  487. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts +7 -0
  488. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
  489. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +10 -0
  490. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  491. package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
  492. package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
  493. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  494. package/types/components/Dropdown/Dropdown.styles.d.ts +3 -2
  495. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  496. package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
  497. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  498. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
  499. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  500. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -0
  501. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  502. package/types/components/Popover/Popover.d.ts.map +1 -1
  503. package/types/components/Select/FloatingPopover.d.ts.map +1 -1
  504. package/types/components/Select/Select.d.ts.map +1 -1
  505. package/types/components/Select/Select.styles.d.ts +3 -2
  506. package/types/components/Select/Select.styles.d.ts.map +1 -1
  507. package/types/components/Select/Select.tokens.d.ts +7 -0
  508. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  509. package/types/components/Select/Select.types.d.ts +13 -1
  510. package/types/components/Select/Select.types.d.ts.map +1 -1
  511. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  512. package/types/components/Select/ui/SelectAll/SelectAll.d.ts +7 -0
  513. package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
  514. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +10 -0
  515. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  516. package/types/components/Select/ui/index.d.ts +1 -0
  517. package/types/components/Select/ui/index.d.ts.map +1 -1
  518. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +3 -0
  519. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  520. package/cjs/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
  521. package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
  522. package/cjs/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  523. package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
  524. package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
  525. package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
  526. package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  527. package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  528. package/cjs/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
  529. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
  530. package/cjs/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
  531. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
  532. package/cjs/components/Select/Select.styles_11cghkj.css +0 -2
  533. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
  534. package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  535. package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  536. package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  537. package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  538. package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
  539. package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  540. package/es/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
  541. package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
  542. package/es/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  543. package/es/components/CodeInput/utils/handleCodeError.js +0 -51
  544. package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
  545. package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
  546. package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  547. package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  548. package/es/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
  549. package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
  550. package/es/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
  551. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
  552. package/es/components/Select/Select.styles_11cghkj.css +0 -2
  553. package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
  554. package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  555. package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  556. package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  557. package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  558. package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
  559. package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  560. package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
  561. package/types/components/CodeInput/utils/generateMediaQuery.d.ts.map +0 -1
  562. package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
  563. package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
  564. package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
  565. package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Filter.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;kBAUgD,MAAO,SACtE;;;;;;;;;;;;;;;;;;2JA6C4/M,MAAO,SAAS;;;;;;;sBAA48B,MAAO,SAAS;;gFAAmR,MAAO,SAAS;;iBAAyS,MAAO,SAAS;gBAAwG,MAAO,SAAS;;mBAAiR,MAAO,OAAO;;;;;;;;;yBAAu5B,MAAO,OAAO;;;;;;;;;;;;;;;;wBA9C1zS,SACtE;;;;;;;;;;;;;;;;;;iKA6CmgN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;wBA9C1zS,SACtE;;;;;;;;;;;;;;;;;;iKA6CmgN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;wBA9C1zS,SACtE;;;;;;;;;;;;;;;;;;iKA6CmgN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;;;;;;;iKAA73F,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;;;;;;;iKAA73F,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;uLAlCn4S,CAAC;AAKF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;kDAM3B,CAAC;AAEF,eAAO,MAAM,cAAc,qSAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,kRAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAMxB,CAAC"}
1
+ {"version":3,"file":"Filter.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;kBAY2C,MAAO,SAAS;;;;;;;;;;;;;;;;;;2JA4CwzN,MAAO,SAAS;;;;;;;sBAA48B,MAAO,SAAS;;gFAAmR,MAAO,SAAS;;iBAAyS,MAAO,SAAS;gBAAwG,MAAO,SAAS;;mBAAiR,MAAO,OAAO;;;;;;;;;yBAAu5B,MAAO,OAAO;;;;;;;;;;;;;;;;wBA5CrsT,SAAS;;;;;;;;;;;;;;;;;;;iKA4C+zN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;wBA5CrsT,SAAS;;;;;;;;;;;;;;;;;;iKA4C+zN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;wBA5CrsT,SAAS;;;;;;;;;;;;;;;;;;;iKA4C+zN,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;;;;;;;iKAA73F,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;;;;;;;;;;;;;;;;;;;;;;;iKAA73F,SAAS;;;;;;;4BAAm9B,SAAS;;sFAA0R,SAAS;;uBAAgT,SAAS;sBAA+G,SAAS;;yBAAwR,OAAO;;;;;;;;;+BAA85B,OAAO;uLAlCzwT,CAAC;AAKF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;kDAM3B,CAAC;AAEF,eAAO,MAAM,cAAc,qSAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,kRAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAMxB,CAAC"}
@@ -1,4 +0,0 @@
1
-
2
- .u1ih3p9n{background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
3
- .i610ple{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;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
4
- .s1nz87td{margin:0;padding:0;}
@@ -1,49 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var CodeInput_tokens = require('../CodeInput.tokens.js');
6
-
7
- var getCodeInputViewClass = function getCodeInputViewClass(view) {
8
- return "codeinput-".concat(view, "-view");
9
- };
10
- var tokenPrefix = '--plasma-codeinput-';
11
- var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
12
-
13
- /**
14
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
15
- *
16
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
17
- * @return {string} сгенерированный набор медиа-запросов
18
- */
19
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
20
- return gridSizes.map(function (size) {
21
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
22
- return;
23
- }
24
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
25
- var itemWidth = CodeInput_tokens.tokens["".concat(size, "CodeItemWidth")];
26
- var itemHeight = CodeInput_tokens.tokens["".concat(size, "CodeItemHeight")];
27
- var fontSize = CodeInput_tokens.tokens["".concat(size, "FontSize")];
28
- var lineHeight = CodeInput_tokens.tokens["".concat(size, "LineHeight")];
29
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(CodeInput_tokens.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(CodeInput_tokens.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(CodeInput_tokens.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(CodeInput_tokens.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
30
- }).filter(function (style) {
31
- return style;
32
- }).join('\n');
33
- };
34
-
35
- /**
36
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
37
- *
38
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
39
- * @param {string} viewName - название view из конфига
40
- * @return {string} стили для обертки Grid
41
- */
42
- var getCodeInputView = function getCodeInputView(breakponts, viewName) {
43
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
44
- };
45
-
46
- exports.getCodeInputView = getCodeInputView;
47
- exports.getCodeInputViewClass = getCodeInputViewClass;
48
- exports.gridSizes = gridSizes;
49
- //# sourceMappingURL=generateMediaQuery.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generateMediaQuery.js","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"sourcesContent":["import { privateTokens, tokens } from '../CodeInput.tokens';\n\nimport type { BreakpointTokens, ScreenVariant, TokensType } from './types';\n\nexport const getCodeInputViewClass = (view: string) => {\n return `codeinput-${view}-view`;\n};\n\nconst tokenPrefix = '--plasma-codeinput-';\n\nexport const gridSizes: Array<ScreenVariant> = [\n 'smallXXS',\n 'smallXS',\n 'smallS',\n 'smallM',\n 'smallL',\n 'smallXL',\n 'smallXXL',\n 'mediumXXS',\n 'mediumXS',\n 'mediumS',\n 'mediumM',\n 'mediumL',\n 'mediumXL',\n 'mediumXXL',\n 'largeXXS',\n 'largeXS',\n 'largeS',\n 'largeM',\n 'largeL',\n 'largeXL',\n 'largeXXL',\n];\n\n/**\n * Генерирует набор медиа-запросов под различную ширину вьюпорта\n *\n * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта\n * @return {string} сгенерированный набор медиа-запросов\n */\nconst gridMediaQueryTemplate = (breakpoints: BreakpointTokens): string => {\n return gridSizes\n .map((size) => {\n if (!String(breakpoints[`${tokenPrefix}${size}-min-width`])) {\n return;\n }\n\n const minWidth = breakpoints[`${tokenPrefix}${size}-min-width` as keyof typeof breakpoints];\n const itemWidth = tokens[`${size}CodeItemWidth` as TokensType];\n const itemHeight = tokens[`${size}CodeItemHeight` as TokensType];\n const fontSize = tokens[`${size}FontSize` as TokensType];\n const lineHeight = tokens[`${size}LineHeight` as TokensType];\n\n return `\n @media (min-width: ${minWidth}) {\n ${privateTokens.fontSize}: var(${fontSize});\n ${privateTokens.lineHeight}: var(${lineHeight});\n ${privateTokens.itemWidth}: var(${itemWidth});\n ${privateTokens.itemHeight}: var(${itemHeight});\n }\n `;\n })\n .filter((style) => style)\n .join('\\n');\n};\n\n/**\n * Генерирует строку со стилями для обертки Grid и набором медиа-запросов\n *\n * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта\n * @param {string} viewName - название view из конфига\n * @return {string} стили для обертки Grid\n */\nexport const getCodeInputView = (breakponts: BreakpointTokens, viewName: string) => {\n return `\n &.${getCodeInputViewClass(viewName)} {\n ${gridMediaQueryTemplate(breakponts)}\n }\n `;\n};\n"],"names":["getCodeInputViewClass","view","concat","tokenPrefix","gridSizes","gridMediaQueryTemplate","breakpoints","map","size","String","minWidth","itemWidth","tokens","itemHeight","fontSize","lineHeight","privateTokens","filter","style","join","getCodeInputView","breakponts","viewName"],"mappings":";;;;;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAY,EAAK;EACnD,OAAAC,YAAAA,CAAAA,MAAA,CAAoBD,IAAI,EAAA,OAAA,CAAA,CAAA;AAC5B,EAAC;AAED,IAAME,WAAW,GAAG,qBAAqB,CAAA;AAElC,IAAMC,SAA+B,GAAG,CAC3C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,WAA6B,EAAa;AACtE,EAAA,OAAOF,SAAS,CACXG,GAAG,CAAC,UAACC,IAAI,EAAK;AACX,IAAA,IAAI,CAACC,MAAM,CAACH,WAAW,IAAAJ,MAAA,CAAIC,WAAW,CAAA,CAAAD,MAAA,CAAGM,IAAI,EAAA,YAAA,CAAA,CAAa,CAAC,EAAE;AACzD,MAAA,OAAA;AACJ,KAAA;IAEA,IAAME,QAAQ,GAAGJ,WAAW,CAAAJ,EAAAA,CAAAA,MAAA,CAAIC,WAAW,CAAAD,CAAAA,MAAA,CAAGM,IAAI,EAAyC,YAAA,CAAA,CAAA,CAAA;AAC3F,IAAA,IAAMG,SAAS,GAAGC,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA8B,eAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,IAAMK,UAAU,GAAGD,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA+B,gBAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMM,QAAQ,GAAGF,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAAyB,UAAA,CAAA,CAAA,CAAA;AACxD,IAAA,IAAMO,UAAU,GAAGH,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA2B,YAAA,CAAA,CAAA,CAAA;AAE5D,IAAA,OAAA,uCAAA,CAAAN,MAAA,CACyBQ,QAAQ,+BAAAR,MAAA,CACvBc,8BAAa,CAACF,QAAQ,YAAAZ,MAAA,CAASY,QAAQ,EAAAZ,0BAAAA,CAAAA,CAAAA,MAAA,CACvCc,8BAAa,CAACD,UAAU,EAAAb,QAAAA,CAAAA,CAAAA,MAAA,CAASa,UAAU,8BAAAb,MAAA,CAC3Cc,8BAAa,CAACL,SAAS,YAAAT,MAAA,CAASS,SAAS,EAAAT,0BAAAA,CAAAA,CAAAA,MAAA,CACzCc,8BAAa,CAACH,UAAU,EAAAX,QAAAA,CAAAA,CAAAA,MAAA,CAASW,UAAU,EAAA,qCAAA,CAAA,CAAA;AAGzD,GAAC,CAAC,CACDI,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,CAAA;AAAA,GAAA,CAAC,CACxBC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAA4B,EAAEC,QAAgB,EAAK;AAChF,EAAA,OAAA,cAAA,CAAApB,MAAA,CACQF,qBAAqB,CAACsB,QAAQ,CAAC,EAAApB,kBAAAA,CAAAA,CAAAA,MAAA,CAC7BG,sBAAsB,CAACgB,UAAU,CAAC,EAAA,mBAAA,CAAA,CAAA;AAGhD;;;;;;"}
@@ -1,55 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var CodeInput_tokens = require('../CodeInput.tokens.js');
7
- var constants = require('./constants.js');
8
- var initialValuesHelper = require('./initialValuesHelper.js');
9
-
10
- var handleCodeError = function handleCodeError(_ref) {
11
- var _captionRef$current, _captionRef$current2;
12
- var codeLength = _ref.codeLength,
13
- codeErrorBehavior = _ref.codeErrorBehavior,
14
- currentCode = _ref.currentCode,
15
- inputRefs = _ref.inputRefs,
16
- inputContainerRef = _ref.inputContainerRef,
17
- captionRef = _ref.captionRef,
18
- setCode = _ref.setCode,
19
- codeSetter = _ref.codeSetter;
20
- if (!inputContainerRef.current) {
21
- return;
22
- }
23
- switch (codeErrorBehavior) {
24
- case 'keep':
25
- inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation);
26
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(CodeInput_tokens.classes.captionError);
27
- setTimeout(function () {
28
- var _inputContainerRef$cu;
29
- var newCode = _rollupPluginBabelHelpers.toConsumableArray(currentCode);
30
- newCode.pop();
31
- codeSetter(newCode);
32
- setCode(currentCode);
33
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(CodeInput_tokens.classes.codeErrorAnimation);
34
- setTimeout(function () {
35
- var _inputRefs$current, _inputRefs$current2;
36
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
37
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
38
- }, 0);
39
- }, constants.ANIMATION_TIMEOUT);
40
- break;
41
- case 'remove-code':
42
- default:
43
- inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
44
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(CodeInput_tokens.classes.captionError);
45
- setTimeout(function () {
46
- var _inputRefs$current$, _inputContainerRef$cu2;
47
- codeSetter(initialValuesHelper.getCodeValue(codeLength, ''));
48
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
49
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
50
- }, constants.ANIMATION_TIMEOUT);
51
- }
52
- };
53
-
54
- exports.handleCodeError = handleCodeError;
55
- //# sourceMappingURL=handleCodeError.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeInput.types';\nimport { classes } from '../CodeInput.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":";;;;;;;;;IAmBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EASD;EAAA,IAAAC,mBAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IARvBC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU,CAAA;AAEV,EAAA,IAAI,CAACH,iBAAiB,CAACI,OAAO,EAAE;AAC5B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,QAAQP,iBAAiB;AACrB,IAAA,KAAK,MAAM;AACPG,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACC,SAAS,EAAED,wBAAO,CAACE,kBAAkB,CAAC,CAAA;AACtF,MAAA,CAAAf,mBAAA,GAAAO,UAAU,CAACG,OAAO,cAAAV,mBAAA,KAAA,KAAA,CAAA,IAAlBA,mBAAA,CAAoBW,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACb,QAAA,IAAMC,OAAO,GAAAC,2CAAA,CAAOhB,WAAW,CAAC,CAAA;QAEhCe,OAAO,CAACE,GAAG,EAAE,CAAA;QACbZ,UAAU,CAACU,OAAO,CAAC,CAAA;QACnBX,OAAO,CAACJ,WAAW,CAAC,CAAA;AAEpB,QAAA,CAAAc,qBAAA,GAAAZ,iBAAiB,CAACI,OAAO,cAAAQ,qBAAA,KAAA,KAAA,CAAA,IAAzBA,qBAAA,CAA2BP,SAAS,CAACW,MAAM,CAACT,wBAAO,CAACE,kBAAkB,CAAC,CAAA;AAEvEE,QAAAA,UAAU,CAAC,YAAM;UAAA,IAAAM,kBAAA,EAAAC,mBAAA,CAAA;UACb,CAAAD,kBAAA,GAAAlB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAA,IAAA,IAAAF,kBAAA,KAAA,KAAA,CAAA,IAA/CA,kBAAA,CAAiDG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;UACxE,CAAAF,mBAAA,GAAAnB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAAD,IAAAA,IAAAA,mBAAA,eAA/CA,mBAAA,CAAiDG,KAAK,EAAE,CAAA;SAC3D,EAAE,CAAC,CAAC,CAAA;OACR,EAAEC,2BAAiB,CAAC,CAAA;AAErB,MAAA,MAAA;AACJ,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA;AACItB,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CACnCC,wBAAO,CAACC,SAAS,EACjBD,wBAAO,CAACE,kBAAkB,EAC1BF,wBAAO,CAACgB,aACZ,CAAC,CAAA;AACD,MAAA,CAAA5B,oBAAA,GAAAM,UAAU,CAACG,OAAO,cAAAT,oBAAA,KAAA,KAAA,CAAA,IAAlBA,oBAAA,CAAoBU,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;QAAA,IAAAa,mBAAA,EAAAC,sBAAA,CAAA;AACbtB,QAAAA,UAAU,CAACuB,gCAAY,CAAC9B,UAAU,EAAE,EAAE,CAAC,CAAC,CAAA;AAExC,QAAA,CAAA4B,mBAAA,GAAAzB,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAoB,mBAAA,KAApBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAsBH,KAAK,EAAE,CAAA;QAC7B,CAAAI,sBAAA,GAAAzB,iBAAiB,CAACI,OAAO,cAAAqB,sBAAA,KAAA,KAAA,CAAA,IAAzBA,sBAAA,CAA2BpB,SAAS,CAACW,MAAM,CACvCT,wBAAO,CAACC,SAAS,EACjBD,wBAAO,CAACE,kBAAkB,EAC1BF,wBAAO,CAACgB,aACZ,CAAC,CAAA;OACJ,EAAED,2BAAiB,CAAC,CAAA;AAC7B,GAAA;AACJ;;;;"}
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var getFieldPattern = function getFieldPattern(allowedSymbols) {
6
- if (!allowedSymbols) {
7
- return null;
8
- }
9
- if (typeof allowedSymbols === 'string') {
10
- return new RegExp(allowedSymbols, 'g');
11
- }
12
- return allowedSymbols;
13
- };
14
- var getCodeValue = function getCodeValue(codeLength, value) {
15
- if (!value.length) {
16
- return new Array(codeLength).fill('');
17
- }
18
- return value.slice(0, codeLength).split('');
19
- };
20
- var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
21
- if (!placeholder || typeof placeholder !== 'string') {
22
- return null;
23
- }
24
- if (placeholder.length === 1) {
25
- return Array(codeLength).fill(placeholder);
26
- }
27
- return placeholder.slice(0, codeLength).split('');
28
- };
29
-
30
- exports.getCodeValue = getCodeValue;
31
- exports.getFieldPattern = getFieldPattern;
32
- exports.getPlaceholderValue = getPlaceholderValue;
33
- //# sourceMappingURL=initialValuesHelper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeInput/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;;;"}
@@ -1 +0,0 @@
1
- .bbkzv6b{gap:var(--plasma-codeinput-caption-gap);}.bbkzv6b .c1fux591,.bbkzv6b .cuja080{gap:var(--plasma-codeinput-code-item-gap);}.bbkzv6b .i16menav{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.bbkzv6b .c19x1gm7{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
@@ -1 +0,0 @@
1
- .bxs6mj3 .c19x1gm7{color:var(--plasma-codeinput-caption-color);}.bxs6mj3 .c19x1gm7.codeinput-caption-error{color:var(--plasma-codeinput-caption-color-error);}.bxs6mj3 .i16menav{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.bxs6mj3:hover .codeinput-item-hover-enabled{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.bxs6mj3:focus-within .i16menav:focus-within{background-color:var(--plasma-codeinput-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.bxs6mj3.bxs6mj3 .codeinput-code-error-animation{-webkit-animation:shakingError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-code-error .i16menav{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-code-error .i1tn2nm3{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.bxs6mj3.bxs6mj3 .codeinput-code-error .i1tn2nm3.codeinput-item-circle-filled{background-color:var(--plasma-codeinput-code-color-error);}.bxs6mj3.bxs6mj3 .codeinput-code-error:focus-within .i16menav{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-code-error.codeinput-code-error-fade .i16menav{-webkit-animation:fadeError-bxs6mj3 0.3s forwards;animation:fadeError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-item-error-animation{-webkit-animation:shakingError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards;}.bxs6mj3.bxs6mj3 .codeinput-item-error,.bxs6mj3.bxs6mj3 .codeinput-item-error:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.bxs6mj3.bxs6mj3 .codeinput-item-error.codeinput-code-error-fade,.bxs6mj3.bxs6mj3 .codeinput-item-error:focus-within.codeinput-code-error-fade{-webkit-animation:shakingError-bxs6mj3 0.3s forwards fadeError-bxs6mj3 0.3s forwards;animation:shakingError-bxs6mj3 0.3s forwards fadeError-bxs6mj3 0.3s forwards;}@-webkit-keyframes shakingError-bxs6mj3{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes shakingError-bxs6mj3{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes fadeError-bxs6mj3{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes fadeError-bxs6mj3{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
@@ -1,6 +0,0 @@
1
- .uxiiees{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-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.uxiiees .combobox-empty-state-wrapper{box-shadow:none;}
2
- .i1veo3wn{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i1veo3wn:hover,.i1veo3wn:active{color:var(--i1veo3wn-1);}
3
- .s1hxiinv{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
4
-
5
- .s11cn92k{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
6
- .spp7ogj{margin:0;padding:0;}
@@ -1,2 +0,0 @@
1
- .un7uamp{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow-y:var(--un7uamp-3);background:var(--surface-solid-card-brightness);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-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
2
-
@@ -1,7 +0,0 @@
1
- .c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
2
-
3
- .d1m97l2m{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
4
- .soib72h{width:var(--soib72h-0);height:var(--soib72h-0);}
5
- .d6l2f0g{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
6
- .w1jav4ek{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:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem)));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1jav4ek:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1jav4ek:focus{outline:none;}.w1jav4ek::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-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w1jav4ek.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
7
- .r1fqtjio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
@@ -1,2 +0,0 @@
1
- .upxbau6{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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow-y:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
2
-
@@ -1,11 +0,0 @@
1
- .s1vls8ri{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
2
-
3
- .s17z4dei{--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-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
4
- .s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
5
- .snb2nsj{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
6
- .s581hb1{width:var(--s581hb1-0);height:var(--s581hb1-0);}
7
- .dcgpql7{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dcgpql7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
8
- .izzpzvq{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
9
- .stxu93x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
10
- .w1hgpj20{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 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-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-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1hgpj20:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.w1hgpj20:focus{outline:none;}.w1hgpj20::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:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1hgpj20.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
11
-
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.gridSizes = exports.getCodeInputViewClass = exports.getCodeInputView = void 0;
7
- var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
8
- var getCodeInputViewClass = exports.getCodeInputViewClass = function getCodeInputViewClass(view) {
9
- return "codeinput-".concat(view, "-view");
10
- };
11
- var tokenPrefix = '--plasma-codeinput-';
12
- var gridSizes = exports.gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
13
-
14
- /**
15
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
16
- *
17
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
18
- * @return {string} сгенерированный набор медиа-запросов
19
- */
20
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
21
- return gridSizes.map(function (size) {
22
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
23
- return;
24
- }
25
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
26
- var itemWidth = _CodeInput.tokens["".concat(size, "CodeItemWidth")];
27
- var itemHeight = _CodeInput.tokens["".concat(size, "CodeItemHeight")];
28
- var fontSize = _CodeInput.tokens["".concat(size, "FontSize")];
29
- var lineHeight = _CodeInput.tokens["".concat(size, "LineHeight")];
30
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(_CodeInput.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(_CodeInput.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(_CodeInput.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(_CodeInput.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
31
- }).filter(function (style) {
32
- return style;
33
- }).join('\n');
34
- };
35
-
36
- /**
37
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
38
- *
39
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
40
- * @param {string} viewName - название view из конфига
41
- * @return {string} стили для обертки Grid
42
- */
43
- var getCodeInputView = exports.getCodeInputView = function getCodeInputView(breakponts, viewName) {
44
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
45
- };
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.handleCodeError = void 0;
7
- var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
8
- var _constants = /*#__PURE__*/require("./constants");
9
- var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
10
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
11
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
12
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
13
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
14
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
15
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
16
- var handleCodeError = exports.handleCodeError = function handleCodeError(_ref) {
17
- var _captionRef$current, _captionRef$current2;
18
- var codeLength = _ref.codeLength,
19
- codeErrorBehavior = _ref.codeErrorBehavior,
20
- currentCode = _ref.currentCode,
21
- inputRefs = _ref.inputRefs,
22
- inputContainerRef = _ref.inputContainerRef,
23
- captionRef = _ref.captionRef,
24
- setCode = _ref.setCode,
25
- codeSetter = _ref.codeSetter;
26
- if (!inputContainerRef.current) {
27
- return;
28
- }
29
- switch (codeErrorBehavior) {
30
- case 'keep':
31
- inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation);
32
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(_CodeInput.classes.captionError);
33
- setTimeout(function () {
34
- var _inputContainerRef$cu;
35
- var newCode = _toConsumableArray(currentCode);
36
- newCode.pop();
37
- codeSetter(newCode);
38
- setCode(currentCode);
39
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(_CodeInput.classes.codeErrorAnimation);
40
- setTimeout(function () {
41
- var _inputRefs$current, _inputRefs$current2;
42
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
43
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
44
- }, 0);
45
- }, _constants.ANIMATION_TIMEOUT);
46
- break;
47
- case 'remove-code':
48
- default:
49
- inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
50
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(_CodeInput.classes.captionError);
51
- setTimeout(function () {
52
- var _inputRefs$current$, _inputContainerRef$cu2;
53
- codeSetter((0, _initialValuesHelper.getCodeValue)(codeLength, ''));
54
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
55
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
56
- }, _constants.ANIMATION_TIMEOUT);
57
- }
58
- };
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getPlaceholderValue = exports.getFieldPattern = exports.getCodeValue = void 0;
7
- var getFieldPattern = exports.getFieldPattern = function getFieldPattern(allowedSymbols) {
8
- if (!allowedSymbols) {
9
- return null;
10
- }
11
- if (typeof allowedSymbols === 'string') {
12
- return new RegExp(allowedSymbols, 'g');
13
- }
14
- return allowedSymbols;
15
- };
16
- var getCodeValue = exports.getCodeValue = function getCodeValue(codeLength, value) {
17
- if (!value.length) {
18
- return new Array(codeLength).fill('');
19
- }
20
- return value.slice(0, codeLength).split('');
21
- };
22
- var getPlaceholderValue = exports.getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
23
- if (!placeholder || typeof placeholder !== 'string') {
24
- return null;
25
- }
26
- if (placeholder.length === 1) {
27
- return Array(codeLength).fill(placeholder);
28
- }
29
- return placeholder.slice(0, codeLength).split('');
30
- };
@@ -1,39 +0,0 @@
1
- import { privateTokens, tokens } from "../CodeInput.tokens";
2
- export var getCodeInputViewClass = function getCodeInputViewClass(view) {
3
- return "codeinput-".concat(view, "-view");
4
- };
5
- var tokenPrefix = '--plasma-codeinput-';
6
- export var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
7
-
8
- /**
9
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
10
- *
11
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
12
- * @return {string} сгенерированный набор медиа-запросов
13
- */
14
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
15
- return gridSizes.map(function (size) {
16
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
17
- return;
18
- }
19
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
20
- var itemWidth = tokens["".concat(size, "CodeItemWidth")];
21
- var itemHeight = tokens["".concat(size, "CodeItemHeight")];
22
- var fontSize = tokens["".concat(size, "FontSize")];
23
- var lineHeight = tokens["".concat(size, "LineHeight")];
24
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
25
- }).filter(function (style) {
26
- return style;
27
- }).join('\n');
28
- };
29
-
30
- /**
31
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
32
- *
33
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
34
- * @param {string} viewName - название view из конфига
35
- * @return {string} стили для обертки Grid
36
- */
37
- export var getCodeInputView = function getCodeInputView(breakponts, viewName) {
38
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
39
- };
@@ -1,52 +0,0 @@
1
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7
- import { classes } from "../CodeInput.tokens";
8
- import { ANIMATION_TIMEOUT } from "./constants";
9
- import { getCodeValue } from "./initialValuesHelper";
10
- export var handleCodeError = function handleCodeError(_ref) {
11
- var _captionRef$current, _captionRef$current2;
12
- var codeLength = _ref.codeLength,
13
- codeErrorBehavior = _ref.codeErrorBehavior,
14
- currentCode = _ref.currentCode,
15
- inputRefs = _ref.inputRefs,
16
- inputContainerRef = _ref.inputContainerRef,
17
- captionRef = _ref.captionRef,
18
- setCode = _ref.setCode,
19
- codeSetter = _ref.codeSetter;
20
- if (!inputContainerRef.current) {
21
- return;
22
- }
23
- switch (codeErrorBehavior) {
24
- case 'keep':
25
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);
26
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(classes.captionError);
27
- setTimeout(function () {
28
- var _inputContainerRef$cu;
29
- var newCode = _toConsumableArray(currentCode);
30
- newCode.pop();
31
- codeSetter(newCode);
32
- setCode(currentCode);
33
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
34
- setTimeout(function () {
35
- var _inputRefs$current, _inputRefs$current2;
36
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
37
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
38
- }, 0);
39
- }, ANIMATION_TIMEOUT);
40
- break;
41
- case 'remove-code':
42
- default:
43
- inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
44
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(classes.captionError);
45
- setTimeout(function () {
46
- var _inputRefs$current$, _inputContainerRef$cu2;
47
- codeSetter(getCodeValue(codeLength, ''));
48
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
49
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
50
- }, ANIMATION_TIMEOUT);
51
- }
52
- };
@@ -1,24 +0,0 @@
1
- export var getFieldPattern = function getFieldPattern(allowedSymbols) {
2
- if (!allowedSymbols) {
3
- return null;
4
- }
5
- if (typeof allowedSymbols === 'string') {
6
- return new RegExp(allowedSymbols, 'g');
7
- }
8
- return allowedSymbols;
9
- };
10
- export var getCodeValue = function getCodeValue(codeLength, value) {
11
- if (!value.length) {
12
- return new Array(codeLength).fill('');
13
- }
14
- return value.slice(0, codeLength).split('');
15
- };
16
- export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
17
- if (!placeholder || typeof placeholder !== 'string') {
18
- return null;
19
- }
20
- if (placeholder.length === 1) {
21
- return Array(codeLength).fill(placeholder);
22
- }
23
- return placeholder.slice(0, codeLength).split('');
24
- };
@@ -1,4 +0,0 @@
1
-
2
- .u1ih3p9n{background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u1ih3p9n-0);overflow:auto;border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--plasma-autocomplete-margin) 0 0 0;padding:var(--plasma-autocomplete-padding);}
3
- .i610ple{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;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
4
- .s1nz87td{margin:0;padding:0;}
@@ -1,43 +0,0 @@
1
- import { privateTokens, tokens } from '../CodeInput.tokens.js';
2
-
3
- var getCodeInputViewClass = function getCodeInputViewClass(view) {
4
- return "codeinput-".concat(view, "-view");
5
- };
6
- var tokenPrefix = '--plasma-codeinput-';
7
- var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
8
-
9
- /**
10
- * Генерирует набор медиа-запросов под различную ширину вьюпорта
11
- *
12
- * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
13
- * @return {string} сгенерированный набор медиа-запросов
14
- */
15
- var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
16
- return gridSizes.map(function (size) {
17
- if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
18
- return;
19
- }
20
- var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
21
- var itemWidth = tokens["".concat(size, "CodeItemWidth")];
22
- var itemHeight = tokens["".concat(size, "CodeItemHeight")];
23
- var fontSize = tokens["".concat(size, "FontSize")];
24
- var lineHeight = tokens["".concat(size, "LineHeight")];
25
- return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
26
- }).filter(function (style) {
27
- return style;
28
- }).join('\n');
29
- };
30
-
31
- /**
32
- * Генерирует строку со стилями для обертки Grid и набором медиа-запросов
33
- *
34
- * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
35
- * @param {string} viewName - название view из конфига
36
- * @return {string} стили для обертки Grid
37
- */
38
- var getCodeInputView = function getCodeInputView(breakponts, viewName) {
39
- return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
40
- };
41
-
42
- export { getCodeInputView, getCodeInputViewClass, gridSizes };
43
- //# sourceMappingURL=generateMediaQuery.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"generateMediaQuery.js","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"sourcesContent":["import { privateTokens, tokens } from '../CodeInput.tokens';\n\nimport type { BreakpointTokens, ScreenVariant, TokensType } from './types';\n\nexport const getCodeInputViewClass = (view: string) => {\n return `codeinput-${view}-view`;\n};\n\nconst tokenPrefix = '--plasma-codeinput-';\n\nexport const gridSizes: Array<ScreenVariant> = [\n 'smallXXS',\n 'smallXS',\n 'smallS',\n 'smallM',\n 'smallL',\n 'smallXL',\n 'smallXXL',\n 'mediumXXS',\n 'mediumXS',\n 'mediumS',\n 'mediumM',\n 'mediumL',\n 'mediumXL',\n 'mediumXXL',\n 'largeXXS',\n 'largeXS',\n 'largeS',\n 'largeM',\n 'largeL',\n 'largeXL',\n 'largeXXL',\n];\n\n/**\n * Генерирует набор медиа-запросов под различную ширину вьюпорта\n *\n * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта\n * @return {string} сгенерированный набор медиа-запросов\n */\nconst gridMediaQueryTemplate = (breakpoints: BreakpointTokens): string => {\n return gridSizes\n .map((size) => {\n if (!String(breakpoints[`${tokenPrefix}${size}-min-width`])) {\n return;\n }\n\n const minWidth = breakpoints[`${tokenPrefix}${size}-min-width` as keyof typeof breakpoints];\n const itemWidth = tokens[`${size}CodeItemWidth` as TokensType];\n const itemHeight = tokens[`${size}CodeItemHeight` as TokensType];\n const fontSize = tokens[`${size}FontSize` as TokensType];\n const lineHeight = tokens[`${size}LineHeight` as TokensType];\n\n return `\n @media (min-width: ${minWidth}) {\n ${privateTokens.fontSize}: var(${fontSize});\n ${privateTokens.lineHeight}: var(${lineHeight});\n ${privateTokens.itemWidth}: var(${itemWidth});\n ${privateTokens.itemHeight}: var(${itemHeight});\n }\n `;\n })\n .filter((style) => style)\n .join('\\n');\n};\n\n/**\n * Генерирует строку со стилями для обертки Grid и набором медиа-запросов\n *\n * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта\n * @param {string} viewName - название view из конфига\n * @return {string} стили для обертки Grid\n */\nexport const getCodeInputView = (breakponts: BreakpointTokens, viewName: string) => {\n return `\n &.${getCodeInputViewClass(viewName)} {\n ${gridMediaQueryTemplate(breakponts)}\n }\n `;\n};\n"],"names":["getCodeInputViewClass","view","concat","tokenPrefix","gridSizes","gridMediaQueryTemplate","breakpoints","map","size","String","minWidth","itemWidth","tokens","itemHeight","fontSize","lineHeight","privateTokens","filter","style","join","getCodeInputView","breakponts","viewName"],"mappings":";;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAY,EAAK;EACnD,OAAAC,YAAAA,CAAAA,MAAA,CAAoBD,IAAI,EAAA,OAAA,CAAA,CAAA;AAC5B,EAAC;AAED,IAAME,WAAW,GAAG,qBAAqB,CAAA;AAElC,IAAMC,SAA+B,GAAG,CAC3C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,WAA6B,EAAa;AACtE,EAAA,OAAOF,SAAS,CACXG,GAAG,CAAC,UAACC,IAAI,EAAK;AACX,IAAA,IAAI,CAACC,MAAM,CAACH,WAAW,IAAAJ,MAAA,CAAIC,WAAW,CAAA,CAAAD,MAAA,CAAGM,IAAI,EAAA,YAAA,CAAA,CAAa,CAAC,EAAE;AACzD,MAAA,OAAA;AACJ,KAAA;IAEA,IAAME,QAAQ,GAAGJ,WAAW,CAAAJ,EAAAA,CAAAA,MAAA,CAAIC,WAAW,CAAAD,CAAAA,MAAA,CAAGM,IAAI,EAAyC,YAAA,CAAA,CAAA,CAAA;AAC3F,IAAA,IAAMG,SAAS,GAAGC,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA8B,eAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,IAAMK,UAAU,GAAGD,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA+B,gBAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMM,QAAQ,GAAGF,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAAyB,UAAA,CAAA,CAAA,CAAA;AACxD,IAAA,IAAMO,UAAU,GAAGH,MAAM,IAAAV,MAAA,CAAIM,IAAI,EAA2B,YAAA,CAAA,CAAA,CAAA;AAE5D,IAAA,OAAA,uCAAA,CAAAN,MAAA,CACyBQ,QAAQ,+BAAAR,MAAA,CACvBc,aAAa,CAACF,QAAQ,YAAAZ,MAAA,CAASY,QAAQ,EAAAZ,0BAAAA,CAAAA,CAAAA,MAAA,CACvCc,aAAa,CAACD,UAAU,EAAAb,QAAAA,CAAAA,CAAAA,MAAA,CAASa,UAAU,8BAAAb,MAAA,CAC3Cc,aAAa,CAACL,SAAS,YAAAT,MAAA,CAASS,SAAS,EAAAT,0BAAAA,CAAAA,CAAAA,MAAA,CACzCc,aAAa,CAACH,UAAU,EAAAX,QAAAA,CAAAA,CAAAA,MAAA,CAASW,UAAU,EAAA,qCAAA,CAAA,CAAA;AAGzD,GAAC,CAAC,CACDI,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,CAAA;AAAA,GAAA,CAAC,CACxBC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAA4B,EAAEC,QAAgB,EAAK;AAChF,EAAA,OAAA,cAAA,CAAApB,MAAA,CACQF,qBAAqB,CAACsB,QAAQ,CAAC,EAAApB,kBAAAA,CAAAA,CAAAA,MAAA,CAC7BG,sBAAsB,CAACgB,UAAU,CAAC,EAAA,mBAAA,CAAA,CAAA;AAGhD;;;;"}