@salutejs/plasma-new-hope 0.325.0-canary.1941.15208820474.0 → 0.325.0-canary.1954.15208821137.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 (353) hide show
  1. package/cjs/components/List/List.css +1 -0
  2. package/cjs/components/List/List.js +63 -0
  3. package/cjs/components/List/List.js.map +1 -0
  4. package/cjs/components/List/List.styles.js +9 -0
  5. package/cjs/components/List/List.styles.js.map +1 -0
  6. package/cjs/components/List/List.styles_9yg2yl.css +1 -0
  7. package/cjs/components/List/List.tokens.js +41 -0
  8. package/cjs/components/List/List.tokens.js.map +1 -0
  9. package/cjs/components/List/ui/ListItem.css +18 -0
  10. package/cjs/components/List/ui/ListItem.js +27 -0
  11. package/cjs/components/List/ui/ListItem.js.map +1 -0
  12. package/cjs/components/List/ui/ListItem.styles.js +28 -0
  13. package/cjs/components/List/ui/ListItem.styles.js.map +1 -0
  14. package/cjs/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
  15. package/cjs/components/{CodeField/variations/_size → List/variations/_disabled}/base.js +2 -2
  16. package/cjs/components/List/variations/_disabled/base.js.map +1 -0
  17. package/cjs/components/List/variations/_disabled/base_x642ct.css +1 -0
  18. package/cjs/components/{CodeField/variations/_view → List/variations/_size}/base.js +2 -2
  19. package/cjs/components/List/variations/_size/base.js.map +1 -0
  20. package/cjs/components/List/variations/_size/base_x642ct.css +1 -0
  21. package/cjs/components/{CodeField/variations/_shape → List/variations/_variant}/base.js +2 -2
  22. package/cjs/components/List/variations/_variant/base.js.map +1 -0
  23. package/cjs/components/List/variations/_variant/base_x642ct.css +1 -0
  24. package/cjs/components/{CodeField/variations/_disabled → List/variations/_view}/base.js +2 -2
  25. package/cjs/components/List/variations/_view/base.js.map +1 -0
  26. package/cjs/components/List/variations/_view/base_x642ct.css +1 -0
  27. package/cjs/components/NumberInput/ui/Input/Input.js +3 -0
  28. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
  29. package/cjs/index.css +5 -15
  30. package/cjs/index.js +8 -10
  31. package/cjs/index.js.map +1 -1
  32. package/emotion/cjs/components/List/List.js +59 -0
  33. package/emotion/cjs/components/List/List.styles.js +9 -0
  34. package/emotion/cjs/components/List/List.tokens.js +39 -0
  35. package/emotion/cjs/components/List/index.js +38 -0
  36. package/emotion/cjs/components/List/ui/ListItem.js +24 -0
  37. package/emotion/cjs/components/List/ui/ListItem.styles.js +21 -0
  38. package/emotion/cjs/components/List/variations/_disabled/base.js +8 -0
  39. package/emotion/cjs/components/List/variations/_disabled/tokens.json +1 -0
  40. package/emotion/cjs/components/List/variations/_size/base.js +8 -0
  41. package/emotion/cjs/components/List/variations/_size/tokens.json +1 -0
  42. package/emotion/cjs/components/List/variations/_variant/base.js +8 -0
  43. package/emotion/cjs/components/List/variations/_variant/tokens.json +1 -0
  44. package/emotion/cjs/components/List/variations/_view/base.js +8 -0
  45. package/emotion/cjs/components/List/variations/_view/tokens.json +1 -0
  46. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +3 -0
  47. package/emotion/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
  48. package/emotion/cjs/examples/plasma_b2c/components/List/List.js +12 -0
  49. package/emotion/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  50. package/emotion/cjs/examples/plasma_web/components/List/List.config.js +34 -0
  51. package/emotion/cjs/examples/plasma_web/components/List/List.js +12 -0
  52. package/emotion/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
  53. package/emotion/cjs/index.js +11 -11
  54. package/emotion/es/components/List/List.js +50 -0
  55. package/emotion/es/components/List/List.styles.js +3 -0
  56. package/emotion/es/components/List/List.tokens.js +33 -0
  57. package/emotion/es/components/List/index.js +3 -0
  58. package/emotion/es/components/List/ui/ListItem.js +17 -0
  59. package/emotion/es/components/List/ui/ListItem.styles.js +14 -0
  60. package/emotion/es/components/List/variations/_disabled/base.js +2 -0
  61. package/emotion/es/components/List/variations/_disabled/tokens.json +1 -0
  62. package/emotion/es/components/List/variations/_size/base.js +2 -0
  63. package/emotion/es/components/List/variations/_size/tokens.json +1 -0
  64. package/emotion/es/components/List/variations/_variant/base.js +2 -0
  65. package/emotion/es/components/List/variations/_variant/tokens.json +1 -0
  66. package/emotion/es/components/List/variations/_view/base.js +2 -0
  67. package/emotion/es/components/List/variations/_view/tokens.json +1 -0
  68. package/emotion/es/components/NumberInput/ui/Input/Input.js +3 -0
  69. package/emotion/es/examples/plasma_b2c/components/List/List.config.js +28 -0
  70. package/emotion/es/examples/plasma_b2c/components/List/List.js +6 -0
  71. package/emotion/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  72. package/emotion/es/examples/plasma_web/components/List/List.config.js +28 -0
  73. package/emotion/es/examples/plasma_web/components/List/List.js +6 -0
  74. package/emotion/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
  75. package/emotion/es/index.js +2 -1
  76. package/es/components/List/List.css +1 -0
  77. package/es/components/List/List.js +54 -0
  78. package/es/components/List/List.js.map +1 -0
  79. package/es/components/List/List.styles.js +5 -0
  80. package/es/components/List/List.styles.js.map +1 -0
  81. package/es/components/List/List.styles_9yg2yl.css +1 -0
  82. package/es/components/List/List.tokens.js +36 -0
  83. package/es/components/List/List.tokens.js.map +1 -0
  84. package/es/components/List/ui/ListItem.css +18 -0
  85. package/es/components/List/ui/ListItem.js +19 -0
  86. package/es/components/List/ui/ListItem.js.map +1 -0
  87. package/es/components/List/ui/ListItem.styles.js +23 -0
  88. package/es/components/List/ui/ListItem.styles.js.map +1 -0
  89. package/es/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
  90. package/es/components/{CodeField/variations/_view → List/variations/_disabled}/base.js +2 -2
  91. package/es/components/List/variations/_disabled/base.js.map +1 -0
  92. package/es/components/List/variations/_disabled/base_x642ct.css +1 -0
  93. package/es/components/{CodeField → List}/variations/_size/base.js +2 -2
  94. package/es/components/List/variations/_size/base.js.map +1 -0
  95. package/es/components/List/variations/_size/base_x642ct.css +1 -0
  96. package/es/components/List/variations/_variant/base.js +5 -0
  97. package/es/components/List/variations/_variant/base.js.map +1 -0
  98. package/es/components/List/variations/_variant/base_x642ct.css +1 -0
  99. package/es/components/{CodeField/variations/_disabled → List/variations/_view}/base.js +2 -2
  100. package/es/components/List/variations/_view/base.js.map +1 -0
  101. package/es/components/List/variations/_view/base_x642ct.css +1 -0
  102. package/es/components/NumberInput/ui/Input/Input.js +3 -0
  103. package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
  104. package/es/index.css +5 -15
  105. package/es/index.js +3 -3
  106. package/package.json +2 -2
  107. package/styled-components/cjs/components/List/List.js +59 -0
  108. package/styled-components/cjs/components/List/List.styles.js +9 -0
  109. package/styled-components/cjs/components/List/List.tokens.js +39 -0
  110. package/styled-components/cjs/components/List/List.types.js +5 -0
  111. package/styled-components/cjs/components/List/index.js +38 -0
  112. package/styled-components/cjs/components/List/ui/ListItem.js +24 -0
  113. package/styled-components/cjs/components/List/ui/ListItem.styles.js +19 -0
  114. package/styled-components/cjs/components/List/ui/ListItem.types.js +5 -0
  115. package/styled-components/cjs/components/{CodeField → List}/variations/_disabled/base.js +1 -2
  116. package/styled-components/cjs/components/List/variations/_disabled/tokens.json +1 -0
  117. package/styled-components/cjs/components/List/variations/_size/base.js +8 -0
  118. package/styled-components/cjs/components/List/variations/_size/tokens.json +1 -0
  119. package/styled-components/cjs/components/List/variations/_variant/base.js +8 -0
  120. package/styled-components/cjs/components/List/variations/_variant/tokens.json +1 -0
  121. package/styled-components/cjs/components/List/variations/_view/base.js +8 -0
  122. package/styled-components/cjs/components/List/variations/_view/tokens.json +1 -0
  123. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +3 -0
  124. package/styled-components/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
  125. package/styled-components/cjs/examples/plasma_b2c/components/List/List.js +12 -0
  126. package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  127. package/styled-components/cjs/examples/plasma_web/components/List/List.config.js +34 -0
  128. package/styled-components/cjs/examples/plasma_web/components/List/List.js +12 -0
  129. package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
  130. package/styled-components/cjs/index.js +11 -11
  131. package/styled-components/es/components/List/List.js +50 -0
  132. package/styled-components/es/components/List/List.styles.js +3 -0
  133. package/styled-components/es/components/List/List.tokens.js +33 -0
  134. package/styled-components/es/components/List/List.types.js +1 -0
  135. package/styled-components/es/components/List/index.js +3 -0
  136. package/styled-components/es/components/List/ui/ListItem.js +17 -0
  137. package/styled-components/es/components/List/ui/ListItem.styles.js +12 -0
  138. package/styled-components/es/components/List/ui/ListItem.types.js +1 -0
  139. package/styled-components/es/components/List/variations/_disabled/base.js +2 -0
  140. package/styled-components/es/components/List/variations/_disabled/tokens.json +1 -0
  141. package/styled-components/es/components/List/variations/_size/base.js +2 -0
  142. package/styled-components/es/components/List/variations/_size/tokens.json +1 -0
  143. package/styled-components/es/components/List/variations/_variant/base.js +2 -0
  144. package/styled-components/es/components/List/variations/_variant/tokens.json +1 -0
  145. package/styled-components/es/components/List/variations/_view/base.js +2 -0
  146. package/styled-components/es/components/List/variations/_view/tokens.json +1 -0
  147. package/styled-components/es/components/NumberInput/ui/Input/Input.js +3 -0
  148. package/styled-components/es/examples/plasma_b2c/components/List/List.config.js +28 -0
  149. package/styled-components/es/examples/plasma_b2c/components/List/List.js +6 -0
  150. package/styled-components/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
  151. package/styled-components/es/examples/plasma_web/components/List/List.config.js +28 -0
  152. package/styled-components/es/examples/plasma_web/components/List/List.js +6 -0
  153. package/styled-components/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
  154. package/styled-components/es/index.js +2 -1
  155. package/types/components/List/List.d.ts +43 -0
  156. package/types/components/List/List.d.ts.map +1 -0
  157. package/types/components/List/List.styles.d.ts +2 -0
  158. package/types/components/List/List.styles.d.ts.map +1 -0
  159. package/types/components/List/List.tokens.d.ts +34 -0
  160. package/types/components/List/List.tokens.d.ts.map +1 -0
  161. package/types/components/List/List.types.d.ts +24 -0
  162. package/types/components/List/List.types.d.ts.map +1 -0
  163. package/types/components/List/index.d.ts +5 -0
  164. package/types/components/List/index.d.ts.map +1 -0
  165. package/types/components/List/ui/ListItem.d.ts +4 -0
  166. package/types/components/List/ui/ListItem.d.ts.map +1 -0
  167. package/types/components/List/ui/ListItem.styles.d.ts +36 -0
  168. package/types/components/List/ui/ListItem.styles.d.ts.map +1 -0
  169. package/types/components/List/ui/ListItem.types.d.ts +15 -0
  170. package/types/components/List/ui/ListItem.types.d.ts.map +1 -0
  171. package/types/components/List/variations/_disabled/base.d.ts.map +1 -0
  172. package/types/components/List/variations/_size/base.d.ts.map +1 -0
  173. package/types/components/List/variations/_variant/base.d.ts.map +1 -0
  174. package/types/components/List/variations/_view/base.d.ts.map +1 -0
  175. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
  176. package/types/index.d.ts +2 -1
  177. package/types/index.d.ts.map +1 -1
  178. package/cjs/components/CodeField/CodeField.css +0 -14
  179. package/cjs/components/CodeField/CodeField.js +0 -290
  180. package/cjs/components/CodeField/CodeField.js.map +0 -1
  181. package/cjs/components/CodeField/CodeField.styles.js +0 -57
  182. package/cjs/components/CodeField/CodeField.styles.js.map +0 -1
  183. package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +0 -6
  184. package/cjs/components/CodeField/CodeField.tokens.js +0 -59
  185. package/cjs/components/CodeField/CodeField.tokens.js.map +0 -1
  186. package/cjs/components/CodeField/utils/constants.js +0 -18
  187. package/cjs/components/CodeField/utils/constants.js.map +0 -1
  188. package/cjs/components/CodeField/utils/handleCodeError.js +0 -55
  189. package/cjs/components/CodeField/utils/handleCodeError.js.map +0 -1
  190. package/cjs/components/CodeField/utils/handleItemError.js +0 -53
  191. package/cjs/components/CodeField/utils/handleItemError.js.map +0 -1
  192. package/cjs/components/CodeField/utils/initialValuesHelper.js +0 -33
  193. package/cjs/components/CodeField/utils/initialValuesHelper.js.map +0 -1
  194. package/cjs/components/CodeField/variations/_disabled/base.js.map +0 -1
  195. package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +0 -1
  196. package/cjs/components/CodeField/variations/_shape/base.js.map +0 -1
  197. package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +0 -1
  198. package/cjs/components/CodeField/variations/_size/base.js.map +0 -1
  199. package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +0 -1
  200. package/cjs/components/CodeField/variations/_view/base.js.map +0 -1
  201. package/cjs/components/CodeField/variations/_view/base_9a5yza.css +0 -1
  202. package/emotion/cjs/components/CodeField/CodeField.js +0 -299
  203. package/emotion/cjs/components/CodeField/CodeField.styles.js +0 -65
  204. package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +0 -150
  205. package/emotion/cjs/components/CodeField/CodeField.tokens.js +0 -57
  206. package/emotion/cjs/components/CodeField/index.js +0 -50
  207. package/emotion/cjs/components/CodeField/utils/constants.js +0 -12
  208. package/emotion/cjs/components/CodeField/utils/handleCodeError.js +0 -58
  209. package/emotion/cjs/components/CodeField/utils/handleItemError.js +0 -56
  210. package/emotion/cjs/components/CodeField/utils/index.js +0 -38
  211. package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +0 -30
  212. package/emotion/cjs/components/CodeField/variations/_disabled/base.js +0 -9
  213. package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +0 -4
  214. package/emotion/cjs/components/CodeField/variations/_shape/base.js +0 -10
  215. package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +0 -1
  216. package/emotion/cjs/components/CodeField/variations/_size/base.js +0 -10
  217. package/emotion/cjs/components/CodeField/variations/_size/tokens.json +0 -19
  218. package/emotion/cjs/components/CodeField/variations/_view/base.js +0 -10
  219. package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  220. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -31
  221. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +0 -11
  222. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
  223. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +0 -31
  224. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +0 -11
  225. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
  226. package/emotion/es/components/CodeField/CodeField.js +0 -290
  227. package/emotion/es/components/CodeField/CodeField.styles.js +0 -58
  228. package/emotion/es/components/CodeField/CodeField.template-doc.mdx +0 -150
  229. package/emotion/es/components/CodeField/CodeField.tokens.js +0 -51
  230. package/emotion/es/components/CodeField/index.js +0 -3
  231. package/emotion/es/components/CodeField/utils/constants.js +0 -6
  232. package/emotion/es/components/CodeField/utils/handleCodeError.js +0 -52
  233. package/emotion/es/components/CodeField/utils/handleItemError.js +0 -50
  234. package/emotion/es/components/CodeField/utils/index.js +0 -3
  235. package/emotion/es/components/CodeField/utils/initialValuesHelper.js +0 -24
  236. package/emotion/es/components/CodeField/variations/_disabled/base.js +0 -3
  237. package/emotion/es/components/CodeField/variations/_disabled/tokens.json +0 -4
  238. package/emotion/es/components/CodeField/variations/_shape/base.js +0 -4
  239. package/emotion/es/components/CodeField/variations/_shape/tokens.json +0 -1
  240. package/emotion/es/components/CodeField/variations/_size/base.js +0 -4
  241. package/emotion/es/components/CodeField/variations/_size/tokens.json +0 -19
  242. package/emotion/es/components/CodeField/variations/_view/base.js +0 -4
  243. package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
  244. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -25
  245. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +0 -5
  246. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
  247. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +0 -25
  248. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +0 -5
  249. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
  250. package/es/components/CodeField/CodeField.css +0 -14
  251. package/es/components/CodeField/CodeField.js +0 -280
  252. package/es/components/CodeField/CodeField.js.map +0 -1
  253. package/es/components/CodeField/CodeField.styles.js +0 -48
  254. package/es/components/CodeField/CodeField.styles.js.map +0 -1
  255. package/es/components/CodeField/CodeField.styles_7zxgpc.css +0 -6
  256. package/es/components/CodeField/CodeField.tokens.js +0 -54
  257. package/es/components/CodeField/CodeField.tokens.js.map +0 -1
  258. package/es/components/CodeField/utils/constants.js +0 -9
  259. package/es/components/CodeField/utils/constants.js.map +0 -1
  260. package/es/components/CodeField/utils/handleCodeError.js +0 -51
  261. package/es/components/CodeField/utils/handleCodeError.js.map +0 -1
  262. package/es/components/CodeField/utils/handleItemError.js +0 -49
  263. package/es/components/CodeField/utils/handleItemError.js.map +0 -1
  264. package/es/components/CodeField/utils/initialValuesHelper.js +0 -27
  265. package/es/components/CodeField/utils/initialValuesHelper.js.map +0 -1
  266. package/es/components/CodeField/variations/_disabled/base.js.map +0 -1
  267. package/es/components/CodeField/variations/_disabled/base_obsae2.css +0 -1
  268. package/es/components/CodeField/variations/_shape/base.js +0 -5
  269. package/es/components/CodeField/variations/_shape/base.js.map +0 -1
  270. package/es/components/CodeField/variations/_shape/base_1scsyya.css +0 -1
  271. package/es/components/CodeField/variations/_size/base.js.map +0 -1
  272. package/es/components/CodeField/variations/_size/base_1wrvbr5.css +0 -1
  273. package/es/components/CodeField/variations/_view/base.js.map +0 -1
  274. package/es/components/CodeField/variations/_view/base_9a5yza.css +0 -1
  275. package/styled-components/cjs/components/CodeField/CodeField.js +0 -299
  276. package/styled-components/cjs/components/CodeField/CodeField.styles.js +0 -38
  277. package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +0 -150
  278. package/styled-components/cjs/components/CodeField/CodeField.tokens.js +0 -57
  279. package/styled-components/cjs/components/CodeField/index.js +0 -50
  280. package/styled-components/cjs/components/CodeField/utils/constants.js +0 -12
  281. package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +0 -58
  282. package/styled-components/cjs/components/CodeField/utils/handleItemError.js +0 -56
  283. package/styled-components/cjs/components/CodeField/utils/index.js +0 -38
  284. package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +0 -30
  285. package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +0 -4
  286. package/styled-components/cjs/components/CodeField/variations/_shape/base.js +0 -10
  287. package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +0 -1
  288. package/styled-components/cjs/components/CodeField/variations/_size/base.js +0 -10
  289. package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +0 -19
  290. package/styled-components/cjs/components/CodeField/variations/_view/base.js +0 -10
  291. package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  292. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -31
  293. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +0 -11
  294. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
  295. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +0 -31
  296. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +0 -11
  297. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
  298. package/styled-components/es/components/CodeField/CodeField.js +0 -290
  299. package/styled-components/es/components/CodeField/CodeField.styles.js +0 -30
  300. package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +0 -150
  301. package/styled-components/es/components/CodeField/CodeField.tokens.js +0 -51
  302. package/styled-components/es/components/CodeField/index.js +0 -3
  303. package/styled-components/es/components/CodeField/utils/constants.js +0 -6
  304. package/styled-components/es/components/CodeField/utils/handleCodeError.js +0 -52
  305. package/styled-components/es/components/CodeField/utils/handleItemError.js +0 -50
  306. package/styled-components/es/components/CodeField/utils/index.js +0 -3
  307. package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +0 -24
  308. package/styled-components/es/components/CodeField/variations/_disabled/base.js +0 -3
  309. package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +0 -4
  310. package/styled-components/es/components/CodeField/variations/_shape/base.js +0 -4
  311. package/styled-components/es/components/CodeField/variations/_shape/tokens.json +0 -1
  312. package/styled-components/es/components/CodeField/variations/_size/base.js +0 -4
  313. package/styled-components/es/components/CodeField/variations/_size/tokens.json +0 -19
  314. package/styled-components/es/components/CodeField/variations/_view/base.js +0 -4
  315. package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
  316. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -25
  317. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +0 -5
  318. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
  319. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +0 -25
  320. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +0 -5
  321. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
  322. package/types/components/CodeField/CodeField.d.ts +0 -69
  323. package/types/components/CodeField/CodeField.d.ts.map +0 -1
  324. package/types/components/CodeField/CodeField.styles.d.ts +0 -11
  325. package/types/components/CodeField/CodeField.styles.d.ts.map +0 -1
  326. package/types/components/CodeField/CodeField.tokens.d.ts +0 -52
  327. package/types/components/CodeField/CodeField.tokens.d.ts.map +0 -1
  328. package/types/components/CodeField/CodeField.types.d.ts +0 -93
  329. package/types/components/CodeField/CodeField.types.d.ts.map +0 -1
  330. package/types/components/CodeField/index.d.ts +0 -4
  331. package/types/components/CodeField/index.d.ts.map +0 -1
  332. package/types/components/CodeField/utils/constants.d.ts +0 -7
  333. package/types/components/CodeField/utils/constants.d.ts.map +0 -1
  334. package/types/components/CodeField/utils/handleCodeError.d.ts +0 -15
  335. package/types/components/CodeField/utils/handleCodeError.d.ts.map +0 -1
  336. package/types/components/CodeField/utils/handleItemError.d.ts +0 -14
  337. package/types/components/CodeField/utils/handleItemError.d.ts.map +0 -1
  338. package/types/components/CodeField/utils/index.d.ts +0 -4
  339. package/types/components/CodeField/utils/index.d.ts.map +0 -1
  340. package/types/components/CodeField/utils/initialValuesHelper.d.ts +0 -4
  341. package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +0 -1
  342. package/types/components/CodeField/variations/_disabled/base.d.ts.map +0 -1
  343. package/types/components/CodeField/variations/_shape/base.d.ts.map +0 -1
  344. package/types/components/CodeField/variations/_size/base.d.ts.map +0 -1
  345. package/types/components/CodeField/variations/_view/base.d.ts.map +0 -1
  346. /package/emotion/cjs/components/{CodeField/CodeField.types.js → List/List.types.js} +0 -0
  347. /package/{styled-components/cjs/components/CodeField/CodeField.types.js → emotion/cjs/components/List/ui/ListItem.types.js} +0 -0
  348. /package/emotion/es/components/{CodeField/CodeField.types.js → List/List.types.js} +0 -0
  349. /package/{styled-components/es/components/CodeField/CodeField.types.js → emotion/es/components/List/ui/ListItem.types.js} +0 -0
  350. /package/types/components/{CodeField → List}/variations/_disabled/base.d.ts +0 -0
  351. /package/types/components/{CodeField/variations/_shape → List/variations/_size}/base.d.ts +0 -0
  352. /package/types/components/{CodeField/variations/_size → List/variations/_variant}/base.d.ts +0 -0
  353. /package/types/components/{CodeField → List}/variations/_view/base.d.ts +0 -0
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- itemError: 'codefield-item-error',
9
- itemErrorAnimation: 'codefield-item-error-animation',
10
- itemErrorFade: 'codefield-item-error-fade',
11
- captionError: 'codefield-caption-error',
12
- codeError: 'codefield-code-error',
13
- codeErrorAnimation: 'codefield-code-error-animation',
14
- codeErrorFade: 'codefield-code-error-fade',
15
- captionAlignLeft: 'codefield-caption-align-left',
16
- hoverEnabled: 'codefield-item-hover-enabled',
17
- segmented: 'codefield-shape-segmented',
18
- "default": 'codefield-shape-default',
19
- disabled: 'codefield-disabled'
20
- };
21
- var tokens = exports.tokens = {
22
- captionGap: '--plasma-codefield-caption-gap',
23
- codeItemsGap: '--plasma-codefield-code-item-gap',
24
- separatorWidth: '--plasma-codefield-separator-width',
25
- codeItemWidth: '--plasma-codefield-item-width',
26
- codeItemHeight: '--plasma-codefield-item-height',
27
- fontFamily: '--plasma-codefield-font-family',
28
- fontStyle: '--plasma-codefield-font-style',
29
- fontSize: '--plasma-codefield-font-size',
30
- fontWeight: '--plasma-codefield-font-weight',
31
- letterSpacing: '--plasma-codefield-letter-spacing',
32
- lineHeight: '--plasma-codefield-line-height',
33
- captionFontFamily: '--plasma-codefield-caption-font-family',
34
- captionFontSize: '--plasma-codefield-caption-font-style',
35
- captionFontStyle: '--plasma-codefield-caption-font-size',
36
- captionFontWeight: '--plasma-codefield-caption-font-weight',
37
- captionLetterSpacing: '--plasma-codefield-caption-letter-spacing',
38
- captionLineHeight: '--plasma-codefield-caption-line-height',
39
- borderRadius: '--plasma-codefield-code-item-border-radius',
40
- borderRadiusSegmented: '--plasma-codefield-code-item-border-radius-segmented',
41
- segmentedSideBorderRadius: '--plasma-codefield-code-item-segmented-side-border-radius',
42
- captionColor: '--plasma-codefield-caption-color',
43
- captionColorError: '--plasma-codefield-caption-color-error',
44
- codeColor: '--plasma-codefield-code-color',
45
- codeColorError: '--plasma-codefield-code-color-error',
46
- backgroundColor: '--plasma-codefield-background-color',
47
- backgroundColorHover: '--plasma-codefield-background-color-hover',
48
- backgroundColorFocus: '--plasma-codefield-background-color-focus',
49
- backgroundErrorColor: '--plasma-codefield-background-error-color',
50
- borderWidth: '--plasma-codefield-border-width',
51
- borderColor: '--plasma-codefield-border-color',
52
- borderColorHover: '--plasma-codefield-border-color-hover',
53
- borderColorFocus: '--plasma-codefield-border-color-focus',
54
- borderErrorColor: '--plasma-codefield-border-error-color',
55
- caretColor: '--plasma-codefield-caret-color',
56
- disabledOpacity: '--plasma-codefield-disabled-opacity'
57
- };
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ONLY_CHARS_PATTERN", {
7
- enumerable: true,
8
- get: function get() {
9
- return _constants.ONLY_CHARS_PATTERN;
10
- }
11
- });
12
- Object.defineProperty(exports, "ONLY_DIGITS_AND_CHARS_PATTERN", {
13
- enumerable: true,
14
- get: function get() {
15
- return _constants.ONLY_DIGITS_AND_CHARS_PATTERN;
16
- }
17
- });
18
- Object.defineProperty(exports, "ONLY_DIGITS_PATTERN", {
19
- enumerable: true,
20
- get: function get() {
21
- return _constants.ONLY_DIGITS_PATTERN;
22
- }
23
- });
24
- Object.defineProperty(exports, "codeFieldClasses", {
25
- enumerable: true,
26
- get: function get() {
27
- return _CodeField2.classes;
28
- }
29
- });
30
- Object.defineProperty(exports, "codeFieldConfig", {
31
- enumerable: true,
32
- get: function get() {
33
- return _CodeField.codeFieldConfig;
34
- }
35
- });
36
- Object.defineProperty(exports, "codeFieldRoot", {
37
- enumerable: true,
38
- get: function get() {
39
- return _CodeField.codeFieldRoot;
40
- }
41
- });
42
- Object.defineProperty(exports, "codeFieldTokens", {
43
- enumerable: true,
44
- get: function get() {
45
- return _CodeField2.tokens;
46
- }
47
- });
48
- var _CodeField = /*#__PURE__*/require("./CodeField");
49
- var _CodeField2 = /*#__PURE__*/require("./CodeField.tokens");
50
- var _constants = /*#__PURE__*/require("./utils/constants");
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = exports.ONLY_CHARS_PATTERN = exports.FORBIDDEN_KEYS = exports.BACKSPACE_KEY = exports.ANIMATION_TIMEOUT = void 0;
7
- var ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_PATTERN = '^\\d+$';
8
- var ONLY_CHARS_PATTERN = exports.ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
9
- var ONLY_DIGITS_AND_CHARS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
10
- var FORBIDDEN_KEYS = exports.FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete'];
11
- var BACKSPACE_KEY = exports.BACKSPACE_KEY = 'Backspace';
12
- var ANIMATION_TIMEOUT = exports.ANIMATION_TIMEOUT = 300;
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.handleCodeError = void 0;
7
- var _CodeField = /*#__PURE__*/require("../CodeField.tokens");
8
- var _constants = /*#__PURE__*/require("./constants");
9
- var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
10
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
11
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
12
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
13
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
14
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
15
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
16
- var handleCodeError = exports.handleCodeError = function handleCodeError(_ref) {
17
- var _captionRef$current, _captionRef$current2;
18
- var codeLength = _ref.codeLength,
19
- codeErrorBehavior = _ref.codeErrorBehavior,
20
- currentCode = _ref.currentCode,
21
- inputRefs = _ref.inputRefs,
22
- inputContainerRef = _ref.inputContainerRef,
23
- captionRef = _ref.captionRef,
24
- setCode = _ref.setCode,
25
- codeSetter = _ref.codeSetter;
26
- if (!inputContainerRef.current) {
27
- return;
28
- }
29
- switch (codeErrorBehavior) {
30
- case 'keep':
31
- inputContainerRef.current.classList.add(_CodeField.classes.codeError, _CodeField.classes.codeErrorAnimation);
32
- (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(_CodeField.classes.captionError);
33
- setTimeout(function () {
34
- var _inputContainerRef$cu;
35
- var newCode = _toConsumableArray(currentCode);
36
- newCode.pop();
37
- codeSetter(newCode);
38
- setCode(currentCode);
39
- (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(_CodeField.classes.codeErrorAnimation);
40
- setTimeout(function () {
41
- var _inputRefs$current, _inputRefs$current2;
42
- (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
43
- (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
44
- }, 0);
45
- }, _constants.ANIMATION_TIMEOUT);
46
- break;
47
- case 'remove-code':
48
- default:
49
- inputContainerRef.current.classList.add(_CodeField.classes.codeError, _CodeField.classes.codeErrorAnimation, _CodeField.classes.codeErrorFade);
50
- (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(_CodeField.classes.captionError);
51
- setTimeout(function () {
52
- var _inputRefs$current$, _inputContainerRef$cu2;
53
- codeSetter((0, _initialValuesHelper.getCodeValue)(codeLength, ''));
54
- (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
55
- (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(_CodeField.classes.codeError, _CodeField.classes.codeErrorAnimation, _CodeField.classes.codeErrorFade);
56
- }, _constants.ANIMATION_TIMEOUT);
57
- }
58
- };
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.handleItemError = void 0;
7
- var _CodeField = /*#__PURE__*/require("../CodeField.tokens");
8
- var _constants = /*#__PURE__*/require("./constants");
9
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
10
- 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."); }
11
- 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; } }
12
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
13
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
14
- 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; }
15
- var handleItemError = exports.handleItemError = function handleItemError(_ref) {
16
- var _inputRefs$current$in, _inputRefs$current$in4;
17
- var currentSymbol = _ref.currentSymbol,
18
- itemErrorBehavior = _ref.itemErrorBehavior,
19
- index = _ref.index,
20
- newCode = _ref.newCode,
21
- inputRefs = _ref.inputRefs,
22
- setCode = _ref.setCode,
23
- codeSetter = _ref.codeSetter;
24
- if (!inputRefs.current[index] || currentSymbol === ' ') {
25
- return;
26
- }
27
- switch (itemErrorBehavior) {
28
- case 'keep':
29
- setCode(newCode);
30
- (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(_CodeField.classes.itemError, _CodeField.classes.itemErrorAnimation);
31
- setTimeout(function () {
32
- var _inputRefs$current$in2;
33
- (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(_CodeField.classes.itemErrorAnimation);
34
- setTimeout(function () {
35
- var _inputRefs$current$in3;
36
- return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
37
- }, 0);
38
- }, _constants.ANIMATION_TIMEOUT);
39
- break;
40
- case 'forbid-enter':
41
- newCode[index] = '';
42
- codeSetter(newCode);
43
- break;
44
- case 'remove-symbol':
45
- default:
46
- setCode(newCode);
47
- (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(_CodeField.classes.itemError, _CodeField.classes.itemErrorFade, _CodeField.classes.itemErrorAnimation);
48
- setTimeout(function () {
49
- var _inputRefs$current$in5;
50
- var updatedCode = _toConsumableArray(newCode);
51
- updatedCode[index] = '';
52
- codeSetter(updatedCode);
53
- (_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(_CodeField.classes.itemError, _CodeField.classes.itemErrorFade, _CodeField.classes.itemErrorAnimation);
54
- }, _constants.ANIMATION_TIMEOUT);
55
- }
56
- };
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "getCodeValue", {
7
- enumerable: true,
8
- get: function get() {
9
- return _initialValuesHelper.getCodeValue;
10
- }
11
- });
12
- Object.defineProperty(exports, "getFieldPattern", {
13
- enumerable: true,
14
- get: function get() {
15
- return _initialValuesHelper.getFieldPattern;
16
- }
17
- });
18
- Object.defineProperty(exports, "getPlaceholderValue", {
19
- enumerable: true,
20
- get: function get() {
21
- return _initialValuesHelper.getPlaceholderValue;
22
- }
23
- });
24
- Object.defineProperty(exports, "handleCodeError", {
25
- enumerable: true,
26
- get: function get() {
27
- return _handleCodeError.handleCodeError;
28
- }
29
- });
30
- Object.defineProperty(exports, "handleItemError", {
31
- enumerable: true,
32
- get: function get() {
33
- return _handleItemError.handleItemError;
34
- }
35
- });
36
- var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
37
- var _handleItemError = /*#__PURE__*/require("./handleItemError");
38
- var _handleCodeError = /*#__PURE__*/require("./handleCodeError");
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getPlaceholderValue = exports.getFieldPattern = exports.getCodeValue = void 0;
7
- var getFieldPattern = exports.getFieldPattern = function getFieldPattern(allowedSymbols) {
8
- if (!allowedSymbols) {
9
- return null;
10
- }
11
- if (typeof allowedSymbols === 'string') {
12
- return new RegExp(allowedSymbols, 'g');
13
- }
14
- return allowedSymbols;
15
- };
16
- var getCodeValue = exports.getCodeValue = function getCodeValue(codeLength, value) {
17
- if (!value.length) {
18
- return new Array(codeLength).fill('');
19
- }
20
- return value.slice(0, codeLength).split('');
21
- };
22
- var getPlaceholderValue = exports.getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
23
- if (!placeholder || typeof placeholder !== 'string') {
24
- return null;
25
- }
26
- if (placeholder.length === 1) {
27
- return Array(codeLength).fill(placeholder);
28
- }
29
- return placeholder.slice(0, codeLength).split('');
30
- };
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-codefield-disabled-opacity"]
4
- }
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeField = /*#__PURE__*/require("../../CodeField.tokens");
9
- var _CodeField2 = /*#__PURE__*/require("../../CodeField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{border-radius:var(", ");&.", "{border-radius:var(", ");&:first-child{border-top-left-radius:var(", ");border-bottom-left-radius:var(", ");}&:last-child{border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");}}}"], _CodeField2.ItemInput, _CodeField.tokens.borderRadius, _CodeField.classes.segmented, _CodeField.tokens.borderRadiusSegmented, _CodeField.tokens.segmentedSideBorderRadius, _CodeField.tokens.segmentedSideBorderRadius, _CodeField.tokens.segmentedSideBorderRadius, _CodeField.tokens.segmentedSideBorderRadius);
@@ -1 +0,0 @@
1
- ["--plasma-codefield-code-item-border-radius", "--plasma-codefield-code-item-segmented-side-border-radius"]
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeField = /*#__PURE__*/require("../../CodeField.styles");
9
- var _CodeField2 = /*#__PURE__*/require("../../CodeField.tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");", ",", "{gap:var(", ");}", "{width:var(", ");height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _CodeField2.tokens.captionGap, _CodeField.CodeWrapper, _CodeField.CodeGroup, _CodeField2.tokens.codeItemsGap, _CodeField.ItemInput, _CodeField2.tokens.codeItemWidth, _CodeField2.tokens.codeItemHeight, _CodeField2.tokens.fontFamily, _CodeField2.tokens.fontSize, _CodeField2.tokens.fontStyle, _CodeField2.tokens.fontWeight, _CodeField2.tokens.letterSpacing, _CodeField2.tokens.lineHeight, _CodeField.CaptionWrapper, _CodeField2.tokens.captionFontFamily, _CodeField2.tokens.captionFontSize, _CodeField2.tokens.captionFontStyle, _CodeField2.tokens.captionFontWeight, _CodeField2.tokens.captionLetterSpacing, _CodeField2.tokens.captionLineHeight);
@@ -1,19 +0,0 @@
1
- [
2
- "--plasma-codefield-caption-gap",
3
- "--plasma-codefield-code-item-gap",
4
- "--plasma-codefield-separator-width",
5
- "--plasma-codefield-item-width",
6
- "--plasma-codefield-item-height",
7
- "--plasma-codefield-font-family",
8
- "--plasma-codefield-font-style",
9
- "--plasma-codefield-font-size",
10
- "--plasma-codefield-font-weight",
11
- "--plasma-codefield-letter-spacing",
12
- "--plasma-codefield-line-height",
13
- "--plasma-codefield-caption-font-family",
14
- "--plasma-codefield-caption-font-style",
15
- "--plasma-codefield-caption-font-size",
16
- "--plasma-codefield-caption-font-weight",
17
- "--plasma-codefield-caption-letter-spacing",
18
- "--plasma-codefield-caption-line-height"
19
- ]
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeField = /*#__PURE__*/require("../../CodeField.styles");
9
- var _CodeField2 = /*#__PURE__*/require("../../CodeField.tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{color:var(", ");&.", "{color:var(", ");}}", "{color:var(", ");caret-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(", ");}&: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;}}"], _CodeField.CaptionWrapper, _CodeField2.tokens.captionColor, _CodeField2.classes.captionError, _CodeField2.tokens.captionColorError, _CodeField.ItemInput, _CodeField2.tokens.codeColor, _CodeField2.tokens.caretColor, _CodeField2.tokens.backgroundColor, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderColor, _CodeField2.classes.hoverEnabled, _CodeField2.tokens.backgroundColorHover, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderColorHover, _CodeField.ItemInput, _CodeField2.tokens.backgroundColorFocus, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderColorFocus, _CodeField2.classes.codeErrorAnimation, _CodeField2.classes.codeError, _CodeField.ItemInput, _CodeField2.tokens.codeColorError, _CodeField2.tokens.backgroundErrorColor, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderErrorColor, _CodeField.ItemInput, _CodeField2.tokens.backgroundErrorColor, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderErrorColor, _CodeField2.classes.codeErrorFade, _CodeField.ItemInput, _CodeField2.classes.itemErrorAnimation, _CodeField2.classes.itemError, _CodeField2.classes.itemError, _CodeField2.tokens.codeColorError, _CodeField2.tokens.backgroundErrorColor, _CodeField2.tokens.borderWidth, _CodeField2.tokens.borderErrorColor, _CodeField2.classes.codeErrorFade, _CodeField2.tokens.codeColorError);
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'l',
13
- shape: 'default'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);"], _CodeField.codeFieldTokens.caretColor, _CodeField.codeFieldTokens.captionColor, _CodeField.codeFieldTokens.captionColorError, _CodeField.codeFieldTokens.codeColor, _CodeField.codeFieldTokens.codeColorError, _CodeField.codeFieldTokens.backgroundColor, _CodeField.codeFieldTokens.backgroundColorHover, _CodeField.codeFieldTokens.backgroundColorFocus, _CodeField.codeFieldTokens.backgroundErrorColor)
18
- },
19
- size: {
20
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":0.125rem;", ":0.25rem;", ":2.75rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.875rem;", ":0.375rem;", ":0.875rem;"], _CodeField.codeFieldTokens.captionGap, _CodeField.codeFieldTokens.codeItemsGap, _CodeField.codeFieldTokens.separatorWidth, _CodeField.codeFieldTokens.codeItemWidth, _CodeField.codeFieldTokens.codeItemHeight, _CodeField.codeFieldTokens.fontFamily, _CodeField.codeFieldTokens.fontSize, _CodeField.codeFieldTokens.fontStyle, _CodeField.codeFieldTokens.fontWeight, _CodeField.codeFieldTokens.letterSpacing, _CodeField.codeFieldTokens.lineHeight, _CodeField.codeFieldTokens.captionFontFamily, _CodeField.codeFieldTokens.captionFontSize, _CodeField.codeFieldTokens.captionFontStyle, _CodeField.codeFieldTokens.captionFontWeight, _CodeField.codeFieldTokens.captionLetterSpacing, _CodeField.codeFieldTokens.captionLineHeight, _CodeField.codeFieldTokens.borderRadius, _CodeField.codeFieldTokens.borderRadiusSegmented, _CodeField.codeFieldTokens.segmentedSideBorderRadius),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":2.375rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.75rem;", ":0.25rem;", ":0.75rem;"], _CodeField.codeFieldTokens.captionGap, _CodeField.codeFieldTokens.codeItemsGap, _CodeField.codeFieldTokens.separatorWidth, _CodeField.codeFieldTokens.codeItemWidth, _CodeField.codeFieldTokens.codeItemHeight, _CodeField.codeFieldTokens.fontFamily, _CodeField.codeFieldTokens.fontSize, _CodeField.codeFieldTokens.fontStyle, _CodeField.codeFieldTokens.fontWeight, _CodeField.codeFieldTokens.letterSpacing, _CodeField.codeFieldTokens.lineHeight, _CodeField.codeFieldTokens.captionFontFamily, _CodeField.codeFieldTokens.captionFontSize, _CodeField.codeFieldTokens.captionFontStyle, _CodeField.codeFieldTokens.captionFontWeight, _CodeField.codeFieldTokens.captionLetterSpacing, _CodeField.codeFieldTokens.captionLineHeight, _CodeField.codeFieldTokens.borderRadius, _CodeField.codeFieldTokens.borderRadiusSegmented, _CodeField.codeFieldTokens.segmentedSideBorderRadius)
22
- },
23
- shape: {
24
- "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
25
- segmented: /*#__PURE__*/(0, _styledComponents.css)([""])
26
- },
27
- disabled: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _CodeField.codeFieldTokens.disabledOpacity)
29
- }
30
- }
31
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CodeField = void 0;
7
- var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _CodeField2 = /*#__PURE__*/require("./CodeField.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_CodeField.codeFieldConfig, _CodeField2.config);
11
- var CodeField = exports.CodeField = /*#__PURE__*/(0, _engines.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 { CodeField } from './CodeField';
9
- import { config } from './CodeField.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 shapes = ['default', 'segmented'];
17
- const captionAlignVariants = ['left', 'center'];
18
- const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
19
- const codeErrorBehaviorVariants = ['remove-code', 'keep'];
20
-
21
- const meta: Meta<typeof CodeField> = {
22
- title: 'b2c/Data Entry/CodeField',
23
- component: CodeField,
24
- decorators: [WithTheme],
25
- argTypes: {
26
- view: {
27
- options: views,
28
- control: {
29
- type: 'select',
30
- },
31
- },
32
- size: {
33
- options: sizes,
34
- control: {
35
- type: 'inline-radio',
36
- },
37
- },
38
- shape: {
39
- options: shapes,
40
- control: {
41
- type: 'inline-radio',
42
- },
43
- },
44
- captionAlign: {
45
- options: captionAlignVariants,
46
- control: {
47
- type: 'inline-radio',
48
- },
49
- },
50
- codeLength: {
51
- options: codeLengths,
52
- control: {
53
- type: 'inline-radio',
54
- },
55
- },
56
- itemErrorBehavior: {
57
- options: itemErrorBehaviorVariants,
58
- control: {
59
- type: 'inline-radio',
60
- },
61
- },
62
- codeErrorBehavior: {
63
- options: codeErrorBehaviorVariants,
64
- control: {
65
- type: 'inline-radio',
66
- },
67
- },
68
- },
69
- parameters: {
70
- controls: {
71
- exclude: ['view'],
72
- },
73
- },
74
- };
75
-
76
- export default meta;
77
-
78
- type StoryPropsDefault = ComponentProps<typeof CodeField>;
79
-
80
- const StoryDefault = (args: StoryPropsDefault) => {
81
- const [value, setValue] = useState('');
82
-
83
- const handleChange = (newValue: string) => {
84
- setValue(newValue);
85
- onChange(newValue);
86
- };
87
-
88
- return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
89
- };
90
-
91
- export const Default: StoryObj<StoryPropsDefault> = {
92
- args: {
93
- view: 'default',
94
- size: 'm',
95
- shape: 'default',
96
- codeLength: 6,
97
- caption: 'Caption',
98
- captionAlign: 'center',
99
- width: '',
100
- isError: false,
101
- itemErrorBehavior: 'remove-symbol',
102
- codeErrorBehavior: 'keep',
103
- autoFocus: true,
104
- disabled: false,
105
- },
106
- render: StoryDefault,
107
- };
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'l',
13
- shape: 'default'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-negative);"], _CodeField.codeFieldTokens.caretColor, _CodeField.codeFieldTokens.captionColor, _CodeField.codeFieldTokens.captionColorError, _CodeField.codeFieldTokens.codeColor, _CodeField.codeFieldTokens.codeColorError, _CodeField.codeFieldTokens.borderColor, _CodeField.codeFieldTokens.borderColorHover, _CodeField.codeFieldTokens.borderColorFocus, _CodeField.codeFieldTokens.borderErrorColor)
18
- },
19
- size: {
20
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":0.125rem;", ":0.25rem;", ":2.75rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.063rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;"], _CodeField.codeFieldTokens.captionGap, _CodeField.codeFieldTokens.codeItemsGap, _CodeField.codeFieldTokens.separatorWidth, _CodeField.codeFieldTokens.codeItemWidth, _CodeField.codeFieldTokens.codeItemHeight, _CodeField.codeFieldTokens.fontFamily, _CodeField.codeFieldTokens.fontSize, _CodeField.codeFieldTokens.fontStyle, _CodeField.codeFieldTokens.fontWeight, _CodeField.codeFieldTokens.letterSpacing, _CodeField.codeFieldTokens.lineHeight, _CodeField.codeFieldTokens.captionFontFamily, _CodeField.codeFieldTokens.captionFontSize, _CodeField.codeFieldTokens.captionFontStyle, _CodeField.codeFieldTokens.captionFontWeight, _CodeField.codeFieldTokens.captionLetterSpacing, _CodeField.codeFieldTokens.captionLineHeight, _CodeField.codeFieldTokens.borderWidth, _CodeField.codeFieldTokens.borderRadius, _CodeField.codeFieldTokens.borderRadiusSegmented, _CodeField.codeFieldTokens.segmentedSideBorderRadius),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":2.375rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.063rem;", ":0.75rem;", ":0.25rem;", ":0.75rem;"], _CodeField.codeFieldTokens.captionGap, _CodeField.codeFieldTokens.codeItemsGap, _CodeField.codeFieldTokens.separatorWidth, _CodeField.codeFieldTokens.codeItemWidth, _CodeField.codeFieldTokens.codeItemHeight, _CodeField.codeFieldTokens.fontFamily, _CodeField.codeFieldTokens.fontSize, _CodeField.codeFieldTokens.fontStyle, _CodeField.codeFieldTokens.fontWeight, _CodeField.codeFieldTokens.letterSpacing, _CodeField.codeFieldTokens.lineHeight, _CodeField.codeFieldTokens.captionFontFamily, _CodeField.codeFieldTokens.captionFontSize, _CodeField.codeFieldTokens.captionFontStyle, _CodeField.codeFieldTokens.captionFontWeight, _CodeField.codeFieldTokens.captionLetterSpacing, _CodeField.codeFieldTokens.captionLineHeight, _CodeField.codeFieldTokens.borderWidth, _CodeField.codeFieldTokens.borderRadius, _CodeField.codeFieldTokens.borderRadiusSegmented, _CodeField.codeFieldTokens.segmentedSideBorderRadius)
22
- },
23
- shape: {
24
- "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
25
- segmented: /*#__PURE__*/(0, _styledComponents.css)([""])
26
- },
27
- disabled: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _CodeField.codeFieldTokens.disabledOpacity)
29
- }
30
- }
31
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CodeField = void 0;
7
- var _CodeField = /*#__PURE__*/require("../../../../components/CodeField");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _CodeField2 = /*#__PURE__*/require("./CodeField.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_CodeField.codeFieldConfig, _CodeField2.config);
11
- var CodeField = exports.CodeField = /*#__PURE__*/(0, _engines.component)(mergedConfig);