@salutejs/plasma-new-hope 0.325.0-canary.1954.15277675821.0 → 0.325.0-canary.1954.15296930381.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (423) hide show
  1. package/cjs/components/CodeField/CodeField.css +14 -0
  2. package/cjs/components/CodeField/CodeField.js +290 -0
  3. package/cjs/components/CodeField/CodeField.js.map +1 -0
  4. package/cjs/components/CodeField/CodeField.styles.js +57 -0
  5. package/cjs/components/CodeField/CodeField.styles.js.map +1 -0
  6. package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  7. package/cjs/components/CodeField/CodeField.tokens.js +59 -0
  8. package/cjs/components/CodeField/CodeField.tokens.js.map +1 -0
  9. package/cjs/components/CodeField/utils/constants.js +18 -0
  10. package/cjs/components/CodeField/utils/constants.js.map +1 -0
  11. package/cjs/components/CodeField/utils/handleCodeError.js +55 -0
  12. package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -0
  13. package/cjs/components/CodeField/utils/handleItemError.js +53 -0
  14. package/cjs/components/CodeField/utils/handleItemError.js.map +1 -0
  15. package/cjs/components/CodeField/utils/initialValuesHelper.js +33 -0
  16. package/cjs/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  17. package/cjs/components/{List/variations/_variant → CodeField/variations/_disabled}/base.js +2 -2
  18. package/cjs/components/CodeField/variations/_disabled/base.js.map +1 -0
  19. package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  20. package/cjs/components/CodeField/variations/_shape/base.js +9 -0
  21. package/cjs/components/CodeField/variations/_shape/base.js.map +1 -0
  22. package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  23. package/cjs/components/CodeField/variations/_size/base.js +9 -0
  24. package/cjs/components/CodeField/variations/_size/base.js.map +1 -0
  25. package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  26. package/cjs/components/CodeField/variations/_view/base.js +9 -0
  27. package/cjs/components/CodeField/variations/_view/base.js.map +1 -0
  28. package/cjs/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  29. package/cjs/components/List/List.css +7 -1
  30. package/cjs/components/List/List.js +6 -10
  31. package/cjs/components/List/List.js.map +1 -1
  32. package/cjs/components/List/List.styles.js +1 -1
  33. package/cjs/components/List/List.styles.js.map +1 -1
  34. package/cjs/components/List/List.styles_97b8jq.css +1 -0
  35. package/cjs/components/List/List.tokens.js +5 -2
  36. package/cjs/components/List/List.tokens.js.map +1 -1
  37. package/cjs/components/List/ui/ListItem.css +2 -2
  38. package/cjs/components/List/ui/ListItem.js +2 -1
  39. package/cjs/components/List/ui/ListItem.js.map +1 -1
  40. package/cjs/components/List/ui/ListItem.styles.js +1 -1
  41. package/cjs/components/List/ui/ListItem.styles.js.map +1 -1
  42. package/cjs/components/List/ui/ListItem.styles_106alid.css +2 -0
  43. package/cjs/components/List/variations/_disabled/base.js +1 -1
  44. package/cjs/components/List/variations/_disabled/base.js.map +1 -1
  45. package/cjs/components/List/variations/_disabled/base_1p96e1z.css +1 -0
  46. package/cjs/components/List/variations/_size/base.js +1 -1
  47. package/cjs/components/List/variations/_size/base.js.map +1 -1
  48. package/cjs/components/List/variations/_size/base_jq4nc8.css +1 -0
  49. package/cjs/components/List/variations/_view/base.js +1 -1
  50. package/cjs/components/List/variations/_view/base.js.map +1 -1
  51. package/cjs/components/List/variations/_view/base_1fsqflm.css +1 -0
  52. package/cjs/components/Notification/Notification.css +12 -12
  53. package/cjs/components/Notification/Notification.js +5 -1
  54. package/cjs/components/Notification/Notification.js.map +1 -1
  55. package/cjs/components/Notification/Notification.styles.js +63 -48
  56. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  57. package/cjs/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
  58. package/cjs/components/Notification/Notification.types.js.map +1 -1
  59. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  60. package/cjs/components/Notification/variations/_layout/base.js +1 -1
  61. package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
  62. package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
  63. package/cjs/components/NumberFormat/NumberFormat.js +2 -7
  64. package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
  65. package/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  66. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
  67. package/cjs/index.css +36 -15
  68. package/cjs/index.js +10 -0
  69. package/cjs/index.js.map +1 -1
  70. package/emotion/cjs/components/CodeField/CodeField.js +299 -0
  71. package/emotion/cjs/components/CodeField/CodeField.styles.js +65 -0
  72. package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  73. package/emotion/cjs/components/CodeField/CodeField.tokens.js +57 -0
  74. package/emotion/cjs/components/CodeField/CodeField.types.js +5 -0
  75. package/emotion/cjs/components/CodeField/index.js +50 -0
  76. package/emotion/cjs/components/CodeField/utils/constants.js +12 -0
  77. package/emotion/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  78. package/emotion/cjs/components/CodeField/utils/handleItemError.js +56 -0
  79. package/emotion/cjs/components/CodeField/utils/index.js +38 -0
  80. package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  81. package/emotion/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  82. package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  83. package/emotion/cjs/components/CodeField/variations/_shape/base.js +10 -0
  84. package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  85. package/emotion/cjs/components/CodeField/variations/_size/base.js +10 -0
  86. package/emotion/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  87. package/emotion/cjs/components/CodeField/variations/_view/base.js +10 -0
  88. package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  89. package/emotion/cjs/components/List/List.js +10 -14
  90. package/emotion/cjs/components/List/List.styles.js +10 -2
  91. package/emotion/cjs/components/List/List.tokens.js +5 -2
  92. package/emotion/cjs/components/List/ui/ListItem.js +2 -1
  93. package/emotion/cjs/components/List/ui/ListItem.styles.js +2 -2
  94. package/emotion/cjs/components/List/variations/_disabled/base.js +3 -1
  95. package/emotion/cjs/components/List/variations/_size/base.js +2 -1
  96. package/emotion/cjs/components/List/variations/_view/base.js +3 -1
  97. package/emotion/cjs/components/Notification/Notification.js +5 -1
  98. package/emotion/cjs/components/Notification/Notification.styles.js +43 -36
  99. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +44 -0
  100. package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
  101. package/emotion/cjs/components/NumberFormat/NumberFormat.js +2 -7
  102. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  103. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +16 -1
  104. package/emotion/cjs/examples/fixtures/Notification.js +1 -1
  105. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  106. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  107. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  108. package/emotion/cjs/examples/plasma_b2c/components/List/List.config.js +8 -13
  109. package/emotion/cjs/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
  110. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  111. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
  112. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  113. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  114. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  115. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  116. package/emotion/cjs/examples/plasma_web/components/List/List.config.js +8 -13
  117. package/emotion/cjs/examples/plasma_web/components/List/List.stories.tsx +1 -0
  118. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  119. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +23 -22
  120. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  121. package/emotion/cjs/index.js +11 -0
  122. package/emotion/es/components/CodeField/CodeField.js +290 -0
  123. package/emotion/es/components/CodeField/CodeField.styles.js +58 -0
  124. package/emotion/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  125. package/emotion/es/components/CodeField/CodeField.tokens.js +51 -0
  126. package/emotion/es/components/CodeField/CodeField.types.js +1 -0
  127. package/emotion/es/components/CodeField/index.js +3 -0
  128. package/emotion/es/components/CodeField/utils/constants.js +6 -0
  129. package/emotion/es/components/CodeField/utils/handleCodeError.js +52 -0
  130. package/emotion/es/components/CodeField/utils/handleItemError.js +50 -0
  131. package/emotion/es/components/CodeField/utils/index.js +3 -0
  132. package/emotion/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  133. package/emotion/es/components/CodeField/variations/_disabled/base.js +3 -0
  134. package/emotion/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  135. package/emotion/es/components/CodeField/variations/_shape/base.js +4 -0
  136. package/emotion/es/components/CodeField/variations/_shape/tokens.json +1 -0
  137. package/emotion/es/components/CodeField/variations/_size/base.js +4 -0
  138. package/emotion/es/components/CodeField/variations/_size/tokens.json +19 -0
  139. package/emotion/es/components/CodeField/variations/_view/base.js +4 -0
  140. package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
  141. package/emotion/es/components/List/List.js +3 -8
  142. package/emotion/es/components/List/List.styles.js +10 -2
  143. package/emotion/es/components/List/List.tokens.js +5 -2
  144. package/emotion/es/components/List/ui/ListItem.js +2 -1
  145. package/emotion/es/components/List/ui/ListItem.styles.js +3 -3
  146. package/emotion/es/components/List/variations/_disabled/base.js +3 -1
  147. package/emotion/es/components/List/variations/_size/base.js +2 -1
  148. package/emotion/es/components/List/variations/_view/base.js +3 -1
  149. package/emotion/es/components/Notification/Notification.js +5 -1
  150. package/emotion/es/components/Notification/Notification.styles.js +43 -36
  151. package/emotion/es/components/Notification/Notification.template-doc.mdx +44 -0
  152. package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
  153. package/emotion/es/components/NumberFormat/NumberFormat.js +2 -7
  154. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -3
  155. package/emotion/es/components/TextField/TextField.template-doc.mdx +16 -1
  156. package/emotion/es/examples/fixtures/Notification.js +1 -1
  157. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  158. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  159. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  160. package/emotion/es/examples/plasma_b2c/components/List/List.config.js +8 -13
  161. package/emotion/es/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
  162. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  163. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
  164. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  165. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  166. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  167. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  168. package/emotion/es/examples/plasma_web/components/List/List.config.js +8 -13
  169. package/emotion/es/examples/plasma_web/components/List/List.stories.tsx +1 -0
  170. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  171. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +23 -22
  172. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  173. package/emotion/es/index.js +1 -0
  174. package/es/components/CodeField/CodeField.css +14 -0
  175. package/es/components/CodeField/CodeField.js +280 -0
  176. package/es/components/CodeField/CodeField.js.map +1 -0
  177. package/es/components/CodeField/CodeField.styles.js +48 -0
  178. package/es/components/CodeField/CodeField.styles.js.map +1 -0
  179. package/es/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  180. package/es/components/CodeField/CodeField.tokens.js +54 -0
  181. package/es/components/CodeField/CodeField.tokens.js.map +1 -0
  182. package/es/components/CodeField/utils/constants.js +9 -0
  183. package/es/components/CodeField/utils/constants.js.map +1 -0
  184. package/es/components/CodeField/utils/handleCodeError.js +51 -0
  185. package/es/components/CodeField/utils/handleCodeError.js.map +1 -0
  186. package/es/components/CodeField/utils/handleItemError.js +49 -0
  187. package/es/components/CodeField/utils/handleItemError.js.map +1 -0
  188. package/es/components/CodeField/utils/initialValuesHelper.js +27 -0
  189. package/es/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  190. package/es/components/{List/variations/_variant → CodeField/variations/_disabled}/base.js +2 -2
  191. package/es/components/CodeField/variations/_disabled/base.js.map +1 -0
  192. package/es/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  193. package/es/components/CodeField/variations/_shape/base.js +5 -0
  194. package/es/components/CodeField/variations/_shape/base.js.map +1 -0
  195. package/es/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  196. package/es/components/CodeField/variations/_size/base.js +5 -0
  197. package/es/components/CodeField/variations/_size/base.js.map +1 -0
  198. package/es/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  199. package/es/components/CodeField/variations/_view/base.js +5 -0
  200. package/es/components/CodeField/variations/_view/base.js.map +1 -0
  201. package/es/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  202. package/es/components/List/List.css +7 -1
  203. package/es/components/List/List.js +5 -10
  204. package/es/components/List/List.js.map +1 -1
  205. package/es/components/List/List.styles.js +1 -1
  206. package/es/components/List/List.styles.js.map +1 -1
  207. package/es/components/List/List.styles_97b8jq.css +1 -0
  208. package/es/components/List/List.tokens.js +5 -2
  209. package/es/components/List/List.tokens.js.map +1 -1
  210. package/es/components/List/ui/ListItem.css +2 -2
  211. package/es/components/List/ui/ListItem.js +2 -1
  212. package/es/components/List/ui/ListItem.js.map +1 -1
  213. package/es/components/List/ui/ListItem.styles.js +1 -1
  214. package/es/components/List/ui/ListItem.styles.js.map +1 -1
  215. package/es/components/List/ui/ListItem.styles_106alid.css +2 -0
  216. package/es/components/List/variations/_disabled/base.js +1 -1
  217. package/es/components/List/variations/_disabled/base.js.map +1 -1
  218. package/es/components/List/variations/_disabled/base_1p96e1z.css +1 -0
  219. package/es/components/List/variations/_size/base.js +1 -1
  220. package/es/components/List/variations/_size/base.js.map +1 -1
  221. package/es/components/List/variations/_size/base_jq4nc8.css +1 -0
  222. package/es/components/List/variations/_view/base.js +1 -1
  223. package/es/components/List/variations/_view/base.js.map +1 -1
  224. package/es/components/List/variations/_view/base_1fsqflm.css +1 -0
  225. package/es/components/Notification/Notification.css +12 -12
  226. package/es/components/Notification/Notification.js +5 -1
  227. package/es/components/Notification/Notification.js.map +1 -1
  228. package/es/components/Notification/Notification.styles.js +63 -48
  229. package/es/components/Notification/Notification.styles.js.map +1 -1
  230. package/es/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
  231. package/es/components/Notification/Notification.types.js.map +1 -1
  232. package/es/components/Notification/NotificationsProvider.css +11 -11
  233. package/es/components/Notification/variations/_layout/base.js +1 -1
  234. package/es/components/Notification/variations/_layout/base.js.map +1 -1
  235. package/es/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
  236. package/es/components/NumberFormat/NumberFormat.js +2 -7
  237. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  238. package/es/components/NumberInput/ui/Input/Input.js +0 -3
  239. package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
  240. package/es/index.css +36 -15
  241. package/es/index.js +3 -0
  242. package/es/index.js.map +1 -1
  243. package/package.json +2 -2
  244. package/styled-components/cjs/components/CodeField/CodeField.js +299 -0
  245. package/styled-components/cjs/components/CodeField/CodeField.styles.js +38 -0
  246. package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  247. package/styled-components/cjs/components/CodeField/CodeField.tokens.js +57 -0
  248. package/styled-components/cjs/components/CodeField/CodeField.types.js +5 -0
  249. package/styled-components/cjs/components/CodeField/index.js +50 -0
  250. package/styled-components/cjs/components/CodeField/utils/constants.js +12 -0
  251. package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  252. package/styled-components/cjs/components/CodeField/utils/handleItemError.js +56 -0
  253. package/styled-components/cjs/components/CodeField/utils/index.js +38 -0
  254. package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  255. package/styled-components/cjs/components/{List/variations/_variant → CodeField/variations/_disabled}/base.js +2 -1
  256. package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  257. package/styled-components/cjs/components/CodeField/variations/_shape/base.js +10 -0
  258. package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  259. package/styled-components/cjs/components/CodeField/variations/_size/base.js +10 -0
  260. package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  261. package/styled-components/cjs/components/CodeField/variations/_view/base.js +10 -0
  262. package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  263. package/styled-components/cjs/components/List/List.js +10 -14
  264. package/styled-components/cjs/components/List/List.styles.js +1 -2
  265. package/styled-components/cjs/components/List/List.tokens.js +5 -2
  266. package/styled-components/cjs/components/List/ui/ListItem.js +2 -1
  267. package/styled-components/cjs/components/List/ui/ListItem.styles.js +1 -1
  268. package/styled-components/cjs/components/List/variations/_disabled/base.js +3 -1
  269. package/styled-components/cjs/components/List/variations/_size/base.js +2 -1
  270. package/styled-components/cjs/components/List/variations/_view/base.js +3 -1
  271. package/styled-components/cjs/components/Notification/Notification.js +5 -1
  272. package/styled-components/cjs/components/Notification/Notification.styles.js +33 -26
  273. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +44 -0
  274. package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
  275. package/styled-components/cjs/components/NumberFormat/NumberFormat.js +2 -7
  276. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  277. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +16 -1
  278. package/styled-components/cjs/examples/fixtures/Notification.js +1 -1
  279. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  280. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  281. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  282. package/styled-components/cjs/examples/plasma_b2c/components/List/List.config.js +8 -13
  283. package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
  284. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  285. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
  286. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  287. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  288. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  289. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  290. package/styled-components/cjs/examples/plasma_web/components/List/List.config.js +8 -13
  291. package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx +1 -0
  292. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  293. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -6
  294. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  295. package/styled-components/cjs/index.js +11 -0
  296. package/styled-components/es/components/CodeField/CodeField.js +290 -0
  297. package/styled-components/es/components/CodeField/CodeField.styles.js +30 -0
  298. package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  299. package/styled-components/es/components/CodeField/CodeField.tokens.js +51 -0
  300. package/styled-components/es/components/CodeField/CodeField.types.js +1 -0
  301. package/styled-components/es/components/CodeField/index.js +3 -0
  302. package/styled-components/es/components/CodeField/utils/constants.js +6 -0
  303. package/styled-components/es/components/CodeField/utils/handleCodeError.js +52 -0
  304. package/styled-components/es/components/CodeField/utils/handleItemError.js +50 -0
  305. package/styled-components/es/components/CodeField/utils/index.js +3 -0
  306. package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  307. package/styled-components/es/components/CodeField/variations/_disabled/base.js +3 -0
  308. package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  309. package/styled-components/es/components/CodeField/variations/_shape/base.js +4 -0
  310. package/styled-components/es/components/CodeField/variations/_shape/tokens.json +1 -0
  311. package/styled-components/es/components/CodeField/variations/_size/base.js +4 -0
  312. package/styled-components/es/components/CodeField/variations/_size/tokens.json +19 -0
  313. package/styled-components/es/components/CodeField/variations/_view/base.js +4 -0
  314. package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
  315. package/styled-components/es/components/List/List.js +3 -8
  316. package/styled-components/es/components/List/List.styles.js +1 -2
  317. package/styled-components/es/components/List/List.tokens.js +5 -2
  318. package/styled-components/es/components/List/ui/ListItem.js +2 -1
  319. package/styled-components/es/components/List/ui/ListItem.styles.js +2 -2
  320. package/styled-components/es/components/List/variations/_disabled/base.js +3 -1
  321. package/styled-components/es/components/List/variations/_size/base.js +2 -1
  322. package/styled-components/es/components/List/variations/_view/base.js +3 -1
  323. package/styled-components/es/components/Notification/Notification.js +5 -1
  324. package/styled-components/es/components/Notification/Notification.styles.js +33 -26
  325. package/styled-components/es/components/Notification/Notification.template-doc.mdx +44 -0
  326. package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
  327. package/styled-components/es/components/NumberFormat/NumberFormat.js +2 -7
  328. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -3
  329. package/styled-components/es/components/TextField/TextField.template-doc.mdx +16 -1
  330. package/styled-components/es/examples/fixtures/Notification.js +1 -1
  331. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  332. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  333. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  334. package/styled-components/es/examples/plasma_b2c/components/List/List.config.js +8 -13
  335. package/styled-components/es/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
  336. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
  337. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
  338. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
  339. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  340. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  341. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  342. package/styled-components/es/examples/plasma_web/components/List/List.config.js +8 -13
  343. package/styled-components/es/examples/plasma_web/components/List/List.stories.tsx +1 -0
  344. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
  345. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -6
  346. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
  347. package/styled-components/es/index.js +1 -0
  348. package/types/components/CodeField/CodeField.d.ts +69 -0
  349. package/types/components/CodeField/CodeField.d.ts.map +1 -0
  350. package/types/components/CodeField/CodeField.styles.d.ts +11 -0
  351. package/types/components/CodeField/CodeField.styles.d.ts.map +1 -0
  352. package/types/components/CodeField/CodeField.tokens.d.ts +52 -0
  353. package/types/components/CodeField/CodeField.tokens.d.ts.map +1 -0
  354. package/types/components/CodeField/CodeField.types.d.ts +93 -0
  355. package/types/components/CodeField/CodeField.types.d.ts.map +1 -0
  356. package/types/components/CodeField/index.d.ts +4 -0
  357. package/types/components/CodeField/index.d.ts.map +1 -0
  358. package/types/components/CodeField/utils/constants.d.ts +7 -0
  359. package/types/components/CodeField/utils/constants.d.ts.map +1 -0
  360. package/types/components/CodeField/utils/handleCodeError.d.ts +15 -0
  361. package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -0
  362. package/types/components/CodeField/utils/handleItemError.d.ts +14 -0
  363. package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -0
  364. package/types/components/CodeField/utils/index.d.ts +4 -0
  365. package/types/components/CodeField/utils/index.d.ts.map +1 -0
  366. package/types/components/CodeField/utils/initialValuesHelper.d.ts +4 -0
  367. package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +1 -0
  368. package/types/components/CodeField/variations/_disabled/base.d.ts.map +1 -0
  369. package/types/components/CodeField/variations/_shape/base.d.ts +2 -0
  370. package/types/components/CodeField/variations/_shape/base.d.ts.map +1 -0
  371. package/types/components/CodeField/variations/_size/base.d.ts +2 -0
  372. package/types/components/CodeField/variations/_size/base.d.ts.map +1 -0
  373. package/types/components/CodeField/variations/_view/base.d.ts +2 -0
  374. package/types/components/CodeField/variations/_view/base.d.ts.map +1 -0
  375. package/types/components/List/List.d.ts +8 -15
  376. package/types/components/List/List.d.ts.map +1 -1
  377. package/types/components/List/List.styles.d.ts.map +1 -1
  378. package/types/components/List/List.tokens.d.ts +4 -1
  379. package/types/components/List/List.tokens.d.ts.map +1 -1
  380. package/types/components/List/List.types.d.ts +4 -6
  381. package/types/components/List/List.types.d.ts.map +1 -1
  382. package/types/components/List/ui/ListItem.d.ts.map +1 -1
  383. package/types/components/List/ui/ListItem.styles.d.ts +1 -3
  384. package/types/components/List/ui/ListItem.styles.d.ts.map +1 -1
  385. package/types/components/List/ui/ListItem.types.d.ts +2 -3
  386. package/types/components/List/ui/ListItem.types.d.ts.map +1 -1
  387. package/types/components/List/variations/_disabled/base.d.ts.map +1 -1
  388. package/types/components/List/variations/_size/base.d.ts.map +1 -1
  389. package/types/components/List/variations/_view/base.d.ts.map +1 -1
  390. package/types/components/Notification/Notification.d.ts.map +1 -1
  391. package/types/components/Notification/Notification.styles.d.ts +3 -1
  392. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  393. package/types/components/Notification/Notification.types.d.ts +9 -0
  394. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  395. package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  396. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
  397. package/types/index.d.ts +1 -0
  398. package/types/index.d.ts.map +1 -1
  399. package/cjs/components/List/List.styles_9yg2yl.css +0 -1
  400. package/cjs/components/List/ui/ListItem.styles_1eo5k14.css +0 -2
  401. package/cjs/components/List/variations/_disabled/base_x642ct.css +0 -1
  402. package/cjs/components/List/variations/_size/base_x642ct.css +0 -1
  403. package/cjs/components/List/variations/_variant/base.js.map +0 -1
  404. package/cjs/components/List/variations/_variant/base_x642ct.css +0 -1
  405. package/cjs/components/List/variations/_view/base_x642ct.css +0 -1
  406. package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
  407. package/emotion/cjs/components/List/variations/_variant/base.js +0 -8
  408. package/emotion/cjs/components/List/variations/_variant/tokens.json +0 -1
  409. package/emotion/es/components/List/variations/_variant/base.js +0 -2
  410. package/emotion/es/components/List/variations/_variant/tokens.json +0 -1
  411. package/es/components/List/List.styles_9yg2yl.css +0 -1
  412. package/es/components/List/ui/ListItem.styles_1eo5k14.css +0 -2
  413. package/es/components/List/variations/_disabled/base_x642ct.css +0 -1
  414. package/es/components/List/variations/_size/base_x642ct.css +0 -1
  415. package/es/components/List/variations/_variant/base.js.map +0 -1
  416. package/es/components/List/variations/_variant/base_x642ct.css +0 -1
  417. package/es/components/List/variations/_view/base_x642ct.css +0 -1
  418. package/es/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
  419. package/styled-components/cjs/components/List/variations/_variant/tokens.json +0 -1
  420. package/styled-components/es/components/List/variations/_variant/base.js +0 -2
  421. package/styled-components/es/components/List/variations/_variant/tokens.json +0 -1
  422. package/types/components/List/variations/_variant/base.d.ts.map +0 -1
  423. /package/types/components/{List/variations/_variant → CodeField/variations/_disabled}/base.d.ts +0 -0
