@salutejs/plasma-new-hope 0.115.0-canary.1335.10199765951.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 (433) hide show
  1. package/cjs/components/Combobox/Combobox.js +13 -16
  2. package/cjs/components/Combobox/Combobox.js.map +1 -1
  3. package/cjs/components/Select/Select.js +1 -1
  4. package/cjs/components/Select/Select.js.map +1 -1
  5. package/cjs/components/Select/ui/Target/Target.js +3 -3
  6. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  7. package/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  8. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  9. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  10. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  11. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  12. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  13. package/cjs/components/Sheet/Sheet.js +6 -8
  14. package/cjs/components/Sheet/Sheet.js.map +1 -1
  15. package/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  16. package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
  17. package/cjs/components/Sheet/utils/handleTransition.js.map +1 -1
  18. package/cjs/index.css +0 -25
  19. package/cjs/index.js +0 -15
  20. package/cjs/index.js.map +1 -1
  21. package/emotion/cjs/components/Combobox/Combobox.js +13 -16
  22. package/emotion/cjs/components/Select/Select.js +1 -1
  23. package/emotion/cjs/components/Select/ui/Target/Target.js +3 -3
  24. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  25. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  26. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
  27. package/emotion/cjs/components/Sheet/Sheet.js +6 -8
  28. package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
  29. package/emotion/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  30. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  31. package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  32. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  33. package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  34. package/emotion/cjs/index.js +0 -11
  35. package/emotion/es/components/Combobox/Combobox.js +13 -16
  36. package/emotion/es/components/Select/Select.js +1 -1
  37. package/emotion/es/components/Select/ui/Target/Target.js +3 -3
  38. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  39. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  40. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
  41. package/emotion/es/components/Sheet/Sheet.js +6 -8
  42. package/emotion/es/components/Sheet/Sheet.template-doc.mdx +6 -6
  43. package/emotion/es/components/Sheet/hooks/useOverflow.js +3 -3
  44. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  45. package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  46. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  47. package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  48. package/emotion/es/index.js +0 -1
  49. package/es/components/Combobox/Combobox.js +13 -16
  50. package/es/components/Combobox/Combobox.js.map +1 -1
  51. package/es/components/Select/Select.js +1 -1
  52. package/es/components/Select/Select.js.map +1 -1
  53. package/es/components/Select/ui/Target/Target.js +3 -3
  54. package/es/components/Select/ui/Target/Target.js.map +1 -1
  55. package/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  56. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  57. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  58. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  59. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  60. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  61. package/es/components/Sheet/Sheet.js +6 -8
  62. package/es/components/Sheet/Sheet.js.map +1 -1
  63. package/es/components/Sheet/hooks/useOverflow.js +3 -3
  64. package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
  65. package/es/components/Sheet/utils/handleTransition.js.map +1 -1
  66. package/es/index.css +0 -25
  67. package/es/index.js +0 -7
  68. package/es/index.js.map +1 -1
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/Combobox/Combobox.js +13 -16
  71. package/styled-components/cjs/components/Select/Select.js +1 -1
  72. package/styled-components/cjs/components/Select/ui/Target/Target.js +3 -3
  73. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
  74. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  75. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  76. package/styled-components/cjs/components/Sheet/Sheet.js +6 -8
  77. package/styled-components/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
  78. package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +3 -3
  79. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  80. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  81. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  82. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  83. package/styled-components/cjs/index.js +0 -11
  84. package/styled-components/es/components/Combobox/Combobox.js +13 -16
  85. package/styled-components/es/components/Select/Select.js +1 -1
  86. package/styled-components/es/components/Select/ui/Target/Target.js +3 -3
  87. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
  88. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
  89. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  90. package/styled-components/es/components/Sheet/Sheet.js +6 -8
  91. package/styled-components/es/components/Sheet/Sheet.template-doc.mdx +6 -6
  92. package/styled-components/es/components/Sheet/hooks/useOverflow.js +3 -3
  93. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  94. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
  95. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
  96. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
  97. package/styled-components/es/index.js +0 -1
  98. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  99. package/types/components/Combobox/Combobox.types.d.ts +0 -7
  100. package/types/components/Combobox/Combobox.types.d.ts.map +1 -1
  101. package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
  102. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  103. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  104. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  105. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  106. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -1
  107. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  108. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  109. package/types/components/Sheet/Sheet.d.ts.map +1 -1
  110. package/types/components/Sheet/Sheet.types.d.ts +3 -5
  111. package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
  112. package/types/components/Sheet/hooks/useOverflow.d.ts +1 -1
  113. package/types/components/Sheet/utils/handleTransition.d.ts +1 -1
  114. package/types/index.d.ts +0 -1
  115. package/types/index.d.ts.map +1 -1
  116. package/cjs/components/Header/Header.tokens.js +0 -41
  117. package/cjs/components/Header/Header.tokens.js.map +0 -1
  118. package/cjs/components/Header/HeaderContent/HeaderContent.css +0 -1
  119. package/cjs/components/Header/HeaderContent/HeaderContent.js +0 -21
  120. package/cjs/components/Header/HeaderContent/HeaderContent.js.map +0 -1
  121. package/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -15
  122. package/cjs/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
  123. package/cjs/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
  124. package/cjs/components/Header/HeaderRoot/HeaderRoot.css +0 -2
  125. package/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -53
  126. package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
  127. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -30
  128. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
  129. package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
  130. package/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -9
  131. package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
  132. package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
  133. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
  134. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  135. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
  136. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -9
  137. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
  138. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
  139. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -9
  140. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
  141. package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
  142. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  143. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
  144. package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
  145. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
  146. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -48
  147. package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
  148. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  149. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
  150. package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
  151. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
  152. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -21
  153. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
  154. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -15
  155. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
  156. package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
  157. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
  158. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  159. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
  160. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -45
  161. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
  162. package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
  163. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -9
  164. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
  165. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
  166. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -9
  167. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
  168. package/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
  169. package/cjs/components/_Icon/Icon.assets/ChevronLeft.js +0 -23
  170. package/cjs/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
  171. package/cjs/components/_Icon/Icons/IconChevronLeft.js +0 -25
  172. package/cjs/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
  173. package/emotion/cjs/components/Header/Header.template-doc.mdx +0 -78
  174. package/emotion/cjs/components/Header/Header.tokens.js +0 -39
  175. package/emotion/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
  176. package/emotion/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -21
  177. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
  178. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -29
  179. package/emotion/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
  180. package/emotion/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
  181. package/emotion/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  182. package/emotion/cjs/components/Header/index.js +0 -57
  183. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  184. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -17
  185. package/emotion/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
  186. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
  187. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  188. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  189. package/emotion/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  190. package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
  191. package/emotion/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
  192. package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  193. package/emotion/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  194. package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
  195. package/emotion/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -13
  196. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  197. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -47
  198. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
  199. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
  200. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  201. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -17
  202. package/emotion/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  203. package/emotion/cjs/components/Header/ui/index.js +0 -33
  204. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
  205. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
  206. package/emotion/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  207. package/emotion/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
  208. package/emotion/cjs/examples/plasma_web/components/Header/Header.js +0 -31
  209. package/emotion/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  210. package/emotion/es/components/Header/Header.template-doc.mdx +0 -78
  211. package/emotion/es/components/Header/Header.tokens.js +0 -33
  212. package/emotion/es/components/Header/HeaderContent/HeaderContent.js +0 -14
  213. package/emotion/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -14
  214. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
  215. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -22
  216. package/emotion/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
  217. package/emotion/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
  218. package/emotion/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  219. package/emotion/es/components/Header/index.js +0 -4
  220. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
  221. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -11
  222. package/emotion/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
  223. package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
  224. package/emotion/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  225. package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
  226. package/emotion/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  227. package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
  228. package/emotion/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
  229. package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
  230. package/emotion/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  231. package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
  232. package/emotion/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -6
  233. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
  234. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -40
  235. package/emotion/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
  236. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
  237. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  238. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -11
  239. package/emotion/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  240. package/emotion/es/components/Header/ui/index.js +0 -4
  241. package/emotion/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
  242. package/emotion/es/examples/plasma_b2c/components/Header/Header.js +0 -12
  243. package/emotion/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  244. package/emotion/es/examples/plasma_web/components/Header/Header.config.js +0 -16
  245. package/emotion/es/examples/plasma_web/components/Header/Header.js +0 -12
  246. package/emotion/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  247. package/es/components/Header/Header.tokens.js +0 -36
  248. package/es/components/Header/Header.tokens.js.map +0 -1
  249. package/es/components/Header/HeaderContent/HeaderContent.css +0 -1
  250. package/es/components/Header/HeaderContent/HeaderContent.js +0 -17
  251. package/es/components/Header/HeaderContent/HeaderContent.js.map +0 -1
  252. package/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
  253. package/es/components/Header/HeaderContent/HeaderContent.styles.js.map +0 -1
  254. package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css +0 -1
  255. package/es/components/Header/HeaderRoot/HeaderRoot.css +0 -2
  256. package/es/components/Header/HeaderRoot/HeaderRoot.js +0 -48
  257. package/es/components/Header/HeaderRoot/HeaderRoot.js.map +0 -1
  258. package/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -25
  259. package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map +0 -1
  260. package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css +0 -2
  261. package/es/components/Header/HeaderRoot/variations/_size/base.js +0 -5
  262. package/es/components/Header/HeaderRoot/variations/_size/base.js.map +0 -1
  263. package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css +0 -1
  264. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +0 -33
  265. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -65
  266. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +0 -1
  267. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -5
  268. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map +0 -1
  269. package/es/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css +0 -1
  270. package/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -5
  271. package/es/components/Header/ui/HeaderArrow/variations/_size/base.js.map +0 -1
  272. package/es/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css +0 -1
  273. package/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -5
  274. package/es/components/Header/ui/HeaderArrow/variations/_view/base.js.map +0 -1
  275. package/es/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css +0 -1
  276. package/es/components/Header/ui/HeaderLogo/HeaderLogo.css +0 -5
  277. package/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -43
  278. package/es/components/Header/ui/HeaderLogo/HeaderLogo.js.map +0 -1
  279. package/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -5
  280. package/es/components/Header/ui/HeaderLogo/variations/_size/base.js.map +0 -1
  281. package/es/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css +0 -1
  282. package/es/components/Header/ui/HeaderTitle/HeaderTitle.css +0 -1
  283. package/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -17
  284. package/es/components/Header/ui/HeaderTitle/HeaderTitle.js.map +0 -1
  285. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -11
  286. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map +0 -1
  287. package/es/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css +0 -1
  288. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css +0 -9
  289. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -52
  290. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map +0 -1
  291. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -36
  292. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map +0 -1
  293. package/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css +0 -7
  294. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -5
  295. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js.map +0 -1
  296. package/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base_x642ct.css +0 -1
  297. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -5
  298. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js.map +0 -1
  299. package/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base_8u2c1r.css +0 -1
  300. package/es/components/_Icon/Icon.assets/ChevronLeft.js +0 -19
  301. package/es/components/_Icon/Icon.assets/ChevronLeft.js.map +0 -1
  302. package/es/components/_Icon/Icons/IconChevronLeft.js +0 -21
  303. package/es/components/_Icon/Icons/IconChevronLeft.js.map +0 -1
  304. package/styled-components/cjs/components/Header/Header.template-doc.mdx +0 -78
  305. package/styled-components/cjs/components/Header/Header.tokens.js +0 -39
  306. package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js +0 -20
  307. package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js +0 -11
  308. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js +0 -54
  309. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -18
  310. package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js +0 -5
  311. package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.js +0 -8
  312. package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  313. package/styled-components/cjs/components/Header/index.js +0 -57
  314. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -70
  315. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -8
  316. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -5
  317. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -10
  318. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  319. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -9
  320. package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  321. package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -47
  322. package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -9
  323. package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -9
  324. package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  325. package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -20
  326. package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -12
  327. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -57
  328. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -31
  329. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -5
  330. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -8
  331. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  332. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -8
  333. package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  334. package/styled-components/cjs/components/Header/ui/index.js +0 -33
  335. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +0 -22
  336. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.js +0 -31
  337. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  338. package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +0 -22
  339. package/styled-components/cjs/examples/plasma_web/components/Header/Header.js +0 -31
  340. package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  341. package/styled-components/es/components/Header/Header.template-doc.mdx +0 -78
  342. package/styled-components/es/components/Header/Header.tokens.js +0 -33
  343. package/styled-components/es/components/Header/HeaderContent/HeaderContent.js +0 -14
  344. package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js +0 -4
  345. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js +0 -46
  346. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js +0 -11
  347. package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js +0 -1
  348. package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js +0 -2
  349. package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json +0 -1
  350. package/styled-components/es/components/Header/index.js +0 -4
  351. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +0 -61
  352. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.styles.js +0 -2
  353. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.types.js +0 -1
  354. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/base.js +0 -4
  355. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_size/tokens.json +0 -1
  356. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/base.js +0 -3
  357. package/styled-components/es/components/Header/ui/HeaderArrow/variations/_view/tokens.json +0 -1
  358. package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js +0 -39
  359. package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js +0 -3
  360. package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js +0 -3
  361. package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json +0 -1
  362. package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js +0 -14
  363. package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js +0 -5
  364. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js +0 -49
  365. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js +0 -24
  366. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js +0 -1
  367. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js +0 -2
  368. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json +0 -8
  369. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js +0 -2
  370. package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json +0 -8
  371. package/styled-components/es/components/Header/ui/index.js +0 -4
  372. package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +0 -16
  373. package/styled-components/es/examples/plasma_b2c/components/Header/Header.js +0 -12
  374. package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +0 -128
  375. package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +0 -16
  376. package/styled-components/es/examples/plasma_web/components/Header/Header.js +0 -12
  377. package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +0 -128
  378. package/types/components/Header/Header.tokens.d.ts +0 -34
  379. package/types/components/Header/Header.tokens.d.ts.map +0 -1
  380. package/types/components/Header/HeaderContent/HeaderContent.d.ts +0 -6
  381. package/types/components/Header/HeaderContent/HeaderContent.d.ts.map +0 -1
  382. package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts +0 -3
  383. package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map +0 -1
  384. package/types/components/Header/HeaderRoot/HeaderRoot.d.ts +0 -30
  385. package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map +0 -1
  386. package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts +0 -5
  387. package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map +0 -1
  388. package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts +0 -23
  389. package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts.map +0 -1
  390. package/types/components/Header/HeaderRoot/variations/_size/base.d.ts +0 -2
  391. package/types/components/Header/HeaderRoot/variations/_size/base.d.ts.map +0 -1
  392. package/types/components/Header/index.d.ts +0 -7
  393. package/types/components/Header/index.d.ts.map +0 -1
  394. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +0 -32
  395. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +0 -1
  396. package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts +0 -2
  397. package/types/components/Header/ui/HeaderArrow/HeaderArrow.styles.d.ts.map +0 -1
  398. package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts +0 -10
  399. package/types/components/Header/ui/HeaderArrow/HeaderArrow.types.d.ts.map +0 -1
  400. package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts +0 -2
  401. package/types/components/Header/ui/HeaderArrow/variations/_size/base.d.ts.map +0 -1
  402. package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts +0 -2
  403. package/types/components/Header/ui/HeaderArrow/variations/_view/base.d.ts.map +0 -1
  404. package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts +0 -24
  405. package/types/components/Header/ui/HeaderLogo/HeaderLogo.d.ts.map +0 -1
  406. package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts +0 -2
  407. package/types/components/Header/ui/HeaderLogo/HeaderLogo.styles.d.ts.map +0 -1
  408. package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts +0 -2
  409. package/types/components/Header/ui/HeaderLogo/variations/_size/base.d.ts.map +0 -1
  410. package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts +0 -6
  411. package/types/components/Header/ui/HeaderTitle/HeaderTitle.d.ts.map +0 -1
  412. package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts +0 -3
  413. package/types/components/Header/ui/HeaderTitle/HeaderTitle.styles.d.ts.map +0 -1
  414. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts +0 -40
  415. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.d.ts.map +0 -1
  416. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts +0 -9
  417. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.d.ts.map +0 -1
  418. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts +0 -10
  419. package/types/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.d.ts.map +0 -1
  420. package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts +0 -2
  421. package/types/components/Header/ui/HeaderTitleWrapper/variations/_size/base.d.ts.map +0 -1
  422. package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts +0 -2
  423. package/types/components/Header/ui/HeaderTitleWrapper/variations/_view/base.d.ts.map +0 -1
  424. package/types/components/Header/ui/index.d.ts +0 -8
  425. package/types/components/Header/ui/index.d.ts.map +0 -1
  426. package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +0 -15
  427. package/types/examples/plasma_b2c/components/Header/Header.config.d.ts.map +0 -1
  428. package/types/examples/plasma_b2c/components/Header/Header.d.ts +0 -28
  429. package/types/examples/plasma_b2c/components/Header/Header.d.ts.map +0 -1
  430. package/types/examples/plasma_web/components/Header/Header.config.d.ts +0 -15
  431. package/types/examples/plasma_web/components/Header/Header.config.d.ts.map +0 -1
  432. package/types/examples/plasma_web/components/Header/Header.d.ts +0 -28
  433. package/types/examples/plasma_web/components/Header/Header.d.ts.map +0 -1
