@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.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 (315) hide show
  1. package/cjs/components/CodeField/CodeField.js +16 -15
  2. package/cjs/components/CodeField/CodeField.js.map +1 -1
  3. package/cjs/components/Tour/Tour.css +4 -0
  4. package/cjs/components/Tour/Tour.js +224 -0
  5. package/cjs/components/Tour/Tour.js.map +1 -0
  6. package/cjs/components/Tour/Tour.styles.js +51 -0
  7. package/cjs/components/Tour/Tour.styles.js.map +1 -0
  8. package/cjs/components/Tour/Tour.styles_1ks2isn.css +4 -0
  9. package/cjs/components/Tour/Tour.tokens.js +21 -0
  10. package/cjs/components/Tour/Tour.tokens.js.map +1 -0
  11. package/cjs/components/Tour/utils/index.js +19 -0
  12. package/cjs/components/Tour/utils/index.js.map +1 -0
  13. package/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +2 -2
  14. package/cjs/components/Tour/variatoins/_size/base.js.map +1 -0
  15. package/cjs/components/Tour/variatoins/_size/base_x642ct.css +1 -0
  16. package/cjs/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
  17. package/cjs/components/Tour/variatoins/_view/base.js.map +1 -0
  18. package/cjs/components/Tour/variatoins/_view/base_x642ct.css +1 -0
  19. package/cjs/index.css +5 -15
  20. package/cjs/index.js +6 -12
  21. package/cjs/index.js.map +1 -1
  22. package/cjs/utils/constants.js +0 -12
  23. package/cjs/utils/constants.js.map +1 -1
  24. package/cjs/utils/index.js.map +1 -1
  25. package/emotion/cjs/components/CodeField/CodeField.js +16 -14
  26. package/emotion/cjs/components/Tour/Tour.js +233 -0
  27. package/emotion/cjs/components/Tour/Tour.styles.js +48 -0
  28. package/emotion/cjs/components/Tour/Tour.tokens.js +19 -0
  29. package/emotion/cjs/components/Tour/index.js +31 -0
  30. package/emotion/cjs/components/Tour/utils/index.js +18 -0
  31. package/emotion/cjs/components/Tour/variatoins/_size/base.js +8 -0
  32. package/emotion/cjs/components/Tour/variatoins/_view/base.js +8 -0
  33. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
  34. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
  35. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
  36. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
  37. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
  38. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
  39. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
  40. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
  41. package/emotion/cjs/hooks/index.js +1 -8
  42. package/emotion/cjs/index.js +8 -8
  43. package/emotion/cjs/utils/constants.js +2 -8
  44. package/emotion/cjs/utils/index.js +0 -12
  45. package/emotion/es/components/CodeField/CodeField.js +17 -16
  46. package/emotion/es/components/Tour/Tour.js +226 -0
  47. package/emotion/es/components/Tour/Tour.styles.js +41 -0
  48. package/emotion/es/components/Tour/Tour.tokens.js +13 -0
  49. package/emotion/es/components/Tour/index.js +2 -0
  50. package/emotion/es/components/Tour/utils/index.js +12 -0
  51. package/emotion/es/components/Tour/variatoins/_size/base.js +2 -0
  52. package/emotion/es/components/Tour/variatoins/_view/base.js +2 -0
  53. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
  54. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
  55. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
  56. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
  57. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
  58. package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
  59. package/emotion/es/examples/plasma_web/components/Tour/Tour.js +5 -0
  60. package/emotion/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
  61. package/emotion/es/hooks/index.js +1 -2
  62. package/emotion/es/index.js +2 -2
  63. package/emotion/es/utils/constants.js +1 -7
  64. package/emotion/es/utils/index.js +0 -1
  65. package/es/components/CodeField/CodeField.js +17 -16
  66. package/es/components/CodeField/CodeField.js.map +1 -1
  67. package/es/components/Tour/Tour.css +4 -0
  68. package/es/components/Tour/Tour.js +215 -0
  69. package/es/components/Tour/Tour.js.map +1 -0
  70. package/es/components/Tour/Tour.styles.js +44 -0
  71. package/es/components/Tour/Tour.styles.js.map +1 -0
  72. package/es/components/Tour/Tour.styles_1ks2isn.css +4 -0
  73. package/es/components/Tour/Tour.tokens.js +16 -0
  74. package/es/components/Tour/Tour.tokens.js.map +1 -0
  75. package/es/components/Tour/utils/index.js +15 -0
  76. package/es/components/Tour/utils/index.js.map +1 -0
  77. package/es/components/{CodeInput/variations/_view → Tour/variatoins/_size}/base.js +2 -2
  78. package/es/components/Tour/variatoins/_size/base.js.map +1 -0
  79. package/es/components/Tour/variatoins/_size/base_x642ct.css +1 -0
  80. package/es/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
  81. package/es/components/Tour/variatoins/_view/base.js.map +1 -0
  82. package/es/components/Tour/variatoins/_view/base_x642ct.css +1 -0
  83. package/es/index.css +5 -15
  84. package/es/index.js +2 -4
  85. package/es/index.js.map +1 -1
  86. package/es/utils/constants.js +1 -7
  87. package/es/utils/constants.js.map +1 -1
  88. package/es/utils/index.js.map +1 -1
  89. package/package.json +2 -2
  90. package/styled-components/cjs/components/CodeField/CodeField.js +16 -14
  91. package/styled-components/cjs/components/Tour/Tour.js +233 -0
  92. package/styled-components/cjs/components/Tour/Tour.styles.js +27 -0
  93. package/styled-components/cjs/components/Tour/Tour.tokens.js +19 -0
  94. package/styled-components/cjs/components/Tour/index.js +31 -0
  95. package/styled-components/cjs/components/Tour/utils/index.js +18 -0
  96. package/styled-components/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +1 -2
  97. package/styled-components/cjs/components/Tour/variatoins/_size/tokens.json +1 -0
  98. package/styled-components/cjs/components/Tour/variatoins/_view/base.js +8 -0
  99. package/styled-components/cjs/components/Tour/variatoins/_view/tokens.json +1 -0
  100. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
  101. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
  102. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
  103. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
  104. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
  105. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
  106. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
  107. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
  108. package/styled-components/cjs/hooks/index.js +1 -8
  109. package/styled-components/cjs/index.js +8 -8
  110. package/styled-components/cjs/utils/constants.js +2 -8
  111. package/styled-components/cjs/utils/index.js +0 -12
  112. package/styled-components/es/components/CodeField/CodeField.js +17 -16
  113. package/styled-components/es/components/Tour/Tour.js +226 -0
  114. package/styled-components/es/components/Tour/Tour.styles.js +20 -0
  115. package/styled-components/es/components/Tour/Tour.tokens.js +13 -0
  116. package/styled-components/es/components/Tour/index.js +2 -0
  117. package/styled-components/es/components/Tour/utils/index.js +12 -0
  118. package/styled-components/es/components/Tour/variatoins/_size/base.js +2 -0
  119. package/styled-components/es/components/Tour/variatoins/_size/tokens.json +1 -0
  120. package/styled-components/es/components/Tour/variatoins/_view/base.js +2 -0
  121. package/styled-components/es/components/Tour/variatoins/_view/tokens.json +1 -0
  122. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
  123. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
  124. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
  125. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
  126. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
  127. package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
  128. package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +5 -0
  129. package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
  130. package/styled-components/es/hooks/index.js +1 -2
  131. package/styled-components/es/index.js +2 -2
  132. package/styled-components/es/utils/constants.js +1 -7
  133. package/styled-components/es/utils/index.js +0 -1
  134. package/types/components/CodeField/CodeField.d.ts.map +1 -1
  135. package/types/components/Tour/Tour.d.ts +23 -0
  136. package/types/components/Tour/Tour.d.ts.map +1 -0
  137. package/types/components/Tour/Tour.styles.d.ts +9 -0
  138. package/types/components/Tour/Tour.styles.d.ts.map +1 -0
  139. package/types/components/Tour/Tour.tokens.d.ts +14 -0
  140. package/types/components/Tour/Tour.tokens.d.ts.map +1 -0
  141. package/types/components/Tour/Tour.types.d.ts +78 -0
  142. package/types/components/Tour/Tour.types.d.ts.map +1 -0
  143. package/types/components/Tour/index.d.ts +4 -0
  144. package/types/components/Tour/index.d.ts.map +1 -0
  145. package/types/components/Tour/utils/index.d.ts +2 -0
  146. package/types/components/Tour/utils/index.d.ts.map +1 -0
  147. package/types/components/Tour/variatoins/_size/base.d.ts.map +1 -0
  148. package/types/components/Tour/variatoins/_view/base.d.ts.map +1 -0
  149. package/types/hooks/index.d.ts +0 -1
  150. package/types/hooks/index.d.ts.map +1 -1
  151. package/types/index.d.ts +1 -1
  152. package/types/index.d.ts.map +1 -1
  153. package/types/utils/constants.d.ts +0 -6
  154. package/types/utils/constants.d.ts.map +1 -1
  155. package/types/utils/index.d.ts +0 -1
  156. package/types/utils/index.d.ts.map +1 -1
  157. package/cjs/components/CodeInput/CodeInput.css +0 -14
  158. package/cjs/components/CodeInput/CodeInput.js +0 -299
  159. package/cjs/components/CodeInput/CodeInput.js.map +0 -1
  160. package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
  161. package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
  162. package/cjs/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
  163. package/cjs/components/CodeInput/CodeInput.tokens.js +0 -72
  164. package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
  165. package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
  166. package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
  167. package/cjs/components/CodeInput/utils/handleItemError.js +0 -42
  168. package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
  169. package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
  170. package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
  171. package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
  172. package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
  173. package/cjs/components/CodeInput/variations/_view/base.js +0 -9
  174. package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
  175. package/cjs/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
  176. package/cjs/hooks/useCodeHook.js +0 -34
  177. package/cjs/hooks/useCodeHook.js.map +0 -1
  178. package/cjs/utils/initialValuesHelper.js +0 -33
  179. package/cjs/utils/initialValuesHelper.js.map +0 -1
  180. package/emotion/cjs/components/CodeInput/CodeInput.js +0 -307
  181. package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
  182. package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
  183. package/emotion/cjs/components/CodeInput/index.js +0 -31
  184. package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  185. package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -40
  186. package/emotion/cjs/components/CodeInput/utils/index.js +0 -38
  187. package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
  188. package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
  189. package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -25
  190. package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
  191. package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -16
  192. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
  193. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
  194. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
  195. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
  196. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
  197. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
  198. package/emotion/cjs/hooks/useCodeHook.js +0 -32
  199. package/emotion/cjs/utils/initialValuesHelper.js +0 -30
  200. package/emotion/es/components/CodeInput/CodeInput.js +0 -299
  201. package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
  202. package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -70
  203. package/emotion/es/components/CodeInput/index.js +0 -2
  204. package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
  205. package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -34
  206. package/emotion/es/components/CodeInput/utils/index.js +0 -3
  207. package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
  208. package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
  209. package/emotion/es/components/CodeInput/variations/_size/base.js +0 -19
  210. package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
  211. package/emotion/es/components/CodeInput/variations/_view/base.js +0 -10
  212. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
  213. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
  214. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
  215. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
  216. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
  217. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
  218. package/emotion/es/hooks/useCodeHook.js +0 -26
  219. package/emotion/es/utils/initialValuesHelper.js +0 -24
  220. package/es/components/CodeInput/CodeInput.css +0 -14
  221. package/es/components/CodeInput/CodeInput.js +0 -289
  222. package/es/components/CodeInput/CodeInput.js.map +0 -1
  223. package/es/components/CodeInput/CodeInput.styles.js +0 -67
  224. package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
  225. package/es/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
  226. package/es/components/CodeInput/CodeInput.tokens.js +0 -67
  227. package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
  228. package/es/components/CodeInput/utils/handleCodeError.js +0 -51
  229. package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
  230. package/es/components/CodeInput/utils/handleItemError.js +0 -38
  231. package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
  232. package/es/components/CodeInput/variations/_disabled/base.js +0 -5
  233. package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
  234. package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
  235. package/es/components/CodeInput/variations/_size/base.js.map +0 -1
  236. package/es/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
  237. package/es/components/CodeInput/variations/_view/base.js.map +0 -1
  238. package/es/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
  239. package/es/hooks/useCodeHook.js +0 -30
  240. package/es/hooks/useCodeHook.js.map +0 -1
  241. package/es/utils/initialValuesHelper.js +0 -27
  242. package/es/utils/initialValuesHelper.js.map +0 -1
  243. package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -307
  244. package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
  245. package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
  246. package/styled-components/cjs/components/CodeInput/index.js +0 -31
  247. package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  248. package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -40
  249. package/styled-components/cjs/components/CodeInput/utils/index.js +0 -38
  250. package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
  251. package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -25
  252. package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
  253. package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -16
  254. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
  255. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
  256. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
  257. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
  258. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
  259. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
  260. package/styled-components/cjs/hooks/useCodeHook.js +0 -32
  261. package/styled-components/cjs/utils/initialValuesHelper.js +0 -30
  262. package/styled-components/es/components/CodeInput/CodeInput.js +0 -299
  263. package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
  264. package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -70
  265. package/styled-components/es/components/CodeInput/index.js +0 -2
  266. package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
  267. package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -34
  268. package/styled-components/es/components/CodeInput/utils/index.js +0 -3
  269. package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
  270. package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
  271. package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -19
  272. package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
  273. package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -10
  274. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
  275. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
  276. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
  277. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
  278. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
  279. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
  280. package/styled-components/es/hooks/useCodeHook.js +0 -26
  281. package/styled-components/es/utils/initialValuesHelper.js +0 -24
  282. package/types/components/CodeInput/CodeInput.d.ts +0 -65
  283. package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
  284. package/types/components/CodeInput/CodeInput.styles.d.ts +0 -16
  285. package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
  286. package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -72
  287. package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
  288. package/types/components/CodeInput/CodeInput.types.d.ts +0 -92
  289. package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
  290. package/types/components/CodeInput/index.d.ts +0 -3
  291. package/types/components/CodeInput/index.d.ts.map +0 -1
  292. package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
  293. package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
  294. package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
  295. package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
  296. package/types/components/CodeInput/utils/index.d.ts +0 -4
  297. package/types/components/CodeInput/utils/index.d.ts.map +0 -1
  298. package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
  299. package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
  300. package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
  301. package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
  302. package/types/hooks/useCodeHook.d.ts +0 -13
  303. package/types/hooks/useCodeHook.d.ts.map +0 -1
  304. package/types/utils/initialValuesHelper.d.ts +0 -4
  305. package/types/utils/initialValuesHelper.d.ts.map +0 -1
  306. /package/emotion/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
  307. /package/emotion/cjs/components/{CodeInput/variations/_view → Tour/variatoins/_size}/tokens.json +0 -0
  308. /package/emotion/{es/components/CodeInput/variations → cjs/components/Tour/variatoins}/_view/tokens.json +0 -0
  309. /package/emotion/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
  310. /package/{styled-components/cjs/components/CodeInput/variations/_view → emotion/es/components/Tour/variatoins/_size}/tokens.json +0 -0
  311. /package/{styled-components/es/components/CodeInput/variations → emotion/es/components/Tour/variatoins}/_view/tokens.json +0 -0
  312. /package/styled-components/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
  313. /package/styled-components/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
  314. /package/types/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.d.ts +0 -0
  315. /package/types/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.d.ts +0 -0