@@ -20,7 +20,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefault(React);
22
22
 
23
- var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
23
+ var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "onCloseButtonClick"];
24
24
 
25
25
  /**
26
26
  * Компонент для небольших уведомлений пользователя
@@ -44,6 +44,8 @@ var notificationRoot = function notificationRoot(Root) {
44
44
  textColor = props.textColor,
45
45
  titleColor = props.titleColor,
46
46
  backgroundColor = props.backgroundColor,
47
+ width = props.width,
48
+ maxWidth = props.maxWidth,
47
49
  onCloseButtonClick = props.onCloseButtonClick,
48
50
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
49
51
  var ariaLive = 'polite';
@@ -71,6 +73,8 @@ var notificationRoot = function notificationRoot(Root) {
71
73
  "aria-atomic": ariaAtomic
72
74
  }, rest), /*#__PURE__*/React__default.default.createElement(Notification_styles.Wrapper, {
73
75
  backgroundColor: backgroundColor,
76
+ width: width,
77
+ maxWidth: maxWidth,
74
78
  className: index.cx(Notification_tokens.classes.wrapper, index$1.getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
75
79
  }, /*#__PURE__*/React__default.default.createElement(Notification_styles.ContentBox, {
76
80
  iconPlacement: IconPlacementInternal,
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n closeIconType,\n textColor,\n titleColor,\n backgroundColor,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content || !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n closeIconType={closeIconType}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper\n backgroundColor={backgroundColor}\n className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n >\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && (\n <StyledTitle className={classes.title} textColor={titleColor}>\n {title}\n </StyledTitle>\n )}\n {content && (\n <StyledContent className={classes.text} textColor={textColor}>\n {content}\n </StyledContent>\n )}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n {closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n )}\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n closeIconType: 'default',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","closeIconType","textColor","titleColor","backgroundColor","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n ButtonsWrapper,\n CloseIconWrapper,\n ContentBox,\n IconWrapper,\n StyledContent,\n StyledNotification,\n StyledTitle,\n TextBox,\n Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n const {\n role = 'status',\n title,\n children: content,\n actions,\n view,\n size,\n iconPlacement,\n showCloseIcon = true,\n layout = layouts.vertical as NotificationLayout,\n icon,\n closeIconType,\n textColor,\n titleColor,\n backgroundColor,\n width,\n maxWidth,\n onCloseButtonClick,\n ...rest\n } = props;\n\n let ariaLive: 'assertive' | 'polite' = 'polite';\n let ariaAtomic = false;\n\n if (role === 'alert') {\n ariaLive = 'assertive';\n } else if (role === 'status') {\n ariaAtomic = true;\n }\n\n const isOneLine = !content || !title;\n const oneLineClass = isOneLine ? classes.oneLine : undefined;\n const withoutIconClass = icon ? undefined : classes.withoutIcon;\n const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n return (\n <Root\n view={view}\n size={size}\n layout={layout}\n closeIconType={closeIconType}\n ref={ref}\n role={role}\n aria-live={ariaLive}\n aria-atomic={ariaAtomic}\n {...rest}\n >\n <Wrapper\n backgroundColor={backgroundColor}\n width={width}\n maxWidth={maxWidth}\n className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n >\n <ContentBox\n iconPlacement={IconPlacementInternal}\n className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n >\n {icon && (\n <IconWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.icon, getLayoutClass(layout))}\n >\n {icon}\n </IconWrapper>\n )}\n <TextBox\n iconPlacement={IconPlacementInternal}\n showCloseIcon={showCloseIcon}\n className={cx(classes.textbox, getLayoutClass(layout))}\n >\n {title && (\n <StyledTitle className={classes.title} textColor={titleColor}>\n {title}\n </StyledTitle>\n )}\n {content && (\n <StyledContent className={classes.text} textColor={textColor}>\n {content}\n </StyledContent>\n )}\n </TextBox>\n </ContentBox>\n {actions && (\n <ButtonsWrapper\n iconPlacement={IconPlacementInternal}\n className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n >\n {actions}\n </ButtonsWrapper>\n )}\n\n {showCloseIcon && (\n <CloseIconWrapper\n view=\"clear\"\n size=\"s\"\n onClick={onCloseButtonClick}\n className={cx(classes.closeIcon, getLayoutClass(layout))}\n >\n {closeIconType === 'default' ? (\n <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n ) : (\n <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n )}\n </CloseIconWrapper>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const notificationConfig = {\n name: 'Notification',\n tag: 'div',\n layout: notificationRoot,\n base: StyledNotification,\n variations: {\n layout: {\n css: layoutCSS,\n },\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n closeIconType: {\n css: closeIconTypeCSS,\n },\n },\n defaults: {\n view: 'default',\n layout: layouts.vertical,\n size: 'xs',\n closeIconType: 'default',\n },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$showCloseIcon","showCloseIcon","_props$layout","layout","layouts","vertical","icon","closeIconType","textColor","titleColor","backgroundColor","width","maxWidth","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- require('./Notification.styles_1yt699o.css');
1
+ require('./Notification.styles_1uyb7ob.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -22,7 +22,20 @@ var CloseIconWrapper = /*#__PURE__*/react.styled(_exp())({
22
22
  });
23
23
  var _exp8 = function _exp8() {
24
24
  return function (_ref) {
25
- var backgroundColor = _ref.backgroundColor;
25
+ var _ref$width = _ref.width,
26
+ width = _ref$width === void 0 ? "var(".concat(Notification_tokens.tokens.width, ")") : _ref$width;
27
+ return width;
28
+ };
29
+ };
30
+ var _exp9 = function _exp9() {
31
+ return function (_ref2) {
32
+ var maxWidth = _ref2.maxWidth;
33
+ return maxWidth || 'unset';
34
+ };
35
+ };
36
+ var _exp13 = function _exp13() {
37
+ return function (_ref3) {
38
+ var backgroundColor = _ref3.backgroundColor;
26
39
  return backgroundColor || "var(".concat(Notification_tokens.tokens.background, ")");
27
40
  };
28
41
  };
@@ -31,12 +44,14 @@ var Wrapper = /*#__PURE__*/react.styled('div')({
31
44
  "class": "wg1ga5v",
32
45
  propsAsIs: false,
33
46
  vars: {
34
- "wg1ga5v-0": [/*#__PURE__*/_exp8()]
47
+ "wg1ga5v-0": [/*#__PURE__*/_exp8()],
48
+ "wg1ga5v-1": [/*#__PURE__*/_exp9()],
49
+ "wg1ga5v-2": [/*#__PURE__*/_exp13()]
35
50
  }
36
51
  });
37
- var _exp15 = function _exp15() {
38
- return function (_ref2) {
39
- var iconPlacement = _ref2.iconPlacement;
52
+ var _exp17 = function _exp17() {
53
+ return function (_ref4) {
54
+ var iconPlacement = _ref4.iconPlacement;
40
55
  return iconPlacement === Notification_types.placements.left ? "var(".concat(Notification_tokens.tokens.buttonsMarginLeft, ")") : 'unset';
41
56
  };
42
57
  };
@@ -45,24 +60,24 @@ var ButtonsWrapper = /*#__PURE__*/react.styled('div')({
45
60
  "class": "b1amsn8a",
46
61
  propsAsIs: false,
47
62
  vars: {
48
- "b1amsn8a-0": [/*#__PURE__*/_exp15()]
63
+ "b1amsn8a-0": [/*#__PURE__*/_exp17()]
49
64
  }
50
65
  });
51
- var _exp21 = function _exp21() {
52
- return function (_ref3) {
53
- var iconColor = _ref3.iconColor;
66
+ var _exp23 = function _exp23() {
67
+ return function (_ref5) {
68
+ var iconColor = _ref5.iconColor;
54
69
  return iconColor || "var(".concat(Notification_tokens.tokens.contentLeftIconColor, ")");
55
70
  };
56
71
  };
57
- var _exp22 = function _exp22() {
58
- return function (_ref4) {
59
- var iconPlacement = _ref4.iconPlacement;
72
+ var _exp24 = function _exp24() {
73
+ return function (_ref6) {
74
+ var iconPlacement = _ref6.iconPlacement;
60
75
  return iconPlacement === Notification_types.placements.left ? "var(".concat(Notification_tokens.tokens.contentLeftIconMargin, ")") : 'unset';
61
76
  };
62
77
  };
63
- var _exp23 = function _exp23() {
64
- return function (_ref5) {
65
- var iconPlacement = _ref5.iconPlacement;
78
+ var _exp25 = function _exp25() {
79
+ return function (_ref7) {
80
+ var iconPlacement = _ref7.iconPlacement;
66
81
  return iconPlacement === Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.contentTopIconMargin, ")") : 'unset';
67
82
  };
68
83
  };
@@ -71,20 +86,20 @@ var IconWrapper = /*#__PURE__*/react.styled('div')({
71
86
  "class": "i14raqr9",
72
87
  propsAsIs: false,
73
88
  vars: {
74
- "i14raqr9-0": [/*#__PURE__*/_exp21()],
75
- "i14raqr9-1": [/*#__PURE__*/_exp22()],
76
- "i14raqr9-2": [/*#__PURE__*/_exp23()]
89
+ "i14raqr9-0": [/*#__PURE__*/_exp23()],
90
+ "i14raqr9-1": [/*#__PURE__*/_exp24()],
91
+ "i14raqr9-2": [/*#__PURE__*/_exp25()]
77
92
  }
78
93
  });
79
- var _exp26 = function _exp26() {
80
- return function (_ref6) {
81
- var iconPlacement = _ref6.iconPlacement;
94
+ var _exp28 = function _exp28() {
95
+ return function (_ref8) {
96
+ var iconPlacement = _ref8.iconPlacement;
82
97
  return iconPlacement === Notification_types.placements.left ? 'flex' : 'block';
83
98
  };
84
99
  };
85
- var _exp27 = function _exp27() {
86
- return function (_ref7) {
87
- var iconPlacement = _ref7.iconPlacement;
100
+ var _exp29 = function _exp29() {
101
+ return function (_ref9) {
102
+ var iconPlacement = _ref9.iconPlacement;
88
103
  return iconPlacement ? "var(".concat(Notification_tokens.tokens.contentPaddingTop, ")") : "var(".concat(Notification_tokens.tokens.contentPaddingTopWithoutIcon, ")");
89
104
  };
90
105
  };
@@ -93,20 +108,20 @@ var ContentBox = /*#__PURE__*/react.styled('div')({
93
108
  "class": "c157peez",
94
109
  propsAsIs: false,
95
110
  vars: {
96
- "c157peez-0": [/*#__PURE__*/_exp26()],
97
- "c157peez-1": [/*#__PURE__*/_exp27()]
111
+ "c157peez-0": [/*#__PURE__*/_exp28()],
112
+ "c157peez-1": [/*#__PURE__*/_exp29()]
98
113
  }
99
114
  });
100
- var _exp33 = function _exp33() {
101
- return function (_ref8) {
102
- var iconPlacement = _ref8.iconPlacement;
115
+ var _exp35 = function _exp35() {
116
+ return function (_ref10) {
117
+ var iconPlacement = _ref10.iconPlacement;
103
118
  return !iconPlacement || iconPlacement === Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.textboxPaddingTopWithTopIcon, ")") : "var(".concat(Notification_tokens.tokens.textboxPaddingTop, ")");
104
119
  };
105
120
  };
106
- var _exp34 = function _exp34() {
107
- return function (_ref9) {
108
- var showCloseIcon = _ref9.showCloseIcon,
109
- iconPlacement = _ref9.iconPlacement;
121
+ var _exp36 = function _exp36() {
122
+ return function (_ref11) {
123
+ var showCloseIcon = _ref11.showCloseIcon,
124
+ iconPlacement = _ref11.iconPlacement;
110
125
  return showCloseIcon && iconPlacement !== Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.textboxPaddingRightWithCloseIcon, ")") : "var(".concat(Notification_tokens.tokens.textboxPaddingRight, ")");
111
126
  };
112
127
  };
@@ -115,13 +130,13 @@ var TextBox = /*#__PURE__*/react.styled('div')({
115
130
  "class": "t1vmb0f2",
116
131
  propsAsIs: false,
117
132
  vars: {
118
- "t1vmb0f2-0": [/*#__PURE__*/_exp33()],
119
- "t1vmb0f2-1": [/*#__PURE__*/_exp34()]
133
+ "t1vmb0f2-0": [/*#__PURE__*/_exp35()],
134
+ "t1vmb0f2-1": [/*#__PURE__*/_exp36()]
120
135
  }
121
136
  });
122
- var _exp44 = function _exp44() {
123
- return function (_ref10) {
124
- var textColor = _ref10.textColor;
137
+ var _exp46 = function _exp46() {
138
+ return function (_ref12) {
139
+ var textColor = _ref12.textColor;
125
140
  return textColor || "var(".concat(Notification_tokens.tokens.titleColor, ")");
126
141
  };
127
142
  };
@@ -130,12 +145,12 @@ var StyledTitle = /*#__PURE__*/react.styled('div')({
130
145
  "class": "s1k4e58v",
131
146
  propsAsIs: false,
132
147
  vars: {
133
- "s1k4e58v-0": [/*#__PURE__*/_exp44()]
148
+ "s1k4e58v-0": [/*#__PURE__*/_exp46()]
134
149
  }
135
150
  });
136
- var _exp52 = function _exp52() {
137
- return function (_ref11) {
138
- var textColor = _ref11.textColor;
151
+ var _exp54 = function _exp54() {
152
+ return function (_ref13) {
153
+ var textColor = _ref13.textColor;
139
154
  return textColor || "var(".concat(Notification_tokens.tokens.contentColor, ")");
140
155
  };
141
156
  };
@@ -144,7 +159,7 @@ var StyledContent = /*#__PURE__*/react.styled('div')({
144
159
  "class": "s92kmpm",
145
160
  propsAsIs: false,
146
161
  vars: {
147
- "s92kmpm-0": [/*#__PURE__*/_exp52()]
162
+ "s92kmpm-0": [/*#__PURE__*/_exp54()]
148
163
  }
149
164
  });
150
165
  var StyledItemWrapper = /*#__PURE__*/react.styled('div')({
@@ -152,9 +167,9 @@ var StyledItemWrapper = /*#__PURE__*/react.styled('div')({
152
167
  "class": "s18m0x6v",
153
168
  propsAsIs: false
154
169
  });
155
- var _exp59 = function _exp59() {
156
- return function (_ref12) {
157
- var placement = _ref12.placement;
170
+ var _exp61 = function _exp61() {
171
+ return function (_ref14) {
172
+ var placement = _ref14.placement;
158
173
  return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
159
174
  };
160
175
  };
@@ -163,7 +178,7 @@ var StyledRoot = /*#__PURE__*/react.styled('div')({
163
178
  "class": "sfe5ql2",
164
179
  propsAsIs: false,
165
180
  vars: {
166
- "sfe5ql2-0": [/*#__PURE__*/_exp59()]
181
+ "sfe5ql2-0": [/*#__PURE__*/_exp61()]
167
182
  }
168
183
  });
169
184
 
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyHyphens } from '../../mixins';\nimport { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { CloseIconType, IconPlacementType, NotificationPlacement, placements } from './Notification.types';\n\nexport const StyledNotification = css`\n width: fit-content;\n`;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const CloseIconWrapper = styled(Button)`\n position: absolute;\n width: var(${tokens.closeIconButtonSize});\n height: var(${tokens.closeIconButtonSize});\n align-self: var(${tokens.horisontalIconCloseAlignSelf});\n\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n\n &.${classes.horizontal} {\n position: relative;\n }\n`;\n\nexport const Wrapper = styled.div<{ backgroundColor?: string }>`\n position: relative;\n box-sizing: border-box;\n\n background: ${({ backgroundColor }) => backgroundColor || `var(${tokens.background})`};\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderWidth}) solid var(${tokens.borderColor});\n\n &.${classes.horizontal} {\n display: flex;\n align-items: center;\n gap: var(${tokens.horizontalLayoutGap});\n }\n`;\n\nexport const ButtonsWrapper = styled.div<IconPlacementType>`\n margin-top: var(${tokens.buttonsMarginTop});\n margin-left: ${({ iconPlacement }) =>\n iconPlacement === placements.left ? `var(${tokens.buttonsMarginLeft})` : 'unset'};\n\n align-self: var(${tokens.horisontalActionsAlignSelf});\n\n &.${classes.horizontal} {\n margin-top: unset;\n margin-left: unset;\n }\n`;\n\nexport const IconWrapper = styled.div<IconPlacementType & { iconColor?: string }>`\n width: var(${tokens.contentLeftIconSize});\n height: var(${tokens.contentLeftIconSize});\n align-self: var(${tokens.horisontalIconLeftAlignSelf});\n color: ${({ iconColor }) => iconColor || `var(${tokens.contentLeftIconColor})`};\n\n margin-right: ${({ iconPlacement }) =>\n iconPlacement === placements.left ? `var(${tokens.contentLeftIconMargin})` : 'unset'};\n margin-bottom: ${({ iconPlacement }) =>\n iconPlacement === placements.top ? `var(${tokens.contentTopIconMargin})` : 'unset'};\n\n &.${classes.horizontal} {\n margin-right: var(${tokens.horizontalLayoutLeftIconMargin});\n margin-bottom: unset;\n }\n`;\n\nexport const ContentBox = styled.div<IconPlacementType>`\n // TODO: переделать, когда научимся работать с токенами при пересечнии свойств\n // issue #909\n display: ${({ iconPlacement }) => (iconPlacement === placements.left ? 'flex' : 'block')};\n\n padding-top: ${({ iconPlacement }) =>\n iconPlacement ? `var(${tokens.contentPaddingTop})` : `var(${tokens.contentPaddingTopWithoutIcon})`};\n\n &.${classes.horizontal} {\n padding: unset;\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n`;\n\nexport const TextBox = styled.div<CloseIconType & IconPlacementType>`\n padding: var(${tokens.textboxPaddingTop}) var(${tokens.textboxPaddingRight}) var(${tokens.textboxPaddingBottom})\n var(${tokens.textboxPaddingLeft});\n\n padding-top: ${({ iconPlacement }) =>\n !iconPlacement || iconPlacement === placements.top\n ? `var(${tokens.textboxPaddingTopWithTopIcon})`\n : `var(${tokens.textboxPaddingTop})`};\n padding-right: ${({ showCloseIcon, iconPlacement }) =>\n showCloseIcon && iconPlacement !== placements.top\n ? `var(${tokens.textboxPaddingRightWithCloseIcon})`\n : `var(${tokens.textboxPaddingRight})`};\n\n display: flex;\n flex-direction: column;\n row-gap: var(${tokens.textboxGap});\n word-break: break-word;\n\n &.${classes.horizontal} {\n padding: unset;\n }\n`;\n\nexport const StyledTitle = styled.div<{ textColor?: string }>`\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleFontLetterSpacing});\n line-height: var(${tokens.titleFontLineHeight});\n ${String(applyHyphens)};\n\n color: ${({ textColor }) => textColor || `var(${tokens.titleColor})`};\n`;\n\nexport const StyledContent = styled.div<{ textColor?: string }>`\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentFontLetterSpacing});\n line-height: var(${tokens.contentFontLineHeight});\n ${String(applyHyphens)};\n\n color: ${({ textColor }) => textColor || `var(${tokens.contentColor})`};\n`;\n\nexport const StyledItemWrapper = styled.div<{ isHidden: boolean }>`\n margin-top: 1rem;\n opacity: 1;\n\n &&.${classes.notificationItemOpened} {\n animation: 0.4s showAnimation ease-out;\n\n &.${classes.notificationLeftToRightAnimation} {\n animation: 0.4s showLeftToRightAnimation ease-out;\n }\n\n &.${classes.notificationTopToCenterAnimation} {\n animation: 0.4s showTopToCenterAnimation ease-out;\n }\n\n &.${classes.notificationBottomToCenterAnimation} {\n animation: 0.4s showBottomToCenterAnimation ease-out;\n }\n }\n\n &&.${classes.notificationItemHidden} {\n animation: 0.4s hideAnimation ease-out;\n\n &.${classes.notificationLeftToRightAnimation} {\n animation: 0.4s hideLeftToRightAnimation ease-out;\n }\n }\n\n @keyframes showTopToCenterAnimation {\n 0% {\n transform: translateY(-100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n @keyframes showBottomToCenterAnimation {\n 0% {\n transform: translateY(100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n @keyframes showLeftToRightAnimation {\n 0% {\n transform: translateX(-100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @keyframes hideLeftToRightAnimation {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 100% {\n transform: translateX(-100%);\n opacity: 0;\n }\n }\n\n @keyframes showAnimation {\n 0% {\n transform: translateX(100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @keyframes hideAnimation {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 100% {\n transform: translateX(100%);\n opacity: 0;\n }\n }\n`;\n\nexport const StyledRoot = styled.div<{ placement?: NotificationPlacement }>`\n display: flex;\n flex-direction: column-reverse;\n box-sizing: border-box;\n padding: 0 1.5rem 1.5rem;\n max-height: 100%;\n align-items: ${({ placement }) => (placement === 'bottom-left' ? 'flex-start' : 'flex-end')};\n`;\n"],"names":["StyledNotification","mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","CloseIconWrapper","styled","name","class","propsAsIs","_exp8","_ref","backgroundColor","concat","tokens","background","Wrapper","vars","_exp15","_ref2","iconPlacement","placements","left","buttonsMarginLeft","ButtonsWrapper","_exp21","_ref3","iconColor","contentLeftIconColor","_exp22","_ref4","contentLeftIconMargin","_exp23","_ref5","top","contentTopIconMargin","IconWrapper","_exp26","_ref6","_exp27","_ref7","contentPaddingTop","contentPaddingTopWithoutIcon","ContentBox","_exp33","_ref8","textboxPaddingTopWithTopIcon","textboxPaddingTop","_exp34","_ref9","showCloseIcon","textboxPaddingRightWithCloseIcon","textboxPaddingRight","TextBox","_exp44","_ref10","textColor","titleColor","StyledTitle","_exp52","_ref11","contentColor","StyledContent","StyledItemWrapper","_exp59","_ref12","placement","StyledRoot"],"mappings":"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"}
1
+ {"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyHyphens } from '../../mixins';\nimport { buttonConfig } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { CloseIconType, IconPlacementType, NotificationPlacement, placements } from './Notification.types';\n\nexport const StyledNotification = css`\n width: fit-content;\n`;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const CloseIconWrapper = styled(Button)`\n position: absolute;\n width: var(${tokens.closeIconButtonSize});\n height: var(${tokens.closeIconButtonSize});\n align-self: var(${tokens.horisontalIconCloseAlignSelf});\n\n color: var(${tokens.closeIconColor});\n\n :hover {\n color: var(${tokens.closeIconColorOnHover});\n }\n\n &.${classes.horizontal} {\n position: relative;\n }\n`;\n\nexport const Wrapper = styled.div<{\n backgroundColor?: string;\n width?: CSSProperties['width'];\n maxWidth?: CSSProperties['maxWidth'];\n}>`\n position: relative;\n width: ${({ width = `var(${tokens.width})` }) => width};\n max-width: ${({ maxWidth }) => maxWidth || 'unset'};\n\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderWidth}) solid var(${tokens.borderColor});\n\n background: ${({ backgroundColor }) => backgroundColor || `var(${tokens.background})`};\n box-sizing: border-box;\n\n &.${classes.horizontal} {\n display: flex;\n align-items: center;\n gap: var(${tokens.horizontalLayoutGap});\n }\n`;\n\nexport const ButtonsWrapper = styled.div<IconPlacementType>`\n margin-top: var(${tokens.buttonsMarginTop});\n margin-left: ${({ iconPlacement }) =>\n iconPlacement === placements.left ? `var(${tokens.buttonsMarginLeft})` : 'unset'};\n\n align-self: var(${tokens.horisontalActionsAlignSelf});\n\n &.${classes.horizontal} {\n margin-top: unset;\n margin-left: unset;\n }\n`;\n\nexport const IconWrapper = styled.div<IconPlacementType & { iconColor?: string }>`\n width: var(${tokens.contentLeftIconSize});\n height: var(${tokens.contentLeftIconSize});\n align-self: var(${tokens.horisontalIconLeftAlignSelf});\n color: ${({ iconColor }) => iconColor || `var(${tokens.contentLeftIconColor})`};\n\n margin-right: ${({ iconPlacement }) =>\n iconPlacement === placements.left ? `var(${tokens.contentLeftIconMargin})` : 'unset'};\n margin-bottom: ${({ iconPlacement }) =>\n iconPlacement === placements.top ? `var(${tokens.contentTopIconMargin})` : 'unset'};\n\n &.${classes.horizontal} {\n margin-right: var(${tokens.horizontalLayoutLeftIconMargin});\n margin-bottom: unset;\n }\n`;\n\nexport const ContentBox = styled.div<IconPlacementType>`\n // TODO: переделать, когда научимся работать с токенами при пересечнии свойств\n // issue #909\n display: ${({ iconPlacement }) => (iconPlacement === placements.left ? 'flex' : 'block')};\n\n padding-top: ${({ iconPlacement }) =>\n iconPlacement ? `var(${tokens.contentPaddingTop})` : `var(${tokens.contentPaddingTopWithoutIcon})`};\n\n &.${classes.horizontal} {\n padding: unset;\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n`;\n\nexport const TextBox = styled.div<CloseIconType & IconPlacementType>`\n padding: var(${tokens.textboxPaddingTop}) var(${tokens.textboxPaddingRight}) var(${tokens.textboxPaddingBottom})\n var(${tokens.textboxPaddingLeft});\n\n padding-top: ${({ iconPlacement }) =>\n !iconPlacement || iconPlacement === placements.top\n ? `var(${tokens.textboxPaddingTopWithTopIcon})`\n : `var(${tokens.textboxPaddingTop})`};\n padding-right: ${({ showCloseIcon, iconPlacement }) =>\n showCloseIcon && iconPlacement !== placements.top\n ? `var(${tokens.textboxPaddingRightWithCloseIcon})`\n : `var(${tokens.textboxPaddingRight})`};\n\n display: flex;\n flex-direction: column;\n row-gap: var(${tokens.textboxGap});\n word-break: break-word;\n\n &.${classes.horizontal} {\n padding: unset;\n }\n`;\n\nexport const StyledTitle = styled.div<{ textColor?: string }>`\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleFontLetterSpacing});\n line-height: var(${tokens.titleFontLineHeight});\n ${String(applyHyphens)};\n\n color: ${({ textColor }) => textColor || `var(${tokens.titleColor})`};\n`;\n\nexport const StyledContent = styled.div<{ textColor?: string }>`\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentFontLetterSpacing});\n line-height: var(${tokens.contentFontLineHeight});\n ${String(applyHyphens)};\n\n color: ${({ textColor }) => textColor || `var(${tokens.contentColor})`};\n`;\n\nexport const StyledItemWrapper = styled.div<{ isHidden: boolean }>`\n margin-top: 1rem;\n opacity: 1;\n\n &&.${classes.notificationItemOpened} {\n animation: 0.4s showAnimation ease-out;\n\n &.${classes.notificationLeftToRightAnimation} {\n animation: 0.4s showLeftToRightAnimation ease-out;\n }\n\n &.${classes.notificationTopToCenterAnimation} {\n animation: 0.4s showTopToCenterAnimation ease-out;\n }\n\n &.${classes.notificationBottomToCenterAnimation} {\n animation: 0.4s showBottomToCenterAnimation ease-out;\n }\n }\n\n &&.${classes.notificationItemHidden} {\n animation: 0.4s hideAnimation ease-out;\n\n &.${classes.notificationLeftToRightAnimation} {\n animation: 0.4s hideLeftToRightAnimation ease-out;\n }\n }\n\n @keyframes showTopToCenterAnimation {\n 0% {\n transform: translateY(-100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n @keyframes showBottomToCenterAnimation {\n 0% {\n transform: translateY(100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n @keyframes showLeftToRightAnimation {\n 0% {\n transform: translateX(-100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @keyframes hideLeftToRightAnimation {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 100% {\n transform: translateX(-100%);\n opacity: 0;\n }\n }\n\n @keyframes showAnimation {\n 0% {\n transform: translateX(100%);\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @keyframes hideAnimation {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 100% {\n transform: translateX(100%);\n opacity: 0;\n }\n }\n`;\n\nexport const StyledRoot = styled.div<{ placement?: NotificationPlacement }>`\n display: flex;\n flex-direction: column-reverse;\n box-sizing: border-box;\n padding: 0 1.5rem 1.5rem;\n max-height: 100%;\n align-items: ${({ placement }) => (placement === 'bottom-left' ? 'flex-start' : 'flex-end')};\n`;\n"],"names":["StyledNotification","mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","CloseIconWrapper","styled","name","class","propsAsIs","_exp8","_ref","_ref$width","width","concat","tokens","_exp9","_ref2","maxWidth","_exp13","_ref3","backgroundColor","background","Wrapper","vars","_exp17","_ref4","iconPlacement","placements","left","buttonsMarginLeft","ButtonsWrapper","_exp23","_ref5","iconColor","contentLeftIconColor","_exp24","_ref6","contentLeftIconMargin","_exp25","_ref7","top","contentTopIconMargin","IconWrapper","_exp28","_ref8","_exp29","_ref9","contentPaddingTop","contentPaddingTopWithoutIcon","ContentBox","_exp35","_ref10","textboxPaddingTopWithTopIcon","textboxPaddingTop","_exp36","_ref11","showCloseIcon","textboxPaddingRightWithCloseIcon","textboxPaddingRight","TextBox","_exp46","_ref12","textColor","titleColor","StyledTitle","_exp54","_ref13","contentColor","StyledContent","StyledItemWrapper","_exp61","_ref14","placement","StyledRoot"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  .sb12p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
2
2
  .crvd7hm{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.crvd7hm:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.crvd7hm.notification-layout-horizontal{position:relative;}
3
- .wg1ga5v{position:relative;box-sizing:border-box;background:var(--wg1ga5v-0);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.wg1ga5v.notification-layout-horizontal{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;gap:var(--plasma-notification-horizontal-layout-gap);}
3
+ .wg1ga5v{position:relative;width:var(--wg1ga5v-0);max-width:var(--wg1ga5v-1);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);background:var(--wg1ga5v-2);box-sizing:border-box;}.wg1ga5v.notification-layout-horizontal{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;gap:var(--plasma-notification-horizontal-layout-gap);}
4
4
  .b1amsn8a{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.b1amsn8a.notification-layout-horizontal{margin-top:unset;margin-left:unset;}
5
5
  .i14raqr9{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.i14raqr9.notification-layout-horizontal{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
6
6
  .c157peez{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.c157peez.notification-layout-horizontal{padding:unset;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-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\nimport type { PopupPlacement } from '../Popup';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = PopupPlacement;\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Схема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n /**\n * Цвет текста (по умолчанию берётся цвет из view)\n */\n textColor?: string;\n /**\n * Цвет заголовка (по умолчанию берётся цвет из view)\n */\n titleColor?: string;\n /**\n * Цвет заголовка (по умолчанию берётся цвет из view)\n */\n backgroundColor?: string;\n /**\n * Callback при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * Callback, вызываемый при автоматическом закрытии по timeout.\n */\n onTimeoutClose?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфигурация компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":";;;;AAMO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;;"}
1
+ {"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\nimport type { PopupPlacement } from '../Popup';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = PopupPlacement;\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Схема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n /**\n * Цвет текста (по умолчанию берётся цвет из view)\n */\n textColor?: string;\n /**\n * Цвет заголовка (по умолчанию берётся цвет из view)\n */\n titleColor?: string;\n /**\n * Цвет заголовка (по умолчанию берётся цвет из view)\n */\n backgroundColor?: string;\n /**\n * Свойства для управления шириной уведомления\n */\n width?: CSSProperties['width'];\n /**\n * Свойства для ограничения ширины уведомления\n */\n maxWidth?: CSSProperties['maxWidth'];\n /**\n * Callback при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * Callback, вызываемый при автоматическом закрытии по timeout.\n */\n onTimeoutClose?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфигурация компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":";;;;AAOO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;;"}
@@ -29,16 +29,16 @@
29
29
  .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
30
30
  .Button_styles_8cvmld_b9ga1dj__4694a0fa{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_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
31
31
 
32
- .Notification_styles_1yt699o_sb12p__ff5174fd{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
33
- .Notification_styles_1yt699o_crvd7hm__ff5174fd{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.Notification_styles_1yt699o_crvd7hm__ff5174fd:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1yt699o_crvd7hm__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{position:relative;}
34
- .Notification_styles_1yt699o_wg1ga5v__ff5174fd{position:relative;box-sizing:border-box;background:var(--wg1ga5v-0);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.Notification_styles_1yt699o_wg1ga5v__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{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;gap:var(--plasma-notification-horizontal-layout-gap);}
35
- .Notification_styles_1yt699o_b1amsn8a__ff5174fd{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.Notification_styles_1yt699o_b1amsn8a__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-top:unset;margin-left:unset;}
36
- .Notification_styles_1yt699o_i14raqr9__ff5174fd{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.Notification_styles_1yt699o_i14raqr9__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
37
- .Notification_styles_1yt699o_c157peez__ff5174fd{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1yt699o_c157peez__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{padding:unset;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-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
38
- .Notification_styles_1yt699o_t1vmb0f2__ff5174fd{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_1yt699o_t1vmb0f2__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{padding:unset;}
39
- .Notification_styles_1yt699o_s1k4e58v__ff5174fd{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s1k4e58v-0);}
40
- .Notification_styles_1yt699o_s92kmpm__ff5174fd{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s92kmpm-0);}
41
- .Notification_styles_1yt699o_s18m0x6v__ff5174fd{margin-top:1rem;opacity:1;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationTopToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationBottomToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}@-webkit-keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
42
- .Notification_styles_1yt699o_sfe5ql2__ff5174fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
32
+ .Notification_styles_1uyb7ob_sb12p__65d2ebe5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
33
+ .Notification_styles_1uyb7ob_crvd7hm__65d2ebe5{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.Notification_styles_1uyb7ob_crvd7hm__65d2ebe5:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1uyb7ob_crvd7hm__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{position:relative;}
34
+ .Notification_styles_1uyb7ob_wg1ga5v__65d2ebe5{position:relative;width:var(--wg1ga5v-0);max-width:var(--wg1ga5v-1);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);background:var(--wg1ga5v-2);box-sizing:border-box;}.Notification_styles_1uyb7ob_wg1ga5v__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{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;gap:var(--plasma-notification-horizontal-layout-gap);}
35
+ .Notification_styles_1uyb7ob_b1amsn8a__65d2ebe5{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.Notification_styles_1uyb7ob_b1amsn8a__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{margin-top:unset;margin-left:unset;}
36
+ .Notification_styles_1uyb7ob_i14raqr9__65d2ebe5{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.Notification_styles_1uyb7ob_i14raqr9__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
37
+ .Notification_styles_1uyb7ob_c157peez__65d2ebe5{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1uyb7ob_c157peez__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{padding:unset;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-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
38
+ .Notification_styles_1uyb7ob_t1vmb0f2__65d2ebe5{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_1uyb7ob_t1vmb0f2__65d2ebe5.Notification_styles_1uyb7ob_notificationLayoutHorizontal__65d2ebe5{padding:unset;}
39
+ .Notification_styles_1uyb7ob_s1k4e58v__65d2ebe5{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s1k4e58v-0);}
40
+ .Notification_styles_1uyb7ob_s92kmpm__65d2ebe5{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s92kmpm-0);}
41
+ .Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5{margin-top:1rem;opacity:1;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationLeftToRightAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationTopToCenterAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemOpened__65d2ebe5.Notification_styles_1uyb7ob_notificationBottomToCenterAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemHidden__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5 ease-out;}.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_s18m0x6v__65d2ebe5.Notification_styles_1uyb7ob_notificationItemHidden__65d2ebe5.Notification_styles_1uyb7ob_notificationLeftToRightAnimation__65d2ebe5{-webkit-animation:0.4s Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;animation:0.4s Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5 ease-out;}@-webkit-keyframes Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showTopToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showBottomToCenterAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showLeftToRightAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_1uyb7ob_hideLeftToRightAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1uyb7ob_showAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_1uyb7ob_hideAnimationS18m0x6v__65d2ebe5{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
42
+ .Notification_styles_1uyb7ob_sfe5ql2__65d2ebe5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
43
43
 
44
44
  .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
@@ -1,4 +1,4 @@
1
- require('./base_qkc3i4.css');
1
+ require('./base_1g9g70c.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Notification/variations/_layout/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Notification.tokens';\n\nexport const base = css`\n .${classes.wrapper} {\n width: var(${tokens.width});\n padding: var(${tokens.padding});\n }\n\n .${classes.wrapper}.${classes.horizontal} {\n padding: var(${tokens.horizontalLayoutPadding});\n &.${classes.withoutCloseIcon} {\n padding-right: var(${tokens.horizontalLayoutRightPaddingWithoutCloseIcon});\n }\n }\n\n .${classes.wrapper}.${classes.horizontal}.${classes.oneLine} {\n padding: var(${tokens.paddingOneLineTextbox});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAgBhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Notification/variations/_layout/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Notification.tokens';\n\nexport const base = css`\n .${classes.wrapper} {\n padding: var(${tokens.padding});\n }\n\n .${classes.wrapper}.${classes.horizontal} {\n padding: var(${tokens.horizontalLayoutPadding});\n\n &.${classes.withoutCloseIcon} {\n padding-right: var(${tokens.horizontalLayoutRightPaddingWithoutCloseIcon});\n }\n }\n\n .${classes.wrapper}.${classes.horizontal}.${classes.oneLine} {\n padding: var(${tokens.paddingOneLineTextbox});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAgBhB;;;;"}
@@ -0,0 +1 @@
1
+ .bg3tssa .notification-wrapper{padding:var(--plasma-notification-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal{padding:var(--plasma-notification-horizontal-layout-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-without-close-icon{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-one-line-textbox{padding:var(--plasma-notification-padding-one-line-textbox);}
@@ -27,18 +27,13 @@ var composeNumberFormat = function composeNumberFormat(InputComponent) {
27
27
  onChange(changeEvent, values);
28
28
  }
29
29
  };
30
- var InputComponentWithoutEllipsis = /*#__PURE__*/React.forwardRef(function (props, ref) {
31
- return /*#__PURE__*/React__default.default.createElement(InputComponent, _rollupPluginBabelHelpers.extends({
32
- ref: ref,
33
- _textEllipsisDisable: true
34
- }, props));
35
- });
36
30
  return /*#__PURE__*/React__default.default.createElement(reactNumberFormat.NumericFormat, _rollupPluginBabelHelpers.extends({
37
31
  thousandSeparator: thousandSeparator,
38
32
  decimalScale: decimalScale,
39
33
  decimalSeparator: decimalSeparator,
40
- customInput: InputComponentWithoutEllipsis,
34
+ customInput: InputComponent,
41
35
  getInputRef: outerRef,
36
+ _textEllipsisDisable: true,
42
37
  onValueChange: handleChangeValue
43
38
  }, rest));
44
39
  });
@@ -1 +1 @@
1
- {"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n if (onChange) {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n onChange(changeEvent, values);\n }\n };\n\n const InputComponentWithoutEllipsis = forwardRef((props: T, ref) => {\n return <InputComponent ref={ref} _textEllipsisDisable {...props} />;\n });\n\n return (\n <NumericFormat\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponentWithoutEllipsis}\n getInputRef={outerRef}\n onValueChange={handleChangeValue}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","InputComponentWithoutEllipsis","props","ref","React","createElement","_extends","_textEllipsisDisable","NumericFormat","customInput","getInputRef","onValueChange"],"mappings":";;;;;;;;;;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,gBAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;IAED,IAAMI,6BAA6B,gBAAGlB,gBAAU,CAAC,UAACmB,KAAQ,EAAEC,GAAG,EAAK;AAChE,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACvB,cAAc,EAAAwB,iCAAA,CAAA;AAACH,QAAAA,GAAG,EAAEA,GAAI;QAACI,oBAAoB,EAAA,IAAA;OAAKL,EAAAA,KAAK,CAAG,CAAC,CAAA;AACvE,KAAC,CAAC,CAAA;AAEF,IAAA,oBACIE,sBAAA,CAAAC,aAAA,CAACG,+BAAa,EAAAF,iCAAA,CAAA;AACVnB,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCkB,MAAAA,WAAW,EAAER,6BAA8B;AAC3CS,MAAAA,WAAW,EAAEzB,QAAS;AACtB0B,MAAAA,aAAa,EAAEf,iBAAAA;KACXH,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}
1
+ {"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n if (onChange) {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n onChange(changeEvent, values);\n }\n };\n\n return (\n <NumericFormat\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponent}\n getInputRef={outerRef}\n _textEllipsisDisable\n onValueChange={handleChangeValue}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":";;;;;;;;;;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,gBAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;AAED,IAAA,oBACII,sBAAA,CAAAC,aAAA,CAACC,+BAAa,EAAAC,iCAAA,CAAA;AACVjB,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCc,MAAAA,WAAW,EAAEvB,cAAe;AAC5BwB,MAAAA,WAAW,EAAErB,QAAS;MACtBsB,oBAAoB,EAAA,IAAA;AACpBC,MAAAA,aAAa,EAAEZ,iBAAAA;KACXH,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}
@@ -133,14 +133,11 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
133
133
  }
134
134
  return;
135
135
  }
136
- console.log('here');
137
136
  var isValid = index.numberSchema.test(cleanValue);
138
137
  if (!isValid) {
139
- console.log('not valid', cleanValue);
140
138
  setValues(event, lastValidValue);
141
139
  return;
142
140
  }
143
- console.log('valid!', cleanValue);
144
141
  if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
145
142
  wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
146
143
  }