@@ -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 '@emotion/react';
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(headerTokens.headerArrowButtonColor, ":var(--text-primary);", headerTokens.headerArrowButtonBackgroundColor, ":var(--surface-clear);", headerTokens.headerArrowTransition, ":transform 0.15s ease-in-out;", headerTokens.headerTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerBigTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerBiggerTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerLabelColor, ":var(--plasma-colors-secondary);", headerTokens.headerSubTitleColor, ":var(--plasma-colors-secondary);", headerTokens.headerCaptionColor, ":var(--plasma-colors-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBoZWFkZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0hlYWRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtY2xlYXIpO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dUcmFuc2l0aW9ufTogdHJhbnNmb3JtIDAuMTVzIGVhc2UtaW4tb3V0O1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnZ2VyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZUNvbG9yfTogdmFyKC0tcGxhc21hLWNvbG9ycy1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckNhcHRpb25Db2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclBhZGRpbmdUb3B9OiAxLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfTogMC42MjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJMb2dvTWFyZ2luUmlnaHR9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dNYXJnaW5SaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dJY29uU2l6ZX06IDEuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlTWFyZ2lufTogMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxNYXJnaW59OiAwLjM3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclN1YlRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uTWFyZ2lufTogMC4yNXJlbSAwO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93UGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(headerTokens.headerHeight, ":2.25rem;", headerTokens.headerPaddingTop, ":1.625rem;", headerTokens.headerPaddingBottom, ":0.625rem;", headerTokens.headerLogoMarginRight, ":0.75rem;", headerTokens.headerArrowMarginRight, ":1rem;", headerTokens.headerArrowIconSize, ":1.5rem;", headerTokens.headerTitleMargin, ":0.125rem 0;", headerTokens.headerBigTitleMargin, ":0.5rem 0;", headerTokens.headerBiggerTitleMargin, ":0.5rem 0;", headerTokens.headerLabelMargin, ":0.375rem 0;", headerTokens.headerSubTitleMargin, ":0.125rem 0;", headerTokens.headerCaptionMargin, ":0.25rem 0;", headerTokens.headerArrowHeight, ":2.25rem;", headerTokens.headerArrowPadding, ":0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgaGVhZGVyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9IZWFkZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWNsZWFyKTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93VHJhbnNpdGlvbn06IHRyYW5zZm9ybSAwLjE1cyBlYXNlLWluLW91dDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ1RpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyU3ViVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVySGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nVG9wfTogMS42MjVyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyUGFkZGluZ0JvdHRvbX06IDAuNjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTG9nb01hcmdpblJpZ2h0fTogMC43NXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93TWFyZ2luUmlnaHR9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SWNvblNpemV9OiAxLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVNYXJnaW59OiAwLjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdnZXJUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsTWFyZ2lufTogMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQ2FwdGlvbk1hcmdpbn06IDAuMjVyZW0gMDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd1BhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
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,36 +0,0 @@
1
- var classes = {
2
- headerLogoImage: 'header-logo-image',
3
- headerArrow: 'header-arrow',
4
- headerArrowIcon: 'header-arrow-icon',
5
- headerArrowIconMinimize: 'header-arrow-icon-minimize',
6
- headerRoot: 'header-root',
7
- headerWithGradient: 'header-with-gradient'
8
- };
9
- var tokens = {
10
- headerHeight: '--plasma-header-height',
11
- headerPaddingTop: '--plasma-header-padding-top',
12
- headerPaddingBottom: '--plasma-header-padding-bottom',
13
- headerLogoMarginRight: '--plasma-header-logo-margin-right',
14
- headerArrowTransition: '--plasma-header-arrow-transition',
15
- headerArrowMarginRight: '--plasma-header-arrow-margin-right',
16
- headerArrowIconSize: '--plasma-header-arrow-icon-size',
17
- headerArrowButtonColor: '--plasma-button-color',
18
- headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
19
- headerArrowHeight: '--plasma-button-height',
20
- headerArrowPadding: '--plasma-button-padding',
21
- headerTitleMargin: '--plasma-header-title-margin',
22
- headerBigTitleMargin: '--plasma-header-big-title-margin',
23
- headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
24
- headerLabelMargin: '--plasma-header-label-margin',
25
- headerSubTitleMargin: '--plasma-header-subtitle-margin',
26
- headerCaptionMargin: '--plasma-header-caption-margin',
27
- headerTitleColor: '--plasma-header-title-color',
28
- headerBigTitleColor: '--plasma-header-big-title-color',
29
- headerBiggerTitleColor: '--plasma-header-bigger-title-color',
30
- headerLabelColor: '--plasma-header-label-color',
31
- headerSubTitleColor: '--plasma-header-subtitle-color',
32
- headerCaptionColor: '--plasma-header-caption-color'
33
- };
34
-
35
- export { classes, tokens };
36
- //# sourceMappingURL=Header.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.tokens.js","sources":["../../../src/components/Header/Header.tokens.ts"],"sourcesContent":["export const classes = {\n headerLogoImage: 'header-logo-image',\n headerArrow: 'header-arrow',\n headerArrowIcon: 'header-arrow-icon',\n headerArrowIconMinimize: 'header-arrow-icon-minimize',\n headerRoot: 'header-root',\n headerWithGradient: 'header-with-gradient',\n};\n\nexport const tokens = {\n headerHeight: '--plasma-header-height',\n headerPaddingTop: '--plasma-header-padding-top',\n headerPaddingBottom: '--plasma-header-padding-bottom',\n\n headerLogoMarginRight: '--plasma-header-logo-margin-right',\n\n headerArrowTransition: '--plasma-header-arrow-transition',\n headerArrowMarginRight: '--plasma-header-arrow-margin-right',\n headerArrowIconSize: '--plasma-header-arrow-icon-size',\n headerArrowButtonColor: '--plasma-button-color',\n headerArrowButtonBackgroundColor: '--plasma-button-bg-color',\n headerArrowHeight: '--plasma-button-height',\n headerArrowPadding: '--plasma-button-padding',\n\n headerTitleMargin: '--plasma-header-title-margin',\n headerBigTitleMargin: '--plasma-header-big-title-margin',\n headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',\n headerLabelMargin: '--plasma-header-label-margin',\n headerSubTitleMargin: '--plasma-header-subtitle-margin',\n headerCaptionMargin: '--plasma-header-caption-margin',\n\n headerTitleColor: '--plasma-header-title-color',\n headerBigTitleColor: '--plasma-header-big-title-color',\n headerBiggerTitleColor: '--plasma-header-bigger-title-color',\n headerLabelColor: '--plasma-header-label-color',\n headerSubTitleColor: '--plasma-header-subtitle-color',\n headerCaptionColor: '--plasma-header-caption-color',\n};\n"],"names":["classes","headerLogoImage","headerArrow","headerArrowIcon","headerArrowIconMinimize","headerRoot","headerWithGradient","tokens","headerHeight","headerPaddingTop","headerPaddingBottom","headerLogoMarginRight","headerArrowTransition","headerArrowMarginRight","headerArrowIconSize","headerArrowButtonColor","headerArrowButtonBackgroundColor","headerArrowHeight","headerArrowPadding","headerTitleMargin","headerBigTitleMargin","headerBiggerTitleMargin","headerLabelMargin","headerSubTitleMargin","headerCaptionMargin","headerTitleColor","headerBigTitleColor","headerBiggerTitleColor","headerLabelColor","headerSubTitleColor","headerCaptionColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,kBAAkB,EAAE,sBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,uBAAuB;AAC/CC,EAAAA,gCAAgC,EAAE,0BAA0B;AAC5DC,EAAAA,iBAAiB,EAAE,wBAAwB;AAC3CC,EAAAA,kBAAkB,EAAE,yBAAyB;AAE7CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB;;;;"}
@@ -1 +0,0 @@
1
- .HeaderContent_styles_ru84zp_s1jgshq1__4edd06d7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
@@ -1,17 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import { StyledHeaderContent } from './HeaderContent.styles.js';
4
-
5
- var _excluded = ["children"];
6
-
7
- /**
8
- * Контейнер для контента шапки.
9
- */
10
- var HeaderContent = function HeaderContent(_ref) {
11
- var children = _ref.children,
12
- rest = _objectWithoutProperties(_ref, _excluded);
13
- return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
14
- };
15
-
16
- export { HeaderContent };
17
- //# sourceMappingURL=HeaderContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderContent.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledHeaderContent } from './HeaderContent.styles';\n\n/**\n * Контейнер для контента шапки.\n */\nexport const HeaderContent = ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (\n <StyledHeaderContent {...rest}>{children}</StyledHeaderContent>\n);\n"],"names":["HeaderContent","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledHeaderContent"],"mappings":";;;;;;AAIA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAAA,oBAC7CC,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAKL,IAAI,EAAGD,QAA8B,CAAC,CAAA;AAAA;;;;"}
@@ -1,11 +0,0 @@
1
- import './HeaderContent.styles_ru84zp.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var StyledHeaderContent = /*#__PURE__*/styled('div')({
5
- name: "StyledHeaderContent",
6
- "class": "s1jgshq1",
7
- propsAsIs: false
8
- });
9
-
10
- export { StyledHeaderContent };
11
- //# sourceMappingURL=HeaderContent.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderContent.styles.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const StyledHeaderContent = styled.div`\n display: flex;\n justify-content: flex-end;\n flex: 1 0 max-content;\n margin-left: auto;\n padding-left: 0.75rem;\n`;\n"],"names":["StyledHeaderContent","styled","name","class","propsAsIs"],"mappings":";;AAEO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMxC;;;;"}
@@ -1 +0,0 @@
1
- .s1jgshq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
@@ -1,2 +0,0 @@
1
- .HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
2
- .HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
@@ -1,48 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import { classes } from '../Header.tokens.js';
4
- import { cx } from '../../../utils/index.js';
5
- import { base } from './variations/_size/base.js';
6
- import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles.js';
7
-
8
- var _excluded = ["children", "size", "view", "gradientColor"];
9
-
10
- /**
11
- * Корневой узел для шапки.
12
- */
13
- var headerRoot = function headerRoot(Root) {
14
- return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
15
- var children = props.children,
16
- size = props.size,
17
- view = props.view,
18
- gradientColor = props.gradientColor,
19
- rest = _objectWithoutProperties(props, _excluded);
20
- var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
21
- return /*#__PURE__*/React.createElement(Root, {
22
- ref: outerRootRef,
23
- size: size,
24
- view: view
25
- }, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
26
- className: cx(classes.headerRoot, gradientColorClass)
27
- }, rest, {
28
- $gradientColor: gradientColor
29
- }), /*#__PURE__*/React.createElement(StyledInner, null, children)));
30
- });
31
- };
32
- var headerRootConfig = {
33
- name: 'HeaderRoot',
34
- tag: 'div',
35
- layout: headerRoot,
36
- base: '',
37
- variations: {
38
- size: {
39
- css: base
40
- }
41
- },
42
- defaults: {
43
- size: 'm'
44
- }
45
- };
46
-
47
- export { headerRoot, headerRootConfig };
48
- //# sourceMappingURL=HeaderRoot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderRoot.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../Header.tokens';\nimport { cx } from '../../../utils';\n\nimport type { HeaderRootProps } from './HeaderRoot.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';\n\n/**\n * Корневой узел для шапки.\n */\nexport const headerRoot = (Root: RootProps<HTMLDivElement, HeaderRootProps>) =>\n forwardRef<HTMLDivElement, HeaderRootProps>((props, outerRootRef) => {\n const { children, size, view, gradientColor, ...rest } = props;\n\n const gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;\n\n return (\n <Root ref={outerRootRef} size={size} view={view}>\n <StyledHeaderRoot\n className={cx(classes.headerRoot, gradientColorClass)}\n {...rest}\n $gradientColor={gradientColor}\n >\n <StyledInner>{children}</StyledInner>\n </StyledHeaderRoot>\n </Root>\n );\n });\n\nexport const headerRootConfig = {\n name: 'HeaderRoot',\n tag: 'div',\n layout: headerRoot,\n base: '',\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n size: 'm',\n },\n};\n"],"names":["headerRoot","Root","forwardRef","props","outerRootRef","children","size","view","gradientColor","rest","_objectWithoutProperties","_excluded","gradientColorClass","classes","headerWithGradient","undefined","React","createElement","ref","StyledHeaderRoot","_extends","className","cx","$gradientColor","StyledInner","headerRootConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,IAAQC,QAAQ,GAAyCF,KAAK,CAAtDE,QAAQ;MAAEC,IAAI,GAAmCH,KAAK,CAA5CG,IAAI;MAAEC,IAAI,GAA6BJ,KAAK,CAAtCI,IAAI;MAAEC,aAAa,GAAcL,KAAK,CAAhCK,aAAa;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAE9D,IAAMC,kBAAkB,GAAGJ,aAAa,GAAGK,OAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;AAEjF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eAC5CS,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAAC,QAAA,CAAA;AACbC,MAAAA,SAAS,EAAEC,EAAE,CAACT,OAAO,CAACb,UAAU,EAAEY,kBAAkB,CAAA;AAAE,KAAA,EAClDH,IAAI,EAAA;AACRc,MAAAA,cAAc,EAAEf,aAAAA;KAEhBQ,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAEnB,IAAAA,EAAAA,QAAsB,CACtB,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,UAAU;AAClB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,IAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -1,25 +0,0 @@
1
- import './HeaderRoot.styles_tgf9lv.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var _exp4 = function _exp4() {
5
- return function (_ref) {
6
- var $gradientColor = _ref.$gradientColor;
7
- return String($gradientColor);
8
- };
9
- };
10
- var StyledHeaderRoot = /*#__PURE__*/styled('header')({
11
- name: "StyledHeaderRoot",
12
- "class": "s1pft4si",
13
- propsAsIs: false,
14
- vars: {
15
- "s1pft4si-0": [/*#__PURE__*/_exp4()]
16
- }
17
- });
18
- var StyledInner = /*#__PURE__*/styled('div')({
19
- name: "StyledInner",
20
- "class": "s4v2au0",
21
- propsAsIs: false
22
- });
23
-
24
- export { StyledHeaderRoot, StyledInner };
25
- //# sourceMappingURL=HeaderRoot.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n box-sizing: content-box;\n\n height: var(${tokens.headerHeight});\n padding-top: var(${tokens.headerPaddingTop});\n padding-bottom: var(${tokens.headerPaddingBottom});\n\n --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n &.${String(classes.headerWithGradient)} {\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: calc(\n var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n );\n background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n }\n }\n`;\n\nexport const StyledInner = styled.div`\n position: relative;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n\n width: 100%;\n height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAaD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP9E,IAAME,gBAAgB,gBAAGC,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;"}
@@ -1,2 +0,0 @@
1
- .s1pft4si{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.s1pft4si.header-with-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
2
- .s4v2au0{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "brb8zt1";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../../src/components/Header/HeaderRoot/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,33 +0,0 @@
1
- .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
-
3
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
-
5
- .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
6
-
7
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
-
9
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
10
-
11
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
12
-
13
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
14
-
15
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
16
- .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
17
-
18
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
19
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
20
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
21
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
22
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
23
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
24
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
25
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
26
-
27
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
28
-
29
- .HeaderArrow_styles_y91a69_b14hodcq__c7749097{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
30
-
31
- .base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
32
-
33
- .base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIcon__8260a31c{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIconMinimize__8260a31c{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
@@ -1,65 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import '@linaria/core';
4
- import { component, mergeConfig } from '../../../../engines/common.js';
5
- import { buttonConfig } from '../../../Button/Button.js';
6
- import { classes, tokens } from '../../Header.tokens.js';
7
- import '@linaria/react';
8
- import { IconChevronLeft } from '../../../_Icon/Icons/IconChevronLeft.js';
9
- import { cx } from '../../../../utils/index.js';
10
- import { base } from './HeaderArrow.styles.js';
11
- import { base as base$2 } from './variations/_size/base.js';
12
- import { base as base$1 } from './variations/_view/base.js';
13
-
14
- var _excluded = ["arrow", "iconSize", "value"];
15
- var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
16
- var Button = /*#__PURE__*/component(mergedButtonConfig);
17
-
18
- /**
19
- * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
20
- */
21
- var headerArrowRoot = function headerArrowRoot(Root) {
22
- return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
23
- var arrow = props.arrow,
24
- _props$iconSize = props.iconSize,
25
- iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
26
- value = props.value,
27
- rest = _objectWithoutProperties(props, _excluded);
28
- var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
29
- return /*#__PURE__*/React.createElement(Root, {
30
- ref: outerRootRef
31
- }, /*#__PURE__*/React.createElement(Button, _extends({
32
- view: "clear",
33
- size: "s",
34
- tabIndex: -1,
35
- className: classes.headerArrow,
36
- value: value
37
- }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
38
- size: iconSize,
39
- sizeCustomProperty: tokens.headerArrowIconSize,
40
- className: cx(classes.headerArrowIcon, minimizeClass),
41
- color: "inherit"
42
- }, props))));
43
- });
44
- };
45
- var headerArrowConfig = {
46
- name: 'HeaderArrow',
47
- tag: 'div',
48
- layout: headerArrowRoot,
49
- base: base,
50
- variations: {
51
- view: {
52
- css: base$1
53
- },
54
- size: {
55
- css: base$2
56
- }
57
- },
58
- defaults: {
59
- view: 'primary',
60
- size: 'm'
61
- }
62
- };
63
-
64
- export { headerArrowConfig, headerArrowRoot };
65
- //# sourceMappingURL=HeaderArrow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', value, ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button\n view=\"clear\"\n size=\"s\"\n tabIndex={-1}\n className={classes.headerArrow}\n value={value as string}\n {...rest}\n >\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,QAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,OAAO,CAACW,WAAY;AAC/BhB,MAAAA,KAAK,EAAEA,KAAAA;KACHC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAAN,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfmB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,EAAE,CAAChB,OAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX5B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,eAAe;AACvBoC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}