@@ -0,0 +1,215 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef, useState, useRef, useMemo, useEffect, useCallback } from 'react';
3
+ import { createPortal } from 'react-dom';
4
+ import { offset, flip, shift, useFloating, autoUpdate } from '@floating-ui/react-dom';
5
+ import { getHTMLElement } from './utils/index.js';
6
+ import { MaskContainer, Mask, Highlight, TourPortal } from './Tour.styles.js';
7
+ import { base } from './variatoins/_view/base.js';
8
+ import { base as base$1 } from './variatoins/_size/base.js';
9
+ import { classes } from './Tour.tokens.js';
10
+ import { canUseDOM } from '../../utils/canUseDOM.js';
11
+
12
+ var _Mask;
13
+ var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"];
14
+ var TOUR_PORTAL_ID = 'plasma-tour-portal';
15
+ var tourRoot = function tourRoot(Root) {
16
+ return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
17
+ var steps = _ref.steps,
18
+ current = _ref.current,
19
+ _ref$defaultCurrent = _ref.defaultCurrent,
20
+ defaultCurrent = _ref$defaultCurrent === void 0 ? 0 : _ref$defaultCurrent,
21
+ open = _ref.open,
22
+ _ref$defaultOpen = _ref.defaultOpen,
23
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
24
+ onClose = _ref.onClose,
25
+ _ref$withOverlay = _ref.withOverlay,
26
+ withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
27
+ overlayColor = _ref.overlayColor,
28
+ _ref$zIndex = _ref.zIndex,
29
+ zIndex = _ref$zIndex === void 0 ? 9300 : _ref$zIndex,
30
+ view = _ref.view,
31
+ size = _ref.size,
32
+ _ref$shift = _ref.shift,
33
+ shiftProp = _ref$shift === void 0 ? 12 : _ref$shift,
34
+ _ref$offset = _ref.offset,
35
+ offsetProp = _ref$offset === void 0 ? 12 : _ref$offset,
36
+ _ref$highlightOffset = _ref.highlightOffset,
37
+ highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
38
+ className = _ref.className,
39
+ rest = _objectWithoutProperties(_ref, _excluded);
40
+ var controlled = typeof current === 'number';
41
+ var controlledOpen = typeof open === 'boolean';
42
+ var _useState = useState(defaultCurrent),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ innerCurrent = _useState2[0],
45
+ setInnerCurrent = _useState2[1];
46
+ var _useState3 = useState(defaultOpen),
47
+ _useState4 = _slicedToArray(_useState3, 2),
48
+ innerOpen = _useState4[0],
49
+ setInnerOpen = _useState4[1];
50
+ var _useState5 = useState(null),
51
+ _useState6 = _slicedToArray(_useState5, 2),
52
+ highlightRect = _useState6[0],
53
+ setHighlightRect = _useState6[1];
54
+ var _useState7 = useState(null),
55
+ _useState8 = _slicedToArray(_useState7, 2),
56
+ targetElement = _useState8[0],
57
+ setTargetElement = _useState8[1];
58
+ var portalRef = useRef(null);
59
+ var floatingRef = useRef(null);
60
+ var active = controlled ? current : innerCurrent;
61
+ var isOpen = controlledOpen ? open : innerOpen;
62
+ var currentStep = steps[active];
63
+ var placement = useMemo(function () {
64
+ if (!currentStep) return 'bottom';
65
+ if (Array.isArray(currentStep.placement)) {
66
+ return currentStep.placement[0] || 'bottom';
67
+ }
68
+ return currentStep.placement || 'bottom';
69
+ }, [currentStep]);
70
+ var middleware = useMemo(function () {
71
+ return [offset(offsetProp), flip({
72
+ fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
73
+ }), shift({
74
+ padding: shiftProp
75
+ })];
76
+ }, [currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement]);
77
+ var _useFloating = useFloating({
78
+ placement: placement,
79
+ middleware: middleware,
80
+ whileElementsMounted: autoUpdate
81
+ }),
82
+ refs = _useFloating.refs,
83
+ floatingStyles = _useFloating.floatingStyles,
84
+ calculatedPlacement = _useFloating.placement;
85
+ useEffect(function () {
86
+ refs.setReference(targetElement);
87
+ }, [refs, targetElement]);
88
+ var setOpen = useCallback(function (val) {
89
+ if (!controlledOpen) {
90
+ setInnerOpen(val);
91
+ }
92
+ if (!val) {
93
+ onClose === null || onClose === void 0 || onClose();
94
+ setInnerCurrent(0);
95
+ setHighlightRect(null);
96
+ setTargetElement(null);
97
+ }
98
+ }, [controlledOpen, onClose]);
99
+ var handleClose = function handleClose() {
100
+ return setOpen(false);
101
+ };
102
+ var updateHighlight = useCallback(function () {
103
+ if (!isOpen || !currentStep) return;
104
+ var element = getHTMLElement(currentStep.target);
105
+ if (element) {
106
+ var rect = element.getBoundingClientRect();
107
+ setHighlightRect(rect);
108
+ setTargetElement(element);
109
+ } else {
110
+ setHighlightRect(null);
111
+ setTargetElement(null);
112
+ }
113
+ }, [isOpen, currentStep]);
114
+ useEffect(function () {
115
+ if (!canUseDOM) return; // No setup needed
116
+
117
+ var portal = document.getElementById(TOUR_PORTAL_ID);
118
+ if (!portal) {
119
+ portal = document.createElement('div');
120
+ portal.setAttribute('id', TOUR_PORTAL_ID);
121
+ document.body.appendChild(portal);
122
+ }
123
+ portalRef.current = portal;
124
+ return function () {
125
+ if (portal && portal.childNodes.length === 0) {
126
+ portal.remove();
127
+ }
128
+ };
129
+ }, []);
130
+ useEffect(function () {
131
+ updateHighlight();
132
+ var handleUpdate = function handleUpdate() {
133
+ updateHighlight();
134
+ };
135
+ window.addEventListener('resize', handleUpdate);
136
+ window.addEventListener('scroll', handleUpdate, true);
137
+ return function () {
138
+ window.removeEventListener('resize', handleUpdate);
139
+ window.removeEventListener('scroll', handleUpdate, true);
140
+ };
141
+ }, [updateHighlight]);
142
+ useEffect(function () {
143
+ if (!isOpen || !currentStep || !targetElement) return;
144
+ targetElement.scrollIntoView({
145
+ block: 'center',
146
+ inline: 'center',
147
+ behavior: 'smooth'
148
+ });
149
+ }, [isOpen, active, currentStep, targetElement]);
150
+ useEffect(function () {
151
+ var handleKeyDown = function handleKeyDown(e) {
152
+ if (e.key === 'Escape') {
153
+ handleClose();
154
+ }
155
+ };
156
+ if (isOpen) {
157
+ window.addEventListener('keydown', handleKeyDown);
158
+ }
159
+ return function () {
160
+ window.removeEventListener('keydown', handleKeyDown);
161
+ };
162
+ }, [isOpen]);
163
+ if (!currentStep || !canUseDOM || !portalRef.current) return null;
164
+ var tourContent = /*#__PURE__*/React.createElement(Root, _extends({
165
+ steps: steps,
166
+ ref: outerRef,
167
+ className: className,
168
+ view: view,
169
+ size: size
170
+ }, rest), isOpen && withOverlay && /*#__PURE__*/React.createElement(MaskContainer, {
171
+ className: classes.mask,
172
+ zIndex: zIndex,
173
+ "data-plasma-tour-mask": true
174
+ }, _Mask || (_Mask = /*#__PURE__*/React.createElement(Mask, null)), highlightRect && /*#__PURE__*/React.createElement(Highlight, {
175
+ overlayColor: overlayColor,
176
+ style: {
177
+ left: highlightRect.left - highlightOffset,
178
+ top: highlightRect.top - highlightOffset,
179
+ width: highlightRect.width + highlightOffset * 2,
180
+ height: highlightRect.height + highlightOffset * 2
181
+ }
182
+ })), isOpen && targetElement && /*#__PURE__*/React.createElement(TourPortal, {
183
+ ref: function ref(node) {
184
+ refs.setFloating(node);
185
+ floatingRef.current = node;
186
+ },
187
+ style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
188
+ zIndex: Number(zIndex)
189
+ }),
190
+ "data-placement": calculatedPlacement
191
+ }, currentStep.renderItem()));
192
+ return /*#__PURE__*/createPortal(tourContent, portalRef.current);
193
+ });
194
+ };
195
+ var tourConfig = {
196
+ name: 'Tour',
197
+ tag: 'div',
198
+ layout: tourRoot,
199
+ base: '',
200
+ variations: {
201
+ view: {
202
+ css: base
203
+ },
204
+ size: {
205
+ css: base$1
206
+ }
207
+ },
208
+ defaults: {
209
+ view: 'default',
210
+ size: 'm'
211
+ }
212
+ };
213
+
214
+ export { tourConfig, tourRoot };
215
+ //# sourceMappingURL=Tour.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["// Tour.tsx\nimport React, { forwardRef, useCallback, useEffect, useState, useRef, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';\n\nimport { RootProps } from '../../engines';\nimport { canUseDOM } from '../../utils';\n\nimport { getHTMLElement } from './utils';\nimport type { TourProps } from './Tour.types';\nimport { MaskContainer, Mask, Highlight, TourPortal } from './Tour.styles';\nimport { base as viewCSS } from './variatoins/_view/base';\nimport { base as sizeCSS } from './variatoins/_size/base';\nimport { classes } from './Tour.tokens';\n\nconst TOUR_PORTAL_ID = 'plasma-tour-portal';\n\nexport const tourRoot = (Root: RootProps<HTMLDivElement, TourProps>) =>\n forwardRef<HTMLDivElement, TourProps>(\n (\n {\n steps,\n current,\n defaultCurrent = 0,\n open,\n defaultOpen = false,\n onClose,\n withOverlay = true,\n overlayColor,\n zIndex = 9300,\n view,\n size,\n shift: shiftProp = 12,\n offset: offsetProp = 12,\n highlightOffset = 4,\n className,\n ...rest\n },\n outerRef,\n ) => {\n const controlled = typeof current === 'number';\n const controlledOpen = typeof open === 'boolean';\n\n const [innerCurrent, setInnerCurrent] = useState(defaultCurrent);\n const [innerOpen, setInnerOpen] = useState(defaultOpen);\n const [highlightRect, setHighlightRect] = useState<DOMRect | null>(null);\n const [targetElement, setTargetElement] = useState<HTMLElement | null>(null);\n\n const portalRef = useRef<HTMLElement | null>(null);\n const floatingRef = useRef<HTMLDivElement | null>(null);\n\n const active = controlled ? (current as number) : innerCurrent;\n const isOpen = controlledOpen ? (open as boolean) : innerOpen;\n\n const currentStep = steps[active];\n\n const placement = useMemo(() => {\n if (!currentStep) return 'bottom';\n\n if (Array.isArray(currentStep.placement)) {\n return currentStep.placement[0] || 'bottom';\n }\n\n return currentStep.placement || 'bottom';\n }, [currentStep]);\n\n const middleware = useMemo(\n () => [\n offset(offsetProp),\n flip({\n fallbackPlacements: Array.isArray(currentStep?.placement) ? currentStep.placement : undefined,\n }),\n shift({ padding: shiftProp }),\n ],\n [currentStep?.placement],\n );\n\n const { refs, floatingStyles, placement: calculatedPlacement } = useFloating({\n placement,\n middleware,\n whileElementsMounted: autoUpdate,\n });\n\n useEffect(() => {\n refs.setReference(targetElement);\n }, [refs, targetElement]);\n\n const setOpen = useCallback(\n (val: boolean) => {\n if (!controlledOpen) {\n setInnerOpen(val);\n }\n if (!val) {\n onClose?.();\n setInnerCurrent(0);\n setHighlightRect(null);\n setTargetElement(null);\n }\n },\n [controlledOpen, onClose],\n );\n\n const handleClose = () => setOpen(false);\n\n const updateHighlight = useCallback(() => {\n if (!isOpen || !currentStep) return;\n\n const element = getHTMLElement(currentStep.target as any);\n if (element) {\n const rect = element.getBoundingClientRect();\n setHighlightRect(rect);\n setTargetElement(element);\n } else {\n setHighlightRect(null);\n setTargetElement(null);\n }\n }, [isOpen, currentStep]);\n\n useEffect(() => {\n if (!canUseDOM) return; // No setup needed\n\n let portal = document.getElementById(TOUR_PORTAL_ID);\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', TOUR_PORTAL_ID);\n document.body.appendChild(portal);\n }\n\n portalRef.current = portal;\n\n return () => {\n if (portal && portal.childNodes.length === 0) {\n portal.remove();\n }\n };\n }, []);\n\n useEffect(() => {\n updateHighlight();\n\n const handleUpdate = () => {\n updateHighlight();\n };\n\n window.addEventListener('resize', handleUpdate);\n window.addEventListener('scroll', handleUpdate, true);\n\n return () => {\n window.removeEventListener('resize', handleUpdate);\n window.removeEventListener('scroll', handleUpdate, true);\n };\n }, [updateHighlight]);\n\n useEffect(() => {\n if (!isOpen || !currentStep || !targetElement) return;\n\n targetElement.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }, [isOpen, active, currentStep, targetElement]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n handleClose();\n }\n };\n\n if (isOpen) {\n window.addEventListener('keydown', handleKeyDown);\n }\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [isOpen]);\n\n if (!currentStep || !canUseDOM || !portalRef.current) return null;\n\n const tourContent = (\n <Root steps={steps} ref={outerRef} className={className} view={view} size={size} {...rest}>\n {isOpen && withOverlay && (\n <MaskContainer className={classes.mask} zIndex={zIndex} data-plasma-tour-mask>\n <Mask />\n {highlightRect && (\n <Highlight\n overlayColor={overlayColor}\n style={{\n left: highlightRect.left - highlightOffset,\n top: highlightRect.top - highlightOffset,\n width: highlightRect.width + highlightOffset * 2,\n height: highlightRect.height + highlightOffset * 2,\n }}\n />\n )}\n </MaskContainer>\n )}\n\n {isOpen && targetElement && (\n <TourPortal\n ref={(node) => {\n refs.setFloating(node);\n floatingRef.current = node;\n }}\n style={{\n ...floatingStyles,\n zIndex: Number(zIndex),\n }}\n data-placement={calculatedPlacement}\n >\n {currentStep.renderItem()}\n </TourPortal>\n )}\n </Root>\n );\n\n return createPortal(tourContent, portalRef.current);\n },\n );\n\nexport const tourConfig = {\n name: 'Tour',\n tag: 'div',\n layout: tourRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["TOUR_PORTAL_ID","tourRoot","Root","forwardRef","_ref","outerRef","steps","current","_ref$defaultCurrent","defaultCurrent","open","_ref$defaultOpen","defaultOpen","onClose","_ref$withOverlay","withOverlay","overlayColor","_ref$zIndex","zIndex","view","size","_ref$shift","shift","shiftProp","_ref$offset","offset","offsetProp","_ref$highlightOffset","highlightOffset","className","rest","_objectWithoutProperties","_excluded","controlled","controlledOpen","_useState","useState","_useState2","_slicedToArray","innerCurrent","setInnerCurrent","_useState3","_useState4","innerOpen","setInnerOpen","_useState5","_useState6","highlightRect","setHighlightRect","_useState7","_useState8","targetElement","setTargetElement","portalRef","useRef","floatingRef","active","isOpen","currentStep","placement","useMemo","Array","isArray","middleware","flip","fallbackPlacements","undefined","padding","_useFloating","useFloating","whileElementsMounted","autoUpdate","refs","floatingStyles","calculatedPlacement","useEffect","setReference","setOpen","useCallback","val","handleClose","updateHighlight","element","getHTMLElement","target","rect","getBoundingClientRect","canUseDOM","portal","document","getElementById","createElement","setAttribute","body","appendChild","childNodes","length","remove","handleUpdate","window","addEventListener","removeEventListener","scrollIntoView","block","inline","behavior","handleKeyDown","e","key","tourContent","React","_extends","ref","MaskContainer","classes","mask","_Mask","Mask","Highlight","style","left","top","width","height","TourPortal","node","setFloating","_objectSpread","Number","renderItem","createPortal","tourConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,44 @@
1
+ import './Tour.styles_1ks2isn.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var _exp = function _exp() {
5
+ return function (_ref) {
6
+ var zIndex = _ref.zIndex;
7
+ return zIndex;
8
+ };
9
+ };
10
+ var MaskContainer = /*#__PURE__*/styled('div')({
11
+ name: "MaskContainer",
12
+ "class": "m1hl3azh",
13
+ propsAsIs: false,
14
+ vars: {
15
+ "m1hl3azh-0": [/*#__PURE__*/_exp()]
16
+ }
17
+ });
18
+ var Mask = /*#__PURE__*/styled('div')({
19
+ name: "Mask",
20
+ "class": "m12gu86u",
21
+ propsAsIs: false
22
+ });
23
+ var _exp2 = function _exp2() {
24
+ return function (_ref2) {
25
+ var overlayColor = _ref2.overlayColor;
26
+ return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
27
+ };
28
+ };
29
+ var Highlight = /*#__PURE__*/styled('div')({
30
+ name: "Highlight",
31
+ "class": "hz4trqu",
32
+ propsAsIs: false,
33
+ vars: {
34
+ "hz4trqu-0": [/*#__PURE__*/_exp2()]
35
+ }
36
+ });
37
+ var TourPortal = /*#__PURE__*/styled('div')({
38
+ name: "TourPortal",
39
+ "class": "tjgv9oe",
40
+ propsAsIs: false
41
+ });
42
+
43
+ export { Highlight, Mask, MaskContainer, TourPortal };
44
+ //# sourceMappingURL=Tour.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.styles.js","sources":["../../../src/components/Tour/Tour.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Tour.tokens';\n\nexport const MaskContainer = styled.div<{ zIndex: string | number }>`\n z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const Mask = styled.div`\n position: fixed;\n inset: 0;\n pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{ overlayColor?: string }>`\n --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n position: fixed;\n background: transparent;\n border-radius: var(${tokens.highlightRadius}, 0.5rem);\n box-shadow: 0 0 0 9999px var(--private-mask-color);\n pointer-events: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const TourPortal = styled.div`\n position: absolute;\n`;\n"],"names":["_exp","_ref","zIndex","MaskContainer","styled","name","class","propsAsIs","vars","Mask","_exp2","_ref2","overlayColor","Highlight","TourPortal"],"mappings":";;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAKzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD9B,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBR,IAAsB,EAAA,CAAA;AAAA,GAAA;AAAA,CACpC,EAAA;AAEM,IAAMS,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIzB,EAAA;AAAC,IAAAG,KAAA,GAXgBA,SAWhBA,KAAAA,GAAA;AAAA,EAAA,OAG0B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAsBA,YAAY,IAAI,qBAAqB,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AADrF,IAAMC,SAAS,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACHE,KAAgE,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3F,EAAA;AAEM,IAAMI,UAAU,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;"}
@@ -0,0 +1,4 @@
1
+ .m1hl3azh{z-index:var(--m1hl3azh-0);}
2
+ .m12gu86u{position:fixed;inset:0;pointer-events:all;}
3
+ .hz4trqu{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
4
+ .tjgv9oe{position:absolute;}
@@ -0,0 +1,16 @@
1
+ var classes = {
2
+ mask: 'tour-mask'
3
+ };
4
+ var tokens = {
5
+ cardPadding: '--plasma-tour-card-padding',
6
+ cardRadius: '--plasma-tour-card-radius',
7
+ cardBgColor: '--plasma-tour-card-bg',
8
+ cardShadow: '--plasma-tour-card-shadow',
9
+ maskBgColor: '--plasma-tour-mask-bg',
10
+ titleColor: '--plasma-tour-title-color',
11
+ descriptionColor: '--plasma-tour-description-color',
12
+ highlightRadius: '--plasma-tour-highlight-radius'
13
+ };
14
+
15
+ export { classes, tokens };
16
+ //# sourceMappingURL=Tour.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.tokens.js","sources":["../../../src/components/Tour/Tour.tokens.ts"],"sourcesContent":["export const classes = {\n mask: 'tour-mask',\n};\n\nexport const tokens = {\n cardPadding: '--plasma-tour-card-padding',\n cardRadius: '--plasma-tour-card-radius',\n cardBgColor: '--plasma-tour-card-bg',\n cardShadow: '--plasma-tour-card-shadow',\n maskBgColor: '--plasma-tour-mask-bg',\n titleColor: '--plasma-tour-title-color',\n descriptionColor: '--plasma-tour-description-color',\n highlightRadius: '--plasma-tour-highlight-radius',\n};\n"],"names":["classes","mask","tokens","cardPadding","cardRadius","cardBgColor","cardShadow","maskBgColor","titleColor","descriptionColor","highlightRadius"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,WAAA;AACV,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,eAAe,EAAE,gCAAA;AACrB;;;;"}
@@ -0,0 +1,15 @@
1
+ var getHTMLElement = function getHTMLElement(target) {
2
+ if (!target) {
3
+ return null;
4
+ }
5
+ if (typeof target === 'string') {
6
+ return document.querySelector(target);
7
+ }
8
+ if ('current' in target) {
9
+ return target.current;
10
+ }
11
+ return target;
12
+ };
13
+
14
+ export { getHTMLElement };
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Tour/utils/index.ts"],"sourcesContent":["export const getHTMLElement = (target: string | React.RefObject<HTMLElement> | HTMLElement): HTMLElement | null => {\n if (!target) {\n return null;\n }\n if (typeof target === 'string') {\n return document.querySelector<HTMLElement>(target);\n }\n if ('current' in target) {\n return target.current;\n }\n return target;\n};\n"],"names":["getHTMLElement","target","document","querySelector","current"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAA2D,EAAyB;EAC/G,IAAI,CAACA,MAAM,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACA,EAAA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOC,QAAQ,CAACC,aAAa,CAAcF,MAAM,CAAC,CAAA;AACtD,GAAA;EACA,IAAI,SAAS,IAAIA,MAAM,EAAE;IACrB,OAAOA,MAAM,CAACG,OAAO,CAAA;AACzB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACjB;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_17gj0wr.css';
2
- var base = "bxs6mj3";
1
+ import './base_x642ct.css';
2
+ var base = "b1hk248e";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_h42a8b.css';
2
- var base = "bbkzv6b";
1
+ import './base_x642ct.css';
2
+ var base = "bkfxb44";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
package/es/index.css CHANGED
@@ -1008,21 +1008,6 @@
1008
1008
  .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
1009
1009
  .PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}
