@salutejs/plasma-new-hope 0.176.1-canary.1510.11572230988.0 → 0.177.0-canary.1500.11571505911.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (311) hide show
  1. package/cjs/components/Badge/Badge.css +2 -0
  2. package/cjs/components/Badge/Badge.js +17 -4
  3. package/cjs/components/Badge/Badge.js.map +1 -1
  4. package/cjs/components/Badge/Badge.tokens.js +2 -1
  5. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  6. package/cjs/components/Badge/variations/_truncate/base.js +9 -0
  7. package/cjs/components/Badge/variations/_truncate/base.js.map +1 -0
  8. package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
  9. package/cjs/components/Notification/Notification.css +11 -11
  10. package/cjs/components/Notification/Notification.js +2 -2
  11. package/cjs/components/Notification/Notification.js.map +1 -1
  12. package/cjs/components/Notification/Notification.styles.js +2 -11
  13. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  14. package/cjs/components/Notification/{Notification.styles_e6274r.css → Notification.styles_7h8hp0.css} +2 -2
  15. package/cjs/components/Notification/Notification.tokens.js +1 -2
  16. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  17. package/cjs/components/Notification/Notification.types.js.map +1 -1
  18. package/cjs/components/Notification/NotificationsPortal.js +4 -8
  19. package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
  20. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  21. package/cjs/components/Notification/NotificationsProvider.js +1 -3
  22. package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
  23. package/cjs/components/Pagination/Pagination.css +12 -12
  24. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
  25. package/cjs/components/Select/Select.css +12 -12
  26. package/cjs/components/Select/Select.tokens.js +1 -2
  27. package/cjs/components/Select/Select.tokens.js.map +1 -1
  28. package/cjs/components/Select/ui/Inner/Inner.css +12 -12
  29. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +12 -12
  30. package/cjs/components/Select/ui/Target/Target.css +12 -12
  31. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  32. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  33. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  34. package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_jzeap2.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +1 -1
  35. package/cjs/components/Tabs/tokens.js +2 -1
  36. package/cjs/components/Tabs/tokens.js.map +1 -1
  37. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
  38. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -3
  39. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  40. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  41. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  42. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1vj7dbl.css} +1 -1
  43. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +9 -0
  44. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
  45. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
  46. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
  47. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +14 -3
  48. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  49. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  50. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  51. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_6ssvos.css +5 -0
  52. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +9 -0
  53. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
  54. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
  55. package/cjs/index.css +39 -33
  56. package/cjs/index.js +1 -1
  57. package/emotion/cjs/components/Badge/Badge.js +22 -4
  58. package/emotion/cjs/components/Badge/Badge.tokens.js +2 -1
  59. package/emotion/cjs/components/Badge/variations/_truncate/base.js +10 -0
  60. package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
  61. package/emotion/cjs/components/Notification/Notification.js +2 -2
  62. package/emotion/cjs/components/Notification/Notification.styles.js +19 -14
  63. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +8 -17
  64. package/emotion/cjs/components/Notification/Notification.tokens.js +1 -2
  65. package/emotion/cjs/components/Notification/NotificationsPortal.js +5 -9
  66. package/emotion/cjs/components/Notification/NotificationsProvider.js +1 -3
  67. package/emotion/cjs/components/Notification/index.js +4 -4
  68. package/emotion/cjs/components/Select/Select.tokens.js +1 -2
  69. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -12
  70. package/emotion/cjs/components/Tabs/tokens.js +2 -1
  71. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
  72. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  73. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
  74. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  75. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
  76. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  77. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
  78. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  79. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
  80. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  81. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
  82. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  83. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +48 -16
  84. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  85. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  86. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
  87. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  88. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +48 -16
  89. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  90. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  91. package/emotion/es/components/Badge/Badge.js +23 -4
  92. package/emotion/es/components/Badge/Badge.tokens.js +2 -1
  93. package/emotion/es/components/Badge/variations/_truncate/base.js +4 -0
  94. package/emotion/es/components/Badge/variations/_truncate/tokens.json +1 -0
  95. package/emotion/es/components/Notification/Notification.js +1 -1
  96. package/emotion/es/components/Notification/Notification.styles.js +19 -14
  97. package/emotion/es/components/Notification/Notification.template-doc.mdx +8 -17
  98. package/emotion/es/components/Notification/Notification.tokens.js +1 -2
  99. package/emotion/es/components/Notification/NotificationsPortal.js +5 -9
  100. package/emotion/es/components/Notification/NotificationsProvider.js +1 -3
  101. package/emotion/es/components/Notification/index.js +1 -1
  102. package/emotion/es/components/Select/Select.tokens.js +1 -2
  103. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -12
  104. package/emotion/es/components/Tabs/tokens.js +2 -1
  105. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
  106. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  107. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
  108. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  109. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
  110. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  111. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
  112. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  113. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
  114. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  115. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
  116. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  117. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +48 -16
  118. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  119. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  120. package/emotion/es/examples/plasma_web/components/Notification/Notification.js +4 -6
  121. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  122. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +48 -16
  123. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  124. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  125. package/es/components/Badge/Badge.css +2 -0
  126. package/es/components/Badge/Badge.js +18 -5
  127. package/es/components/Badge/Badge.js.map +1 -1
  128. package/es/components/Badge/Badge.tokens.js +2 -1
  129. package/es/components/Badge/Badge.tokens.js.map +1 -1
  130. package/es/components/Badge/variations/_truncate/base.js +5 -0
  131. package/es/components/Badge/variations/_truncate/base.js.map +1 -0
  132. package/es/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
  133. package/es/components/Notification/Notification.css +11 -11
  134. package/es/components/Notification/Notification.js +2 -2
  135. package/es/components/Notification/Notification.js.map +1 -1
  136. package/es/components/Notification/Notification.styles.js +2 -11
  137. package/es/components/Notification/Notification.styles.js.map +1 -1
  138. package/es/components/Notification/{Notification.styles_e6274r.css → Notification.styles_7h8hp0.css} +2 -2
  139. package/es/components/Notification/Notification.tokens.js +1 -2
  140. package/es/components/Notification/Notification.tokens.js.map +1 -1
  141. package/es/components/Notification/Notification.types.js.map +1 -1
  142. package/es/components/Notification/NotificationsPortal.js +4 -8
  143. package/es/components/Notification/NotificationsPortal.js.map +1 -1
  144. package/es/components/Notification/NotificationsProvider.css +11 -11
  145. package/es/components/Notification/NotificationsProvider.js +1 -3
  146. package/es/components/Notification/NotificationsProvider.js.map +1 -1
  147. package/es/components/Pagination/Pagination.css +12 -12
  148. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
  149. package/es/components/Select/Select.css +12 -12
  150. package/es/components/Select/Select.tokens.js +1 -2
  151. package/es/components/Select/Select.tokens.js.map +1 -1
  152. package/es/components/Select/ui/Inner/Inner.css +12 -12
  153. package/es/components/Select/ui/Inner/ui/Item/Item.css +12 -12
  154. package/es/components/Select/ui/Target/Target.css +12 -12
  155. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  156. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  157. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  158. package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_jzeap2.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +1 -1
  159. package/es/components/Tabs/tokens.js +2 -1
  160. package/es/components/Tabs/tokens.js.map +1 -1
  161. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
  162. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +15 -4
  163. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  164. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  165. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  166. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1vj7dbl.css} +1 -1
  167. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +5 -0
  168. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
  169. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
  170. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
  171. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -4
  172. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  173. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  174. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  175. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_6ssvos.css +5 -0
  176. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +5 -0
  177. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
  178. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
  179. package/es/index.css +39 -33
  180. package/es/index.js +1 -1
  181. package/package.json +2 -2
  182. package/styled-components/cjs/components/Badge/Badge.js +22 -4
  183. package/styled-components/cjs/components/Badge/Badge.tokens.js +2 -1
  184. package/styled-components/cjs/components/Badge/variations/_truncate/base.js +10 -0
  185. package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
  186. package/styled-components/cjs/components/Notification/Notification.js +2 -2
  187. package/styled-components/cjs/components/Notification/Notification.styles.js +2 -5
  188. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +8 -17
  189. package/styled-components/cjs/components/Notification/Notification.tokens.js +1 -2
  190. package/styled-components/cjs/components/Notification/NotificationsPortal.js +4 -8
  191. package/styled-components/cjs/components/Notification/NotificationsProvider.js +1 -3
  192. package/styled-components/cjs/components/Notification/index.js +4 -4
  193. package/styled-components/cjs/components/Select/Select.tokens.js +1 -2
  194. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  195. package/styled-components/cjs/components/Tabs/tokens.js +2 -1
  196. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
  197. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  198. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
  199. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  200. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
  201. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
  202. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
  203. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  204. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
  205. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  206. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
  207. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  208. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +48 -16
  209. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  210. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  211. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
  212. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  213. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +48 -16
  214. package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  215. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  216. package/styled-components/es/components/Badge/Badge.js +23 -4
  217. package/styled-components/es/components/Badge/Badge.tokens.js +2 -1
  218. package/styled-components/es/components/Badge/variations/_truncate/base.js +4 -0
  219. package/styled-components/es/components/Badge/variations/_truncate/tokens.json +1 -0
  220. package/styled-components/es/components/Notification/Notification.js +1 -1
  221. package/styled-components/es/components/Notification/Notification.styles.js +2 -5
  222. package/styled-components/es/components/Notification/Notification.template-doc.mdx +8 -17
  223. package/styled-components/es/components/Notification/Notification.tokens.js +1 -2
  224. package/styled-components/es/components/Notification/NotificationsPortal.js +4 -8
  225. package/styled-components/es/components/Notification/NotificationsProvider.js +1 -3
  226. package/styled-components/es/components/Notification/index.js +1 -1
  227. package/styled-components/es/components/Select/Select.tokens.js +1 -2
  228. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  229. package/styled-components/es/components/Tabs/tokens.js +2 -1
  230. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
  231. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  232. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
  233. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  234. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
  235. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
  236. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
  237. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  238. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
  239. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  240. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
  241. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
  242. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +48 -16
  243. package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  244. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  245. package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +4 -6
  246. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
  247. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +48 -16
  248. package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  249. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  250. package/types/components/Badge/Badge.d.ts +10 -2
  251. package/types/components/Badge/Badge.d.ts.map +1 -1
  252. package/types/components/Badge/Badge.tokens.d.ts +1 -0
  253. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  254. package/types/components/Badge/Badge.types.d.ts +5 -0
  255. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  256. package/types/components/Badge/variations/_truncate/base.d.ts +2 -0
  257. package/types/components/Badge/variations/_truncate/base.d.ts.map +1 -0
  258. package/types/components/Notification/Notification.d.ts +3 -3
  259. package/types/components/Notification/Notification.d.ts.map +1 -1
  260. package/types/components/Notification/Notification.styles.d.ts +2 -4
  261. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  262. package/types/components/Notification/Notification.tokens.d.ts +0 -1
  263. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  264. package/types/components/Notification/Notification.types.d.ts +5 -11
  265. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  266. package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
  267. package/types/components/Notification/NotificationsProvider.d.ts +3 -4
  268. package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
  269. package/types/components/Notification/index.d.ts +2 -2
  270. package/types/components/Notification/index.d.ts.map +1 -1
  271. package/types/components/Select/Select.tokens.d.ts +0 -1
  272. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  273. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  274. package/types/components/Tabs/TabItem.types.d.ts +5 -0
  275. package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
  276. package/types/components/Tabs/tokens.d.ts +1 -0
  277. package/types/components/Tabs/tokens.d.ts.map +1 -1
  278. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +9 -2
  279. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
  280. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  281. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts +2 -0
  282. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +1 -0
  283. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +9 -2
  284. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
  285. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  286. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts +2 -0
  287. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +1 -0
  288. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
  289. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  290. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +6 -0
  291. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  292. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +2 -4
  293. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
  294. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +6 -0
  295. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  296. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
  297. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  298. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
  299. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  300. package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -0
  301. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  302. package/types/examples/plasma_web/components/Notification/Notification.d.ts +13 -4
  303. package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
  304. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +6 -0
  305. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  306. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
  307. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  308. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
  309. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  310. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  311. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
