@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
@@ -8,12 +8,13 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--outline-transparent-primary);", ":var(--outline-transparent-primary-hover);", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
12
- positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
13
- warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
14
- negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.clearPlaceholderColor, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--outline-transparent-primary);", ":var(--outline-transparent-primary-hover);", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
12
+ positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
13
+ warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
14
+ negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
15
15
  },
16
16
  size: {
17
+ xl: /*#__PURE__*/css(["", ":4rem;", ":1.3125rem 1.125rem;", ":0.375rem;", ":1rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem 0rem;", ":-0.0625rem 0rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.82rem -2.938rem auto auto;", ":0.82rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.8125rem 0 0.125rem 0;", ":1.813rem 0 0.813rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0.125rem;", ":1rem;", ":0.625rem;", ":auto;", ":3.25rem;", ":0 0.75rem 0 1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":-0.25rem;", ":1.75rem auto auto -0.875rem;", ":1.75rem -0.875rem auto auto;", ":1.75rem -2.488rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.indicatorLabelPlacementHintOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
17
18
  l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.438rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.563rem -2.938rem auto auto;", ":0.563rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0 0.75rem 0 1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.488rem auto auto;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
18
19
  m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":-0.125rem -0.438rem -0.125rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.312rem -2.813rem auto auto;", ":0.312rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0 0.625rem 0 0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.488rem auto auto;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
19
20
  s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":-0.1875rem -0.438rem -0.1875rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.062rem -2.688rem auto auto;", ":0.062rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0 0.5rem 0 0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.238rem auto auto;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight, tokens.textBeforeMargin, tokens.textAfterMargin),
@@ -35,7 +36,7 @@ export var config = {
35
36
  negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":1;"], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
36
37
  },
37
38
  hintView: {
38
- "default": /*#__PURE__*/css(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--text-primary);", ":var(--surface-solid-card);"], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
39
+ "default": /*#__PURE__*/css(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--text-primary);", ":var(--surface-solid-card-brightness);"], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
39
40
  },
40
41
  hintSize: {
41
42
  m: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;"], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
@@ -45,7 +46,7 @@ export var config = {
45
46
  "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
46
47
  },
47
48
  readOnly: {
48
- "true": /*#__PURE__*/css(["", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--outline-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-primary);"], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
49
+ "true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--outline-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--surface-transparent-primary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
49
50
  }
50
51
  }
51
52
  };
@@ -1,13 +1,14 @@
1
1
  import React, { ComponentProps, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
4
+ import { IconPlaceholder, getConfigVariations } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
7
  import { IconCross, IconLock } from '../../../../components/_Icon';
8
8
  import type { PopoverPlacement } from '../Popover/Popover';
9
9
 
10
10
  import { TextField } from './TextField';
11
+ import { config } from './TextField.config';
11
12
 
12
13
  const onChange = action('onChange');
13
14
  const onFocus = action('onFocus');
@@ -15,14 +16,14 @@ const onBlur = action('onBlur');
15
16
  const onSearch = action('onSearch');
16
17
  const onChipsChange = action('onChipsChange');
17
18
 
18
- const sizes = ['l', 'm', 's', 'xs'];
19
- const views = ['default', 'positive', 'warning', 'negative'];
19
+ const { views, sizes } = getConfigVariations(config);
20
+
20
21
  const chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
21
22
  const hintViews = ['default'];
22
23
  const hintSizes = ['m', 's'];
23
24
  const hintTriggers = ['hover', 'click'];
24
- const hintTargetPlacements = ['outer', 'inner'];
25
25
  const labelPlacements = ['outer', 'inner'];
26
+ const hintTargetPlacements = ['outer', 'inner'];
26
27
  const placements: Array<PopoverPlacement> = [
27
28
  'top',
28
29
  'top-start',
@@ -63,6 +64,10 @@ const meta: Meta<typeof TextField> = {
63
64
  control: {
64
65
  type: 'select',
65
66
  },
67
+ if: {
68
+ arg: 'optional',
69
+ truthy: false,
70
+ },
66
71
  },
67
72
  required: {
68
73
  control: {
@@ -322,7 +327,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
322
327
  },
323
328
  parameters: {
324
329
  controls: {
325
- exclude: ['chipType'],
330
+ exclude: ['chipType', 'chipView'],
326
331
  },
327
332
  },
328
333
  render: (args) => <StoryDemo {...args} />,
@@ -78,4 +78,5 @@ export * from "./components/NumberFormat";
78
78
  export * from "./components/Toast/ToastNew";
79
79
  export * from "./components/Carousel";
80
80
  export * from "./components/PaginationDots";
81
+ export * from "./components/CodeField";
81
82
  export * from "./components/List";
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import type { RootProps } from '../../../src/engines';
3
+ import type { CodeFieldProps } from './CodeField.types';
4
+ export declare const codeFieldRoot: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
5
+ value?: string | undefined;
6
+ placeholder?: string | undefined;
7
+ autoFocus?: boolean | undefined;
8
+ codeLength?: 4 | 6 | 5 | undefined;
9
+ caption?: React.ReactNode;
10
+ captionAlign?: "center" | "left" | undefined;
11
+ width?: string | number | undefined;
12
+ shape?: "default" | "segmented" | undefined;
13
+ view?: string | undefined;
14
+ size?: string | undefined;
15
+ disabled?: boolean | undefined;
16
+ isError?: boolean | undefined;
17
+ setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
18
+ allowedSymbols?: string | RegExp | undefined;
19
+ itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
20
+ codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
21
+ onChange?: ((value: string) => void) | undefined;
22
+ onFullCodeEnter?: ((code: string) => void) | undefined;
23
+ } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
24
+ export declare const codeFieldConfig: {
25
+ name: string;
26
+ tag: string;
27
+ layout: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
28
+ value?: string | undefined;
29
+ placeholder?: string | undefined;
30
+ autoFocus?: boolean | undefined;
31
+ codeLength?: 4 | 6 | 5 | undefined;
32
+ caption?: React.ReactNode;
33
+ captionAlign?: "center" | "left" | undefined;
34
+ width?: string | number | undefined;
35
+ shape?: "default" | "segmented" | undefined;
36
+ view?: string | undefined;
37
+ size?: string | undefined;
38
+ disabled?: boolean | undefined;
39
+ isError?: boolean | undefined;
40
+ setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
41
+ allowedSymbols?: string | RegExp | undefined;
42
+ itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
43
+ codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
44
+ onChange?: ((value: string) => void) | undefined;
45
+ onFullCodeEnter?: ((code: string) => void) | undefined;
46
+ } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
47
+ base: import("@linaria/core").LinariaClassName;
48
+ variations: {
49
+ view: {
50
+ css: import("@linaria/core").LinariaClassName;
51
+ };
52
+ size: {
53
+ css: import("@linaria/core").LinariaClassName;
54
+ };
55
+ shape: {
56
+ css: import("@linaria/core").LinariaClassName;
57
+ };
58
+ disabled: {
59
+ css: import("@linaria/core").LinariaClassName;
60
+ attrs: boolean;
61
+ };
62
+ };
63
+ defaults: {
64
+ size: string;
65
+ view: string;
66
+ shape: string;
67
+ };
68
+ };
69
+ //# sourceMappingURL=CodeField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAoRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAtRQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+S5E,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare const base: import("@linaria/core").LinariaClassName;
3
+ export declare const CodeWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const CodeGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Separator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
+ export declare const ItemInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
7
+ export declare const CaptionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
8
+ captionAlign: 'left' | 'center';
9
+ widthValue?: string | undefined;
10
+ }>;
11
+ //# sourceMappingURL=CodeField.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;;EAKzE,CAAC"}
@@ -0,0 +1,52 @@
1
+ export declare const classes: {
2
+ itemError: string;
3
+ itemErrorAnimation: string;
4
+ itemErrorFade: string;
5
+ captionError: string;
6
+ codeError: string;
7
+ codeErrorAnimation: string;
8
+ codeErrorFade: string;
9
+ captionAlignLeft: string;
10
+ hoverEnabled: string;
11
+ segmented: string;
12
+ default: string;
13
+ disabled: string;
14
+ };
15
+ export declare const tokens: {
16
+ captionGap: string;
17
+ codeItemsGap: string;
18
+ separatorWidth: string;
19
+ codeItemWidth: string;
20
+ codeItemHeight: string;
21
+ fontFamily: string;
22
+ fontStyle: string;
23
+ fontSize: string;
24
+ fontWeight: string;
25
+ letterSpacing: string;
26
+ lineHeight: string;
27
+ captionFontFamily: string;
28
+ captionFontSize: string;
29
+ captionFontStyle: string;
30
+ captionFontWeight: string;
31
+ captionLetterSpacing: string;
32
+ captionLineHeight: string;
33
+ borderRadius: string;
34
+ borderRadiusSegmented: string;
35
+ segmentedSideBorderRadius: string;
36
+ captionColor: string;
37
+ captionColorError: string;
38
+ codeColor: string;
39
+ codeColorError: string;
40
+ backgroundColor: string;
41
+ backgroundColorHover: string;
42
+ backgroundColorFocus: string;
43
+ backgroundErrorColor: string;
44
+ borderWidth: string;
45
+ borderColor: string;
46
+ borderColorHover: string;
47
+ borderColorFocus: string;
48
+ borderErrorColor: string;
49
+ caretColor: string;
50
+ disabledOpacity: string;
51
+ };
52
+ //# sourceMappingURL=CodeField.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
@@ -0,0 +1,93 @@
1
+ import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react';
2
+ export declare type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter';
3
+ export declare type CodeErrorBehavior = 'remove-code' | 'keep';
4
+ export declare type CodeFieldProps = {
5
+ /**
6
+ * Значение поля ввода
7
+ */
8
+ value?: string;
9
+ /**
10
+ * Строка равная, длине кода или же один символ,
11
+ * для отображения в качестве placeholder
12
+ */
13
+ placeholder?: string;
14
+ /**
15
+ * Автофокус на компоненте
16
+ */
17
+ autoFocus?: boolean;
18
+ /**
19
+ * Длина кода
20
+ * @default 6
21
+ */
22
+ codeLength?: 4 | 5 | 6;
23
+ /**
24
+ * Подпись к компоненту
25
+ */
26
+ caption?: ReactNode;
27
+ /**
28
+ * Выравнивание подписи
29
+ * @default left
30
+ */
31
+ captionAlign?: 'left' | 'center';
32
+ /**
33
+ * Ширина компонента
34
+ * @description
35
+ * Значение может принимать строку с единицой измерения CSS (px, rem и тд.).
36
+ * Если передано число без единицы измерения - рассчитывается в rem.
37
+ */
38
+ width?: string | number;
39
+ /**
40
+ * Форма компонента
41
+ * @default default
42
+ */
43
+ shape?: 'default' | 'segmented';
44
+ /**
45
+ * Вид компонента
46
+ */
47
+ view?: string;
48
+ /**
49
+ * Размер компонента
50
+ */
51
+ size?: string;
52
+ /**
53
+ * Компонент не активен
54
+ */
55
+ disabled?: boolean;
56
+ /**
57
+ * Флаг ошибки кода
58
+ */
59
+ isError?: boolean;
60
+ /**
61
+ * Колбек для установки флага ошибки
62
+ */
63
+ setIsError?: Dispatch<SetStateAction<boolean>>;
64
+ /**
65
+ * Регулярное выражение или строка, по которой проверяется символ при вводе
66
+ * @default '^\\d+$' - только цифры
67
+ */
68
+ allowedSymbols?: string | RegExp;
69
+ /**
70
+ * Поведение элемента поля ввода, при вводе некорректного значения
71
+ * - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается
72
+ * - `keep` - проигрывается анимация ошибки, значение остается
73
+ * - `forbid-enter` - запрещается ввод некорректного значения
74
+ * @default 'remove-symbol'
75
+ */
76
+ itemErrorBehavior?: ItemErrorBehavior;
77
+ /**
78
+ * Поведение элемента поля ввода, при вводе некорректного значения
79
+ * - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается
80
+ * - `keep` - проигрывается анимация ошибки, значение остается
81
+ * @default 'remove-code'
82
+ */
83
+ codeErrorBehavior?: CodeErrorBehavior;
84
+ /**
85
+ * Коллбек, вызываемый при изменении значения кода
86
+ */
87
+ onChange?: (value: string) => void;
88
+ /**
89
+ * Коллбек, вызываемый при вводе полного значения в поле
90
+ */
91
+ onFullCodeEnter?: (code: string) => void;
92
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'autoComplete'> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
93
+ //# sourceMappingURL=CodeField.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,oBAAY,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAC1E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,oBAAY,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { codeFieldRoot, codeFieldConfig } from './CodeField';
2
+ export { tokens as codeFieldTokens, classes as codeFieldClasses } from './CodeField.tokens';
3
+ export { ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN } from './utils/constants';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
2
+ export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
3
+ export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
4
+ export declare const FORBIDDEN_KEYS: string[];
5
+ export declare const BACKSPACE_KEY = "Backspace";
6
+ export declare const ANIMATION_TIMEOUT = 300;
7
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAChD,eAAO,MAAM,6BAA6B,mBAAmB,CAAC;AAE9D,eAAO,MAAM,cAAc,UAAgE,CAAC;AAC5F,eAAO,MAAM,aAAa,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { Dispatch, MutableRefObject, SetStateAction } from 'react';
2
+ import type { CodeErrorBehavior } from '../CodeField.types';
3
+ declare type ValidateSymbolsArgs = {
4
+ codeLength: number;
5
+ codeErrorBehavior: CodeErrorBehavior;
6
+ currentCode: Array<string>;
7
+ inputContainerRef: MutableRefObject<HTMLDivElement | null>;
8
+ inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
+ captionRef: MutableRefObject<HTMLDivElement | null>;
10
+ setCode: Dispatch<SetStateAction<Array<string>>>;
11
+ codeSetter: (newCode: Array<string>) => void;
12
+ };
13
+ export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
14
+ export {};
15
+ //# sourceMappingURL=handleCodeError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,aAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { Dispatch, MutableRefObject, SetStateAction } from 'react';
2
+ import type { ItemErrorBehavior } from '../CodeField.types';
3
+ declare type ValidateSymbolsArgs = {
4
+ currentSymbol: string;
5
+ itemErrorBehavior: ItemErrorBehavior;
6
+ index: number;
7
+ newCode: Array<string>;
8
+ inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
+ setCode: Dispatch<SetStateAction<Array<string>>>;
10
+ codeSetter: (newCode: Array<string>) => void;
11
+ };
12
+ export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
13
+ export {};
14
+ //# sourceMappingURL=handleItemError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,aAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,0FAQzB,mBAAmB,SA4CrB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { getFieldPattern, getPlaceholderValue, getCodeValue } from './initialValuesHelper';
2
+ export { handleItemError } from './handleItemError';
3
+ export { handleCodeError } from './handleCodeError';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const getFieldPattern: (allowedSymbols: RegExp | string) => RegExp | null;
2
+ export declare const getCodeValue: (codeLength: number, value: string) => Array<string>;
3
+ export declare const getPlaceholderValue: (codeLength: number, placeholder?: string | undefined) => null | string[];
4
+ //# sourceMappingURL=initialValuesHelper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initialValuesHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/initialValuesHelper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,mBAAoB,MAAM,GAAG,MAAM,kBAU9D,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,MAAM,SAAS,MAAM,KAAG,MAAM,MAAM,CAM5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,MAAM,uCAAyB,IAAI,GAAG,MAAM,EAU3F,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqGhB,CAAC"}
@@ -1,25 +1,21 @@
1
1
  import React from 'react';
2
2
  import { RootProps } from '../../engines';
3
3
  import type { ListProps } from './List.types';
4
- export declare const listRoot: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
4
+ export declare const listRoot: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
5
5
  view?: string | undefined;
6
6
  size?: string | undefined;
7
- variant?: string | undefined;
8
- disabled?: string | undefined;
9
- children?: React.ReactNode;
10
- className?: string | undefined;
11
- } & React.RefAttributes<HTMLDivElement>>;
7
+ variant?: "normal" | "tight" | undefined;
8
+ disabled?: boolean | undefined;
9
+ } & React.RefAttributes<HTMLUListElement>>;
12
10
  export declare const listConfig: {
13
11
  name: string;
14
12
  tag: string;
15
- layout: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
13
+ layout: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
16
14
  view?: string | undefined;
17
15
  size?: string | undefined;
18
- variant?: string | undefined;
19
- disabled?: string | undefined;
20
- children?: React.ReactNode;
21
- className?: string | undefined;
22
- } & React.RefAttributes<HTMLDivElement>>;
16
+ variant?: "normal" | "tight" | undefined;
17
+ disabled?: boolean | undefined;
18
+ } & React.RefAttributes<HTMLUListElement>>;
23
19
  base: import("@linaria/core").LinariaClassName;