1010
1010
 
1011
- .CodeInput_styles_3w98lu_b1y2r9rw__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeInput_styles_3w98lu_b1y2r9rw__c05da402.CodeInput_styles_3w98lu_codeinputCaptionAlignLeft__c05da402{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
1012
- .CodeInput_styles_3w98lu_c1fux591__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
1013
- .CodeInput_styles_3w98lu_cuja080__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
1014
- .CodeInput_styles_3w98lu_s175xqem__c05da402{width:var(--plasma-codeinput-separator-width);}
1015
- .CodeInput_styles_3w98lu_i16menav__c05da402{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:var(--i16menav-0);}
1016
- .CodeInput_styles_3w98lu_iuawgdb__c05da402{position:relative;}
1017
- .CodeInput_styles_3w98lu_i1tn2nm3__c05da402{position:absolute;top:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));left:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));width:var(--plasma-codeinput-item-circle-size);height:var(--plasma-codeinput-item-circle-size);box-sizing:border-box;border-radius:100%;background-color:'transparent';}
1018
- .CodeInput_styles_3w98lu_c19x1gm7__c05da402{text-align:var(--c19x1gm7-0);-webkit-align-self:var(--c19x1gm7-0);-ms-flex-item-align:var(--c19x1gm7-0);align-self:var(--c19x1gm7-0);width:var(--c19x1gm7-1);white-space:pre-line;}
1019
-
1020
- .base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c{color:var(--plasma-codeinput-caption-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c.base_17gj0wr_codeinputCaptionError__67ad6f7c{color:var(--plasma-codeinput-caption-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color);background-color:'transparent';}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleError__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c:focus-visible{outline:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]{position:relative;border:none;position:absolute;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:1rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added].base_17gj0wr_focusVisible__67ad6f7c:focus::before,.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added][data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c:hover .base_17gj0wr_codeinputItemHoverEnabled__67ad6f7c{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.base_17gj0wr_bxs6mj3__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c:focus-within{box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{-webkit-animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);}@-webkit-keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
1021
-
1022
- .base_h42a8b_bbkzv6b__8ce3510f{gap:var(--plasma-codeinput-caption-gap);}@media (min-width:0){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-small-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-small-height);--private-codeinput-item-width:var(--plasma-codeinput-item-small-width);--private-codeinput-item-hieght:var(--plasma-codeinput-small-line-height);}}@media (min-width:35rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-medium-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-medium-height);--private-codeinput-item-width:var(--plasma-codeinput-item-medium-width);--private-codeinput-item-hieght:var(--plasma-codeinput-medium-line-height);}}@media (min-width:60rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-large-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-large-height);--private-codeinput-item-width:var(--plasma-codeinput-item-large-width);--private-codeinput-item-hieght:var(--plasma-codeinput-large-line-height);}}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c1fux591__8ce3510f,.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_cuja080__8ce3510f{gap:var(--plasma-codeinput-code-item-gap);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_i16menav__8ce3510f{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c19x1gm7__8ce3510f{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
1023
-
1024
- .base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled] > *{pointer-events:none;}
1025
-
1026
1011
  .CodeField_styles_7zxgpc_b1xx9skx__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7zxgpc_b1xx9skx__84a479ac.CodeField_styles_7zxgpc_codefieldCaptionAlignLeft__84a479ac{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
1027
1012
  .CodeField_styles_7zxgpc_c1wzspax__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
1028
1013
  .CodeField_styles_7zxgpc_c7swj1z__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@@ -1037,3 +1022,8 @@
1037
1022
  .base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
1038
1023
 
1039
1024
  .base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled] > *{pointer-events:none;}
1025
+
1026
+ .Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
1027
+ .Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
1028
+ .Tour_styles_1ks2isn_hz4trqu__f7b9f098{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
1029
+ .Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}
package/es/index.js CHANGED
@@ -23,7 +23,6 @@ export { useDidMountEffect } from './hooks/useDidMountEffect.js';
23
23
  export { useDidMountLayoutEffect } from './hooks/useDidMountLayoutEffect.js';
24
24
  export { useOutsideClick } from './hooks/useOutsideClick.js';
25
25
  export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
26
- export { useCodeHook } from './hooks/useCodeHook.js';
27
26
  export { canUseDOM } from './utils/canUseDOM.js';
28
27
  export { extractTextFrom } from './utils/extractTextFrom.js';
29
28
  export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
@@ -37,7 +36,6 @@ export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
37
36
  export { createConditionalComponent } from './utils/createConditionalComponent.js';
38
37
  export { fixedForwardRef } from './utils/fixedForwardRef.js';
39
38
  export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
40
- export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
41
39
  import * as constants from './utils/constants.js';
42
40
  export { constants };
43
41
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
@@ -244,9 +242,9 @@ export { tokens as carouselNewTokens } from './components/Carousel/CarouselNew/C
244
242
  export { SmartPaginationDots } from './components/PaginationDots/SmartPaginationDots.js';
245
243
  export { PaginationDots } from './components/PaginationDots/PaginationDots.js';
246
244
  export { PaginationDot } from './components/PaginationDots/PaginationDot.js';
247
- export { codeInputConfig, codeInputRoot } from './components/CodeInput/CodeInput.js';
248
- export { classes as codeInputClasses, tokens as codeInputTokens } from './components/CodeInput/CodeInput.tokens.js';
249
245
  export { codeFieldConfig, codeFieldRoot } from './components/CodeField/CodeField.js';
250
246
  export { classes as codeFieldClasses, tokens as codeFieldTokens } from './components/CodeField/CodeField.tokens.js';
251
247
  export { ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN } from './components/CodeField/utils/constants.js';
248
+ export { tourConfig, tourRoot } from './components/Tour/Tour.js';
249
+ export { classes as tourClasses, tokens as tourTokens } from './components/Tour/Tour.tokens.js';
252
250
  //# sourceMappingURL=index.js.map
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,12 +16,6 @@ var screenGroupBreakpoints = {
16
16
  medium: '35rem',
17
17
  large: '60rem'
18
18
  };
19
- var ONLY_DIGITS_PATTERN = '^\\d+$';
20
- var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
21
- var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
22
- var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
23
- var BACKSPACE_KEY = 'Backspace';
24
- var ANIMATION_TIMEOUT = 300;
25
19
 
26
- export { ANIMATION_TIMEOUT, BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, keyCodes, screenGroupBreakpoints };
20
+ export { keyCodes, screenGroupBreakpoints };
27
21
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n PageUp: 33,\n PageDown: 34,\n Home: 36,\n End: 35,\n Left: 37,\n Right: 39,\n Up: 38,\n Down: 40,\n Enter: 13,\n Space: 32,\n Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n small: '0',\n medium: '35rem',\n large: '60rem',\n};\n\nexport const ONLY_DIGITS_PATTERN = '^\\\\d+$';\nexport const ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';\nexport const ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';\n\nexport const FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];\nexport const BACKSPACE_KEY = 'Backspace';\n\nexport const ANIMATION_TIMEOUT = 300;\n"],"names":["keyCodes","PageUp","PageDown","Home","End","Left","Right","Up","Down","Enter","Space","Escape","screenGroupBreakpoints","small","medium","large","ONLY_DIGITS_PATTERN","ONLY_CHARS_PATTERN","ONLY_DIGITS_AND_CHARS_PATTERN","FORBIDDEN_KEYS","BACKSPACE_KEY","ANIMATION_TIMEOUT"],"mappings":"AAAO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,GAAG,EAAE,EAAE;AACPC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACX,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAQ;AACpC,IAAMC,kBAAkB,GAAG,cAAa;AACxC,IAAMC,6BAA6B,GAAG,iBAAgB;AAEhDC,IAAAA,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAC;AAC3F,IAAMC,aAAa,GAAG,YAAW;AAEjC,IAAMC,iBAAiB,GAAG;;;;"}
1
+ {"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n PageUp: 33,\n PageDown: 34,\n Home: 36,\n End: 35,\n Left: 37,\n Right: 39,\n Up: 38,\n Down: 40,\n Enter: 13,\n Space: 32,\n Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n small: '0',\n medium: '35rem',\n large: '60rem',\n};\n"],"names":["keyCodes","PageUp","PageDown","Home","End","Left","Right","Up","Down","Enter","Space","Escape","screenGroupBreakpoints","small","medium","large"],"mappings":"AAAO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,GAAG,EAAE,EAAE;AACPC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACX;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAgBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.327.0-canary.1973.15733948288.0",
3
+ "version": "0.327.0-canary.2010.15678347777.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "41fa70f29eab7ea02816d4906dea7e73a0cf5002"
140
+ "gitHead": "173e0d4ea7ea7980fd5cf1703a07b2572e196e68"
141
141
  }
