@salutejs/plasma-new-hope 0.326.0-canary.1973.15428061748.0 → 0.326.0-canary.1983.15486466373.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 (663) 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/Breadcrumbs/Breadcrumbs.css +3 -1
  12. package/cjs/components/Breadcrumbs/utils/getShortItems.css +3 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.css +61 -56
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -4
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
  17. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  19. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  21. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  22. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  24. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  25. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  26. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  27. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  28. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1fy6e2z.css → Item.styles_80gotw.css} +2 -2
  29. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  30. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
  31. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  32. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
  33. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  34. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
  35. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  36. package/cjs/components/Combobox/ComboboxOld/Combobox.css +8 -7
  37. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
  38. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
  39. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
  40. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
  41. package/cjs/components/Dropdown/Dropdown.css +8 -7
  42. package/cjs/components/Dropdown/Dropdown.js +7 -5
  43. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  44. package/cjs/components/Dropdown/Dropdown.styles.js +17 -16
  45. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  46. package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
  47. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  48. package/cjs/components/Dropdown/FloatingPopover.js +5 -4
  49. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  50. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
  51. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  52. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  53. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
  54. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
  55. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  56. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
  57. package/cjs/components/Link/Link.js +8 -4
  58. package/cjs/components/Link/Link.js.map +1 -1
  59. package/cjs/components/Link/Link.tokens.js +5 -0
  60. package/cjs/components/Link/Link.tokens.js.map +1 -1
  61. package/cjs/components/{CodeInput/variations/_disabled → Link/_size}/base.js +2 -2
  62. package/cjs/components/Link/_size/base.js.map +1 -0
  63. package/cjs/components/Link/_size/base_z01401.css +1 -0
  64. package/cjs/components/Link/_view/base.js +1 -1
  65. package/cjs/components/Link/_view/base.js.map +1 -1
  66. package/cjs/components/Link/_view/base_r5vd7o.css +1 -0
  67. package/cjs/components/Pagination/Pagination.css +57 -52
  68. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
  69. package/cjs/components/Popover/Popover.js +3 -0
  70. package/cjs/components/Popover/Popover.js.map +1 -1
  71. package/cjs/components/Select/FloatingPopover.js +9 -5
  72. package/cjs/components/Select/FloatingPopover.js.map +1 -1
  73. package/cjs/components/Select/Select.css +57 -52
  74. package/cjs/components/Select/Select.js +14 -5
  75. package/cjs/components/Select/Select.js.map +1 -1
  76. package/cjs/components/Select/Select.styles.js +17 -17
  77. package/cjs/components/Select/Select.styles.js.map +1 -1
  78. package/cjs/components/Select/Select.styles_bjoo18.css +3 -0
  79. package/cjs/components/Select/Select.tokens.js +9 -2
  80. package/cjs/components/Select/Select.tokens.js.map +1 -1
  81. package/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  82. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  83. package/cjs/components/Select/ui/Inner/Inner.css +11 -10
  84. package/cjs/components/Select/ui/Inner/Inner.js +5 -5
  85. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  86. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
  87. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  88. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
  89. package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
  90. package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
  91. package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  92. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
  93. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  94. package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
  95. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  96. package/cjs/components/Table/Table.css +34 -29
  97. package/cjs/components/Table/ui/Cell/Cell.css +34 -29
  98. package/cjs/components/Table/ui/EditableCell/EditableCell.css +34 -29
  99. package/cjs/components/Table/ui/HeadCell/HeadCell.css +34 -29
  100. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
  101. package/cjs/index.css +57 -58
  102. package/cjs/index.js +0 -8
  103. package/cjs/index.js.map +1 -1
  104. package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
  105. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +10 -6
  106. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
  107. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  108. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
  109. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
  110. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  111. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  112. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  113. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  114. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  115. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
  116. package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  117. package/emotion/cjs/components/Dropdown/Dropdown.js +7 -5
  118. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +13 -12
  119. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
  120. package/emotion/cjs/components/Dropdown/FloatingPopover.js +5 -4
  121. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  122. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
  123. package/emotion/cjs/components/Link/Link.js +9 -5
  124. package/emotion/cjs/components/Link/Link.tokens.js +5 -0
  125. package/emotion/cjs/components/Link/_size/base.js +9 -0
  126. package/emotion/cjs/components/Link/_view/base.js +1 -1
  127. package/emotion/cjs/components/Link/_view/tokens.json +0 -1
  128. package/emotion/cjs/components/Popover/Popover.js +3 -0
  129. package/emotion/cjs/components/Select/FloatingPopover.js +9 -5
  130. package/emotion/cjs/components/Select/Select.js +13 -5
  131. package/emotion/cjs/components/Select/Select.styles.js +11 -10
  132. package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
  133. package/emotion/cjs/components/Select/Select.tokens.js +9 -2
  134. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  135. package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -5
  136. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
  137. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  138. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
  139. package/emotion/cjs/components/Select/ui/index.js +11 -0
  140. package/emotion/cjs/engines/emotion.js +8 -3
  141. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  142. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  143. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  144. package/emotion/cjs/examples/plasma_b2c/components/Link/Link.config.js +31 -11
  145. package/emotion/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
  146. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  147. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  148. package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  149. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  150. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  151. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  152. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  153. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  154. package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
  155. package/emotion/cjs/index.js +0 -11
  156. package/emotion/es/components/Autocomplete/Autocomplete.js +3 -3
  157. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +9 -5
  158. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
  159. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  160. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
  161. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
  162. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  163. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  164. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  165. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  166. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  167. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
  168. package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  169. package/emotion/es/components/Dropdown/Dropdown.js +8 -6
  170. package/emotion/es/components/Dropdown/Dropdown.styles.js +12 -11
  171. package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -2
  172. package/emotion/es/components/Dropdown/FloatingPopover.js +5 -4
  173. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  174. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
  175. package/emotion/es/components/Link/Link.js +5 -1
  176. package/emotion/es/components/Link/Link.tokens.js +5 -0
  177. package/emotion/es/components/Link/_size/base.js +3 -0
  178. package/emotion/es/components/Link/_view/base.js +1 -1
  179. package/emotion/es/components/Link/_view/tokens.json +0 -1
  180. package/emotion/es/components/Popover/Popover.js +3 -0
  181. package/emotion/es/components/Select/FloatingPopover.js +9 -5
  182. package/emotion/es/components/Select/Select.js +15 -7
  183. package/emotion/es/components/Select/Select.styles.js +10 -9
  184. package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
  185. package/emotion/es/components/Select/Select.tokens.js +9 -2
  186. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  187. package/emotion/es/components/Select/ui/Inner/Inner.js +6 -6
  188. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
  189. package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  190. package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
  191. package/emotion/es/components/Select/ui/index.js +2 -1
  192. package/emotion/es/engines/emotion.js +8 -3
  193. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  194. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  195. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  196. package/emotion/es/examples/plasma_b2c/components/Link/Link.config.js +31 -11
  197. package/emotion/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
  198. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  199. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  200. package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  201. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  202. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  203. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  204. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  205. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  206. package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
  207. package/emotion/es/index.js +0 -1
  208. package/es/components/Autocomplete/Autocomplete.css +6 -5
  209. package/es/components/Autocomplete/Autocomplete.js +3 -3
  210. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  211. package/es/components/Autocomplete/Autocomplete.styles.js +12 -7
  212. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  213. package/es/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
  214. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
  215. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
  216. package/es/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
  217. package/es/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
  218. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -1
  219. package/es/components/Breadcrumbs/utils/getShortItems.css +3 -1
  220. package/es/components/Combobox/ComboboxNew/Combobox.css +61 -56
  221. package/es/components/Combobox/ComboboxNew/Combobox.js +14 -5
  222. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  223. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
  224. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  225. package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  226. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  227. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  228. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  229. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  230. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  231. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  232. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  233. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
  234. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  235. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1fy6e2z.css → Item.styles_80gotw.css} +2 -2
  236. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  237. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
  238. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  239. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
  240. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  241. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
  242. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  243. package/es/components/Combobox/ComboboxOld/Combobox.css +8 -7
  244. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
  245. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
  246. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
  247. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
  248. package/es/components/Dropdown/Dropdown.css +8 -7
  249. package/es/components/Dropdown/Dropdown.js +8 -6
  250. package/es/components/Dropdown/Dropdown.js.map +1 -1
  251. package/es/components/Dropdown/Dropdown.styles.js +17 -17
  252. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  253. package/es/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
  254. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  255. package/es/components/Dropdown/FloatingPopover.js +5 -4
  256. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  257. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
  258. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  259. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  260. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
  261. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
  262. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  263. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
  264. package/es/components/Link/Link.js +8 -4
  265. package/es/components/Link/Link.js.map +1 -1
  266. package/es/components/Link/Link.tokens.js +5 -0
  267. package/es/components/Link/Link.tokens.js.map +1 -1
  268. package/es/components/{CodeInput/variations → Link}/_size/base.js +2 -2
  269. package/es/components/Link/_size/base.js.map +1 -0
  270. package/es/components/Link/_size/base_z01401.css +1 -0
  271. package/es/components/Link/_view/base.js +1 -1
  272. package/es/components/Link/_view/base.js.map +1 -1
  273. package/es/components/Link/_view/base_r5vd7o.css +1 -0
  274. package/es/components/Pagination/Pagination.css +57 -52
  275. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
  276. package/es/components/Popover/Popover.js +3 -0
  277. package/es/components/Popover/Popover.js.map +1 -1
  278. package/es/components/Select/FloatingPopover.js +9 -5
  279. package/es/components/Select/FloatingPopover.js.map +1 -1
  280. package/es/components/Select/Select.css +57 -52
  281. package/es/components/Select/Select.js +15 -6
  282. package/es/components/Select/Select.js.map +1 -1
  283. package/es/components/Select/Select.styles.js +17 -18
  284. package/es/components/Select/Select.styles.js.map +1 -1
  285. package/es/components/Select/Select.styles_bjoo18.css +3 -0
  286. package/es/components/Select/Select.tokens.js +9 -2
  287. package/es/components/Select/Select.tokens.js.map +1 -1
  288. package/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  289. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  290. package/es/components/Select/ui/Inner/Inner.css +11 -10
  291. package/es/components/Select/ui/Inner/Inner.js +6 -6
  292. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  293. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
  294. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  295. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
  296. package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
  297. package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
  298. package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  299. package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
  300. package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  301. package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
  302. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  303. package/es/components/Table/Table.css +34 -29
  304. package/es/components/Table/ui/Cell/Cell.css +34 -29
  305. package/es/components/Table/ui/EditableCell/EditableCell.css +34 -29
  306. package/es/components/Table/ui/HeadCell/HeadCell.css +34 -29
  307. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
  308. package/es/index.css +57 -58
  309. package/es/index.js +0 -3
  310. package/es/index.js.map +1 -1
  311. package/package.json +5 -5
  312. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
  313. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +9 -6
  314. package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
  315. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  316. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
  317. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
  318. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  319. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  320. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
  321. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  322. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  323. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
  324. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  325. package/styled-components/cjs/components/Dropdown/Dropdown.js +7 -5
  326. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -9
  327. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
  328. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +5 -4
  329. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
  330. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
  331. package/styled-components/cjs/components/Link/Link.js +8 -4
  332. package/styled-components/cjs/components/Link/Link.tokens.js +5 -0
  333. package/styled-components/cjs/components/Link/_size/base.js +9 -0
  334. package/styled-components/cjs/components/Link/_view/base.js +1 -1
  335. package/styled-components/cjs/components/Link/_view/tokens.json +0 -1
  336. package/styled-components/cjs/components/Popover/Popover.js +3 -0
  337. package/styled-components/cjs/components/Select/FloatingPopover.js +9 -5
  338. package/styled-components/cjs/components/Select/Select.js +13 -5
  339. package/styled-components/cjs/components/Select/Select.styles.js +8 -8
  340. package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
  341. package/styled-components/cjs/components/Select/Select.tokens.js +9 -2
  342. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
  343. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -5
  344. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  345. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  346. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
  347. package/styled-components/cjs/components/Select/ui/index.js +11 -0
  348. package/styled-components/cjs/engines/styled-components.js +8 -3
  349. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  350. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  351. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  352. package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js +29 -9
  353. package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
  354. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  355. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  356. package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  357. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  358. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  359. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  360. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
  361. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  362. package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
  363. package/styled-components/cjs/index.js +0 -11
  364. package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -3
  365. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +8 -5
  366. package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
  367. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  368. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
  369. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
  370. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
  371. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  372. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
  373. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  374. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  375. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
  376. package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  377. package/styled-components/es/components/Dropdown/Dropdown.js +8 -6
  378. package/styled-components/es/components/Dropdown/Dropdown.styles.js +8 -8
  379. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -2
  380. package/styled-components/es/components/Dropdown/FloatingPopover.js +5 -4
  381. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
  382. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
  383. package/styled-components/es/components/Link/Link.js +4 -0
  384. package/styled-components/es/components/Link/Link.tokens.js +5 -0
  385. package/styled-components/es/components/Link/_size/base.js +3 -0
  386. package/styled-components/es/components/Link/_view/base.js +1 -1
  387. package/styled-components/es/components/Link/_view/tokens.json +0 -1
  388. package/styled-components/es/components/Popover/Popover.js +3 -0
  389. package/styled-components/es/components/Select/FloatingPopover.js +9 -5
  390. package/styled-components/es/components/Select/Select.js +15 -7
  391. package/styled-components/es/components/Select/Select.styles.js +7 -7
  392. package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
  393. package/styled-components/es/components/Select/Select.tokens.js +9 -2
  394. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
  395. package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -6
  396. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
  397. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  398. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
  399. package/styled-components/es/components/Select/ui/index.js +2 -1
  400. package/styled-components/es/engines/styled-components.js +8 -3
  401. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  402. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  403. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
  404. package/styled-components/es/examples/plasma_b2c/components/Link/Link.config.js +29 -9
  405. package/styled-components/es/examples/plasma_b2c/components/Link/Link.stories.tsx +1 -0
  406. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  407. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
  408. package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  409. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  410. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  411. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
  412. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
  413. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
  414. package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
  415. package/styled-components/es/index.js +0 -1
  416. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  417. package/types/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
  418. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  419. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  420. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
  421. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  422. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
  423. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  424. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +12 -1
  425. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  426. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  427. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
  428. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  429. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts +7 -0
  430. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
  431. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +10 -0
  432. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  433. package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
  434. package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
  435. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  436. package/types/components/Dropdown/Dropdown.styles.d.ts +3 -2
  437. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  438. package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
  439. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  440. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
  441. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  442. package/types/components/Link/Link.d.ts +3 -0
  443. package/types/components/Link/Link.d.ts.map +1 -1
  444. package/types/components/Link/Link.tokens.d.ts +5 -0
  445. package/types/components/Link/Link.tokens.d.ts.map +1 -1
  446. package/types/components/Link/_size/base.d.ts.map +1 -0
  447. package/types/components/Link/_view/base.d.ts.map +1 -1
  448. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -0
  449. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  450. package/types/components/Popover/Popover.d.ts.map +1 -1
  451. package/types/components/Select/FloatingPopover.d.ts.map +1 -1
  452. package/types/components/Select/Select.d.ts.map +1 -1
  453. package/types/components/Select/Select.styles.d.ts +3 -2
  454. package/types/components/Select/Select.styles.d.ts.map +1 -1
  455. package/types/components/Select/Select.tokens.d.ts +7 -0
  456. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  457. package/types/components/Select/Select.types.d.ts +13 -1
  458. package/types/components/Select/Select.types.d.ts.map +1 -1
  459. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  460. package/types/components/Select/ui/SelectAll/SelectAll.d.ts +7 -0
  461. package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
  462. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +10 -0
  463. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  464. package/types/components/Select/ui/index.d.ts +1 -0
  465. package/types/components/Select/ui/index.d.ts.map +1 -1
  466. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +3 -0
  467. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  468. package/types/engines/emotion.d.ts.map +1 -1
  469. package/types/engines/styled-components.d.ts.map +1 -1
  470. package/types/index.d.ts +0 -1
  471. package/types/index.d.ts.map +1 -1
  472. package/cjs/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
  473. package/cjs/components/CodeInput/CodeInput.css +0 -14
  474. package/cjs/components/CodeInput/CodeInput.js +0 -292
  475. package/cjs/components/CodeInput/CodeInput.js.map +0 -1
  476. package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
  477. package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
  478. package/cjs/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
  479. package/cjs/components/CodeInput/CodeInput.tokens.js +0 -94
  480. package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
  481. package/cjs/components/CodeInput/utils/constants.js +0 -14
  482. package/cjs/components/CodeInput/utils/constants.js.map +0 -1
  483. package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
  484. package/cjs/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  485. package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
  486. package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
  487. package/cjs/components/CodeInput/utils/handleItemError.js +0 -53
  488. package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
  489. package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
  490. package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  491. package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
  492. package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
  493. package/cjs/components/CodeInput/variations/_size/base.js +0 -9
  494. package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
  495. package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  496. package/cjs/components/CodeInput/variations/_view/base.js +0 -9
  497. package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
  498. package/cjs/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
  499. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
  500. package/cjs/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
  501. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
  502. package/cjs/components/Link/_view/base_1vy4dme.css +0 -1
  503. package/cjs/components/Select/Select.styles_11cghkj.css +0 -2
  504. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
  505. package/emotion/cjs/components/CodeInput/CodeInput.js +0 -300
  506. package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
  507. package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -91
  508. package/emotion/cjs/components/CodeInput/CodeInput.types.js +0 -5
  509. package/emotion/cjs/components/CodeInput/index.js +0 -38
  510. package/emotion/cjs/components/CodeInput/utils/constants.js +0 -12
  511. package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  512. package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  513. package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -56
  514. package/emotion/cjs/components/CodeInput/utils/index.js +0 -57
  515. package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  516. package/emotion/cjs/components/CodeInput/utils/types.js +0 -5
  517. package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
  518. package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
  519. package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -10
  520. package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
  521. package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -10
  522. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -31
  523. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
  524. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
  525. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -31
  526. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
  527. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
  528. package/emotion/es/components/CodeInput/CodeInput.js +0 -291
  529. package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
  530. package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -85
  531. package/emotion/es/components/CodeInput/CodeInput.types.js +0 -1
  532. package/emotion/es/components/CodeInput/index.js +0 -3
  533. package/emotion/es/components/CodeInput/utils/constants.js +0 -6
  534. package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  535. package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
  536. package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -50
  537. package/emotion/es/components/CodeInput/utils/index.js +0 -4
  538. package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  539. package/emotion/es/components/CodeInput/utils/types.js +0 -1
  540. package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
  541. package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
  542. package/emotion/es/components/CodeInput/variations/_size/base.js +0 -4
  543. package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
  544. package/emotion/es/components/CodeInput/variations/_view/base.js +0 -4
  545. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -25
  546. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
  547. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
  548. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -25
  549. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
  550. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
  551. package/es/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
  552. package/es/components/CodeInput/CodeInput.css +0 -14
  553. package/es/components/CodeInput/CodeInput.js +0 -282
  554. package/es/components/CodeInput/CodeInput.js.map +0 -1
  555. package/es/components/CodeInput/CodeInput.styles.js +0 -67
  556. package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
  557. package/es/components/CodeInput/CodeInput.styles_29ush3.css +0 -8
  558. package/es/components/CodeInput/CodeInput.tokens.js +0 -88
  559. package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
  560. package/es/components/CodeInput/utils/constants.js +0 -7
  561. package/es/components/CodeInput/utils/constants.js.map +0 -1
  562. package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
  563. package/es/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  564. package/es/components/CodeInput/utils/handleCodeError.js +0 -51
  565. package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
  566. package/es/components/CodeInput/utils/handleItemError.js +0 -49
  567. package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
  568. package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
  569. package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  570. package/es/components/CodeInput/variations/_disabled/base.js +0 -5
  571. package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
  572. package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
  573. package/es/components/CodeInput/variations/_size/base.js.map +0 -1
  574. package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  575. package/es/components/CodeInput/variations/_view/base.js +0 -5
  576. package/es/components/CodeInput/variations/_view/base.js.map +0 -1
  577. package/es/components/CodeInput/variations/_view/base_lzwhmf.css +0 -1
  578. package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
  579. package/es/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
  580. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
  581. package/es/components/Link/_view/base_1vy4dme.css +0 -1
  582. package/es/components/Select/Select.styles_11cghkj.css +0 -2
  583. package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
  584. package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -300
  585. package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
  586. package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -91
  587. package/styled-components/cjs/components/CodeInput/CodeInput.types.js +0 -5
  588. package/styled-components/cjs/components/CodeInput/index.js +0 -38
  589. package/styled-components/cjs/components/CodeInput/utils/constants.js +0 -12
  590. package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  591. package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  592. package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -56
  593. package/styled-components/cjs/components/CodeInput/utils/index.js +0 -57
  594. package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  595. package/styled-components/cjs/components/CodeInput/utils/types.js +0 -5
  596. package/styled-components/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
  597. package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
  598. package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -10
  599. package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
  600. package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -10
  601. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -31
  602. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
  603. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
  604. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -31
  605. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
  606. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
  607. package/styled-components/es/components/CodeInput/CodeInput.js +0 -291
  608. package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
  609. package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -85
  610. package/styled-components/es/components/CodeInput/CodeInput.types.js +0 -1
  611. package/styled-components/es/components/CodeInput/index.js +0 -3
  612. package/styled-components/es/components/CodeInput/utils/constants.js +0 -6
  613. package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  614. package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
  615. package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -50
  616. package/styled-components/es/components/CodeInput/utils/index.js +0 -4
  617. package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  618. package/styled-components/es/components/CodeInput/utils/types.js +0 -1
  619. package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
  620. package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
  621. package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -4
  622. package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
  623. package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -4
  624. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -25
  625. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
  626. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -107
  627. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -25
  628. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
  629. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -107
  630. package/types/components/CodeInput/CodeInput.d.ts +0 -67
  631. package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
  632. package/types/components/CodeInput/CodeInput.styles.d.ts +0 -16
  633. package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
  634. package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -86
  635. package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
  636. package/types/components/CodeInput/CodeInput.types.d.ts +0 -96
  637. package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
  638. package/types/components/CodeInput/index.d.ts +0 -4
  639. package/types/components/CodeInput/index.d.ts.map +0 -1
  640. package/types/components/CodeInput/utils/constants.d.ts +0 -7
  641. package/types/components/CodeInput/utils/constants.d.ts.map +0 -1
  642. package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
  643. package/types/components/CodeInput/utils/generateMediaQuery.d.ts.map +0 -1
  644. package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
  645. package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
  646. package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
  647. package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
  648. package/types/components/CodeInput/utils/index.d.ts +0 -5
  649. package/types/components/CodeInput/utils/index.d.ts.map +0 -1
  650. package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
  651. package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
  652. package/types/components/CodeInput/utils/types.d.ts +0 -11
  653. package/types/components/CodeInput/utils/types.d.ts.map +0 -1
  654. package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
  655. package/types/components/CodeInput/variations/_size/base.d.ts +0 -2
  656. package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
  657. package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
  658. package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
  659. /package/emotion/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
  660. /package/emotion/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
  661. /package/styled-components/cjs/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
  662. /package/styled-components/es/components/{CodeInput/variations/_view → Link/_size}/tokens.json +0 -0
  663. /package/types/components/{CodeInput/variations/_disabled → Link/_size}/base.d.ts +0 -0
