@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,233 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.tourRoot = exports.tourConfig = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
+ var _reactDom = /*#__PURE__*/require("react-dom");
10
+ var _reactDom2 = /*#__PURE__*/require("@floating-ui/react-dom");
11
+ var _utils = /*#__PURE__*/require("../../utils");
12
+ var _utils2 = /*#__PURE__*/require("./utils");
13
+ var _Tour = /*#__PURE__*/require("./Tour.styles");
14
+ var _base = /*#__PURE__*/require("./variatoins/_view/base");
15
+ var _base2 = /*#__PURE__*/require("./variatoins/_size/base");
16
+ var _Tour2 = /*#__PURE__*/require("./Tour.tokens");
17
+ var _Mask;
18
+ var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"]; // Tour.tsx
19
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
21
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
22
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
25
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
26
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
27
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
28
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
+ 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; } }
30
+ 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; }
31
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
32
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
33
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
34
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
35
+ var TOUR_PORTAL_ID = 'plasma-tour-portal';
36
+ var tourRoot = exports.tourRoot = function tourRoot(Root) {
37
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
38
+ var steps = _ref.steps,
39
+ current = _ref.current,
40
+ _ref$defaultCurrent = _ref.defaultCurrent,
41
+ defaultCurrent = _ref$defaultCurrent === void 0 ? 0 : _ref$defaultCurrent,
42
+ open = _ref.open,
43
+ _ref$defaultOpen = _ref.defaultOpen,
44
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
45
+ onClose = _ref.onClose,
46
+ _ref$withOverlay = _ref.withOverlay,
47
+ withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
48
+ overlayColor = _ref.overlayColor,
49
+ _ref$zIndex = _ref.zIndex,
50
+ zIndex = _ref$zIndex === void 0 ? 9300 : _ref$zIndex,
51
+ view = _ref.view,
52
+ size = _ref.size,
53
+ _ref$shift = _ref.shift,
54
+ shiftProp = _ref$shift === void 0 ? 12 : _ref$shift,
55
+ _ref$offset = _ref.offset,
56
+ offsetProp = _ref$offset === void 0 ? 12 : _ref$offset,
57
+ _ref$highlightOffset = _ref.highlightOffset,
58
+ highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
59
+ className = _ref.className,
60
+ rest = _objectWithoutProperties(_ref, _excluded);
61
+ var controlled = typeof current === 'number';
62
+ var controlledOpen = typeof open === 'boolean';
63
+ var _useState = (0, _react.useState)(defaultCurrent),
64
+ _useState2 = _slicedToArray(_useState, 2),
65
+ innerCurrent = _useState2[0],
66
+ setInnerCurrent = _useState2[1];
67
+ var _useState3 = (0, _react.useState)(defaultOpen),
68
+ _useState4 = _slicedToArray(_useState3, 2),
69
+ innerOpen = _useState4[0],
70
+ setInnerOpen = _useState4[1];
71
+ var _useState5 = (0, _react.useState)(null),
72
+ _useState6 = _slicedToArray(_useState5, 2),
73
+ highlightRect = _useState6[0],
74
+ setHighlightRect = _useState6[1];
75
+ var _useState7 = (0, _react.useState)(null),
76
+ _useState8 = _slicedToArray(_useState7, 2),
77
+ targetElement = _useState8[0],
78
+ setTargetElement = _useState8[1];
79
+ var portalRef = (0, _react.useRef)(null);
80
+ var floatingRef = (0, _react.useRef)(null);
81
+ var active = controlled ? current : innerCurrent;
82
+ var isOpen = controlledOpen ? open : innerOpen;
83
+ var currentStep = steps[active];
84
+ var placement = (0, _react.useMemo)(function () {
85
+ if (!currentStep) return 'bottom';
86
+ if (Array.isArray(currentStep.placement)) {
87
+ return currentStep.placement[0] || 'bottom';
88
+ }
89
+ return currentStep.placement || 'bottom';
90
+ }, [currentStep]);
91
+ var middleware = (0, _react.useMemo)(function () {
92
+ return [(0, _reactDom2.offset)(offsetProp), (0, _reactDom2.flip)({
93
+ fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
94
+ }), (0, _reactDom2.shift)({
95
+ padding: shiftProp
96
+ })];
97
+ }, [currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement]);
98
+ var _useFloating = (0, _reactDom2.useFloating)({
99
+ placement: placement,
100
+ middleware: middleware,
101
+ whileElementsMounted: _reactDom2.autoUpdate
102
+ }),
103
+ refs = _useFloating.refs,
104
+ floatingStyles = _useFloating.floatingStyles,
105
+ calculatedPlacement = _useFloating.placement;
106
+ (0, _react.useEffect)(function () {
107
+ refs.setReference(targetElement);
108
+ }, [refs, targetElement]);
109
+ var setOpen = (0, _react.useCallback)(function (val) {
110
+ if (!controlledOpen) {
111
+ setInnerOpen(val);
112
+ }
113
+ if (!val) {
114
+ onClose === null || onClose === void 0 || onClose();
115
+ setInnerCurrent(0);
116
+ setHighlightRect(null);
117
+ setTargetElement(null);
118
+ }
119
+ }, [controlledOpen, onClose]);
120
+ var handleClose = function handleClose() {
121
+ return setOpen(false);
122
+ };
123
+ var updateHighlight = (0, _react.useCallback)(function () {
124
+ if (!isOpen || !currentStep) return;
125
+ var element = (0, _utils2.getHTMLElement)(currentStep.target);
126
+ if (element) {
127
+ var rect = element.getBoundingClientRect();
128
+ setHighlightRect(rect);
129
+ setTargetElement(element);
130
+ } else {
131
+ setHighlightRect(null);
132
+ setTargetElement(null);
133
+ }
134
+ }, [isOpen, currentStep]);
135
+ (0, _react.useEffect)(function () {
136
+ if (!_utils.canUseDOM) return; // No setup needed
137
+
138
+ var portal = document.getElementById(TOUR_PORTAL_ID);
139
+ if (!portal) {
140
+ portal = document.createElement('div');
141
+ portal.setAttribute('id', TOUR_PORTAL_ID);
142
+ document.body.appendChild(portal);
143
+ }
144
+ portalRef.current = portal;
145
+ return function () {
146
+ if (portal && portal.childNodes.length === 0) {
147
+ portal.remove();
148
+ }
149
+ };
150
+ }, []);
151
+ (0, _react.useEffect)(function () {
152
+ updateHighlight();
153
+ var handleUpdate = function handleUpdate() {
154
+ updateHighlight();
155
+ };
156
+ window.addEventListener('resize', handleUpdate);
157
+ window.addEventListener('scroll', handleUpdate, true);
158
+ return function () {
159
+ window.removeEventListener('resize', handleUpdate);
160
+ window.removeEventListener('scroll', handleUpdate, true);
161
+ };
162
+ }, [updateHighlight]);
163
+ (0, _react.useEffect)(function () {
164
+ if (!isOpen || !currentStep || !targetElement) return;
165
+ targetElement.scrollIntoView({
166
+ block: 'center',
167
+ inline: 'center',
168
+ behavior: 'smooth'
169
+ });
170
+ }, [isOpen, active, currentStep, targetElement]);
171
+ (0, _react.useEffect)(function () {
172
+ var handleKeyDown = function handleKeyDown(e) {
173
+ if (e.key === 'Escape') {
174
+ handleClose();
175
+ }
176
+ };
177
+ if (isOpen) {
178
+ window.addEventListener('keydown', handleKeyDown);
179
+ }
180
+ return function () {
181
+ window.removeEventListener('keydown', handleKeyDown);
182
+ };
183
+ }, [isOpen]);
184
+ if (!currentStep || !_utils.canUseDOM || !portalRef.current) return null;
185
+ var tourContent = /*#__PURE__*/_react["default"].createElement(Root, _extends({
186
+ steps: steps,
187
+ ref: outerRef,
188
+ className: className,
189
+ view: view,
190
+ size: size
191
+ }, rest), isOpen && withOverlay && /*#__PURE__*/_react["default"].createElement(_Tour.MaskContainer, {
192
+ className: _Tour2.classes.mask,
193
+ zIndex: zIndex,
194
+ "data-plasma-tour-mask": true
195
+ }, _Mask || (_Mask = /*#__PURE__*/_react["default"].createElement(_Tour.Mask, null)), highlightRect && /*#__PURE__*/_react["default"].createElement(_Tour.Highlight, {
196
+ overlayColor: overlayColor,
197
+ style: {
198
+ left: highlightRect.left - highlightOffset,
199
+ top: highlightRect.top - highlightOffset,
200
+ width: highlightRect.width + highlightOffset * 2,
201
+ height: highlightRect.height + highlightOffset * 2
202
+ }
203
+ })), isOpen && targetElement && /*#__PURE__*/_react["default"].createElement(_Tour.TourPortal, {
204
+ ref: function ref(node) {
205
+ refs.setFloating(node);
206
+ floatingRef.current = node;
207
+ },
208
+ style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
209
+ zIndex: Number(zIndex)
210
+ }),
211
+ "data-placement": calculatedPlacement
212
+ }, currentStep.renderItem()));
213
+ return /*#__PURE__*/(0, _reactDom.createPortal)(tourContent, portalRef.current);
214
+ });
215
+ };
216
+ var tourConfig = exports.tourConfig = {
217
+ name: 'Tour',
218
+ tag: 'div',
219
+ layout: tourRoot,
220
+ base: '',
221
+ variations: {
222
+ view: {
223
+ css: _base.base
224
+ },
225
+ size: {
226
+ css: _base2.base
227
+ }
228
+ },
229
+ defaults: {
230
+ view: 'default',
231
+ size: 'm'
232
+ }
233
+ };
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.TourPortal = exports.MaskContainer = exports.Mask = exports.Highlight = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ var _Tour = /*#__PURE__*/require("./Tour.tokens");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ var MaskContainer = exports.MaskContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
+ componentId: "plasma-new-hope__sc-1d4zeu3-0"
12
+ })(["z-index:", ";"], function (_ref) {
13
+ var zIndex = _ref.zIndex;
14
+ return zIndex;
15
+ });
16
+ var Mask = exports.Mask = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
+ componentId: "plasma-new-hope__sc-1d4zeu3-1"
18
+ })(["position:fixed;inset:0;pointer-events:all;"]);
19
+ var Highlight = exports.Highlight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
+ componentId: "plasma-new-hope__sc-1d4zeu3-2"
21
+ })(["--private-mask-color:", ";position:fixed;background:transparent;border-radius:var(", ",0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"], function (_ref2) {
22
+ var overlayColor = _ref2.overlayColor;
23
+ return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
24
+ }, _Tour.tokens.highlightRadius);
25
+ var TourPortal = exports.TourPortal = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
+ componentId: "plasma-new-hope__sc-1d4zeu3-3"
27
+ })(["position:absolute;"]);
@@ -0,0 +1,19 @@
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
+ mask: 'tour-mask'
9
+ };
10
+ var tokens = exports.tokens = {
11
+ cardPadding: '--plasma-tour-card-padding',
12
+ cardRadius: '--plasma-tour-card-radius',
13
+ cardBgColor: '--plasma-tour-card-bg',
14
+ cardShadow: '--plasma-tour-card-shadow',
15
+ maskBgColor: '--plasma-tour-mask-bg',
16
+ titleColor: '--plasma-tour-title-color',
17
+ descriptionColor: '--plasma-tour-description-color',
18
+ highlightRadius: '--plasma-tour-highlight-radius'
19
+ };
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "tourClasses", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Tour2.classes;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "tourConfig", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Tour.tourConfig;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "tourRoot", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Tour.tourRoot;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "tourTokens", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Tour2.tokens;
28
+ }
29
+ });
30
+ var _Tour = /*#__PURE__*/require("./Tour");
31
+ var _Tour2 = /*#__PURE__*/require("./Tour.tokens");
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getHTMLElement = void 0;
7
+ var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
8
+ if (!target) {
9
+ return null;
10
+ }
11
+ if (typeof target === 'string') {
12
+ return document.querySelector(target);
13
+ }
14
+ if ('current' in target) {
15
+ return target.current;
16
+ }
17
+ return target;
18
+ };
@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _CodeInput = /*#__PURE__*/require("../../CodeInput.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&[disabled]{opacity:var(", ");cursor:not-allowed;& > *{pointer-events:none;}}"], _CodeInput.tokens.disabledOpacity);
8
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -0,0 +1,8 @@
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 base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -14,7 +14,7 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);", ":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.borderColorFocus, _CodeField.codeFieldTokens.backgroundColor, _CodeField.codeFieldTokens.backgroundColorHover, _CodeField.codeFieldTokens.backgroundColorFocus, _CodeField.codeFieldTokens.backgroundErrorColor)
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
18
  },