@@ -5,7 +5,6 @@ import type { StoryObj, Meta } from '@storybook/react';
5
5
  import { Button } from '../Button/Button';
6
6
  import { Modal } from '../Modal/Modal';
7
7
  import {
8
- NotificationPlacement,
9
8
  NotificationIconPlacement,
10
9
  NotificationLayout,
11
10
  addNotification,
@@ -21,7 +20,6 @@ const titles = ['Выполнено', 'Внимание', 'Ошибка'];
21
20
  const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
22
21
  const size = ['xs', 'xxs'];
23
22
  const iconPlacement = ['top', 'left'];
24
- const notificationsPlacements = ['bottom-right', 'bottom-left'];
25
23
 
26
24
  const longText = `JavaScript frameworks are an essential part of modern front-end web development,
27
25
  providing developers with proven tools for building scalable, interactive web applications.
@@ -51,7 +49,6 @@ interface StoryDefaultProps {
51
49
  layout: NotificationLayout;
52
50
  size: 'xs' | 'xxs';
53
51
  iconPlacement: NotificationIconPlacement;
54
- placement?: NotificationPlacement;
55
52
  }
56
53
 
57
54
  const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
@@ -114,10 +111,9 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
114
111
  layout: NotificationLayout;
115
112
  size: 'xs' | 'xxs';
116
113
  iconPlacement: NotificationIconPlacement;
117
- placement?: NotificationPlacement;
118
114
  };
119
115
 
120
- const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
116
+ const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
121
117
  const count = useRef(0);
122
118
  const handleClick = useCallback(() => {
123
119
  addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
@@ -125,7 +121,7 @@ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
125
121
  }, [count, rest]);
126
122
 
127
123
  return (
128
- <NotificationsProvider placement={placement}>
124
+ <NotificationsProvider>
129
125
  <Button text="Добавить уведомление" onClick={handleClick} />
130
126
  </NotificationsProvider>
131
127
  );
@@ -139,28 +135,20 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
139
135
  type: 'select',
140
136
  },
141
137
  },
142
- placement: {
143
- options: notificationsPlacements,
144
- control: {
145
- type: 'select',
146
- },
147
- },
148
138
  },
149
139
  args: {
150
140
  timeout: 3000,
151
141
  role: 'alert',
152
142
  layout: 'vertical',
153
- placement: 'bottom-right',
154
143
  },
155
144
  render: (args) => <StoryLiveDemo {...args} />,
156
145
  };
157
146
 
158
147
  type StoryWithModalProps = ComponentProps<typeof Notification> & {
159
148
  timeout: number;
160
- placement?: NotificationPlacement;
161
149
  };
162
150
 
163
- const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
151
+ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
164
152
  const [isModalOpen, setIsModalOpen] = useState(false);
165
153
  const count = useRef(0);
166
154
  const handleClick = useCallback(() => {
@@ -169,7 +157,7 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
169
157
  }, [count]);
170
158
 
171
159
  return (
172
- <NotificationsProvider placement={placement}>
160
+ <NotificationsProvider>
173
161
  <PopupProvider>
174
162
  <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
175
163
  <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
@@ -184,15 +172,6 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
184
172
  export const WithModal: StoryObj<StoryLiveDemoProps> = {
185
173
  args: {
186
174
  timeout: 3500,
187
- placement: 'bottom-right',
188
- },
189
- argTypes: {
190
- placement: {
191
- options: notificationsPlacements,
192
- control: {
193
- type: 'select',
194
- },
195
- },
196
175
  },
197
176
  render: (args) => <StoryWithModal {...args} />,
198
177
  };
@@ -29,6 +29,7 @@ type CustomStoryTabsProps = {
29
29
 
30
30
  const contentLeftOptions = ['none', 'icon'];
31
31
  const contentRightOptions = ['none', 'counter', 'icon'];
32
+ const labels = ['Label', 'Middle label', 'Very long label'];
32
33
 
33
34
  const getContentLeft = (contentLeftOption: string, size: Size) => {
34
35
  const iconSize = size === 'xs' ? 'xs' : 's';
@@ -76,6 +77,12 @@ const meta: Meta<StoryTabsProps> = {
76
77
  },
77
78
  if: { arg: 'helperText', eq: '' },
78
79
  },
80
+ maxItemWidth: {
81
+ control: {
82
+ type: 'text',
83
+ },
84
+ if: { arg: 'stretch', truthy: false },
85
+ },
79
86
  },
80
87
  };
81
88
 
@@ -90,13 +97,14 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
90
97
  contentRight: contentRightOption,
91
98
  hasDivider,
92
99
  stretch,
100
+ maxItemWidth,
93
101
  helperText,
94
102
  } = props;
95
103
  const items = Array(itemQuantity).fill(0);
96
104
  const [index, setIndex] = useState(0);
97
105
 
98
106
  return (
99
- <Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
107
+ <Tabs clip="none" view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
100
108
  {items.map((_, i) => {
101
109
  if (helperText !== '') {
102
110
  return (
@@ -110,8 +118,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
110
118
  value={helperText}
111
119
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
112
120
  size={size as Size}
121
+ maxItemWidth={maxItemWidth}
113
122
  >
114
- {`Label${i + 1}`}
123
+ {`${labels[i % labels.length]} ${i + 1}`}
115
124
  </TabItem>
116
125
  );
117
126
  }
@@ -127,8 +136,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
127
136
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
128
137
  contentRight={getContentRight(contentRightOption, size as Size)}
129
138
  size={size as Size}
139
+ maxItemWidth={maxItemWidth}
130
140
  >
131
- {`Label${i + 1}`}
141
+ {`${labels[i % labels.length]} ${i + 1}`}
132
142
  </TabItem>
133
143
  );
134
144
  })}
@@ -147,6 +157,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
147
157
  hasDivider,
148
158
  helperText,
149
159
  width,
160
+ maxItemWidth,
150
161
  } = props;
151
162
  const items = Array(itemQuantity).fill(0);
152
163
  const [index, setIndex] = useState(0);
@@ -166,8 +177,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
166
177
  value={helperText}
167
178
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
168
179
  size={size as Size}
180
+ maxItemWidth={maxItemWidth}
169
181
  >
170
- {`Label${i + 1}`}
182
+ {`${labels[i % labels.length]} ${i + 1}`}
171
183
  </TabItem>
172
184
  );
173
185
  }
@@ -183,8 +195,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
183
195
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
184
196
  contentRight={getContentRight(contentRightOption, size as Size)}
185
197
  size={size as Size}
198
+ maxItemWidth={maxItemWidth}
186
199
  >
187
- {`Label${i + 1}`}
200
+ {`${labels[i % labels.length]} ${i + 1}`}
188
201
  </TabItem>
189
202
  );
190
203
  })}
@@ -202,6 +215,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
202
215
  contentRight: contentRightOption,
203
216
  hasDivider,
204
217
  helperText,
218
+ maxItemWidth,
205
219
  } = props;
206
220
  const maxItemQuantity = 3;
207
221
  const items = Array(itemQuantity).fill(0);
@@ -234,8 +248,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
234
248
  value={helperText}
235
249
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
236
250
  size={size as Size}
251
+ maxItemWidth={maxItemWidth}
237
252
  >
238
- {`Label${i + 1}`}
253
+ {`${labels[i % labels.length]} ${i + 1}`}
239
254
  </TabItem>
240
255
  );
241
256
  }
@@ -251,8 +266,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
251
266
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
252
267
  contentRight={getContentRight(contentRightOption, size as Size)}
253
268
  size={size as Size}
269
+ maxItemWidth={maxItemWidth}
254
270
  >
255
- {`Label${i + 1}`}
271
+ {`${labels[i % labels.length]} ${i + 1}`}
256
272
  </TabItem>
257
273
  );
258
274
  })}
@@ -269,6 +285,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
269
285
  tabIndex={!disabled ? 0 : -1}
270
286
  disabled={disabled}
271
287
  size={size as Size}
288
+ maxItemWidth="auto"
272
289
  >
273
290
  ShowAll
274
291
  </TabItem>
@@ -285,9 +302,10 @@ export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
285
302
  disabled: false,
286
303
  hasDivider: true,
287
304
  helperText: '',
288
- itemQuantity: 8,
305
+ itemQuantity: 6,
289
306
  stretch: false,
290
307
  width: '15rem',
308
+ maxItemWidth: '',
291
309
  },
292
310
  argTypes: {
293
311
  contentLeft: {
@@ -343,6 +361,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
343
361
  contentRight: contentRightOption,
344
362
  hasDivider,
345
363
  helperText,
364
+ maxItemWidth,
346
365
  } = props;
347
366
  const items = Array(itemQuantity).fill(0);
348
367
  const [index, setIndex] = useState(0);
@@ -363,8 +382,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
363
382
  value={helperText}
364
383
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
365
384
  size={size as Size}
385
+ maxItemWidth={maxItemWidth}
366
386
  >
367
- {`Label${i + 1}`}
387
+ {`${labels[i % labels.length]} ${i + 1}`}
368
388
  </TabItem>
369
389
  );
370
390
  }
@@ -381,8 +401,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
381
401
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
382
402
  contentRight={getContentRight(contentRightOption, size as Size)}
383
403
  size={size as Size}
404
+ maxItemWidth={maxItemWidth}
384
405
  >
385
- {`Label${i + 1}`}
406
+ {`${labels[i % labels.length]} ${i + 1}`}
386
407
  </TabItem>
387
408
  );
388
409
  })}
@@ -401,6 +422,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
401
422
  hasDivider,
402
423
  helperText,
403
424
  height,
425
+ maxItemWidth,
404
426
  } = props;
405
427
  const items = Array(itemQuantity).fill(0);
406
428
  const [index, setIndex] = useState(0);
@@ -428,8 +450,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
428
450
  value={helperText}
429
451
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
430
452
  size={size as Size}
453
+ maxItemWidth={maxItemWidth}
431
454
  >
432
- {`Label${i + 1}`}
455
+ {`${labels[i % labels.length]} ${i + 1}`}
433
456
  </TabItem>
434
457
  );
435
458
  }
@@ -446,8 +469,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
446
469
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
447
470
  contentRight={getContentRight(contentRightOption, size as Size)}
448
471
  size={size as Size}
472
+ maxItemWidth={maxItemWidth}
449
473
  >
450
- {`Label${i + 1}`}
474
+ {`${labels[i % labels.length]} ${i + 1}`}
451
475
  </TabItem>
452
476
  );
453
477
  })}
@@ -465,6 +489,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
465
489
  contentRight: contentRightOption,
466
490
  hasDivider,
467
491
  helperText,
492
+ maxItemWidth,
468
493
  } = props;
469
494
  const maxItemQuantity = 3;
470
495
  const items = Array(itemQuantity).fill(0);
@@ -498,8 +523,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
498
523
  value={helperText}
499
524
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
500
525
  size={size as Size}
526
+ maxItemWidth={maxItemWidth}
501
527
  >
502
- {`Label${i + 1}`}
528
+ {`${labels[i % labels.length]} ${i + 1}`}
503
529
  </TabItem>
504
530
  );
505
531
  }
@@ -516,8 +542,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
516
542
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
517
543
  contentRight={getContentRight(contentRightOption, size as Size)}
518
544
  size={size as Size}
545
+ maxItemWidth={maxItemWidth}
519
546
  >
520
- {`Label${i + 1}`}
547
+ {`${labels[i % labels.length]} ${i + 1}`}
521
548
  </TabItem>
522
549
  );
523
550
  })}
@@ -534,6 +561,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
534
561
  tabIndex={!disabled ? 0 : -1}
535
562
  disabled={disabled}
536
563
  size={size as Size}
564
+ maxItemWidth="auto"
537
565
  >
538
566
  ShowAll
539
567
  </TabItem>
@@ -548,10 +576,11 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
548
576
  size: 'xs',
549
577
  disabled: false,
550
578
  hasDivider: true,
551
- itemQuantity: 8,
579
+ itemQuantity: 6,
552
580
  orientation: 'vertical',
553
581
  helperText: '',
554
582
  height: '10rem',
583
+ maxItemWidth: '',
555
584
  },
556
585
  argTypes: {
557
586
  contentLeft: {
@@ -612,6 +641,7 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
612
641
  contentRight: contentRightOption,
613
642
  hasDivider,
614
643
  stretch,
644
+ maxItemWidth,
615
645
  } = props;
616
646
  const items = Array(itemQuantity).fill(0);
617
647
  const [index, setIndex] = useState(0);
@@ -629,8 +659,9 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
629
659
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
630
660
  contentRight={getContentRight(contentRightOption, size as Size)}
631
661
  size={size as HeaderSize}
662
+ maxItemWidth={maxItemWidth}
632
663
  >
633
- {`Label${i + 1}`}
664
+ {`${labels[i % labels.length]} ${i + 1}`}
634
665
  </TabItem>
635
666
  ))}
636
667
  </Tabs>
@@ -643,6 +674,7 @@ export const HeaderTabs: StoryObj<StoryTabsProps> = {
643
674
  disabled: false,
644
675
  hasDivider: true,
645
676
  itemQuantity: 4,
677
+ maxItemWidth: '',
646
678
  },
647
679
  argTypes: {
648
680
  size: {
@@ -28,6 +28,9 @@ export var config = {
28
28
  },
29
29
  pilled: {
30
30
  "true": /*#__PURE__*/css(["", ":1.5rem;"], tabsTokens.itemPilledBorderRadius)
31
+ },
32
+ truncate: {
33
+ "true": /*#__PURE__*/css([""])
31
34
  }
32
35
  }
33
36
  };
@@ -17,6 +17,9 @@ export var config = {
17
17
  },
18
18
  disabled: {
19
19
  "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
+ },
21
+ truncate: {
22
+ "true": /*#__PURE__*/css([""])
20
23
  }
21
24
  }
22
25
  };
@@ -1,11 +1,15 @@
1
1
  import React from 'react';
2
2
  import type { RootProps } from '../../engines';
3
3
  import type { BadgeProps, BadgeRootProps } from './Badge.types';
4
- export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
5
+ truncate: boolean;
6
+ }>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
5
7
  export declare const badgeConfig: {
6
8
  name: string;
7
9
  tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
10
+ layout: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
11
+ truncate: boolean;
12
+ }>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
9
13
  base: import("@linaria/core").LinariaClassName;
10
14
  variations: {
11
15
  view: {
@@ -26,6 +30,10 @@ export declare const badgeConfig: {
26
30
  css: import("@linaria/core").LinariaClassName;
27
31
  attrs: boolean;
28
32
  };
33
+ truncate: {
34
+ css: import("@linaria/core").LinariaClassName;
35
+ attrs: boolean;
36
+ };
29
37
  };
30
38
  defaults: {
31
39
  view: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,sFAqCnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBAvCQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAoExE,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,sFA6C3F,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA/CQ,UAAU,cAAc,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFhG,CAAC"}
@@ -2,6 +2,7 @@ export declare const classes: {
2
2
  badgePilled: string;
3
3
  badgeTransparent: string;
4
4
  badgeClear: string;
5
+ badgeTruncate: string;
5
6
  };
6
7
  export declare const tokens: {
7
8
  background: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
1
+ {"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
@@ -58,6 +58,11 @@ declare type CustomBadgeProps = {
58
58
  * Слот для контента справа, например `Icon`
59
59
  */
60
60
  contentRight?: ReactNode;
61
+ /**
62
+ * Обрезает контент по максимальной ширине и добавляет ...
63
+ * @default 'auto'
64
+ */
65
+ maxWidth?: string;
61
66
  /**
62
67
  * Размер Badge
63
68
  * @default
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_truncate/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
@@ -4,11 +4,11 @@ import { NotificationProps } from './Notification.types';
4
4
  /**
5
5
  * Компонент для небольших уведомлений пользователя
6
6
  */
7
- export declare const notificationRoot: (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
8
- export declare const notificationConfig: {
7
+ export declare const notificationRoot: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
8
+ export declare const noticationConfig: {
9
9
  name: string;
10
10
  tag: string;
11
- layout: (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
11
+ layout: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
12
12
  base: import("@linaria/core").LinariaClassName;
13
13
  variations: {
14
14
  layout: {
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,6FAwF5F,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBA1FQ,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA+GjG,CAAC"}
1
+ {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC,6FAwF7E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBA1FU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;CA+GlF,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { CloseIconType, IconPlacementType, NotificationPlacement } from './Notification.types';
2
+ import { CloseIconType, IconPlacementType } from './Notification.types';
3
3
  export declare const StyledNotification: import("@linaria/core").LinariaClassName;
4
4
  export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../types").AsProps<any> & {
5
5
  text?: string | undefined;
@@ -54,7 +54,5 @@ export declare const StyledContent: import("@linaria/react").StyledComponent<imp
54
54
  export declare const StyledItemWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
55
55
  isHidden: boolean;
56
56
  }>;
57
- export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
58
- placement?: NotificationPlacement | undefined;
59
- }>;
57
+ export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
60
58
  //# sourceMappingURL=Notification.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,qBAAqB,EAAc,MAAM,sBAAsB,CAAC;AAE3G,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAc5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,gKAavB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmE9D,CAAC;AAEF,eAAO,MAAM,UAAU;;EAOtB,CAAC"}
1
+ {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAc5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,gKAavB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmC9D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}
@@ -14,7 +14,6 @@ export declare const classes: {
14
14
  withoutCloseIcon: string;
15
15
  notificationItemOpened: string;
16
16
  notificationItemHidden: string;
17
- notificationLeftToRightAnimation: string;
18
17
  };
19
18
  export declare const tokens: {
20
19
  background: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DlB,CAAC"}
1
+ {"version":3,"file":"Notification.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DlB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { AsProps } from '@salutejs/plasma-core';
2
- import { HTMLAttributes, ReactNode } from 'react';
2
+ import { HTMLAttributes, ReactNode, RefAttributes } from 'react';
3
3
  import { ComponentConfig, PropsType, Variants } from '../../engines/types';
4
4
  export declare const layouts: {
5
5
  horizontal: string;
@@ -11,7 +11,6 @@ export declare const placements: {
11
11
  left: string;
12
12
  };
13
13
  export declare type NotificationIconPlacement = keyof typeof placements;
14
- export declare type NotificationPlacement = 'bottom-right' | 'bottom-left';
15
14
  export declare type LayoutType = {
16
15
  layout?: NotificationLayout;
17
16
  };
@@ -21,11 +20,11 @@ export declare type IconPlacementType = {
21
20
  export declare type CloseIconType = {
22
21
  showCloseIcon?: boolean;
23
22
  };
24
- export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
23
+ export interface NotificationProps extends AsProps, HTMLAttributes<HTMLDivElement> {
25
24
  /**
26
25
  * Заголовок.
27
26
  */
28
- title?: ReactNode;
27
+ title?: string;
29
28
  /**
30
29
  * Контент под заголовком.
31
30
  */
@@ -71,19 +70,14 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
71
70
  */
72
71
  size?: string;
73
72
  }
74
- export interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
73
+ export interface NotificationPortalProps extends HTMLAttributes<HTMLDivElement> {
75
74
  /**
76
75
  * Конфиг компонента Notification.
77
76
  */
78
- config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;
77
+ config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
79
78
  /**
80
79
  * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
81
80
  */
82
81
  frame?: string;
83
- /**
84
- * Расположение компонента Notification во frame
85
- * @default bottom-right
86
- */
87
- placement?: NotificationPlacement;
88
82
  }
89
83
  //# sourceMappingURL=Notification.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,GAAG,aAAa,CAAC;AAEnE,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC"}
1
+ {"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,CAmC3D,CAAC"}
1
+ {"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,CAkC3D,CAAC"}
@@ -1,11 +1,10 @@
1
- import { FC, HTMLAttributes, ReactNode } from 'react';
1
+ import { FC, ReactNode, RefAttributes } from 'react';
2
2
  import { ComponentConfig } from '../../engines';
3
3
  import { PropsType, Variants } from '../../engines/types';
4
- import { NotificationPlacement, NotificationProps } from './Notification.types';
4
+ import { NotificationProps } from './Notification.types';
5
5
  export declare const NotificationsProvider: FC<{
6
6
  children: ReactNode;
7
- config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;
7
+ config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
8
8
  frame?: string;
9
- placement?: NotificationPlacement;
10
9
  }>;
11
10
  //# sourceMappingURL=NotificationsProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAOA,CAAC"}
1
+ {"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAOA,CAAC"}
@@ -1,6 +1,6 @@
1
1
  export { NotificationsProvider } from './NotificationsProvider';
2
- export { notificationRoot, notificationConfig } from './Notification';
2
+ export { notificationRoot, noticationConfig } from './Notification';
3
3
  export { addNotification, closeNotification } from './NotificationsStore';
4
4
  export { classes as notificationClasses, tokens as notificationTokens } from './Notification.tokens';
5
- export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement, NotificationPlacement, } from './Notification.types';
5
+ export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement, } from './Notification.types';
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACrG,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,qBAAqB,GACxB,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACrG,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,GAC5B,MAAM,sBAAsB,CAAC"}
@@ -94,7 +94,6 @@ export declare const tokens: {
94
94
  spinnerSizeTight: string;
95
95
  disclosureIconColor: string;
96
96
  disclosureIconColorHover: string;
97
- contentLeftColor: string;
98
97
  };
99
98
  export declare const constants: {
100
99
  focusColor: string;