@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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":";;;;;IAmBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EASD;EAAA,IAAAC,mBAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IARvBC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU,CAAA;AAEV,EAAA,IAAI,CAACH,iBAAiB,CAACI,OAAO,EAAE;AAC5B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,QAAQP,iBAAiB;AACrB,IAAA,KAAK,MAAM;AACPG,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAACC,OAAO,CAACC,SAAS,EAAED,OAAO,CAACE,kBAAkB,CAAC,CAAA;AACtF,MAAA,CAAAf,mBAAA,GAAAO,UAAU,CAACG,OAAO,cAAAV,mBAAA,KAAA,KAAA,CAAA,IAAlBA,mBAAA,CAAoBW,SAAS,CAACC,GAAG,CAACC,OAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACb,QAAA,IAAMC,OAAO,GAAAC,kBAAA,CAAOhB,WAAW,CAAC,CAAA;QAEhCe,OAAO,CAACE,GAAG,EAAE,CAAA;QACbZ,UAAU,CAACU,OAAO,CAAC,CAAA;QACnBX,OAAO,CAACJ,WAAW,CAAC,CAAA;AAEpB,QAAA,CAAAc,qBAAA,GAAAZ,iBAAiB,CAACI,OAAO,cAAAQ,qBAAA,KAAA,KAAA,CAAA,IAAzBA,qBAAA,CAA2BP,SAAS,CAACW,MAAM,CAACT,OAAO,CAACE,kBAAkB,CAAC,CAAA;AAEvEE,QAAAA,UAAU,CAAC,YAAM;UAAA,IAAAM,kBAAA,EAAAC,mBAAA,CAAA;UACb,CAAAD,kBAAA,GAAAlB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAA,IAAA,IAAAF,kBAAA,KAAA,KAAA,CAAA,IAA/CA,kBAAA,CAAiDG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;UACxE,CAAAF,mBAAA,GAAAnB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAAD,IAAAA,IAAAA,mBAAA,eAA/CA,mBAAA,CAAiDG,KAAK,EAAE,CAAA;SAC3D,EAAE,CAAC,CAAC,CAAA;OACR,EAAEC,iBAAiB,CAAC,CAAA;AAErB,MAAA,MAAA;AACJ,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA;AACItB,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CACnCC,OAAO,CAACC,SAAS,EACjBD,OAAO,CAACE,kBAAkB,EAC1BF,OAAO,CAACgB,aACZ,CAAC,CAAA;AACD,MAAA,CAAA5B,oBAAA,GAAAM,UAAU,CAACG,OAAO,cAAAT,oBAAA,KAAA,KAAA,CAAA,IAAlBA,oBAAA,CAAoBU,SAAS,CAACC,GAAG,CAACC,OAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;QAAA,IAAAa,mBAAA,EAAAC,sBAAA,CAAA;AACbtB,QAAAA,UAAU,CAACuB,YAAY,CAAC9B,UAAU,EAAE,EAAE,CAAC,CAAC,CAAA;AAExC,QAAA,CAAA4B,mBAAA,GAAAzB,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAoB,mBAAA,KAApBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAsBH,KAAK,EAAE,CAAA;QAC7B,CAAAI,sBAAA,GAAAzB,iBAAiB,CAACI,OAAO,cAAAqB,sBAAA,KAAA,KAAA,CAAA,IAAzBA,sBAAA,CAA2BpB,SAAS,CAACW,MAAM,CACvCT,OAAO,CAACC,SAAS,EACjBD,OAAO,CAACE,kBAAkB,EAC1BF,OAAO,CAACgB,aACZ,CAAC,CAAA;OACJ,EAAED,iBAAiB,CAAC,CAAA;AAC7B,GAAA;AACJ;;;;"}
@@ -0,0 +1,49 @@
1
+ import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import { classes } from '../CodeField.tokens.js';
3
+ import { ANIMATION_TIMEOUT } from './constants.js';
4
+
5
+ var handleItemError = function handleItemError(_ref) {
6
+ var _inputRefs$current$in, _inputRefs$current$in4;
7
+ var currentSymbol = _ref.currentSymbol,
8
+ itemErrorBehavior = _ref.itemErrorBehavior,
9
+ index = _ref.index,
10
+ newCode = _ref.newCode,
11
+ inputRefs = _ref.inputRefs,
12
+ setCode = _ref.setCode,
13
+ codeSetter = _ref.codeSetter;
14
+ if (!inputRefs.current[index] || currentSymbol === ' ') {
15
+ return;
16
+ }
17
+ switch (itemErrorBehavior) {
18
+ case 'keep':
19
+ setCode(newCode);
20
+ (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(classes.itemError, classes.itemErrorAnimation);
21
+ setTimeout(function () {
22
+ var _inputRefs$current$in2;
23
+ (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(classes.itemErrorAnimation);
24
+ setTimeout(function () {
25
+ var _inputRefs$current$in3;
26
+ return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
27
+ }, 0);
28
+ }, ANIMATION_TIMEOUT);
29
+ break;
30
+ case 'forbid-enter':
31
+ newCode[index] = '';
32
+ codeSetter(newCode);
33
+ break;
34
+ case 'remove-symbol':
35
+ default:
36
+ setCode(newCode);
37
+ (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
38
+ setTimeout(function () {
39
+ var _inputRefs$current$in5;
40
+ var updatedCode = _toConsumableArray(newCode);
41
+ updatedCode[index] = '';
42
+ codeSetter(updatedCode);
43
+ (_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
44
+ }, ANIMATION_TIMEOUT);
45
+ }
46
+ };
47
+
48
+ export { handleItemError };
49
+ //# sourceMappingURL=handleItemError.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleItemError.js","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { ItemErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\n\ntype ValidateSymbolsArgs = {\n currentSymbol: string;\n itemErrorBehavior: ItemErrorBehavior;\n index: number;\n newCode: Array<string>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleItemError = ({\n currentSymbol,\n itemErrorBehavior,\n index,\n newCode,\n inputRefs,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputRefs.current[index] || currentSymbol === ' ') {\n return;\n }\n\n switch (itemErrorBehavior) {\n case 'keep':\n setCode(newCode);\n inputRefs.current[index]?.classList.add(classes.itemError, classes.itemErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[index]?.classList.remove(classes.itemErrorAnimation);\n\n setTimeout(() => inputRefs.current[index]?.setSelectionRange(0, 1), 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'forbid-enter':\n newCode[index] = '';\n codeSetter(newCode);\n\n break;\n case 'remove-symbol':\n default:\n setCode(newCode);\n inputRefs.current[index]?.classList.add(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n\n setTimeout(() => {\n const updatedCode = [...newCode];\n updatedCode[index] = '';\n\n codeSetter(updatedCode);\n\n inputRefs.current[index]?.classList.remove(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleItemError","_ref","_inputRefs$current$in","_inputRefs$current$in4","currentSymbol","itemErrorBehavior","index","newCode","inputRefs","setCode","codeSetter","current","classList","add","classes","itemError","itemErrorAnimation","setTimeout","_inputRefs$current$in2","remove","_inputRefs$current$in3","setSelectionRange","ANIMATION_TIMEOUT","itemErrorFade","_inputRefs$current$in5","updatedCode","_toConsumableArray"],"mappings":";;;;IAiBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAQD;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;AAAA,EAAA,IAPvBC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,UAAU,GAAAT,IAAA,CAAVS,UAAU,CAAA;EAEV,IAAI,CAACF,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,IAAIF,aAAa,KAAK,GAAG,EAAE;AACpD,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,QAAQC,iBAAiB;AACrB,IAAA,KAAK,MAAM;MACPI,OAAO,CAACF,OAAO,CAAC,CAAA;MAChB,CAAAL,qBAAA,GAAAM,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,MAAAJ,IAAAA,IAAAA,qBAAA,KAAxBA,KAAAA,CAAAA,IAAAA,qBAAA,CAA0BU,SAAS,CAACC,GAAG,CAACC,OAAO,CAACC,SAAS,EAAED,OAAO,CAACE,kBAAkB,CAAC,CAAA;AAEtFC,MAAAA,UAAU,CAAC,YAAM;AAAA,QAAA,IAAAC,sBAAA,CAAA;QACb,CAAAA,sBAAA,GAAAV,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,MAAAY,IAAAA,IAAAA,sBAAA,eAAxBA,sBAAA,CAA0BN,SAAS,CAACO,MAAM,CAACL,OAAO,CAACE,kBAAkB,CAAC,CAAA;AAEtEC,QAAAA,UAAU,CAAC,YAAA;AAAA,UAAA,IAAAG,sBAAA,CAAA;AAAA,UAAA,OAAA,CAAAA,sBAAA,GAAMZ,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,MAAA,IAAA,IAAAc,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,sBAAA,CAA0BC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAAA,SAAA,EAAE,CAAC,CAAC,CAAA;OACzE,EAAEC,iBAAiB,CAAC,CAAA;AAErB,MAAA,MAAA;AACJ,IAAA,KAAK,cAAc;AACff,MAAAA,OAAO,CAACD,KAAK,CAAC,GAAG,EAAE,CAAA;MACnBI,UAAU,CAACH,OAAO,CAAC,CAAA;AAEnB,MAAA,MAAA;AACJ,IAAA,KAAK,eAAe,CAAA;AACpB,IAAA;MACIE,OAAO,CAACF,OAAO,CAAC,CAAA;AAChB,MAAA,CAAAJ,sBAAA,GAAAK,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,MAAAH,IAAAA,IAAAA,sBAAA,KAAxBA,KAAAA,CAAAA,IAAAA,sBAAA,CAA0BS,SAAS,CAACC,GAAG,CACnCC,OAAO,CAACC,SAAS,EACjBD,OAAO,CAACS,aAAa,EACrBT,OAAO,CAACE,kBACZ,CAAC,CAAA;AAEDC,MAAAA,UAAU,CAAC,YAAM;AAAA,QAAA,IAAAO,sBAAA,CAAA;AACb,QAAA,IAAMC,WAAW,GAAAC,kBAAA,CAAOnB,OAAO,CAAC,CAAA;AAChCkB,QAAAA,WAAW,CAACnB,KAAK,CAAC,GAAG,EAAE,CAAA;QAEvBI,UAAU,CAACe,WAAW,CAAC,CAAA;AAEvB,QAAA,CAAAD,sBAAA,GAAAhB,SAAS,CAACG,OAAO,CAACL,KAAK,CAAC,MAAAkB,IAAAA,IAAAA,sBAAA,KAAxBA,KAAAA,CAAAA,IAAAA,sBAAA,CAA0BZ,SAAS,CAACO,MAAM,CACtCL,OAAO,CAACC,SAAS,EACjBD,OAAO,CAACS,aAAa,EACrBT,OAAO,CAACE,kBACZ,CAAC,CAAA;OACJ,EAAEM,iBAAiB,CAAC,CAAA;AAC7B,GAAA;AACJ;;;;"}
@@ -0,0 +1,27 @@
1
+ var getFieldPattern = function getFieldPattern(allowedSymbols) {
2
+ if (!allowedSymbols) {
3
+ return null;
4
+ }
5
+ if (typeof allowedSymbols === 'string') {
6
+ return new RegExp(allowedSymbols, 'g');
7
+ }
8
+ return allowedSymbols;
9
+ };
10
+ var getCodeValue = function getCodeValue(codeLength, value) {
11
+ if (!value.length) {
12
+ return new Array(codeLength).fill('');
13
+ }
14
+ return value.slice(0, codeLength).split('');
15
+ };
16
+ var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
17
+ if (!placeholder || typeof placeholder !== 'string') {
18
+ return null;
19
+ }
20
+ if (placeholder.length === 1) {
21
+ return Array(codeLength).fill(placeholder);
22
+ }
23
+ return placeholder.slice(0, codeLength).split('');
24
+ };
25
+
26
+ export { getCodeValue, getFieldPattern, getPlaceholderValue };
27
+ //# sourceMappingURL=initialValuesHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeField/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_x642ct.css';
2
- var base = "b15qo6xu";
1
+ import './base_obsae2.css';
2
+ var base = "b3zd5bu";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n &&[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n & > * {\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAShB;;;;"}
@@ -0,0 +1 @@
1
+ .b3zd5bu.b3zd5bu[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.b3zd5bu.b3zd5bu[disabled] > *{pointer-events:none;}
@@ -0,0 +1,5 @@
1
+ import './base_1scsyya.css';
2
+ var base = "b103qcna";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../CodeField.tokens';\nimport { ItemInput } from '../../CodeField.styles';\n\nexport const base = css`\n ${ItemInput} {\n border-radius: var(${tokens.borderRadius});\n\n &.${classes.segmented} {\n border-radius: var(${tokens.borderRadiusSegmented});\n\n &:first-child {\n border-top-left-radius: var(${tokens.segmentedSideBorderRadius});\n border-bottom-left-radius: var(${tokens.segmentedSideBorderRadius});\n }\n\n &:last-child {\n border-top-right-radius: var(${tokens.segmentedSideBorderRadius});\n border-bottom-right-radius: var(${tokens.segmentedSideBorderRadius});\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAkBhB;;;;"}
@@ -0,0 +1 @@
1
+ .b103qcna .ig5h1kg{border-radius:var(--plasma-codefield-code-item-border-radius);}.b103qcna .ig5h1kg.codefield-shape-segmented{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.b103qcna .ig5h1kg.codefield-shape-segmented:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.b103qcna .ig5h1kg.codefield-shape-segmented:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
@@ -0,0 +1,5 @@
1
+ import './base_1wrvbr5.css';
2
+ var base = "bkkdah0";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, CodeGroup, CodeWrapper, ItemInput } from '../../CodeField.styles';\nimport { tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n gap: var(${tokens.captionGap});\n\n ${CodeWrapper}, ${CodeGroup} {\n gap: var(${tokens.codeItemsGap});\n }\n\n ${ItemInput} {\n width: var(${tokens.codeItemWidth});\n height: var(${tokens.codeItemHeight});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${CaptionWrapper} {\n font-family: var(${tokens.captionFontFamily});\n font-size: var(${tokens.captionFontSize});\n font-style: var(${tokens.captionFontStyle});\n font-weight: var(${tokens.captionFontWeight});\n letter-spacing: var(${tokens.captionLetterSpacing});\n line-height: var(${tokens.captionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA2BhB;;;;"}
@@ -0,0 +1 @@
1
+ .bkkdah0{gap:var(--plasma-codefield-caption-gap);}.bkkdah0 .c1wzspax,.bkkdah0 .c7swj1z{gap:var(--plasma-codefield-code-item-gap);}.bkkdah0 .ig5h1kg{width:var(--plasma-codefield-item-width);height:var(--plasma-codefield-item-height);font-family:var(--plasma-codefield-font-family);font-size:var(--plasma-codefield-font-size);font-style:var(--plasma-codefield-font-style);font-weight:var(--plasma-codefield-font-weight);-webkit-letter-spacing:var(--plasma-codefield-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-letter-spacing);letter-spacing:var(--plasma-codefield-letter-spacing);line-height:var(--plasma-codefield-line-height);}.bkkdah0 .c1jpzjak{font-family:var(--plasma-codefield-caption-font-family);font-size:var(--plasma-codefield-caption-font-style);font-style:var(--plasma-codefield-caption-font-size);font-weight:var(--plasma-codefield-caption-font-weight);-webkit-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-caption-letter-spacing);letter-spacing:var(--plasma-codefield-caption-letter-spacing);line-height:var(--plasma-codefield-caption-line-height);}
@@ -0,0 +1,5 @@
1
+ import './base_9a5yza.css';
2
+ var base = "b1g41h91";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, ItemInput } from '../../CodeField.styles';\nimport { classes, tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n ${CaptionWrapper} {\n color: var(${tokens.captionColor});\n\n &.${classes.captionError} {\n color: var(${tokens.captionColorError});\n }\n }\n\n ${ItemInput} {\n color: var(${tokens.codeColor});\n caret-color: var(${tokens.caretColor});\n background-color: var(${tokens.backgroundColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n }\n\n &:hover {\n .${classes.hoverEnabled} {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorHover});\n }\n }\n\n &:focus-within {\n ${ItemInput}:focus-within {\n background-color: var(${tokens.backgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorFocus});\n }\n }\n\n && .${classes.codeErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.codeError} {\n ${ItemInput} {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n\n &:focus-within {\n ${ItemInput} {\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n }\n\n &.${classes.codeErrorFade} {\n ${ItemInput} {\n animation: fadeError 0.3s forwards;\n }\n }\n }\n\n && .${classes.itemErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.itemError}, && .${classes.itemError}:focus-within {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n\n &.${classes.codeErrorFade} {\n animation: shakingError 0.3s forwards fadeError 0.3s forwards;\n }\n }\n\n @keyframes shakingError {\n 14% {\n transform: translateX(-0.125rem);\n }\n 28% {\n transform: translateX(0.125rem);\n }\n 42% {\n transform: translateX(-0.125rem);\n }\n 57% {\n transform: translateX(0.125rem);\n }\n 71% {\n transform: translateX(-0.125rem);\n }\n 85% {\n transform: translateX(0.125rem);\n }\n 100% {\n transform: translateX(-0.125rem);\n }\n }\n\n @keyframes fadeError {\n 50% {\n color: var(${tokens.codeColorError});\n }\n 100% {\n color: transparent;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAqGhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1g41h91 .c1jpzjak{color:var(--plasma-codefield-caption-color);}.b1g41h91 .c1jpzjak.codefield-caption-error{color:var(--plasma-codefield-caption-color-error);}.b1g41h91 .ig5h1kg{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.b1g41h91:hover .codefield-item-hover-enabled{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.b1g41h91:focus-within .ig5h1kg:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.b1g41h91.b1g41h91 .codefield-code-error-animation{-webkit-animation:shakingError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-code-error .ig5h1kg{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.b1g41h91.b1g41h91 .codefield-code-error:focus-within .ig5h1kg{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.b1g41h91.b1g41h91 .codefield-code-error.codefield-code-error-fade .ig5h1kg{-webkit-animation:fadeError-b1g41h91 0.3s forwards;animation:fadeError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-item-error-animation{-webkit-animation:shakingError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-item-error,.b1g41h91.b1g41h91 .codefield-item-error:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.b1g41h91.b1g41h91 .codefield-item-error.codefield-code-error-fade,.b1g41h91.b1g41h91 .codefield-item-error:focus-within.codefield-code-error-fade{-webkit-animation:shakingError-b1g41h91 0.3s forwards fadeError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards fadeError-b1g41h91 0.3s forwards;}@-webkit-keyframes shakingError-b1g41h91{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes shakingError-b1g41h91{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes fadeError-b1g41h91{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes fadeError-b1g41h91{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
@@ -1 +1,7 @@
1
- .List_styles_9yg2yl_bmg9h6q__9d5ed4ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
1
+ .List_styles_97b8jq_bmg9h6q__1b4a3381{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
2
+
3
+ .base_1fsqflm_bpv2gh8__25e8bd39.base_1fsqflm_listItemTight__25e8bd39 .base_1fsqflm_s17e6by7__25e8bd39{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-tight-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-tight-difference)) var(--plasma-list-item-padding-left);}
4
+
5
+ .base_jq4nc8_b1vinxbx__214ad998{gap:var(--plasma-list-gap);}
6
+
7
+ .base_1p96e1z_b1ybuwod__f4bddc06.base_1p96e1z_listItemDisabled__f4bddc06 .base_1p96e1z_s17e6by7__f4bddc06{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
@@ -1,27 +1,25 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { cx } from '../../utils/index.js';
2
+ import cls from 'classnames';
3
3
  import { base } from './List.styles.js';
4
4
  import { classes } from './List.tokens.js';
5
- import { base as base$3 } from './variations/_variant/base.js';
6
5
  import { base as base$1 } from './variations/_view/base.js';
7
6
  import { base as base$2 } from './variations/_size/base.js';
8
- import { base as base$4 } from './variations/_disabled/base.js';
7
+ import { base as base$3 } from './variations/_disabled/base.js';
9
8
 
10
9
  var listRoot = function listRoot(Root) {
11
10
  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
12
11
  var size = _ref.size,
13
12
  view = _ref.view,
14
- variant = _ref.variant,
15
13
  disabled = _ref.disabled,
14
+ variant = _ref.variant,
16
15
  className = _ref.className,
17
16
  children = _ref.children;
18
17
  return /*#__PURE__*/React.createElement(Root, {
19
18
  ref: outerRootRef,
20
19
  size: size,
21
20
  view: view,
22
- variant: variant,
23
21
  disabled: disabled,
24
- className: cx(classes.listRoot, className)
22
+ className: cls(classes.listRoot, className, variant === 'tight' ? classes.tightListItem : '', disabled ? classes.disabledList : '')
25
23
  }, children);
26
24
  });
27
25
  };
@@ -37,11 +35,8 @@ var listConfig = {
37
35
  size: {
38
36
  css: base$2
39
37
  },
40
- variant: {
41
- css: base$3
42
- },
43
38
  disabled: {
44
- css: base$4
39
+ css: base$3
45
40
  }
46
41
  },
47
42
  defaults: {
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as variantCSS } from './variations/_variant/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLDivElement, ListProps>) =>\n forwardRef<HTMLDivElement, ListProps>(({ size, view, variant, disabled, className, children }, outerRootRef) => {\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n variant={variant}\n disabled={disabled}\n className={cx(classes.listRoot, className)}\n >\n {children}\n </Root>\n );\n });\n\nexport const listConfig = {\n name: 'List',\n tag: 'ul',\n layout: listRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n variant: {\n css: variantCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","variant","disabled","className","children","React","createElement","ref","cx","classes","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","variantCSS","disabledCSS","defaults"],"mappings":";;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CAA4B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;MAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACvF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,SAAS,EAAEK,EAAE,CAACC,OAAO,CAACf,QAAQ,EAAES,SAAS,CAAA;AAAE,KAAA,EAE1CC,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMM,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAEnB,QAAQ;AAChBoB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRf,IAAAA,IAAI,EAAE;AACFgB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDjB,IAAAA,OAAO,EAAE;AACLe,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNc,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"List.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLUListElement, ListProps>) =>\n forwardRef<HTMLUListElement, ListProps>(({ size, view, disabled, variant, className, children }, outerRootRef) => {\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n disabled={disabled}\n className={cls(\n classes.listRoot,\n className,\n variant === 'tight' ? classes.tightListItem : '',\n disabled ? classes.disabledList : '',\n )}\n >\n {children}\n </Root>\n );\n });\n\nexport const listConfig = {\n name: 'List',\n tag: 'ul',\n layout: listRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","disabled","variant","className","children","React","createElement","ref","cls","classes","tightListItem","disabledList","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAA8B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACzF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEK,GAAG,CACVC,OAAO,CAACf,QAAQ,EAChBS,SAAS,EACTD,OAAO,KAAK,OAAO,GAAGO,OAAO,CAACC,aAAa,GAAG,EAAE,EAChDT,QAAQ,GAAGQ,OAAO,CAACE,YAAY,GAAG,EACtC,CAAA;AAAE,KAAA,EAEDP,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMQ,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAErB,QAAQ;AAChBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -1,4 +1,4 @@
1
- import './List.styles_9yg2yl.css';
1
+ import './List.styles_97b8jq.css';
2
2
  var base = "bmg9h6q";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"List.styles.js","sources":["../../../src/components/List/List.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from './List.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.listGap});\n align-items: stretch;\n height: auto;\n width: 100%;\n list-style-type: none;\n padding: 0;\n margin: 0;\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}
1
+ {"version":3,"file":"List.styles.js","sources":["../../../src/components/List/List.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n align-items: stretch;\n height: auto;\n width: 100%;\n list-style-type: none;\n padding: 0;\n margin: 0;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAShB;;;;"}
@@ -0,0 +1 @@
1
+ .bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
@@ -2,7 +2,10 @@ var classes = {
2
2
  listRoot: 'list-root',
3
3
  listItem: 'list-item',
4
4
  filledStretching: 'list-stretching-filled',
5
- fixedStretching: 'list-stretching-fixed'
5
+ fixedStretching: 'list-stretching-fixed',
6
+ tightListItem: 'list-item-tight',
7
+ disabledList: 'list-item-disabled',
8
+ disabledListItem: 'list-item-disabled-item'
6
9
  };
7
10
  var tokens = {
8
11
  listGap: '--plasma-list-gap',
@@ -20,7 +23,7 @@ var tokens = {
20
23
  listItemIconLeftColor: '--plasma-list-item-color-icon-left',
21
24
  listItemIconRightColor: '--plasma-list-item-color-icon-right',
22
25
  listItemGap: '--plasma-list-item-gap',
23
- listItemVariantDifference: '--plasma-list-item-variant-difference',
26
+ listItemTightDifference: '--plasma-list-item-tight-difference',
24
27
  listItemColor: '--plasma-list-item-color',
25
28
  listItemColorHover: '--plasma-list-item-color-hover',
26
29
  listItemFontFamily: '--plasma-list-item-font-family',
@@ -1 +1 @@
1
- {"version":3,"file":"List.tokens.js","sources":["../../../src/components/List/List.tokens.ts"],"sourcesContent":["export const classes = {\n listRoot: 'list-root',\n listItem: 'list-item',\n filledStretching: 'list-stretching-filled',\n fixedStretching: 'list-stretching-fixed',\n};\n\nexport const tokens = {\n listGap: '--plasma-list-gap',\n listWidth: '--plasma-list-width',\n\n listItemBackground: '--plasma-list-item-background',\n listItemBackgroundHover: '--plasma-list-item-background-hover',\n listItemBorderRadius: '--plasma-list-item-border-radius',\n listItemPaddingLeft: '--plasma-list-item-padding-left',\n listItemPaddingRight: '--plasma-list-item-padding-right',\n listItemPaddingTop: '--plasma-list-item-padding-top',\n listItemPaddingBottom: '--plasma-list-item-padding-bottom',\n listItemBorderColor: '--plasma-list-item-border-color',\n listItemBorderColorHover: '--plasma-list-item-border-color-hover',\n listItemBorderWidth: '--plasma-list-item-border-width',\n listItemIconLeftColor: '--plasma-list-item-color-icon-left',\n listItemIconRightColor: '--plasma-list-item-color-icon-right',\n listItemGap: '--plasma-list-item-gap',\n listItemVariantDifference: '--plasma-list-item-variant-difference',\n\n listItemColor: '--plasma-list-item-color',\n listItemColorHover: '--plasma-list-item-color-hover',\n listItemFontFamily: '--plasma-list-item-font-family',\n listItemFontSize: '--plasma-list-item-font-size',\n listItemFontStyle: '--plasma-list-item-font-style',\n listItemFontWeight: '--plasma-list-item-font-weight',\n listItemLetterSpacing: '--plasma-list-item-letter-spacing',\n listItemLineHeight: '--plasma-list-item-line-height',\n\n listDisabledOpacity: '--plasma-list-disabled-opacity',\n};\n"],"names":["classes","listRoot","listItem","filledStretching","fixedStretching","tokens","listGap","listWidth","listItemBackground","listItemBackgroundHover","listItemBorderRadius","listItemPaddingLeft","listItemPaddingRight","listItemPaddingTop","listItemPaddingBottom","listItemBorderColor","listItemBorderColorHover","listItemBorderWidth","listItemIconLeftColor","listItemIconRightColor","listItemGap","listItemVariantDifference","listItemColor","listItemColorHover","listItemFontFamily","listItemFontSize","listItemFontStyle","listItemFontWeight","listItemLetterSpacing","listItemLineHeight","listDisabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,wBAAwB,EAAE,uCAAuC;AACjEC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,sBAAsB,EAAE,qCAAqC;AAC7DC,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,gBAAgB,EAAE,8BAA8B;AAChDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,kBAAkB,EAAE,gCAAgC;AAEpDC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;"}
1
+ {"version":3,"file":"List.tokens.js","sources":["../../../src/components/List/List.tokens.ts"],"sourcesContent":["export const classes = {\n listRoot: 'list-root',\n listItem: 'list-item',\n filledStretching: 'list-stretching-filled',\n fixedStretching: 'list-stretching-fixed',\n tightListItem: 'list-item-tight',\n disabledList: 'list-item-disabled',\n disabledListItem: 'list-item-disabled-item',\n};\n\nexport const tokens = {\n listGap: '--plasma-list-gap',\n listWidth: '--plasma-list-width',\n\n listItemBackground: '--plasma-list-item-background',\n listItemBackgroundHover: '--plasma-list-item-background-hover',\n listItemBorderRadius: '--plasma-list-item-border-radius',\n listItemPaddingLeft: '--plasma-list-item-padding-left',\n listItemPaddingRight: '--plasma-list-item-padding-right',\n listItemPaddingTop: '--plasma-list-item-padding-top',\n listItemPaddingBottom: '--plasma-list-item-padding-bottom',\n listItemBorderColor: '--plasma-list-item-border-color',\n listItemBorderColorHover: '--plasma-list-item-border-color-hover',\n listItemBorderWidth: '--plasma-list-item-border-width',\n listItemIconLeftColor: '--plasma-list-item-color-icon-left',\n listItemIconRightColor: '--plasma-list-item-color-icon-right',\n listItemGap: '--plasma-list-item-gap',\n listItemTightDifference: '--plasma-list-item-tight-difference',\n\n listItemColor: '--plasma-list-item-color',\n listItemColorHover: '--plasma-list-item-color-hover',\n listItemFontFamily: '--plasma-list-item-font-family',\n listItemFontSize: '--plasma-list-item-font-size',\n listItemFontStyle: '--plasma-list-item-font-style',\n listItemFontWeight: '--plasma-list-item-font-weight',\n listItemLetterSpacing: '--plasma-list-item-letter-spacing',\n listItemLineHeight: '--plasma-list-item-line-height',\n\n listDisabledOpacity: '--plasma-list-disabled-opacity',\n};\n"],"names":["classes","listRoot","listItem","filledStretching","fixedStretching","tightListItem","disabledList","disabledListItem","tokens","listGap","listWidth","listItemBackground","listItemBackgroundHover","listItemBorderRadius","listItemPaddingLeft","listItemPaddingRight","listItemPaddingTop","listItemPaddingBottom","listItemBorderColor","listItemBorderColorHover","listItemBorderWidth","listItemIconLeftColor","listItemIconRightColor","listItemGap","listItemTightDifference","listItemColor","listItemColorHover","listItemFontFamily","listItemFontSize","listItemFontStyle","listItemFontWeight","listItemLetterSpacing","listItemLineHeight","listDisabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AACxCC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,YAAY,EAAE,oBAAoB;AAClCC,EAAAA,gBAAgB,EAAE,yBAAA;AACtB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,wBAAwB,EAAE,uCAAuC;AACjEC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,sBAAsB,EAAE,qCAAqC;AAC7DC,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,gBAAgB,EAAE,8BAA8B;AAChDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,kBAAkB,EAAE,gCAAgC;AAEpDC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;"}
@@ -14,5 +14,5 @@
14
14
 
15
15
  .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
16
16
 
17
- .ListItem_styles_1eo5k14_c15dpad4__135d0b75{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
18
- .ListItem_styles_1eo5k14_s17e6by7__135d0b75{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75[disabled]{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
17
+ .ListItem_styles_106alid_c15dpad4__4805eda5{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
18
+ .ListItem_styles_106alid_s17e6by7__4805eda5{padding:var(--plasma-list-item-padding-top) var(--plasma-list-item-padding-right) var(--plasma-list-item-padding-bottom) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.ListItem_styles_106alid_s17e6by7__4805eda5:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.ListItem_styles_106alid_s17e6by7__4805eda5.ListItem_styles_106alid_listItemDisabledItem__4805eda5{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
@@ -1,5 +1,6 @@
1
1
  import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React from 'react';
3
+ import { classes } from '../List.tokens.js';
3
4
  import { StyledListItem, CellItem } from './ListItem.styles.js';
4
5
 
5
6
  var _excluded = ["children", "contentRight", "disabled"];
@@ -9,7 +10,7 @@ var ListItem = function ListItem(_ref) {
9
10
  disabled = _ref.disabled,
10
11
  rest = _objectWithoutProperties(_ref, _excluded);
11
12
  return /*#__PURE__*/React.createElement(StyledListItem, _extends({
12
- disabled: disabled
13
+ className: disabled ? classes.disabledListItem : ''
13
14
  }, rest), /*#__PURE__*/React.createElement(CellItem, {
14
15
  contentRight: contentRight
15
16
  }, children));
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n children,\n contentRight,\n disabled,\n ...rest\n}) => {\n return (\n <StyledListItem disabled={disabled} {...rest}>\n <CellItem contentRight={contentRight}>{children}</CellItem>\n </StyledListItem>\n );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","CellItem"],"mappings":";;;;;IAKaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACP,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAAKC,IAAI,CACxCG,eAAAA,KAAA,CAAAC,aAAA,CAACG,QAAQ,EAAA;AAACT,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}
1
+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { classes } from '../List.tokens';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n children,\n contentRight,\n disabled,\n ...rest\n}) => {\n return (\n <StyledListItem className={disabled ? classes.disabledListItem : ''} {...rest}>\n <CellItem contentRight={contentRight}>{children}</CellItem>\n </StyledListItem>\n );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","className","classes","disabledListItem","CellItem"],"mappings":";;;;;;IAOaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAER,QAAQ,GAAGS,OAAO,CAACC,gBAAgB,GAAG,EAAA;AAAG,GAAA,EAAKT,IAAI,CACzEG,eAAAA,KAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAACZ,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}
@@ -1,4 +1,4 @@
1
- import './ListItem.styles_1eo5k14.css';
1
+ import './ListItem.styles_106alid.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { component, mergeConfig } from '../../../engines/common.js';
4
4
  import { cellConfig } from '../../Cell/Cell.js';
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/List/ui/ListItem.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../List.tokens';\nimport { cellConfig, cellTokens } from '../../Cell';\nimport { component, mergeConfig } from '../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellItem = styled(Cell)`\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0rem;\n ${cellTokens.cellGap}: var(${tokens.listItemGap});\n ${cellTokens.cellColor}: var(${tokens.listItemColor});\n ${cellTokens.cellBackgroundColor}: transparent;\n`;\n\nexport const StyledListItem = styled.li<{ disabled?: boolean }>`\n padding: calc(var(${tokens.listItemPaddingTop}) - var(${tokens.listItemVariantDifference}))\n var(${tokens.listItemPaddingRight})\n calc(var(${tokens.listItemPaddingBottom}) - var(${tokens.listItemVariantDifference}))\n var(${tokens.listItemPaddingLeft});\n border-radius: var(${tokens.listItemBorderRadius});\n background: var(${tokens.listItemBackground});\n border: var(${tokens.listItemBorderWidth}) solid var(${tokens.listItemBorderColor});\n\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n color: var(${tokens.listItemColor});\n font-size: var(${tokens.listItemFontSize});\n font-weight: var(${tokens.listItemFontWeight});\n font-family: var(${tokens.listItemFontFamily});\n font-style: var(${tokens.listItemFontStyle});\n line-height: var(${tokens.listItemLineHeight});\n letter-spacing: var(${tokens.listItemLetterSpacing});\n\n &:hover {\n background: var(${tokens.listItemBackgroundHover});\n border-color: var(${tokens.listItemBorderColorHover});\n color: var(${tokens.listItemColorHover});\n }\n\n &[disabled] {\n cursor: not-allowed;\n opacity: var(${tokens.listDisabledOpacity});\n }\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","_exp","CellItem","styled","name","class","propsAsIs","StyledListItem"],"mappings":";;;;AAMA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GANvBA,SAMuBA,IAAAA,GAAA;AAAA,EAAA,OAEVF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA5B,IAAMG,QAAQ,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY7B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCnC;;;;"}
1
+ {"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/List/ui/ListItem.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens, classes } from '../List.tokens';\nimport { cellConfig, cellTokens } from '../../Cell';\nimport { component, mergeConfig } from '../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellItem = styled(Cell)`\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0rem;\n ${cellTokens.cellGap}: var(${tokens.listItemGap});\n ${cellTokens.cellColor}: var(${tokens.listItemColor});\n ${cellTokens.cellBackgroundColor}: transparent;\n`;\n\nexport const StyledListItem = styled.li`\n padding: var(${tokens.listItemPaddingTop}) var(${tokens.listItemPaddingRight}) var(${tokens.listItemPaddingBottom})\n var(${tokens.listItemPaddingLeft});\n border-radius: var(${tokens.listItemBorderRadius});\n background: var(${tokens.listItemBackground});\n border: var(${tokens.listItemBorderWidth}) solid var(${tokens.listItemBorderColor});\n\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n color: var(${tokens.listItemColor});\n font-size: var(${tokens.listItemFontSize});\n font-weight: var(${tokens.listItemFontWeight});\n font-family: var(${tokens.listItemFontFamily});\n font-style: var(${tokens.listItemFontStyle});\n line-height: var(${tokens.listItemLineHeight});\n letter-spacing: var(${tokens.listItemLetterSpacing});\n\n &:hover {\n background: var(${tokens.listItemBackgroundHover});\n border-color: var(${tokens.listItemBorderColorHover});\n color: var(${tokens.listItemColorHover});\n }\n\n &.${classes.disabledListItem} {\n cursor: not-allowed;\n opacity: var(${tokens.listDisabledOpacity});\n }\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","_exp","CellItem","styled","name","class","propsAsIs","StyledListItem"],"mappings":";;;;AAMA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GANvBA,SAMuBA,IAAAA,GAAA;AAAA,EAAA,OAEVF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA5B,IAAMG,QAAQ,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY7B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BnC;;;;"}
@@ -0,0 +1,2 @@
1
+ .c15dpad4{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
2
+ .s17e6by7{padding:var(--plasma-list-item-padding-top) var(--plasma-list-item-padding-right) var(--plasma-list-item-padding-bottom) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.s17e6by7:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.s17e6by7.list-item-disabled-item{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
@@ -1,4 +1,4 @@
1
- import './base_x642ct.css';
1
+ import './base_1p96e1z.css';
2
2
  var base = "b1ybuwod";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../List.tokens';\nimport { StyledListItem } from '../../ui/ListItem.styles';\n\nexport const base = css`\n &.${classes.disabledList} {\n ${StyledListItem} {\n cursor: not-allowed;\n opacity: var(${tokens.listDisabledOpacity});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAOhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1ybuwod.list-item-disabled .s17e6by7{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
@@ -1,4 +1,4 @@
1
- import './base_x642ct.css';
1
+ import './base_jq4nc8.css';
2
2
  var base = "b1vinxbx";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../List.tokens';\n\nexport const base = css`\n gap: var(${tokens.listGap});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1vinxbx{gap:var(--plasma-list-gap);}
@@ -1,4 +1,4 @@
1
- import './base_x642ct.css';
1
+ import './base_1fsqflm.css';
2
2
  var base = "bpv2gh8";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../List.tokens';\nimport { StyledListItem } from '../../ui/ListItem.styles';\n\nexport const base = css`\n &.${classes.tightListItem} {\n ${StyledListItem} {\n padding: calc(var(${tokens.listItemPaddingTop}) - var(${tokens.listItemTightDifference}))\n var(${tokens.listItemPaddingRight})\n calc(var(${tokens.listItemPaddingBottom}) - var(${tokens.listItemTightDifference}))\n var(${tokens.listItemPaddingLeft});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}
@@ -0,0 +1 @@
1
+ .bpv2gh8.list-item-tight .s17e6by7{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-tight-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-tight-difference)) var(--plasma-list-item-padding-left);}
@@ -1,6 +1,6 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea{width:var(--plasma-notification-width);padding:var(--plasma-notification-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationWithoutCloseIcon__4791b7ea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationOneLineTextbox__4791b7ea{padding:var(--plasma-notification-padding-one-line-textbox);}
3
+ .base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea{padding:var(--plasma-notification-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationWithoutCloseIcon__c76a6dea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationOneLineTextbox__c76a6dea{padding:var(--plasma-notification-padding-one-line-textbox);}
4
4
 
5
5
  .base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237.base_1insfd_notificationWithoutIcon__cb9a5237{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationCloseIcon__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
6
6
 
@@ -30,14 +30,14 @@
30
30
  .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);}
31
31
  .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;}
32
32
 
33
- .Notification_styles_1yt699o_sb12p__ff5174fd{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
34
- .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;}
35
- .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);}
36
- .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;}
37
- .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;}
38
- .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;}
39
- .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;}
40
- .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);}
41
- .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);}
42
- .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;}}
43
- .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);}
33
+ .Notification_styles_1uyb7ob_sb12p__65d2ebe5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
34
+ .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;}
35
+ .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);}
36
+ .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;}
37
+ .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;}
38
+ .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;}
39
+ .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;}
40
+ .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);}
41
+ .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);}
42
+ .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;}}
43
+ .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);}
@@ -12,7 +12,7 @@ import { layouts } from './Notification.types.js';
12
12
  import { Wrapper, ContentBox, IconWrapper, TextBox, StyledTitle, StyledContent, ButtonsWrapper, CloseIconWrapper, StyledNotification } from './Notification.styles.js';
13
13
  import { getLayoutClass } from './utils/index.js';
14
14
 
15
- var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
15
+ var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "onCloseButtonClick"];
16
16
 
17
17
  /**
18
18
  * Компонент для небольших уведомлений пользователя
@@ -36,6 +36,8 @@ var notificationRoot = function notificationRoot(Root) {
36
36
  textColor = props.textColor,
37
37
  titleColor = props.titleColor,
38
38
  backgroundColor = props.backgroundColor,
39
+ width = props.width,
40
+ maxWidth = props.maxWidth,
39
41
  onCloseButtonClick = props.onCloseButtonClick,
40
42
  rest = _objectWithoutProperties(props, _excluded);
41
43
  var ariaLive = 'polite';
@@ -63,6 +65,8 @@ var notificationRoot = function notificationRoot(Root) {
63
65
  "aria-atomic": ariaAtomic
64
66
  }, rest), /*#__PURE__*/React.createElement(Wrapper, {
65
67
  backgroundColor: backgroundColor,
68
+ width: width,
69
+ maxWidth: maxWidth,
66
70
  className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
67
71
  }, /*#__PURE__*/React.createElement(ContentBox, {
68
72
  iconPlacement: IconPlacementInternal,