@@ -180,7 +180,6 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
180
180
  };
181
181
  var handlePaste = function handlePaste(event) {
182
182
  var _inputRefs$current$ac;
183
- var newCode = _toConsumableArray(code);
184
183
  if (disabled) {
185
184
  return;
186
185
  }
@@ -190,27 +189,30 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
190
189
  var _symb$match;
191
190
  return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
192
191
  }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
193
- pastedData.forEach(function (element, index) {
194
- newCode[index] = element;
195
- });
196
192
  var activeIndex = Math.min(pastedData.length, codeLength - 1);
197
193
  (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
198
- codeSetter(newCode);
194
+ codeSetter(pastedData);
199
195
  };
200
196
  var handleFullCodeEnter = (0, _react.useCallback)(function (fullCode) {
201
197
  if (onFullCodeEnter) {
202
198
  onFullCodeEnter(fullCode);
203
199
  }
204
200
  }, []);
205
- (0, _hooks.useCodeHook)({
206
- inputRefs: inputRefs,
207
- codeLength: codeLength,
208
- disabled: disabled,
209
- autoFocus: autoFocus,
210
- originalValue: originalValue,
211
- getLastActiveIndex: getLastActiveIndex,
212
- handleFullCodeEnter: handleFullCodeEnter
213
- });
201
+ (0, _react.useEffect)(function () {
202
+ inputRefs.current = inputRefs.current.slice(0, codeLength);
203
+ }, [codeLength]);
204
+ (0, _react.useEffect)(function () {
205
+ if (autoFocus && !disabled) {
206
+ var _inputRefs$current$la;
207
+ var lastActiveIndex = getLastActiveIndex();
208
+ (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
209
+ }
210
+ }, [autoFocus]);
211
+ (0, _hooks.useDidMountEffect)(function () {
212
+ if (handleFullCodeEnter && originalValue.length === codeLength) {
213
+ handleFullCodeEnter(originalValue);
214
+ }
215
+ }, [originalValue, handleFullCodeEnter]);
214
216
  (0, _hooks.useDidMountEffect)(function () {
215
217
  if (isError) {
216
218
  (0, _utils2.handleCodeError)({