19
19
  size: {
20
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),
@@ -0,0 +1,22 @@
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 _Tour = /*#__PURE__*/require("../../../../components/Tour/Tour.tokens");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'accent',
12
+ size: 's'
13
+ },
14
+ variations: {
15
+ view: {
16
+ "default": /*#__PURE__*/(0, _styledComponents.css)([""])
17
+ },
18
+ size: {
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0.75rem;", ":0.75rem;"], _Tour.tokens.cardPadding, _Tour.tokens.cardRadius, _Tour.tokens.highlightRadius)
20
+ }
21
+ }
22
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Tour = void 0;
7
+ var _Tour = /*#__PURE__*/require("../../../../components/Tour");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Tour2 = /*#__PURE__*/require("./Tour.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tour.tourConfig, _Tour2.config);
11
+ var Tour = exports.Tour = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,250 @@
1
+ import React, { useRef, useState } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import styled from 'styled-components';
4
+
5
+ import { linkConfig } from '../../../../components/Link';
6
+ import { mergeConfig } from '../../../../engines';
7
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
+ import { Button } from '../Button/Button';
9
+
10
+ import { config } from './Tour.config';
11
+ import { Tour } from './Tour';
12
+
13
+ const meta: Meta<typeof Tour> = {
14
+ title: 'b2c/Navigation/Tour',
15
+ decorators: [WithTheme],
16
+ component: Tour,
17
+ argTypes: {
18
+ ...argTypesFromConfig(mergeConfig(linkConfig, config)),
19
+ withOverlay: {
20
+ type: 'boolean',
21
+ },
22
+ overlayColor: {
23
+ control: {
24
+ type: 'color',
25
+ },
26
+ },
27
+ },
28
+ };
29
+
30
+ export default meta;
31
+
32
+ const Card = styled.div`
33
+ padding: 1rem;
34
+ background: #fff;
35
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
36
+ border-radius: 0.75rem;
37
+ max-width: 20rem;
38
+ display: flex;
39
+ flex-direction: column;
40
+ gap: 0.75rem;
41
+ `;
42
+
43
+ const Title = styled.h4`
44
+ margin: 0;
45
+ font-size: 1rem;
46
+ font-weight: 600;
47
+ color: #000;
48
+ `;
49
+
50
+ const Description = styled.p`
51
+ margin: 0;
52
+ font-size: 0.875rem;
53
+ line-height: 1.5;
54
+ color: #666;
55
+ `;
56
+
57
+ const Footer = styled.div`
58
+ display: flex;
59
+ justify-content: space-between;
60
+ align-items: center;
61
+ gap: 1.5rem;
62
+ margin-top: 0.5rem;
63
+
64
+ > div {
65
+ display: flex;
66
+ gap: 0.5rem;
67
+ }
68
+
69
+ small {
70
+ color: #666;
71
+ white-space: nowrap;
72
+ }
73
+ `;
74
+
75
+ const TourCard: React.FC<{
76
+ title: string;
77
+ description: string;
78
+ index: number;
79
+ last: boolean;
80
+ total: number;
81
+ onPrev: () => void;
82
+ onNext: () => void;
83
+ onClose: () => void;
84
+ }> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
85
+ return (
86
+ <Card>
87
+ {title && <Title>{title}</Title>}
88
+ {description && <Description>{description}</Description>}
89
+ <Footer>
90
+ <div>
91
+ {index > 0 && (
92
+ <Button size="xs" type="button" onClick={onPrev}>
93
+ Назад
94
+ </Button>
95
+ )}
96
+ {!last && (
97
+ <Button size="xs" type="button" onClick={onNext}>
98
+ Далее
99
+ </Button>
100
+ )}
101
+ {last && (
102
+ <Button size="xs" type="button" onClick={onClose}>
103
+ Закрыть
104
+ </Button>
105
+ )}
106
+ </div>
107
+ <small>
108
+ Шаг {index + 1} / {total}
109
+ </small>
110
+ </Footer>
111
+ </Card>
112
+ );
113
+ };
114
+
115
+ const StoryDefault = (args) => {
116
+ const ref1 = useRef<HTMLButtonElement>(null);
117
+ const ref2 = useRef<HTMLButtonElement>(null);
118
+ const ref3 = useRef<HTMLButtonElement>(null);
119
+ const ref4 = useRef<HTMLButtonElement>(null);
120
+ const [open, setOpen] = useState(false);
121
+ const [current, setCurrent] = useState(0);
122
+
123
+ const onNext = () => setCurrent(current + 1);
124
+ const onPrev = () => setCurrent(current - 1);
125
+ const onClose = () => setOpen(false);
126
+
127
+ const steps = [
128
+ {
129
+ target: ref1,
130
+ renderItem: () => (
131
+ <TourCard
132
+ title="Первый шаг"
133
+ description="Нажмите кнопку, чтобы продолжить"
134
+ index={0}
135
+ last={current === steps.length - 1}
136
+ total={steps.length}
137
+ onNext={onNext}
138
+ onPrev={onPrev}
139
+ onClose={onClose}
140
+ />
141
+ ),
142
+ placement: 'right',
143
+ },
144
+ {
145
+ target: ref2,
146
+ renderItem: () => (
147
+ <TourCard
148
+ title="Первый шаг"
149
+ description="Нажмите кнопку, чтобы продолжить"
150
+ index={1}
151
+ last={current === steps.length - 1}
152
+ total={steps.length}
153
+ onNext={onNext}
154
+ onPrev={onPrev}
155
+ onClose={onClose}
156
+ />
157
+ ),
158
+ },
159
+ {
160
+ target: ref3,
161
+ renderItem: () => (
162
+ <TourCard
163
+ title="Первый шаг"
164
+ description="Нажмите кнопку, чтобы продолжить"
165
+ index={2}
166
+ last={current === steps.length - 1}
167
+ total={steps.length}
168
+ onNext={onNext}
169
+ onPrev={onPrev}
170
+ onClose={onClose}
171
+ />
172
+ ),
173
+ },
174
+ {
175
+ target: ref4,
176
+ renderItem: () => (
177
+ <TourCard
178
+ title="Первый шаг"
179
+ description="Нажмите кнопку, чтобы продолжить"
180
+ index={3}
181
+ last={current === steps.length - 1}
182
+ total={steps.length}
183
+ onNext={onNext}
184
+ onPrev={onPrev}
185
+ onClose={onClose}
186
+ />
187
+ ),
188
+ placement: 'left',
189
+ },
190
+ ];
191
+
192
+ return (
193
+ <div
194
+ style={{
195
+ width: '100%',
196
+ height: '110vh',
197
+ display: 'flex',
198
+ justifyContent: 'space-between',
199
+ flexDirection: 'column',
200
+ alignItems: 'center',
201
+ }}
202
+ >
203
+ <div
204
+ style={{
205
+ width: '100%',
206
+ display: 'flex',
207
+ justifyContent: 'space-between',
208
+ }}
209
+ >
210
+ <Button ref={ref1}>Блок 1</Button>
211
+ <Button ref={ref2}>Блок 2</Button>
212
+ </div>
213
+ <Button onClick={() => setOpen(true)}>Запуск тура</Button>
214
+
215
+ <div
216
+ style={{
217
+ width: '100%',
218
+ display: 'flex',
219
+ justifyContent: 'space-between',
220
+ }}
221
+ >
222
+ <Button ref={ref3}>Блок 3</Button>
223
+ <Button ref={ref4}>Блок 4</Button>
224
+ </div>
225
+
226
+ <Tour
227
+ {...args}
228
+ open={open}
229
+ current={current}
230
+ onClose={() => {
231
+ setCurrent(0);
232
+ setOpen(false);
233
+ }}
234
+ steps={steps}
235
+ />
236
+ </div>
237
+ );
238
+ };
239
+
240
+ export const Default: StoryObj = {
241
+ args: {
242
+ size: 's',
243
+ view: 'default',
244
+ withOverlay: true,
245
+ offset: 12,
246
+ shift: 12,
247
+ highlightOffset: 4,
248
+ },
249
+ render: (args) => <StoryDefault {...args} />,
250
+ };