24
20
  variations: {
25
21
  view: {
@@ -28,9 +24,6 @@ export declare const listConfig: {
28
24
  size: {
29
25
  css: import("@linaria/core").LinariaClassName;
30
26
  };
31
- variant: {
32
- css: import("@linaria/core").LinariaClassName;
33
- };
34
27
  disabled: {
35
28
  css: import("@linaria/core").LinariaClassName;
36
29
  };
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;wCAc7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClE,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;0CAkB/D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBApBQ,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;CAwCpE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
1
+ {"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -3,6 +3,9 @@ export declare const classes: {
3
3
  listItem: string;
4
4
  filledStretching: string;
5
5
  fixedStretching: string;
6
+ tightListItem: string;
7
+ disabledList: string;
8
+ disabledListItem: string;
6
9
  };
7
10
  export declare const tokens: {
8
11
  listGap: string;
@@ -20,7 +23,7 @@ export declare const tokens: {
20
23
  listItemIconLeftColor: string;
21
24
  listItemIconRightColor: string;
22
25
  listItemGap: string;
23
- listItemVariantDifference: string;
26
+ listItemTightDifference: string;
24
27
  listItemColor: string;
25
28
  listItemColorHover: string;
26
29
  listItemFontFamily: string;
@@ -1 +1 @@
1
- {"version":3,"file":"List.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
1
+ {"version":3,"file":"List.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}