@@ -1,85 +0,0 @@
1
- export var classes = {
2
- itemError: 'codeinput-item-error',
3
- itemErrorAnimation: 'codeinput-item-error-animation',
4
- itemErrorFade: 'codeinput-item-error-fade',
5
- itemCirlceFilled: 'codeinput-item-circle-filled',
6
- captionError: 'codeinput-caption-error',
7
- codeError: 'codeinput-code-error',
8
- codeErrorAnimation: 'codeinput-code-error-animation',
9
- codeErrorFade: 'codeinput-code-error-fade',
10
- captionAlignLeft: 'codeinput-caption-align-left',
11
- hoverEnabled: 'codeinput-item-hover-enabled',
12
- segmented: 'codeinput-shape-segmented',
13
- "default": 'codeinput-shape-default',
14
- largeMScreen: 'codeinput-large-m-screen',
15
- largeSScreen: 'codeinput-large-s-screen',
16
- mediumMScreen: 'codeinput-medium-m-screen',
17
- mediumSScreen: 'codeinput-medium-s-screen',
18
- smallMScreen: 'codeinput-small-m-screen',
19
- disabled: 'codeinput-disabled'
20
- };
21
- export var privateTokens = {
22
- itemWidth: '--private-codeinput-item-width',
23
- itemHeight: '--private-codeinput-item-hieght',
24
- fontSize: '--private-codeinput-font-size',
25
- lineHeight: '--private-codeinput-line-height'
26
- };
27
- export var tokens = {
28
- captionGap: '--plasma-codeinput-caption-gap',
29
- codeItemsGap: '--plasma-codeinput-code-item-gap',
30
- smallMMinWidth: '--plasma-codeinput-smallM-min-width',
31
- mediumSMinWidth: '--plasma-codeinput-mediumS-min-width',
32
- mediumMMinWidth: '--plasma-codeinput-mediumM-min-width',
33
- largeSMinWidth: '--plasma-codeinput-largeS-min-width',
34
- largeMMinWidth: '--plasma-codeinput-largeM-min-width',
35
- separatorWidth: '--plasma-codeinput-separator-width',
36
- largeMCodeItemWidth: '--plasma-codeinput-item-large-m-width',
37
- largeMCodeItemHeight: '--plasma-codeinput-item-large-m-height',
38
- largeSCodeItemWidth: '--plasma-codeinput-item-large-s-width',
39
- largeSCodeItemHeight: '--plasma-codeinput-item-large-s-height',
40
- mediumMCodeItemWidth: '--plasma-codeinput-item-medium-m-width',
41
- mediumMCodeItemHeight: '--plasma-codeinput-item-medium-m-height',
42
- mediumSCodeItemWidth: '--plasma-codeinput-item-medium-s-width',
43
- mediumSCodeItemHeight: '--plasma-codeinput-item-medium-s-height',
44
- smallMCodeItemWidth: '--plasma-codeinput-item-small-m-width',
45
- smallMCodeItemHeight: '--plasma-codeinput-item-small-m-height',
46
- codeItemCircleSize: '--plasma-codeinput-item-circle-size',
47
- codeItemCircleBorderWidth: '--plasma-codeinput-item-circle-border-width',
48
- fontStyle: '--plasma-codeinput-font-style',
49
- fontFamily: '--plasma-codeinput-font-family',
50
- fontWeight: '--plasma-codeinput-font-weight',
51
- letterSpacing: '--plasma-codeinput-letter-spacing',
52
- largeMFontSize: '--plasma-codeinput-large-m-font-size',
53
- largeMLineHeight: '--plasma-codeinput-large-m-line-height',
54
- largeSFontSize: '--plasma-codeinput-large-s-font-size',
55
- largeSLineHeight: '--plasma-codeinput-large-s-line-height',
56
- mediumMFontSize: '--plasma-codeinput-medium-m-font-size',
57
- mediumMLineHeight: '--plasma-codeinput-medium-m-line-height',
58
- mediumSFontSize: '--plasma-codeinput-medium-s-font-size',
59
- mediumSLineHeight: '--plasma-codeinput-medium-s-line-height',
60
- smallMFontSize: '--plasma-codeinput-small-m-font-size',
61
- smallMLineHeight: '--plasma-codeinput-small-m-line-height',
62
- captionFontFamily: '--plasma-codeinput-caption-font-family',
63
- captionFontSize: '--plasma-codeinput-caption-font-style',
64
- captionFontStyle: '--plasma-codeinput-caption-font-size',
65
- captionFontWeight: '--plasma-codeinput-caption-font-weight',
66
- captionLetterSpacing: '--plasma-codeinput-caption-letter-spacing',
67
- captionLineHeight: '--plasma-codeinput-caption-line-height',
68
- borderRadius: '--plasma-codeinput-code-item-border-radius',
69
- borderRadiusSegmented: '--plasma-codeinput-code-item-border-radius-segmented',
70
- segmentedSideBorderRadius: '--plasma-codeinput-code-item-segmented-side-border-radius',
71
- captionColor: '--plasma-codeinput-caption-color',
72
- captionColorError: '--plasma-codeinput-caption-color-error',
73
- codeColor: '--plasma-codeinput-code-color',
74
- codeColorError: '--plasma-codeinput-code-color-error',
75
- backgroundColor: '--plasma-codeinput-background-color',
76
- backgroundColorHover: '--plasma-codeinput-background-color-hover',
77
- backgroundColorFocus: '--plasma-codeinput-background-color-focus',
78
- backgroundErrorColor: '--plasma-codeinput-background-error-color',
79
- borderWidth: '--plasma-codeinput-border-width',
80
- borderColor: '--plasma-codeinput-border-color',
81
- borderColorHover: '--plasma-codeinput-border-color-hover',
82
- borderColorFocus: '--plasma-codeinput-border-color-focus',
83
- borderErrorColor: '--plasma-codeinput-border-error-color',
84
- disabledOpacity: '--plasma-codeinput-disabled-opacity'
85
- };
@@ -1,3 +0,0 @@
1
- export { codeInputRoot, codeInputConfig } from "./CodeInput";
2
- export { tokens as codeInputTokens, classes as codeInputClasses } from "./CodeInput.tokens";
3
- export { getCodeInputView } from "./utils";
@@ -1,6 +0,0 @@
1
- export var ONLY_DIGITS_PATTERN = '^\\d+$';
2
- export var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
3
- export var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
4
- export var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete'];
5
- export var BACKSPACE_KEY = 'Backspace';
6
- export var ANIMATION_TIMEOUT = 300;
@@ -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,50 +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
- export var handleItemError = function handleItemError(_ref) {
10
- var _inputRefs$current$in, _inputRefs$current$in4;
11
- var currentSymbol = _ref.currentSymbol,
12
- itemErrorBehavior = _ref.itemErrorBehavior,
13
- index = _ref.index,
14
- newCode = _ref.newCode,
15
- inputRefs = _ref.inputRefs,
16
- setCode = _ref.setCode,
17
- codeSetter = _ref.codeSetter;
18
- if (!inputRefs.current[index] || currentSymbol === ' ') {
19
- return;
20
- }
21
- switch (itemErrorBehavior) {
22
- case 'keep':
23
- setCode(newCode);
24
- (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(classes.itemError, classes.itemErrorAnimation);
25
- setTimeout(function () {
26
- var _inputRefs$current$in2;
27
- (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(classes.itemErrorAnimation);
28
- setTimeout(function () {
29
- var _inputRefs$current$in3;
30
- return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
31
- }, 0);
32
- }, ANIMATION_TIMEOUT);
33
- break;
34
- case 'forbid-enter':
35
- newCode[index] = '';
36
- codeSetter(newCode);
37
- break;
38
- case 'remove-symbol':
39
- default:
40
- setCode(newCode);
41
- (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
42
- setTimeout(function () {
43
- var _inputRefs$current$in5;
44
- var updatedCode = _toConsumableArray(newCode);
45
- updatedCode[index] = '';
46
- codeSetter(updatedCode);
47
- (_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
48
- }, ANIMATION_TIMEOUT);
49
- }
50
- };
@@ -1,4 +0,0 @@
1
- export { getFieldPattern, getPlaceholderValue, getCodeValue } from "./initialValuesHelper";
2
- export { handleItemError } from "./handleItemError";
3
- export { handleCodeError } from "./handleCodeError";
4
- export * from "./generateMediaQuery";
@@ -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,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from "../../CodeInput.tokens";
3
- export var base = /*#__PURE__*/css(["&&[disabled]{opacity:var(", ");cursor:not-allowed;& > *{pointer-events:none;}}"], tokens.disabledOpacity);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-codeinput-disabled-opacity"]
4
- }
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { CaptionWrapper, CodeGroup, CodeWrapper, ItemInput } from "../../CodeInput.styles";
3
- import { tokens, privateTokens } from "../../CodeInput.tokens";
4
- export var base = /*#__PURE__*/css(["gap:var(", ");", ",", "{gap:var(", ");}", "{font-size:var(", ");font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], tokens.captionGap, CodeWrapper, CodeGroup, tokens.codeItemsGap, ItemInput, privateTokens.fontSize, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, privateTokens.lineHeight, privateTokens.itemWidth, privateTokens.itemHeight, CaptionWrapper, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight);
@@ -1,19 +0,0 @@
1
- [
2
- "--plasma-codeinput-caption-gap",
3
- "--plasma-codeinput-code-item-gap",
4
- "--plasma-codeinput-separator-width",
5
- "--plasma-codeinput-item-width",
6
- "--plasma-codeinput-item-height",
7
- "--plasma-codeinput-font-family",
8
- "--plasma-codeinput-font-style",
9
- "--plasma-codeinput-font-size",
10
- "--plasma-codeinput-font-weight",
11
- "--plasma-codeinput-letter-spacing",
12
- "--plasma-codeinput-line-height",
13
- "--plasma-codeinput-caption-font-family",
14
- "--plasma-codeinput-caption-font-style",
15
- "--plasma-codeinput-caption-font-size",
16
- "--plasma-codeinput-caption-font-weight",
17
- "--plasma-codeinput-caption-letter-spacing",
18
- "--plasma-codeinput-caption-line-height"
19
- ]
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { CaptionWrapper, ItemInput, ItemCircle } from "../../CodeInput.styles";
3
- import { classes, tokens } from "../../CodeInput.tokens";
4
- export var base = /*#__PURE__*/css(["", "{color:var(", ");&.", "{color:var(", ");}}", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&:hover{.", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&:focus-within{", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&& .", "{animation:shakingError 0.3s forwards;}&& .", "{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}", "{border:var(", ") solid var(", ");&.", "{background-color:var(", ");}}&:focus-within{", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&.", "{", "{animation:fadeError 0.3s forwards;}}}&& .", "{animation:shakingError 0.3s forwards;}&& .", ",&& .", ":focus-within{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");&.", "{animation:shakingError 0.3s forwards fadeError 0.3s forwards;}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{color:var(", ");}100%{color:transparent;}}"], CaptionWrapper, tokens.captionColor, classes.captionError, tokens.captionColorError, ItemInput, tokens.codeColor, tokens.backgroundColor, tokens.borderWidth, tokens.borderColor, classes.hoverEnabled, tokens.backgroundColorHover, tokens.borderWidth, tokens.borderColorHover, ItemInput, tokens.backgroundColorFocus, tokens.borderWidth, tokens.borderColorFocus, classes.codeErrorAnimation, classes.codeError, ItemInput, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, ItemCircle, tokens.codeItemCircleBorderWidth, tokens.codeColorError, classes.itemCirlceFilled, tokens.codeColorError, ItemInput, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, ItemInput, classes.itemErrorAnimation, classes.itemError, classes.itemError, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, tokens.codeColorError);
@@ -1,25 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- import { css } from 'styled-components';
6
- import { codeInputTokens as tokens, getCodeInputView } from "../../../../components/CodeInput";
7
- export var config = {
8
- defaults: {
9
- view: 'default',
10
- size: 'l'
11
- },
12
- variations: {
13
- view: {
14
- "default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ";"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, /*#__PURE__*/getCodeInputView(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty({}, tokens.smallMMinWidth, 0), tokens.mediumSMinWidth, '35rem'), tokens.mediumMMinWidth, '49.125rem'), tokens.largeSMinWidth, '60rem'), tokens.largeMMinWidth, '75rem'), 'default'))
15
- },
16
- size: {
17
- l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":1rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":7rem;", ":7rem;", ":5.5rem;", ":5.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":5rem;", ":8rem;", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":4.5rem;", ":7rem;", ":3.5rem;", ":5.75rem;", ":0.125rem;", ":1.5rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
18
- m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":1rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.75rem;", ":4.5rem;", ":4.75rem;", ":3.5rem;", ":3.75rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":3.5rem;", ":5.75rem;", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.75rem;", ":3rem;", ":4.75rem;", ":2.25rem;", ":3.75rem;", ":0.094rem;", ":1rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
19
- s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":4rem;", ":4.25rem;", ":3rem;", ":3.25rem;", ":3rem;", ":3.25rem;", ":2.5rem;", ":2.75rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":2.5rem;", ":4.25rem;", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.25rem;", ":2rem;", ":3.25rem;", ":1.625rem;", ":2.75rem;", ":0.063rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
20
- },
21
- disabled: {
22
- "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
23
- }
24
- }
25
- };
@@ -1,5 +0,0 @@
1
- import { codeInputConfig } from "../../../../components/CodeInput";
2
- import { component, mergeConfig } from "../../../../engines";
3
- import { config } from "./CodeInput.config";
4
- var mergedConfig = /*#__PURE__*/mergeConfig(codeInputConfig, config);
5
- export var CodeInput = /*#__PURE__*/component(mergedConfig);
@@ -1,107 +0,0 @@
1
- import React, { ComponentProps, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { getConfigVariations } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { CodeInput } from './CodeInput';
9
- import { config } from './CodeInput.config';
10
-
11
- const onChange = action('onChange');
12
- const onFullCodeEnter = action('onFullCodeEnter');
13
-
14
- const { views, sizes } = getConfigVariations(config);
15
- const codeLengths = [4, 5, 6];
16
- const captionAlignVariants = ['left', 'center'];
17
- const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
18
- const codeErrorBehaviorVariants = ['remove-code', 'keep'];
19
-
20
- const meta: Meta<typeof CodeInput> = {
21
- title: 'b2c/Data Entry/CodeInput',
22
- component: CodeInput,
23
- decorators: [WithTheme],
24
- argTypes: {
25
- view: {
26
- options: views,
27
- control: {
28
- type: 'select',
29
- },
30
- },
31
- size: {
32
- options: sizes,
33
- control: {
34
- type: 'inline-radio',
35
- },
36
- },
37
- screen: {
38
- options: ['large', 'medium', 'small'],
39
- control: {
40
- type: 'inline-radio',
41
- },
42
- },
43
- captionAlign: {
44
- options: captionAlignVariants,
45
- control: {
46
- type: 'inline-radio',
47
- },
48
- },
49
- codeLength: {
50
- options: codeLengths,
51
- control: {
52
- type: 'inline-radio',
53
- },
54
- },
55
- itemErrorBehavior: {
56
- options: itemErrorBehaviorVariants,
57
- control: {
58
- type: 'inline-radio',
59
- },
60
- },
61
- codeErrorBehavior: {
62
- options: codeErrorBehaviorVariants,
63
- control: {
64
- type: 'inline-radio',
65
- },
66
- },
67
- },
68
- parameters: {
69
- controls: {
70
- exclude: ['view'],
71
- },
72
- },
73
- };
74
-
75
- export default meta;
76
-
77
- type StoryPropsDefault = ComponentProps<typeof CodeInput>;
78
-
79
- const StoryDefault = (args: StoryPropsDefault) => {
80
- const [value, setValue] = useState('');
81
-
82
- const handleChange = (newValue: string) => {
83
- setValue(newValue);
84
- onChange(newValue);
85
- };
86
-
87
- return <CodeInput {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
88
- };
89
-
90
- export const Default: StoryObj<StoryPropsDefault> = {
91
- args: {
92
- view: 'default',
93
- size: 'm',
94
- codeLength: 6,
95
- caption: 'Caption',
96
- captionAlign: 'center',
97
- width: '',
98
- screen: 'medium',
99
- isError: false,
100
- itemErrorBehavior: 'remove-symbol',
101
- codeErrorBehavior: 'remove-code',
102
- autoFocus: true,
103
- disabled: false,
104
- hidden: false,
105
- },
106
- render: StoryDefault,
107
- };
@@ -1,25 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- import { css } from 'styled-components';
6
- import { codeInputTokens as tokens, getCodeInputView } from "../../../../components/CodeInput";
7
- export var config = {
8
- defaults: {
9
- view: 'default',
10
- size: 'l'
11
- },
12
- variations: {
13
- view: {
14
- "default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ";"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, /*#__PURE__*/getCodeInputView(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty({}, tokens.smallMMinWidth, 0), tokens.mediumSMinWidth, '35rem'), tokens.mediumMMinWidth, '49.125rem'), tokens.largeSMinWidth, '60rem'), tokens.largeMMinWidth, '75rem'), 'default'))
15
- },
16
- size: {
17
- l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":1rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":7rem;", ":7rem;", ":5.5rem;", ":5.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":5rem;", ":8rem;", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":4.5rem;", ":7rem;", ":3.5rem;", ":5.75rem;", ":0.125rem;", ":1.5rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
18
- m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":1rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.75rem;", ":4.5rem;", ":4.75rem;", ":3.5rem;", ":3.75rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":3.5rem;", ":5.75rem;", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.75rem;", ":3rem;", ":4.75rem;", ":2.25rem;", ":3.75rem;", ":0.094rem;", ":1rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
19
- s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":4rem;", ":4.25rem;", ":3rem;", ":3.25rem;", ":3rem;", ":3.25rem;", ":2.5rem;", ":2.75rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":2.5rem;", ":4.25rem;", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.25rem;", ":2rem;", ":3.25rem;", ":1.625rem;", ":2.75rem;", ":0.063rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
20
- },
21
- disabled: {
22
- "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
23
- }
24
- }
25
- };
@@ -1,5 +0,0 @@
1
- import { codeInputConfig } from "../../../../components/CodeInput";
2
- import { component, mergeConfig } from "../../../../engines";
3
- import { config } from "./CodeInput.config";
4
- var mergedConfig = /*#__PURE__*/mergeConfig(codeInputConfig, config);
5
- export var CodeInput = /*#__PURE__*/component(mergedConfig);
@@ -1,107 +0,0 @@
1
- import React, { ComponentProps, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { getConfigVariations } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { CodeInput } from './CodeInput';
9
- import { config } from './CodeInput.config';
10
-
11
- const onChange = action('onChange');
12
- const onFullCodeEnter = action('onFullCodeEnter');
13
-
14
- const { views, sizes } = getConfigVariations(config);
15
- const codeLengths = [4, 5, 6];
16
- const captionAlignVariants = ['left', 'center'];
17
- const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
18
- const codeErrorBehaviorVariants = ['remove-code', 'keep'];
19
-
20
- const meta: Meta<typeof CodeInput> = {
21
- title: 'web/Data Entry/CodeInput',
22
- component: CodeInput,
23
- decorators: [WithTheme],
24
- argTypes: {
25
- view: {
26
- options: views,
27
- control: {
28
- type: 'select',
29
- },
30
- },
31
- size: {
32
- options: sizes,
33
- control: {
34
- type: 'inline-radio',
35
- },
36
- },
37
- screen: {
38
- options: ['large', 'medium', 'small'],
39
- control: {
40
- type: 'inline-radio',
41
- },
42
- },
43
- captionAlign: {
44
- options: captionAlignVariants,
45
- control: {
46
- type: 'inline-radio',
47
- },
48
- },
49
- codeLength: {
50
- options: codeLengths,
51
- control: {
52
- type: 'inline-radio',
53
- },
54
- },
55
- itemErrorBehavior: {
56
- options: itemErrorBehaviorVariants,
57
- control: {
58
- type: 'inline-radio',
59
- },
60
- },
61
- codeErrorBehavior: {
62
- options: codeErrorBehaviorVariants,
63
- control: {
64
- type: 'inline-radio',
65
- },
66
- },
67
- },
68
- parameters: {
69
- controls: {
70
- exclude: ['view'],
71
- },
72
- },
73
- };
74
-
75
- export default meta;
76
-
77
- type StoryPropsDefault = ComponentProps<typeof CodeInput>;
78
-
79
- const StoryDefault = (args: StoryPropsDefault) => {
80
- const [value, setValue] = useState('');
81
-
82
- const handleChange = (newValue: string) => {
83
- setValue(newValue);
84
- onChange(newValue);
85
- };
86
-
87
- return <CodeInput {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
88
- };
89
-
90
- export const Default: StoryObj<StoryPropsDefault> = {
91
- args: {
92
- view: 'default',
93
- size: 'm',
94
- codeLength: 6,
95
- caption: 'Caption',
96
- captionAlign: 'center',
97
- width: '',
98
- screen: 'medium',
99
- isError: false,
100
- itemErrorBehavior: 'remove-symbol',
101
- codeErrorBehavior: 'remove-code',
102
- autoFocus: true,
103
- disabled: false,
104
- hidden: false,
105
- },
106
- render: StoryDefault,
107
- };