@salutejs/plasma-new-hope 0.115.0-canary.1336.10206396549.0 → 0.115.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (335) hide show
  1. package/cjs/index.css +0 -25
  2. package/cjs/index.js +0 -15
  3. package/cjs/index.js.map +1 -1
  4. package/emotion/cjs/components/Accordion/Accordion.template-doc.mdx +1 -1
  5. package/emotion/cjs/index.js +0 -11
  6. package/emotion/es/components/Accordion/Accordion.template-doc.mdx +1 -1
  7. package/emotion/es/index.js +0 -1
  8. package/es/index.css +0 -25
  9. package/es/index.js +0 -7
  10. package/es/index.js.map +1 -1
  11. package/package.json +2 -2
  12. package/styled-components/cjs/components/Accordion/Accordion.template-doc.mdx +1 -1
  13. package/styled-components/cjs/index.js +0 -11
  14. package/styled-components/es/components/Accordion/Accordion.template-doc.mdx +1 -1
  15. package/styled-components/es/index.js +0 -1
  16. package/types/index.d.ts +0 -1
  17. package/types/index.d.ts.map +1 -1
  18. package/cjs/components/Header/Header.tokens.js +0 -41
  19. package/cjs/components/Header/Header.tokens.js.map +0 -1
  20. package/cjs/components/Header/HeaderContent/HeaderContent.css +0 -1
  21. package/cjs/components/Header/HeaderContent/HeaderContent.js +0 -21
  22. package/cjs/components/Header/HeaderContent/HeaderContent.js.map +0 -1
  23. package/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -15
  24. package/cjs/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
  25. package/cjs/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
  26. package/cjs/components/Header/HeaderRoot/HeaderRoot.css +0 -2
  27. package/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -53
  28. package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
  29. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -30
  30. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
  31. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
  32. package/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -9
  33. package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
  34. package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
  35. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
  36. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  37. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
  38. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -9
  39. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
  40. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
  41. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -9
  42. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
  43. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
  44. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  45. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
  46. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
  47. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
  48. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -48
  49. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
  50. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  51. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
  52. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
  53. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
  54. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -21
  55. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
  56. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -15
  57. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
  58. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
  59. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
  60. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  61. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
  62. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -45
  63. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
  64. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
  65. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -9
  66. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
  67. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
  68. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -9
  69. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
  70. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
  71. package/cjs/components/_Icon/Icon.assets/ChevronLeft.js +0 -23
  72. package/cjs/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
  73. package/cjs/components/_Icon/Icons/IconChevronLeft.js +0 -25
  74. package/cjs/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
  75. package/emotion/cjs/components/Header/Header.template-doc.mdx +0 -78
  76. package/emotion/cjs/components/Header/Header.tokens.js +0 -39
  77. package/emotion/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
  78. package/emotion/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -21
  79. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
  80. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -29
  81. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
  82. package/emotion/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
  83. package/emotion/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  84. package/emotion/cjs/components/Header/index.js +0 -57
  85. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  86. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -17
  87. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
  88. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
  89. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  90. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  91. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  92. package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
  93. package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
  94. package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  95. package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  96. package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
  97. package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -13
  98. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  99. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -47
  100. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
  101. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
  102. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  103. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -17
  104. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  105. package/emotion/cjs/components/Header/ui/index.js +0 -33
  106. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
  107. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
  108. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  109. package/emotion/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
  110. package/emotion/cjs/examples/plasma_web/components/Header/Header.js +0 -31
  111. package/emotion/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  112. package/emotion/es/components/Header/Header.template-doc.mdx +0 -78
  113. package/emotion/es/components/Header/Header.tokens.js +0 -33
  114. package/emotion/es/components/Header/HeaderContent/HeaderContent.js +0 -14
  115. package/emotion/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -14
  116. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
  117. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -22
  118. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
  119. package/emotion/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
  120. package/emotion/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  121. package/emotion/es/components/Header/index.js +0 -4
  122. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
  123. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -11
  124. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
  125. package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
  126. package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  127. package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
  128. package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  129. package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
  130. package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
  131. package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
  132. package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  133. package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
  134. package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -6
  135. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
  136. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -40
  137. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
  138. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
  139. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  140. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -11
  141. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  142. package/emotion/es/components/Header/ui/index.js +0 -4
  143. package/emotion/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
  144. package/emotion/es/examples/plasma_b2c/components/Header/Header.js +0 -12
  145. package/emotion/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  146. package/emotion/es/examples/plasma_web/components/Header/Header.config.js +0 -16
  147. package/emotion/es/examples/plasma_web/components/Header/Header.js +0 -12
  148. package/emotion/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  149. package/es/components/Header/Header.tokens.js +0 -36
  150. package/es/components/Header/Header.tokens.js.map +0 -1
  151. package/es/components/Header/HeaderContent/HeaderContent.css +0 -1
  152. package/es/components/Header/HeaderContent/HeaderContent.js +0 -17
  153. package/es/components/Header/HeaderContent/HeaderContent.js.map +0 -1
  154. package/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
  155. package/es/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
  156. package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
  157. package/es/components/Header/HeaderRoot/HeaderRoot.css +0 -2
  158. package/es/components/Header/HeaderRoot/HeaderRoot.js +0 -48
  159. package/es/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
  160. package/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -25
  161. package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
  162. package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
  163. package/es/components/Header/HeaderRoot/variations/_size/base.js +0 -5
  164. package/es/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
  165. package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
  166. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
  167. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -65
  168. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
  169. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -5
  170. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
  171. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
  172. package/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -5
  173. package/es/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
  174. package/es/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
  175. package/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -5
  176. package/es/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
  177. package/es/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
  178. package/es/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
  179. package/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -43
  180. package/es/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
  181. package/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -5
  182. package/es/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
  183. package/es/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
  184. package/es/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
  185. package/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -17
  186. package/es/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
  187. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -11
  188. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
  189. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
  190. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
  191. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -52
  192. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
  193. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -36
  194. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
  195. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
  196. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -5
  197. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
  198. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
  199. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -5
  200. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
  201. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
  202. package/es/components/_Icon/Icon.assets/ChevronLeft.js +0 -19
  203. package/es/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
  204. package/es/components/_Icon/Icons/IconChevronLeft.js +0 -21
  205. package/es/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
  206. package/styled-components/cjs/components/Header/Header.template-doc.mdx +0 -78
  207. package/styled-components/cjs/components/Header/Header.tokens.js +0 -39
  208. package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
  209. package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
  210. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
  211. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -18
  212. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
  213. package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
  214. package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  215. package/styled-components/cjs/components/Header/index.js +0 -57
  216. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  217. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -8
  218. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
  219. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
  220. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  221. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  222. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  223. package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
  224. package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
  225. package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  226. package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  227. package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
  228. package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -12
  229. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  230. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -31
  231. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
  232. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
  233. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  234. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -8
  235. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  236. package/styled-components/cjs/components/Header/ui/index.js +0 -33
  237. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
  238. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
  239. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  240. package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
  241. package/styled-components/cjs/examples/plasma_web/components/Header/Header.js +0 -31
  242. package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  243. package/styled-components/es/components/Header/Header.template-doc.mdx +0 -78
  244. package/styled-components/es/components/Header/Header.tokens.js +0 -33
  245. package/styled-components/es/components/Header/HeaderContent/HeaderContent.js +0 -14
  246. package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -4
  247. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
  248. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -11
  249. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
  250. package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
  251. package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  252. package/styled-components/es/components/Header/index.js +0 -4
  253. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
  254. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -2
  255. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
  256. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
  257. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  258. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
  259. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  260. package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
  261. package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
  262. package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
  263. package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  264. package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
  265. package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -5
  266. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
  267. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -24
  268. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
  269. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
  270. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  271. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -2
  272. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  273. package/styled-components/es/components/Header/ui/index.js +0 -4
  274. package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
  275. package/styled-components/es/examples/plasma_b2c/components/Header/Header.js +0 -12
  276. package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  277. package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +0 -16
  278. package/styled-components/es/examples/plasma_web/components/Header/Header.js +0 -12
  279. package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  280. package/types/components/Header/Header.tokens.d.ts +0 -34
  281. package/types/components/Header/Header.tokens.d.ts.map +0 -1
  282. package/types/components/Header/HeaderContent/HeaderContent.d.ts +0 -6
  283. package/types/components/Header/HeaderContent/HeaderContent.d.ts.map +0 -1
  284. package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts +0 -3
  285. package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map +0 -1
  286. package/types/components/Header/HeaderRoot/HeaderRoot.d.ts +0 -30
  287. package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map +0 -1
  288. package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts +0 -5
  289. package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map +0 -1
  290. package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts +0 -23
  291. package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts.map +0 -1
  292. package/types/components/Header/HeaderRoot/variations/_size/base.d.ts +0 -2
  293. package/types/components/Header/HeaderRoot/variations/_size/base.d.ts.map +0 -1
  294. package/types/components/Header/index.d.ts +0 -7
  295. package/types/components/Header/index.d.ts.map +0 -1
  296. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +0 -32
  297. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +0 -1
  298. package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts +0 -2
  299. package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts.map +0 -1
  300. package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts +0 -10
  301. package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts.map +0 -1
  302. package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts +0 -2
  303. package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts.map +0 -1
  304. package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts +0 -2
  305. package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts.map +0 -1
  306. package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts +0 -24
  307. package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts.map +0 -1
  308. package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts +0 -2
  309. package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts.map +0 -1
  310. package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts +0 -2
  311. package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts.map +0 -1
  312. package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts +0 -6
  313. package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts.map +0 -1
  314. package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts +0 -3
  315. package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts.map +0 -1
  316. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts +0 -40
  317. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts.map +0 -1
  318. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts +0 -9
  319. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts.map +0 -1
  320. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts +0 -10
  321. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts.map +0 -1
  322. package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts +0 -2
  323. package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts.map +0 -1
  324. package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts +0 -2
  325. package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts.map +0 -1
  326. package/types/components/Header/ui/index.d.ts +0 -8
  327. package/types/components/Header/ui/index.d.ts.map +0 -1
  328. package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +0 -15
  329. package/types/examples/plasma_b2c/components/Header/Header.config.d.ts.map +0 -1
  330. package/types/examples/plasma_b2c/components/Header/Header.d.ts +0 -28
  331. package/types/examples/plasma_b2c/components/Header/Header.d.ts.map +0 -1
  332. package/types/examples/plasma_web/components/Header/Header.config.d.ts +0 -15
  333. package/types/examples/plasma_web/components/Header/Header.config.d.ts.map +0 -1
  334. package/types/examples/plasma_web/components/Header/Header.d.ts +0 -28
  335. package/types/examples/plasma_web/components/Header/Header.d.ts.map +0 -1
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../Header.tokens';
3
- export var base = /*#__PURE__*/css([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);
@@ -1 +0,0 @@
1
- ["--plasma-header-logo-margin-right"]
@@ -1,14 +0,0 @@
1
- var _excluded = ["children"];
2
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
- import React from 'react';
5
- import { StyledHeaderTitle } from './HeaderTitle.styles';
6
-
7
- /**
8
- * Компонент для размещения заголовка.
9
- */
10
- export var HeaderTitle = function HeaderTitle(_ref) {
11
- var children = _ref.children,
12
- rest = _objectWithoutProperties(_ref, _excluded);
13
- return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
14
- };
@@ -1,5 +0,0 @@
1
- import styled from 'styled-components';
2
- import { applyEllipsis, h3, mediaQuery } from '../../../../mixins';
3
- export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-1a7z4tx-0"
5
- })(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/applyEllipsis(), h3, /*#__PURE__*/mediaQuery('S')("\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n font-weight: 600;\n "));
@@ -1,49 +0,0 @@
1
- var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
2
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
- import React, { forwardRef } from 'react';
5
- import { base as sizeCSS } from './variations/_size/base';
6
- import { base as viewCSS } from './variations/_view/base';
7
- import { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';
8
-
9
- /**
10
- * Компонент для отображения текста в скомпанованном блоке.
11
- */
12
- export var headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
13
- return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
14
- var label = props.label,
15
- title = props.title,
16
- subTitle = props.subTitle,
17
- caption = props.caption,
18
- withBigTitle = props.withBigTitle,
19
- children = props.children,
20
- rest = _objectWithoutProperties(props, _excluded);
21
- if (children) {
22
- return /*#__PURE__*/React.createElement(Root, {
23
- ref: outerRootRef
24
- }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, children));
25
- }
26
- var T = withBigTitle ? BigTitle : Title;
27
- return /*#__PURE__*/React.createElement(Root, {
28
- ref: outerRootRef
29
- }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, label && /*#__PURE__*/React.createElement(Label, null, label), title && /*#__PURE__*/React.createElement(T, null, title), subTitle && /*#__PURE__*/React.createElement(SubTitle, null, subTitle), caption && /*#__PURE__*/React.createElement(Caption, null, caption)));
30
- });
31
- };
32
- export var headerTitleWrapperConfig = {
33
- name: 'HeaderTitleWrapper',
34
- tag: 'div',
35
- layout: headerTitleWrapperRoot,
36
- base: '',
37
- variations: {
38
- view: {
39
- css: viewCSS
40
- },
41
- size: {
42
- css: sizeCSS
43
- }
44
- },
45
- defaults: {
46
- view: 'primary',
47
- size: 'm'
48
- }
49
- };
@@ -1,24 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../../Header.tokens';
3
- import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';
4
- export var Title = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-1jzpuar-0"
6
- })(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyM, tokens.headerTitleMargin, tokens.headerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
7
- export var BigTitle = /*#__PURE__*/styled.div.withConfig({
8
- componentId: "plasma-new-hope__sc-1jzpuar-1"
9
- })(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h3, tokens.headerBigTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
10
- export var BiggerTitle = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-1jzpuar-2"
12
- })(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h1, tokens.headerBiggerTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
13
- export var Label = /*#__PURE__*/styled.div.withConfig({
14
- componentId: "plasma-new-hope__sc-1jzpuar-3"
15
- })(["margin:var(", ");color:var(", ");", ";"], tokens.headerLabelMargin, tokens.headerLabelColor, /*#__PURE__*/applyEllipsis());
16
- export var SubTitle = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-1jzpuar-4"
18
- })(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyS, tokens.headerSubTitleMargin, tokens.headerSubTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
19
- export var Caption = /*#__PURE__*/styled.div.withConfig({
20
- componentId: "plasma-new-hope__sc-1jzpuar-5"
21
- })(["margin:var(", ");color:var(", ");", ";"], tokens.headerCaptionMargin, tokens.headerCaptionColor, /*#__PURE__*/applyEllipsis());
22
- export var TextBoxRoot = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "plasma-new-hope__sc-1jzpuar-6"
24
- })(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,8 +0,0 @@
1
- [
2
- "--plasma-header-title-margin",
3
- "--plasma-header-big-title-margin",
4
- "--plasma-header-bigger-title-margin",
5
- "--plasma-header-label-margin",
6
- "--plasma-header-subtitle-margin",
7
- "--plasma-header-caption-margin"
8
- ]
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css(["display:flex;flex-direction:column;align-self:center;flex:1 1 max-content;max-width:max-content;min-width:10%;"]);
@@ -1,8 +0,0 @@
1
- [
2
- "--plasma-header-title-color",
3
- "--plasma-header-big-title-color",
4
- "--plasma-header-bigger-title-color",
5
- "--plasma-header-label-color",
6
- "--plasma-header-subtitle-color",
7
- "--plasma-header-caption-color"
8
- ]
@@ -1,4 +0,0 @@
1
- export { headerLogoConfig } from './HeaderLogo/HeaderLogo';
2
- export { headerArrowConfig } from './HeaderArrow/HeaderArrow';
3
- export { headerTitleWrapperConfig } from './HeaderTitleWrapper/HeaderTitleWrapper';
4
- export { HeaderTitle } from './HeaderTitle/HeaderTitle';
@@ -1,16 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { headerTokens } from '../../../../components/Header';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], headerTokens.headerArrowButtonColor, headerTokens.headerArrowButtonBackgroundColor, headerTokens.headerArrowTransition, headerTokens.headerTitleColor, headerTokens.headerBigTitleColor, headerTokens.headerBiggerTitleColor, headerTokens.headerLabelColor, headerTokens.headerSubTitleColor, headerTokens.headerCaptionColor)
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], headerTokens.headerHeight, headerTokens.headerPaddingTop, headerTokens.headerPaddingBottom, headerTokens.headerLogoMarginRight, headerTokens.headerArrowMarginRight, headerTokens.headerArrowIconSize, headerTokens.headerTitleMargin, headerTokens.headerBigTitleMargin, headerTokens.headerBiggerTitleMargin, headerTokens.headerLabelMargin, headerTokens.headerSubTitleMargin, headerTokens.headerCaptionMargin, headerTokens.headerArrowHeight, headerTokens.headerArrowPadding)
14
- }
15
- }
16
- };
@@ -1,12 +0,0 @@
1
- import { headerRootConfig, headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig } from '../../../../components/Header';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Header.config';
4
- export { HeaderContent, HeaderTitle } from '../../../../components/Header';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(headerRootConfig, config);
6
- var mergedLogoConfig = /*#__PURE__*/mergeConfig(headerLogoConfig);
7
- var mergedArrowConfig = /*#__PURE__*/mergeConfig(headerArrowConfig);
8
- var mergedTitleWrapperConfig = /*#__PURE__*/mergeConfig(headerTitleWrapperConfig);
9
- export var HeaderRoot = /*#__PURE__*/component(mergedConfig);
10
- export var HeaderLogo = /*#__PURE__*/component(mergedLogoConfig);
11
- export var HeaderArrow = /*#__PURE__*/component(mergedArrowConfig);
12
- export var HeaderTitleWrapper = /*#__PURE__*/component(mergedTitleWrapperConfig);
@@ -1,128 +0,0 @@
1
- import React, { useState } from 'react';
2
- import styled from 'styled-components';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
-
6
- import { Button } from '../Button/Button';
7
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
- import { mergeConfig } from '../../../../engines';
9
- import { headerRootConfig } from '../../../../components/Header';
10
- import { IconMic } from '../../../../components/_Icon';
11
-
12
- import { config } from './Header.config';
13
- import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
14
-
15
- const meta: Meta<typeof HeaderRoot> = {
16
- title: 'plasma_b2c/Header',
17
- decorators: [WithTheme],
18
- };
19
-
20
- export default meta;
21
-
22
- type ContentComponentProps = {
23
- contentType: string;
24
- contentItemsNumber: number;
25
- enableIcons: boolean;
26
- };
27
-
28
- type CustomAssemblyProps = {
29
- variant: string;
30
- title: string;
31
- subtitle: string;
32
- label: string;
33
- gradientColor: string;
34
- };
35
-
36
- const StyledContentGrid = styled.div<{ $colCount: number }>`
37
- display: grid;
38
- grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
39
- grid-column-gap: 0.75rem;
40
- `;
41
-
42
- const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
43
- const contentItems = Array(contentItemsNumber).fill(0);
44
-
45
- return (
46
- <StyledContentGrid $colCount={contentItems.length}>
47
- {contentItems.map((_, i) => (
48
- <Button
49
- key={`item:${i}`}
50
- size="s"
51
- view="clear"
52
- contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
53
- text="Button"
54
- />
55
- ))}
56
- </StyledContentGrid>
57
- );
58
- };
59
-
60
- const StoryCustomAssembly = ({
61
- variant,
62
- title,
63
- subtitle,
64
- label,
65
- gradientColor,
66
- ...rest
67
- }: CustomAssemblyProps & ContentComponentProps) => {
68
- const [isBack, setIsBack] = useState(true);
69
-
70
- const onBackClick = () => {
71
- action('onBackClick')();
72
- setIsBack(false);
73
- };
74
-
75
- const onMinimizeClick = () => {
76
- action('onMinimizeClick')();
77
- setIsBack(true);
78
- };
79
-
80
- return (
81
- <HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
82
- {isBack ? (
83
- <HeaderArrow onClick={onBackClick} />
84
- ) : (
85
- <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
86
- )}
87
- <HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
88
- {variant === 'title+subtitle' && (
89
- <>
90
- <HeaderTitleWrapper title={title} subTitle={subtitle} />
91
- </>
92
- )}
93
- {variant === 'label+title' && (
94
- <>
95
- <HeaderTitleWrapper title={title} label={label} />
96
- </>
97
- )}
98
- {variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
99
- <HeaderContent>
100
- <Content {...rest} />
101
- </HeaderContent>
102
- </HeaderRoot>
103
- );
104
- };
105
-
106
- export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
107
- argTypes: {
108
- variant: {
109
- options: ['title+subtitle', 'label+title', 'title'],
110
- control: {
111
- type: 'inline-radio',
112
- },
113
- },
114
- ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
115
- },
116
- args: {
117
- view: 'default',
118
- size: 'm',
119
- variant: 'title+subtitle',
120
- title: 'Header title text',
121
- subtitle: 'Subtitle text',
122
- label: 'Label text',
123
- gradientColor: '#F69555',
124
- contentItemsNumber: 3,
125
- enableIcons: true,
126
- },
127
- render: (args) => <StoryCustomAssembly {...args} />,
128
- };
@@ -1,16 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { headerTokens } from '../../../../components/Header';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], headerTokens.headerArrowButtonColor, headerTokens.headerArrowButtonBackgroundColor, headerTokens.headerArrowTransition, headerTokens.headerTitleColor, headerTokens.headerBigTitleColor, headerTokens.headerBiggerTitleColor, headerTokens.headerLabelColor, headerTokens.headerSubTitleColor, headerTokens.headerCaptionColor)
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], headerTokens.headerHeight, headerTokens.headerPaddingTop, headerTokens.headerPaddingBottom, headerTokens.headerLogoMarginRight, headerTokens.headerArrowMarginRight, headerTokens.headerArrowIconSize, headerTokens.headerTitleMargin, headerTokens.headerBigTitleMargin, headerTokens.headerBiggerTitleMargin, headerTokens.headerLabelMargin, headerTokens.headerSubTitleMargin, headerTokens.headerCaptionMargin, headerTokens.headerArrowHeight, headerTokens.headerArrowPadding)
14
- }
15
- }
16
- };
@@ -1,12 +0,0 @@
1
- import { headerRootConfig, headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig } from '../../../../components/Header';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Header.config';
4
- export { HeaderContent, HeaderTitle } from '../../../../components/Header';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(headerRootConfig, config);
6
- var mergedLogoConfig = /*#__PURE__*/mergeConfig(headerLogoConfig);
7
- var mergedArrowConfig = /*#__PURE__*/mergeConfig(headerArrowConfig);
8
- var mergedTitleWrapperConfig = /*#__PURE__*/mergeConfig(headerTitleWrapperConfig);
9
- export var HeaderRoot = /*#__PURE__*/component(mergedConfig);
10
- export var HeaderLogo = /*#__PURE__*/component(mergedLogoConfig);
11
- export var HeaderArrow = /*#__PURE__*/component(mergedArrowConfig);
12
- export var HeaderTitleWrapper = /*#__PURE__*/component(mergedTitleWrapperConfig);
@@ -1,128 +0,0 @@
1
- import React, { useState } from 'react';
2
- import styled from 'styled-components';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
-
6
- import { Button } from '../Button/Button';
7
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
- import { mergeConfig } from '../../../../engines';
9
- import { headerRootConfig } from '../../../../components/Header';
10
- import { IconMic } from '../../../../components/_Icon';
11
-
12
- import { config } from './Header.config';
13
- import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
14
-
15
- const meta: Meta<typeof HeaderRoot> = {
16
- title: 'plasma_web/Header',
17
- decorators: [WithTheme],
18
- };
19
-
20
- export default meta;
21
-
22
- type ContentComponentProps = {
23
- contentType: string;
24
- contentItemsNumber: number;
25
- enableIcons: boolean;
26
- };
27
-
28
- type CustomAssemblyProps = {
29
- variant: string;
30
- title: string;
31
- subtitle: string;
32
- label: string;
33
- gradientColor: string;
34
- };
35
-
36
- const StyledContentGrid = styled.div<{ $colCount: number }>`
37
- display: grid;
38
- grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
39
- grid-column-gap: 0.75rem;
40
- `;
41
-
42
- const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
43
- const contentItems = Array(contentItemsNumber).fill(0);
44
-
45
- return (
46
- <StyledContentGrid $colCount={contentItems.length}>
47
- {contentItems.map((_, i) => (
48
- <Button
49
- key={`item:${i}`}
50
- size="s"
51
- view="clear"
52
- contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
53
- text="Button"
54
- />
55
- ))}
56
- </StyledContentGrid>
57
- );
58
- };
59
-
60
- const StoryCustomAssembly = ({
61
- variant,
62
- title,
63
- subtitle,
64
- label,
65
- gradientColor,
66
- ...rest
67
- }: CustomAssemblyProps & ContentComponentProps) => {
68
- const [isBack, setIsBack] = useState(true);
69
-
70
- const onBackClick = () => {
71
- action('onBackClick')();
72
- setIsBack(false);
73
- };
74
-
75
- const onMinimizeClick = () => {
76
- action('onMinimizeClick')();
77
- setIsBack(true);
78
- };
79
-
80
- return (
81
- <HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
82
- {isBack ? (
83
- <HeaderArrow onClick={onBackClick} />
84
- ) : (
85
- <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
86
- )}
87
- <HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
88
- {variant === 'title+subtitle' && (
89
- <>
90
- <HeaderTitleWrapper title={title} subTitle={subtitle} />
91
- </>
92
- )}
93
- {variant === 'label+title' && (
94
- <>
95
- <HeaderTitleWrapper title={title} label={label} />
96
- </>
97
- )}
98
- {variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
99
- <HeaderContent>
100
- <Content {...rest} />
101
- </HeaderContent>
102
- </HeaderRoot>
103
- );
104
- };
105
-
106
- export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
107
- argTypes: {
108
- variant: {
109
- options: ['title+subtitle', 'label+title', 'title'],
110
- control: {
111
- type: 'inline-radio',
112
- },
113
- },
114
- ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
115
- },
116
- args: {
117
- view: 'default',
118
- size: 'm',
119
- variant: 'title+subtitle',
120
- title: 'Header title text',
121
- subtitle: 'Subtitle text',
122
- label: 'Label text',
123
- gradientColor: '#F69555',
124
- contentItemsNumber: 3,
125
- enableIcons: true,
126
- },
127
- render: (args) => <StoryCustomAssembly {...args} />,
128
- };
@@ -1,34 +0,0 @@
1
- export declare const classes: {
2
- headerLogoImage: string;
3
- headerArrow: string;
4
- headerArrowIcon: string;
5
- headerArrowIconMinimize: string;
6
- headerRoot: string;
7
- headerWithGradient: string;
8
- };
9
- export declare const tokens: {
10
- headerHeight: string;
11
- headerPaddingTop: string;
12
- headerPaddingBottom: string;
13
- headerLogoMarginRight: string;
14
- headerArrowTransition: string;
15
- headerArrowMarginRight: string;
16
- headerArrowIconSize: string;
17
- headerArrowButtonColor: string;
18
- headerArrowButtonBackgroundColor: string;
19
- headerArrowHeight: string;
20
- headerArrowPadding: string;
21
- headerTitleMargin: string;
22
- headerBigTitleMargin: string;
23
- headerBiggerTitleMargin: string;
24
- headerLabelMargin: string;
25
- headerSubTitleMargin: string;
26
- headerCaptionMargin: string;
27
- headerTitleColor: string;
28
- headerBigTitleColor: string;
29
- headerBiggerTitleColor: string;
30
- headerLabelColor: string;
31
- headerSubTitleColor: string;
32
- headerCaptionColor: string;
33
- };
34
- //# sourceMappingURL=Header.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * Контейнер для контента шапки.
4
- */
5
- export declare const HeaderContent: ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
6
- //# sourceMappingURL=HeaderContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,aAAa,0BAA2B,MAAM,cAAc,CAAC,cAAc,CAAC,gBAExF,CAAC"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledHeaderContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
- //# sourceMappingURL=HeaderContent.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderContent.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,mBAAmB,qKAM/B,CAAC"}
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import type { RootProps } from '../../../engines';
3
- import type { HeaderRootProps } from './HeaderRoot.types';
4
- /**
5
- * Корневой узел для шапки.
6
- */
7
- export declare const headerRoot: (Root: RootProps<HTMLDivElement, HeaderRootProps>) => React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
8
- size?: string | undefined;
9
- gradientColor?: string | undefined;
10
- view?: string | undefined;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- export declare const headerRootConfig: {
13
- name: string;
14
- tag: string;
15
- layout: (Root: RootProps<HTMLDivElement, HeaderRootProps>) => React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
16
- size?: string | undefined;
17
- gradientColor?: string | undefined;
18
- view?: string | undefined;
19
- } & React.RefAttributes<HTMLDivElement>>;
20
- base: string;
21
- variations: {
22
- size: {
23
- css: import("@linaria/core").LinariaClassName;
24
- };
25
- };
26
- defaults: {
27
- size: string;
28
- };
29
- };
30
- //# sourceMappingURL=HeaderRoot.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC;;;;wCAiBrE,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBAnBI,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;CAgC1E,CAAC"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StyledHeaderRootProps } from './HeaderRoot.types';
3
- export declare const StyledHeaderRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & StyledHeaderRootProps>;
4
- export declare const StyledInner: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- //# sourceMappingURL=HeaderRoot.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderRoot.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,gBAAgB,8JAqB5B,CAAC;AAEF,eAAO,MAAM,WAAW,qKASvB,CAAC"}
@@ -1,23 +0,0 @@
1
- import { HtmlHTMLAttributes } from 'react';
2
- export declare type StyledHeaderRootProps = {
3
- $size?: string;
4
- $gradientColor?: string;
5
- };
6
- declare type HeaderRootCustomProps = {
7
- /**
8
- * Задать размер, зависимый от устройства.
9
- * Если не задан, на каждом брейкпоинте будет свой размер.
10
- */
11
- size?: string;
12
- /**
13
- * Цвет для создания градиента сверху вниз.
14
- * Указаный цвет займет верхнюю точку градента,
15
- * а его, рассчитываемая программно, прозрачная версия - нижнюю.
16
- * Можно использовать hex, rgb и rgba значения цвета.
17
- */
18
- gradientColor?: string;
19
- view?: string;
20
- };
21
- export declare type HeaderRootProps = HtmlHTMLAttributes<HTMLDivElement> & HeaderRootCustomProps;
22
- export {};
23
- //# sourceMappingURL=HeaderRoot.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderRoot.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,aAAK,qBAAqB,GAAG;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,eAAe,GAAG,kBAAkB,CAAC,cAAc,CAAC,GAAG,qBAAqB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Header/HeaderRoot/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,7 +0,0 @@
1
- export { headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig, HeaderTitle } from './ui';
2
- export type { HeaderLogoProps, HeaderArrowProps, HeaderTitleWrapperProps } from './ui';
3
- export { HeaderContent } from './HeaderContent/HeaderContent';
4
- export { headerRootConfig } from './HeaderRoot/HeaderRoot';
5
- export type { HeaderRootProps } from './HeaderRoot/HeaderRoot.types';
6
- export { tokens as headerTokens, classes as headerClasses } from './Header.tokens';
7
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAClG,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,MAAM,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}