@salutejs/plasma-new-hope 0.185.0-canary.1500.11703995241.0 → 0.185.0-canary.1511.11704579010.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (422) hide show
  1. package/cjs/components/Badge/Badge.css +3 -3
  2. package/cjs/components/Badge/Badge.js +3 -10
  3. package/cjs/components/Badge/Badge.js.map +1 -1
  4. package/cjs/components/Badge/Badge.styles.js +5 -5
  5. package/cjs/components/Badge/Badge.styles.js.map +1 -1
  6. package/cjs/components/Badge/Badge.styles_8pi3br.css +4 -0
  7. package/cjs/components/Badge/Badge.tokens.js +1 -2
  8. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  9. package/cjs/components/NumberInput/NumberInput.css +52 -0
  10. package/cjs/components/NumberInput/NumberInput.js +205 -0
  11. package/cjs/components/NumberInput/NumberInput.js.map +1 -0
  12. package/cjs/components/NumberInput/NumberInput.styles.js +9 -0
  13. package/cjs/components/NumberInput/NumberInput.styles.js.map +1 -0
  14. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +1 -0
  15. package/cjs/components/NumberInput/NumberInput.tokens.js +102 -0
  16. package/cjs/components/NumberInput/NumberInput.tokens.js.map +1 -0
  17. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +19 -0
  18. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +1 -0
  19. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +22 -0
  20. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +1 -0
  21. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +1 -0
  22. package/cjs/components/NumberInput/ui/Input/Input.css +15 -0
  23. package/cjs/components/NumberInput/ui/Input/Input.js +204 -0
  24. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -0
  25. package/cjs/components/NumberInput/ui/Input/Input.styles.js +96 -0
  26. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +1 -0
  27. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +8 -0
  28. package/cjs/components/NumberInput/utils/index.js +12 -0
  29. package/cjs/components/NumberInput/utils/index.js.map +1 -0
  30. package/cjs/components/NumberInput/variations/_background-type/base.js +9 -0
  31. package/cjs/components/NumberInput/variations/_background-type/base.js.map +1 -0
  32. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +1 -0
  33. package/cjs/components/NumberInput/variations/_disabled/base.js +9 -0
  34. package/cjs/components/NumberInput/variations/_disabled/base.js.map +1 -0
  35. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +1 -0
  36. package/cjs/components/NumberInput/variations/_segmentation/base.js +9 -0
  37. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +1 -0
  38. package/cjs/components/NumberInput/variations/_segmentation/base_14s5rot.css +1 -0
  39. package/cjs/components/NumberInput/variations/_shape/base.js +9 -0
  40. package/cjs/components/NumberInput/variations/_shape/base.js.map +1 -0
  41. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +1 -0
  42. package/cjs/components/NumberInput/variations/_size/base.js +9 -0
  43. package/cjs/components/NumberInput/variations/_size/base.js.map +1 -0
  44. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +1 -0
  45. package/cjs/components/NumberInput/variations/_view/base.js +9 -0
  46. package/cjs/components/NumberInput/variations/_view/base.js.map +1 -0
  47. package/cjs/components/NumberInput/variations/_view/base_tnfbb5.css +1 -0
  48. package/cjs/components/Tabs/tokens.js +1 -2
  49. package/cjs/components/Tabs/tokens.js.map +1 -1
  50. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  51. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -9
  52. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  53. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  54. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  55. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css +5 -0
  56. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
  57. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_j8lg9u.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css} +1 -1
  58. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  59. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +3 -9
  60. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  61. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  62. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  63. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1g7zipg.css +5 -0
  64. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  65. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_12fk3xi.css → base_fueiq8.css} +1 -1
  66. package/cjs/index.css +38 -15
  67. package/cjs/index.js +6 -0
  68. package/cjs/index.js.map +1 -1
  69. package/emotion/cjs/components/Badge/Badge.js +3 -15
  70. package/emotion/cjs/components/Badge/Badge.styles.js +13 -4
  71. package/emotion/cjs/components/Badge/Badge.tokens.js +1 -2
  72. package/emotion/cjs/components/NumberInput/NumberInput.js +214 -0
  73. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +17 -0
  74. package/emotion/cjs/components/NumberInput/NumberInput.template-doc.mdx +214 -0
  75. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +99 -0
  76. package/emotion/cjs/components/NumberInput/NumberInput.types.js +5 -0
  77. package/emotion/cjs/components/NumberInput/index.js +31 -0
  78. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +18 -0
  79. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +16 -0
  80. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +5 -0
  81. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +212 -0
  82. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +81 -0
  83. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +5 -0
  84. package/emotion/cjs/components/NumberInput/ui/index.js +19 -0
  85. package/emotion/cjs/components/NumberInput/utils/index.js +9 -0
  86. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +10 -0
  87. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +6 -0
  88. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +9 -0
  89. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +4 -0
  90. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +12 -0
  91. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +1 -0
  92. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +11 -0
  93. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +1 -0
  94. package/emotion/cjs/components/NumberInput/variations/_size/base.js +13 -0
  95. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +22 -0
  96. package/emotion/cjs/components/NumberInput/variations/_view/base.js +13 -0
  97. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +14 -0
  98. package/emotion/cjs/components/Tabs/tokens.js +1 -2
  99. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -14
  100. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
  101. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +3 -14
  102. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
  103. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +14 -17
  104. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -5
  105. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +46 -0
  106. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +11 -0
  107. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +108 -0
  108. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +19 -51
  109. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
  110. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
  111. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +46 -0
  112. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +11 -0
  113. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +108 -0
  114. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +19 -51
  115. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
  116. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
  117. package/emotion/cjs/index.js +11 -0
  118. package/emotion/es/components/Badge/Badge.js +3 -16
  119. package/emotion/es/components/Badge/Badge.styles.js +14 -5
  120. package/emotion/es/components/Badge/Badge.tokens.js +1 -2
  121. package/emotion/es/components/NumberInput/NumberInput.js +206 -0
  122. package/emotion/es/components/NumberInput/NumberInput.styles.js +11 -0
  123. package/emotion/es/components/NumberInput/NumberInput.template-doc.mdx +214 -0
  124. package/emotion/es/components/NumberInput/NumberInput.tokens.js +93 -0
  125. package/emotion/es/components/NumberInput/NumberInput.types.js +1 -0
  126. package/emotion/es/components/NumberInput/index.js +2 -0
  127. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +11 -0
  128. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +9 -0
  129. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +1 -0
  130. package/emotion/es/components/NumberInput/ui/Input/Input.js +203 -0
  131. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +74 -0
  132. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +1 -0
  133. package/emotion/es/components/NumberInput/ui/index.js +2 -0
  134. package/emotion/es/components/NumberInput/utils/index.js +3 -0
  135. package/emotion/es/components/NumberInput/variations/_background-type/base.js +4 -0
  136. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +6 -0
  137. package/emotion/es/components/NumberInput/variations/_disabled/base.js +3 -0
  138. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +4 -0
  139. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +6 -0
  140. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +1 -0
  141. package/emotion/es/components/NumberInput/variations/_shape/base.js +5 -0
  142. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +1 -0
  143. package/emotion/es/components/NumberInput/variations/_size/base.js +7 -0
  144. package/emotion/es/components/NumberInput/variations/_size/tokens.json +22 -0
  145. package/emotion/es/components/NumberInput/variations/_view/base.js +7 -0
  146. package/emotion/es/components/NumberInput/variations/_view/tokens.json +14 -0
  147. package/emotion/es/components/Tabs/tokens.js +1 -2
  148. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -15
  149. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
  150. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +3 -15
  151. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
  152. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +14 -17
  153. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -5
  154. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +40 -0
  155. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +5 -0
  156. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +108 -0
  157. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +19 -51
  158. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
  159. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
  160. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +40 -0
  161. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +5 -0
  162. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +108 -0
  163. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +19 -51
  164. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
  165. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
  166. package/emotion/es/index.js +2 -1
  167. package/es/components/Badge/Badge.css +3 -3
  168. package/es/components/Badge/Badge.js +4 -11
  169. package/es/components/Badge/Badge.js.map +1 -1
  170. package/es/components/Badge/Badge.styles.js +5 -5
  171. package/es/components/Badge/Badge.styles.js.map +1 -1
  172. package/es/components/Badge/Badge.styles_8pi3br.css +4 -0
  173. package/es/components/Badge/Badge.tokens.js +1 -2
  174. package/es/components/Badge/Badge.tokens.js.map +1 -1
  175. package/es/components/NumberInput/NumberInput.css +52 -0
  176. package/es/components/NumberInput/NumberInput.js +200 -0
  177. package/es/components/NumberInput/NumberInput.js.map +1 -0
  178. package/es/components/NumberInput/NumberInput.styles.js +5 -0
  179. package/es/components/NumberInput/NumberInput.styles.js.map +1 -0
  180. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +1 -0
  181. package/es/components/NumberInput/NumberInput.tokens.js +96 -0
  182. package/es/components/NumberInput/NumberInput.tokens.js.map +1 -0
  183. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +15 -0
  184. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +1 -0
  185. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +18 -0
  186. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +1 -0
  187. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +1 -0
  188. package/es/components/NumberInput/ui/Input/Input.css +15 -0
  189. package/es/components/NumberInput/ui/Input/Input.js +200 -0
  190. package/es/components/NumberInput/ui/Input/Input.js.map +1 -0
  191. package/es/components/NumberInput/ui/Input/Input.styles.js +85 -0
  192. package/es/components/NumberInput/ui/Input/Input.styles.js.map +1 -0
  193. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +8 -0
  194. package/es/components/NumberInput/utils/index.js +6 -0
  195. package/es/components/NumberInput/utils/index.js.map +1 -0
  196. package/es/components/NumberInput/variations/_background-type/base.js +5 -0
  197. package/es/components/NumberInput/variations/_background-type/base.js.map +1 -0
  198. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +1 -0
  199. package/es/components/NumberInput/variations/_disabled/base.js +5 -0
  200. package/es/components/NumberInput/variations/_disabled/base.js.map +1 -0
  201. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +1 -0
  202. package/es/components/NumberInput/variations/_segmentation/base.js +5 -0
  203. package/es/components/NumberInput/variations/_segmentation/base.js.map +1 -0
  204. package/es/components/NumberInput/variations/_segmentation/base_14s5rot.css +1 -0
  205. package/es/components/NumberInput/variations/_shape/base.js +5 -0
  206. package/es/components/NumberInput/variations/_shape/base.js.map +1 -0
  207. package/es/components/NumberInput/variations/_shape/base_k05biw.css +1 -0
  208. package/es/components/NumberInput/variations/_size/base.js +5 -0
  209. package/es/components/NumberInput/variations/_size/base.js.map +1 -0
  210. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +1 -0
  211. package/es/components/NumberInput/variations/_view/base.js +5 -0
  212. package/es/components/NumberInput/variations/_view/base.js.map +1 -0
  213. package/es/components/NumberInput/variations/_view/base_tnfbb5.css +1 -0
  214. package/es/components/Tabs/tokens.js +1 -2
  215. package/es/components/Tabs/tokens.js.map +1 -1
  216. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  217. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -10
  218. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  219. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  220. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  221. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css +5 -0
  222. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
  223. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_j8lg9u.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css} +1 -1
  224. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  225. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -10
  226. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  227. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  228. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  229. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1g7zipg.css +5 -0
  230. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  231. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_12fk3xi.css → base_fueiq8.css} +1 -1
  232. package/es/index.css +38 -15
  233. package/es/index.js +2 -0
  234. package/es/index.js.map +1 -1
  235. package/package.json +2 -2
  236. package/styled-components/cjs/components/Badge/Badge.js +3 -15
  237. package/styled-components/cjs/components/Badge/Badge.styles.js +2 -2
  238. package/styled-components/cjs/components/Badge/Badge.tokens.js +1 -2
  239. package/styled-components/cjs/components/NumberInput/NumberInput.js +214 -0
  240. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +8 -0
  241. package/styled-components/cjs/components/NumberInput/NumberInput.template-doc.mdx +214 -0
  242. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +99 -0
  243. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +5 -0
  244. package/styled-components/cjs/components/NumberInput/index.js +31 -0
  245. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +18 -0
  246. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +15 -0
  247. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +5 -0
  248. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +212 -0
  249. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +48 -0
  250. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +5 -0
  251. package/styled-components/cjs/components/NumberInput/ui/index.js +19 -0
  252. package/styled-components/cjs/components/NumberInput/utils/index.js +9 -0
  253. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +10 -0
  254. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +6 -0
  255. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +9 -0
  256. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +4 -0
  257. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +12 -0
  258. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +1 -0
  259. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +11 -0
  260. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +1 -0
  261. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +13 -0
  262. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +22 -0
  263. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +13 -0
  264. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +14 -0
  265. package/styled-components/cjs/components/Tabs/tokens.js +1 -2
  266. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -14
  267. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +8 -8
  268. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +3 -14
  269. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +9 -9
  270. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +0 -3
  271. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -5
  272. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +46 -0
  273. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +11 -0
  274. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +108 -0
  275. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +19 -51
  276. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
  277. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
  278. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +46 -0
  279. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +11 -0
  280. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +108 -0
  281. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +19 -51
  282. package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
  283. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
  284. package/styled-components/cjs/index.js +11 -0
  285. package/styled-components/es/components/Badge/Badge.js +3 -16
  286. package/styled-components/es/components/Badge/Badge.styles.js +3 -3
  287. package/styled-components/es/components/Badge/Badge.tokens.js +1 -2
  288. package/styled-components/es/components/NumberInput/NumberInput.js +206 -0
  289. package/styled-components/es/components/NumberInput/NumberInput.styles.js +2 -0
  290. package/styled-components/es/components/NumberInput/NumberInput.template-doc.mdx +214 -0
  291. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +93 -0
  292. package/styled-components/es/components/NumberInput/NumberInput.types.js +1 -0
  293. package/styled-components/es/components/NumberInput/index.js +2 -0
  294. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +11 -0
  295. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +8 -0
  296. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +1 -0
  297. package/styled-components/es/components/NumberInput/ui/Input/Input.js +203 -0
  298. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +41 -0
  299. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +1 -0
  300. package/styled-components/es/components/NumberInput/ui/index.js +2 -0
  301. package/styled-components/es/components/NumberInput/utils/index.js +3 -0
  302. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +4 -0
  303. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +6 -0
  304. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +3 -0
  305. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +4 -0
  306. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +6 -0
  307. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +1 -0
  308. package/styled-components/es/components/NumberInput/variations/_shape/base.js +5 -0
  309. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +1 -0
  310. package/styled-components/es/components/NumberInput/variations/_size/base.js +7 -0
  311. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +22 -0
  312. package/styled-components/es/components/NumberInput/variations/_view/base.js +7 -0
  313. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +14 -0
  314. package/styled-components/es/components/Tabs/tokens.js +1 -2
  315. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -15
  316. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +9 -9
  317. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +3 -15
  318. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +10 -10
  319. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +0 -3
  320. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -5
  321. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +40 -0
  322. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +5 -0
  323. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +108 -0
  324. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +19 -51
  325. package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
  326. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
  327. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +40 -0
  328. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +5 -0
  329. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +108 -0
  330. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +19 -51
  331. package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
  332. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
  333. package/styled-components/es/index.js +2 -1
  334. package/types/components/Badge/Badge.d.ts.map +1 -1
  335. package/types/components/Badge/Badge.styles.d.ts +1 -1
  336. package/types/components/Badge/Badge.styles.d.ts.map +1 -1
  337. package/types/components/Badge/Badge.tokens.d.ts +0 -1
  338. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  339. package/types/components/Badge/Badge.types.d.ts +0 -5
  340. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  341. package/types/components/NumberInput/NumberInput.d.ts +38 -0
  342. package/types/components/NumberInput/NumberInput.d.ts.map +1 -0
  343. package/types/components/NumberInput/NumberInput.styles.d.ts +2 -0
  344. package/types/components/NumberInput/NumberInput.styles.d.ts.map +1 -0
  345. package/types/components/NumberInput/NumberInput.tokens.d.ts +88 -0
  346. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +1 -0
  347. package/types/components/NumberInput/NumberInput.types.d.ts +112 -0
  348. package/types/components/NumberInput/NumberInput.types.d.ts.map +1 -0
  349. package/types/components/NumberInput/index.d.ts +3 -0
  350. package/types/components/NumberInput/index.d.ts.map +1 -0
  351. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +4 -0
  352. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +1 -0
  353. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +45 -0
  354. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +1 -0
  355. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +7 -0
  356. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +1 -0
  357. package/types/components/NumberInput/ui/Input/Input.d.ts +19 -0
  358. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -0
  359. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +30 -0
  360. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +1 -0
  361. package/types/components/NumberInput/ui/Input/Input.types.d.ts +19 -0
  362. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +1 -0
  363. package/types/components/NumberInput/ui/index.d.ts +3 -0
  364. package/types/components/NumberInput/ui/index.d.ts.map +1 -0
  365. package/types/components/NumberInput/utils/index.d.ts +4 -0
  366. package/types/components/NumberInput/utils/index.d.ts.map +1 -0
  367. package/types/components/NumberInput/variations/_background-type/base.d.ts +2 -0
  368. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +1 -0
  369. package/types/components/NumberInput/variations/_disabled/base.d.ts +2 -0
  370. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +1 -0
  371. package/types/components/NumberInput/variations/_segmentation/base.d.ts +2 -0
  372. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +1 -0
  373. package/types/components/NumberInput/variations/_shape/base.d.ts +2 -0
  374. package/types/components/NumberInput/variations/_shape/base.d.ts.map +1 -0
  375. package/types/components/NumberInput/variations/_size/base.d.ts +2 -0
  376. package/types/components/NumberInput/variations/_size/base.d.ts.map +1 -0
  377. package/types/components/NumberInput/variations/_view/base.d.ts +2 -0
  378. package/types/components/NumberInput/variations/_view/base.d.ts.map +1 -0
  379. package/types/components/Tabs/TabItem.types.d.ts +0 -5
  380. package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
  381. package/types/components/Tabs/tokens.d.ts +0 -1
  382. package/types/components/Tabs/tokens.d.ts.map +1 -1
  383. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
  384. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +1 -1
  385. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  386. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
  387. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts +1 -1
  388. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  389. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +0 -3
  390. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  391. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +0 -6
  392. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  393. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +39 -0
  394. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +1 -0
  395. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +82 -0
  396. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +1 -0
  397. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +0 -6
  398. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  399. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -3
  400. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  401. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -3
  402. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  403. package/types/examples/plasma_web/components/Badge/Badge.d.ts +0 -3
  404. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  405. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +39 -0
  406. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +1 -0
  407. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +82 -0
  408. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +1 -0
  409. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +0 -6
  410. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  411. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -3
  412. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  413. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -3
  414. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  415. package/types/index.d.ts +1 -0
  416. package/types/index.d.ts.map +1 -1
  417. package/cjs/components/Badge/Badge.styles_hhbwyi.css +0 -4
  418. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1yi1gll.css +0 -5
  419. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_17vv6lq.css +0 -5
  420. package/es/components/Badge/Badge.styles_hhbwyi.css +0 -4
  421. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1yi1gll.css +0 -5
  422. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_17vv6lq.css +0 -5
@@ -0,0 +1,102 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ actionButtonDecrement: 'action-button-decrement',
7
+ actionButtonDecrementDisabled: 'action-button-decrement-disabled',
8
+ actionButtonIncrement: 'action-button-increment',
9
+ actionButtonIncrementDisabled: 'action-button-increment-disabled',
10
+ textBefore: 'text-before',
11
+ textAfter: 'text-after',
12
+ solidView: 'solid-view',
13
+ segmentedView: 'segmented-view',
14
+ clearView: 'clear-view',
15
+ errorAnimation: 'error-animation',
16
+ disabled: 'number-input-disabled',
17
+ loading: 'number-input-loading',
18
+ focused: 'number-input-focused',
19
+ manualInput: 'manual-input-number-input'
20
+ };
21
+ var privateTokens = {
22
+ inputWidth: '--plasma_private-number-input_width',
23
+ segmentationBorderRadius: '--plasma_private-segmentation-border-radius',
24
+ segmentationInputBorderRadius: '--plasma_private-segmentation_input_border-radius',
25
+ topBoxShadow: '--plasma_private-number-input_top-box-shadow',
26
+ bottomBoxShadow: '--plasma_private-number-input_bottom-box-shadow',
27
+ leftBoxShadow: '--plasma_private-number-input_left-box-shadow',
28
+ rightBoxShadow: '--plasma_private-number-input_right-box-shadow'
29
+ };
30
+ var tokens = {
31
+ // Root size tokens
32
+ rootMinWidth: '--plasma-number-input_min-width',
33
+ disabledOpacity: '--plasma-number-input_disabled-opacity',
34
+ rootBorderWidth: '--plasma-number-input_input-border-width',
35
+ wrapperBorderColor: '--plasma-number-input_wrapper_border-color',
36
+ wrapperBorderColorFocus: '--plasma-number-input_wrapper_border-color_focus',
37
+ // Action button view tokens
38
+ iconButtonColor: '--plasma-number-input_icon-button_color',
39
+ iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
40
+ iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
41
+ iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',
42
+ iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
43
+ iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
44
+ iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',
45
+ iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
46
+ actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
47
+ // Action button size tokens
48
+ iconButtonHeight: '--plasma-number-input_icon-button_height',
49
+ iconButtonWidth: '--plasma-number-input_icon-button_width',
50
+ iconButtonPadding: '--plasma-number-input_icon-button_padding',
51
+ iconButtonRadius: '--plasma-number-input_icon-button_radius',
52
+ iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
53
+ iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
54
+ iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
55
+ iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
56
+ iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
57
+ iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
58
+ iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
59
+ // Input size tokens
60
+ inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
61
+ inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
62
+ inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
63
+ textWrapperHeight: '--plasma-number-input_text-wrapper_height',
64
+ textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
65
+ fontFamily: '--plasma-number-input_font-family',
66
+ fontStyle: '--plasma-number-input_font-style',
67
+ fontSize: '--plasma-number-input_font-size',
68
+ fontWeight: '--plasma-number-input_font-weight',
69
+ letterSpacing: '--plasma-number-input_letter-spacing',
70
+ lineHeight: '--plasma-number-input_line-height',
71
+ textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
72
+ textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
73
+ // Input view tokens
74
+ caretColor: '--plasma-number-input_caret_color',
75
+ caretColorSolid: '--plasma-number-input_caret_color-solid',
76
+ color: '--plasma-number-input_color',
77
+ colorSolid: '--plasma-number-input_color-solid',
78
+ backgroundColor: '--plasma-number-input_background-color',
79
+ backgroundColorHover: '--plasma-number-input_background-color-hover',
80
+ backgroundColorFocus: '--plasma-number-input_background-color-focus',
81
+ backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
82
+ backgroundColorSolid: '--plasma-number-input_background-color-solid',
83
+ borderColor: '--plasma-number-input_border-color',
84
+ borderColorHover: '--plasma-number-input_border-color-hover',
85
+ borderColorFocus: '--plasma-number-input_border-color-focus',
86
+ borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
87
+ borderColorSolid: '--plasma-number-input_border-color-solid',
88
+ additionalTextColor: '--plasma-number-input_additional-text_color',
89
+ additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
90
+ errorColor: '--plasma-number-input_error-color',
91
+ backgroundErrorColor: '--plasma-number-input_background_error-color',
92
+ borderErrorColor: '--plasma-number-input_border_error-color',
93
+ // Loader tokens
94
+ loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
95
+ loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
96
+ loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
97
+ };
98
+
99
+ exports.classes = classes;
100
+ exports.privateTokens = privateTokens;
101
+ exports.tokens = tokens;
102
+ //# sourceMappingURL=NumberInput.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumberInput.tokens.js","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"sourcesContent":["export const classes = {\n actionButtonDecrement: 'action-button-decrement',\n actionButtonDecrementDisabled: 'action-button-decrement-disabled',\n actionButtonIncrement: 'action-button-increment',\n actionButtonIncrementDisabled: 'action-button-increment-disabled',\n textBefore: 'text-before',\n textAfter: 'text-after',\n solidView: 'solid-view',\n segmentedView: 'segmented-view',\n clearView: 'clear-view',\n errorAnimation: 'error-animation',\n disabled: 'number-input-disabled',\n loading: 'number-input-loading',\n focused: 'number-input-focused',\n manualInput: 'manual-input-number-input',\n};\n\nexport const privateTokens = {\n inputWidth: '--plasma_private-number-input_width',\n segmentationBorderRadius: '--plasma_private-segmentation-border-radius',\n segmentationInputBorderRadius: '--plasma_private-segmentation_input_border-radius',\n topBoxShadow: '--plasma_private-number-input_top-box-shadow',\n bottomBoxShadow: '--plasma_private-number-input_bottom-box-shadow',\n leftBoxShadow: '--plasma_private-number-input_left-box-shadow',\n rightBoxShadow: '--plasma_private-number-input_right-box-shadow',\n};\n\nexport const tokens = {\n // Root size tokens\n rootMinWidth: '--plasma-number-input_min-width',\n disabledOpacity: '--plasma-number-input_disabled-opacity',\n rootBorderWidth: '--plasma-number-input_input-border-width',\n wrapperBorderColor: '--plasma-number-input_wrapper_border-color',\n wrapperBorderColorFocus: '--plasma-number-input_wrapper_border-color_focus',\n\n // Action button view tokens\n iconButtonColor: '--plasma-number-input_icon-button_color',\n iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',\n iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',\n iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',\n iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n iconButtonColorActive: '--plasma-number-input_icon-button_color-active',\n iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',\n iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',\n\n actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',\n\n // Action button size tokens\n iconButtonHeight: '--plasma-number-input_icon-button_height',\n iconButtonWidth: '--plasma-number-input_icon-button_width',\n iconButtonPadding: '--plasma-number-input_icon-button_padding',\n iconButtonRadius: '--plasma-number-input_icon-button_radius',\n iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',\n iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',\n iconButtonFontSize: '--plasma-number-input_icon-button_font-size',\n iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',\n iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',\n iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',\n iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',\n\n // Input size tokens\n inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',\n inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',\n inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',\n textWrapperHeight: '--plasma-number-input_text-wrapper_height',\n textWrapperPadding: '--plasma-number-input_text-wrapper_padding',\n\n fontFamily: '--plasma-number-input_font-family',\n fontStyle: '--plasma-number-input_font-style',\n fontSize: '--plasma-number-input_font-size',\n fontWeight: '--plasma-number-input_font-weight',\n letterSpacing: '--plasma-number-input_letter-spacing',\n lineHeight: '--plasma-number-input_line-height',\n\n textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',\n textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',\n\n // Input view tokens\n caretColor: '--plasma-number-input_caret_color',\n caretColorSolid: '--plasma-number-input_caret_color-solid',\n color: '--plasma-number-input_color',\n colorSolid: '--plasma-number-input_color-solid',\n backgroundColor: '--plasma-number-input_background-color',\n backgroundColorHover: '--plasma-number-input_background-color-hover',\n backgroundColorFocus: '--plasma-number-input_background-color-focus',\n backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',\n backgroundColorSolid: '--plasma-number-input_background-color-solid',\n borderColor: '--plasma-number-input_border-color',\n borderColorHover: '--plasma-number-input_border-color-hover',\n borderColorFocus: '--plasma-number-input_border-color-focus',\n borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',\n borderColorSolid: '--plasma-number-input_border-color-solid',\n additionalTextColor: '--plasma-number-input_additional-text_color',\n additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',\n\n errorColor: '--plasma-number-input_error-color',\n backgroundErrorColor: '--plasma-number-input_background_error-color',\n borderErrorColor: '--plasma-number-input_border_error-color',\n\n // Loader tokens\n loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',\n loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',\n loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid',\n};\n"],"names":["classes","actionButtonDecrement","actionButtonDecrementDisabled","actionButtonIncrement","actionButtonIncrementDisabled","textBefore","textAfter","solidView","segmentedView","clearView","errorAnimation","disabled","loading","focused","manualInput","privateTokens","inputWidth","segmentationBorderRadius","segmentationInputBorderRadius","topBoxShadow","bottomBoxShadow","leftBoxShadow","rightBoxShadow","tokens","rootMinWidth","disabledOpacity","rootBorderWidth","wrapperBorderColor","wrapperBorderColorFocus","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonColorSolidHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonColorSolidActive","iconButtonBackgroundColorActive","actionButtonDisabledOpacity","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonSegmentationRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","inputWrapperBorderWidth","inputWrapperMargin","inputWrapperBorderRadius","textWrapperHeight","textWrapperPadding","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","textBeforeMarginRight","textAfterMarginLeft","caretColor","caretColorSolid","color","colorSolid","backgroundColor","backgroundColorHover","backgroundColorFocus","backgroundColorSolidFocus","backgroundColorSolid","borderColor","borderColorHover","borderColorFocus","borderColorSolidFocus","borderColorSolid","additionalTextColor","additionalTextColorSolid","errorColor","backgroundErrorColor","borderErrorColor","loaderSpinnerSize","loaderSpinnerColor","loaderSpinnerColorSolid"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var ActionButton_styles = require('./ActionButton.styles.js');
7
+
8
+ var ActionButton = function ActionButton(_ref) {
9
+ var icon = _ref.icon,
10
+ className = _ref.className,
11
+ onClick = _ref.onClick;
12
+ return /*#__PURE__*/React.createElement(ActionButton_styles.StyledIconButton, {
13
+ className: className,
14
+ onClick: onClick
15
+ }, icon);
16
+ };
17
+
18
+ exports.ActionButton = ActionButton;
19
+ //# sourceMappingURL=ActionButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButton.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { StyledIconButton } from './ActionButton.styles';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: FC<ActionButtonProps> = ({ icon, className, onClick }) => {\n return (\n <StyledIconButton className={className} onClick={onClick}>\n {icon}\n </StyledIconButton>\n );\n};\n"],"names":["ActionButton","_ref","icon","className","onClick","React","createElement","StyledIconButton"],"mappings":";;;;;;;IAKaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAAC,IAAA,EAAqC;AAAA,EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAC1E,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,oCAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}
@@ -0,0 +1,22 @@
1
+ import './ActionButton.styles_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+ var common = require('../../../../engines/common.js');
8
+ var IconButton$1 = require('../../../IconButton/IconButton.js');
9
+
10
+ var mergedIconButtonConfig = /*#__PURE__*/common.mergeConfig(IconButton$1.iconButtonConfig);
11
+ var IconButton = /*#__PURE__*/common.component(mergedIconButtonConfig);
12
+ var _exp = function _exp() {
13
+ return IconButton;
14
+ };
15
+ var StyledIconButton = /*#__PURE__*/react.styled(_exp())({
16
+ name: "StyledIconButton",
17
+ "class": "sj0ab1b",
18
+ propsAsIs: true
19
+ });
20
+
21
+ exports.StyledIconButton = StyledIconButton;
22
+ //# sourceMappingURL=ActionButton.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButton.styles.js","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { iconButtonConfig } from '../../../IconButton';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledIconButton = styled(IconButton)``;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAKA,IAAMA,sBAAsB,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,sBAAsB,CAAC,CAAA;AAAC,IAAAK,IAAA,GALnCA,SAKmCA,IAAAA,GAAA;AAAA,EAAA,OAEdF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc;;;;"}
@@ -0,0 +1,15 @@
1
+ .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
2
+
3
+ .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
4
+
5
+ .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
+ .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
7
+
8
+ .Input_styles_fhgb95_i1s8bsh6__3bed5c8f{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_fhgb95_i1s8bsh6__3bed5c8f::-webkit-scrollbar{display:none;}
9
+ .Input_styles_fhgb95_t6wb9c__3bed5c8f{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-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
10
+
11
+
12
+
13
+ .Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
14
+ .Input_styles_fhgb95_i1tgbhg7__3bed5c8f{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
15
+ .Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
@@ -0,0 +1,204 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var plasmaCore = require('@salutejs/plasma-core');
8
+ var NumberInput_tokens = require('../../NumberInput.tokens.js');
9
+ var index$1 = require('../../../../utils/index.js');
10
+ var index = require('../../utils/index.js');
11
+ var constants = require('../../../../utils/constants.js');
12
+ var Input_styles = require('./Input.styles.js');
13
+ var useDidMountEffect = require('../../../../hooks/useDidMountEffect.js');
14
+ var isNumber = require('../../../../utils/isNumber.js');
15
+
16
+ var _StyledSpinner;
17
+ var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
18
+ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
19
+ var value = _ref.value,
20
+ min = _ref.min,
21
+ max = _ref.max,
22
+ isLoading = _ref.isLoading,
23
+ loader = _ref.loader,
24
+ disabled = _ref.disabled,
25
+ segmentation = _ref.segmentation,
26
+ textBefore = _ref.textBefore,
27
+ textAfter = _ref.textAfter,
28
+ isManualInput = _ref.isManualInput,
29
+ isInputFocused = _ref.isInputFocused,
30
+ setIsInputFocused = _ref.setIsInputFocused,
31
+ setIsAnimationRun = _ref.setIsAnimationRun,
32
+ setInnerValue = _ref.setInnerValue,
33
+ onChange = _ref.onChange,
34
+ onBlur = _ref.onBlur,
35
+ onKeyDown = _ref.onKeyDown,
36
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
37
+ var _useState = React.useState(value ? "".concat(String(value).length, "ch") : index.defaultCharacterWidth),
38
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
39
+ dynamicWidth = _useState2[0],
40
+ setDynamicWidth = _useState2[1];
41
+ var _useState3 = React.useState(Number(value)),
42
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
43
+ lastValidValue = _useState4[0],
44
+ setLastValidValue = _useState4[1];
45
+ var _useState5 = React.useState(undefined),
46
+ _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
47
+ errorClass = _useState6[0],
48
+ setErrorClass = _useState6[1];
49
+ var _useState7 = React.useState(),
50
+ _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
51
+ errorValue = _useState8[0],
52
+ setErrorValue = _useState8[1];
53
+ var inputHelperRef = React.useRef(null);
54
+ var wrapperRef = React.useRef(null);
55
+ var textWrapperRef = React.useRef(null);
56
+ var inputRef = React.useRef(null);
57
+ var inputForkRef = plasmaCore.useForkRef(inputRef, ref);
58
+ var solidViewClass = segmentation === 'solid' ? NumberInput_tokens.classes.solidView : undefined;
59
+ var manualInputClass = isManualInput ? NumberInput_tokens.classes.manualInput : undefined;
60
+ var getInputWidth = function getInputWidth() {
61
+ var _inputHelperRef$curre;
62
+ var firstRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
63
+ if (!firstRender && (_inputHelperRef$curre = inputHelperRef.current) !== null && _inputHelperRef$curre !== void 0 && _inputHelperRef$curre.clientWidth) {
64
+ var _inputHelperRef$curre2;
65
+ return "".concat((_inputHelperRef$curre2 = inputHelperRef.current) === null || _inputHelperRef$curre2 === void 0 ? void 0 : _inputHelperRef$curre2.clientWidth, "px");
66
+ }
67
+ if (value) {
68
+ return "".concat(String(value).length, "ch");
69
+ }
70
+ return index.defaultCharacterWidth;
71
+ };
72
+ var setValues = function setValues(event, newValue) {
73
+ setLastValidValue(newValue);
74
+ setInnerValue(newValue);
75
+ if (onChange) {
76
+ onChange(event, newValue);
77
+ }
78
+ };
79
+ var validateValue = function validateValue(newValue) {
80
+ if (!newValue || !isNumber.isNumber(newValue)) {
81
+ setValues(null, lastValidValue);
82
+ setIsAnimationRun(false);
83
+ return;
84
+ }
85
+ if (String(newValue).endsWith('.')) {
86
+ setValues(null, Number(newValue));
87
+ setIsAnimationRun(false);
88
+ return;
89
+ }
90
+ var resValue = Number(newValue);
91
+ if (max !== undefined && resValue > max) {
92
+ setErrorClass(NumberInput_tokens.classes.errorAnimation);
93
+ setErrorValue(max);
94
+ setIsAnimationRun(true);
95
+ return;
96
+ }
97
+ if (min !== undefined && resValue < min) {
98
+ setErrorClass(NumberInput_tokens.classes.errorAnimation);
99
+ setErrorValue(min);
100
+ setIsAnimationRun(true);
101
+ }
102
+ };
103
+ var handleManualInputChange = function handleManualInputChange(event) {
104
+ var _textWrapperRef$curre, _wrapperRef$current;
105
+ if (!isManualInput || disabled) {
106
+ return;
107
+ }
108
+ setIsAnimationRun(true);
109
+ var newValue = event.target.value;
110
+ if (!newValue) {
111
+ setInnerValue('');
112
+ if (onChange) {
113
+ onChange(event, '');
114
+ }
115
+ return;
116
+ }
117
+ var cleanValue = newValue.replace(index.excludingNumberSchema, '');
118
+ if (cleanValue.endsWith('.') || cleanValue === '-') {
119
+ setInnerValue(cleanValue);
120
+ if (onChange) {
121
+ onChange(event, cleanValue);
122
+ }
123
+ return;
124
+ }
125
+ var isValid = index.numberSchema.test(cleanValue);
126
+ if (!isValid) {
127
+ setValues(event, lastValidValue);
128
+ return;
129
+ }
130
+ if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
131
+ wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
132
+ }
133
+ setValues(event, Number(cleanValue));
134
+ };
135
+ var handleClickInputWrapper = function handleClickInputWrapper() {
136
+ if (!isManualInput || !inputRef.current) {
137
+ return;
138
+ }
139
+ if (!isInputFocused) {
140
+ inputRef.current.select();
141
+ }
142
+ setIsInputFocused(true);
143
+ };
144
+ var handleBlur = function handleBlur(event) {
145
+ validateValue(value);
146
+ setIsInputFocused(false);
147
+ if (onBlur) {
148
+ onBlur(event);
149
+ }
150
+ };
151
+ var handleKeyDown = function handleKeyDown(event) {
152
+ if (!isManualInput || disabled) {
153
+ return;
154
+ }
155
+ if (event.keyCode === constants.keyCodes.Enter) {
156
+ event.preventDefault();
157
+ validateValue(value);
158
+ if (onKeyDown) {
159
+ onKeyDown(event);
160
+ }
161
+ }
162
+ };
163
+ var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
164
+ setIsAnimationRun(false);
165
+ setIsInputFocused(false);
166
+ setErrorClass(undefined);
167
+ setValues(null, correctValue);
168
+ };
169
+ React.useEffect(function () {
170
+ setDynamicWidth(getInputWidth());
171
+ }, []);
172
+ useDidMountEffect.useDidMountEffect(function () {
173
+ setDynamicWidth(getInputWidth(false));
174
+ }, [value]);
175
+ return /*#__PURE__*/React.createElement(Input_styles.InputWrapper, {
176
+ ref: wrapperRef,
177
+ className: index$1.cx(solidViewClass, errorClass, manualInputClass),
178
+ isManualInput: Boolean(isManualInput),
179
+ onClick: handleClickInputWrapper
180
+ }, /*#__PURE__*/React.createElement(Input_styles.TextWrapper, {
181
+ ref: textWrapperRef
182
+ }, !isLoading && textBefore && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
183
+ className: NumberInput_tokens.classes.textBefore
184
+ }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Input_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(Input_styles.StyledSpinner, null))) : /*#__PURE__*/React.createElement(Input_styles.DynamicInput, null, /*#__PURE__*/React.createElement(Input_styles.Input, _rollupPluginBabelHelpers.extends({
185
+ ref: inputForkRef,
186
+ dynamicWidth: dynamicWidth,
187
+ value: value,
188
+ isManualInput: Boolean(isManualInput),
189
+ tabIndex: disabled || !isManualInput ? -1 : 0,
190
+ onChange: handleManualInputChange,
191
+ onBlur: handleBlur,
192
+ onKeyDown: handleKeyDown,
193
+ onAnimationEnd: function onAnimationEnd() {
194
+ return handleEndErrorAnimation(Number(errorValue));
195
+ }
196
+ }, rest)), /*#__PURE__*/React.createElement(Input_styles.InputWidthHelper, {
197
+ ref: inputHelperRef
198
+ }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
199
+ className: NumberInput_tokens.classes.textAfter
200
+ }, textAfter)));
201
+ });
202
+
203
+ exports.NumberInput = NumberInput;
204
+ //# sourceMappingURL=Input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n AdditionalText,\n Input,\n InputWrapper,\n DynamicInput,\n InputWidthHelper,\n TextWrapper,\n StyledSpinner,\n Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n value,\n min,\n max,\n isLoading,\n loader,\n disabled,\n segmentation,\n textBefore,\n textAfter,\n isManualInput,\n isInputFocused,\n setIsInputFocused,\n setIsAnimationRun,\n setInnerValue,\n onChange,\n onBlur,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n const [lastValidValue, setLastValidValue] = useState(Number(value));\n const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n const [errorValue, setErrorValue] = useState<number>();\n\n const inputHelperRef = useRef<HTMLSpanElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const textWrapperRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n const getInputWidth = (firstRender = true) => {\n if (!firstRender && inputHelperRef.current?.clientWidth) {\n return `${inputHelperRef.current?.clientWidth}px`;\n }\n\n if (value) {\n return `${String(value).length}ch`;\n }\n\n return defaultCharacterWidth;\n };\n\n const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number) => {\n setLastValidValue(newValue);\n setInnerValue(newValue);\n\n if (onChange) {\n onChange(event, newValue);\n }\n };\n\n const validateValue = (newValue: number | string) => {\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n setIsAnimationRun(false);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n setIsAnimationRun(false);\n return;\n }\n\n const resValue = Number(newValue);\n if (max !== undefined && resValue > max) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(max);\n setIsAnimationRun(true);\n return;\n }\n\n if (min !== undefined && resValue < min) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(min);\n setIsAnimationRun(true);\n }\n };\n\n const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n setIsAnimationRun(true);\n\n const { value: newValue } = event.target;\n\n if (!newValue) {\n setInnerValue('');\n\n if (onChange) {\n onChange(event, '');\n }\n return;\n }\n\n const cleanValue = newValue.replace(excludingNumberSchema, '');\n if (cleanValue.endsWith('.') || cleanValue === '-') {\n setInnerValue(cleanValue);\n\n if (onChange) {\n onChange(event, cleanValue);\n }\n return;\n }\n\n const isValid = numberSchema.test(cleanValue);\n\n if (!isValid) {\n setValues(event, lastValidValue);\n return;\n }\n\n if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, Number(cleanValue));\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isInputFocused) {\n inputRef.current.select();\n }\n\n setIsInputFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n validateValue(value);\n setIsInputFocused(false);\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n if (event.keyCode === keyCodes.Enter) {\n event.preventDefault();\n\n validateValue(value);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n const handleEndErrorAnimation = (correctValue: number) => {\n setIsAnimationRun(false);\n setIsInputFocused(false);\n\n setErrorClass(undefined);\n setValues(null, correctValue);\n };\n\n useEffect(() => {\n setDynamicWidth(getInputWidth());\n }, []);\n\n useDidMountEffect(() => {\n setDynamicWidth(getInputWidth(false));\n }, [value]);\n\n return (\n <InputWrapper\n ref={wrapperRef}\n className={cx(solidViewClass, errorClass, manualInputClass)}\n isManualInput={Boolean(isManualInput)}\n onClick={handleClickInputWrapper}\n >\n <TextWrapper ref={textWrapperRef}>\n {!isLoading && textBefore && (\n <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n )}\n {isLoading ? (\n <Loader>{loader || <StyledSpinner />}</Loader>\n ) : (\n <DynamicInput>\n <Input\n ref={inputForkRef}\n dynamicWidth={dynamicWidth}\n value={value}\n isManualInput={Boolean(isManualInput)}\n tabIndex={disabled || !isManualInput ? -1 : 0}\n onChange={handleManualInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n {...rest}\n />\n <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n </DynamicInput>\n )}\n {!isLoading && textAfter && (\n <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n )}\n </TextWrapper>\n </InputWrapper>\n );\n },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","endsWith","resValue","errorAnimation","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":";;;;;;;;;;;;;;;;;AAsBO,IAAMA,WAAW,gBAAGC,gBAAU,CACjC,UAAAC,IAAA,EAqBIC,GAAG,EACF;AAAA,EAAA,IApBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IACHC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,iBAAiB,GAAAb,IAAA,CAAjBa,iBAAiB;IACjBC,iBAAiB,GAAAd,IAAA,CAAjBc,iBAAiB;IACjBC,aAAa,GAAAf,IAAA,CAAbe,aAAa;IACbC,QAAQ,GAAAhB,IAAA,CAARgB,QAAQ;IACRC,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IACNC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;AACNC,IAAAA,IAAI,GAAAC,iDAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;AAIX,EAAA,IAAAC,SAAA,GAAwCC,cAAQ,CAACrB,KAAK,MAAAsB,MAAA,CAAMC,MAAM,CAACvB,KAAK,CAAC,CAACwB,MAAM,EAAA,IAAA,CAAA,GAAOC,2BAAqB,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAP,SAAA,EAAA,CAAA,CAAA;AAAtGQ,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EACpC,IAAAI,UAAA,GAA4CT,cAAQ,CAACU,MAAM,CAAC/B,KAAK,CAAC,CAAC;IAAAgC,UAAA,GAAAL,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5DG,IAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GAAoCd,cAAQ,CAAqBe,SAAS,CAAC;IAAAC,UAAA,GAAAV,uCAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAApEG,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAG,UAAA,GAAoCnB,cAAQ,EAAU;IAAAoB,UAAA,GAAAd,uCAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAA/CE,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMG,cAAc,GAAGC,YAAM,CAAkB,IAAI,CAAC,CAAA;AACpD,EAAA,IAAMC,UAAU,GAAGD,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAME,cAAc,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,EAAA,IAAMG,QAAQ,GAAGH,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMI,YAAY,GAAGC,qBAAU,CAACF,QAAQ,EAAEjD,GAAG,CAAC,CAAA;EAE9C,IAAMoD,cAAc,GAAG7C,YAAY,KAAK,OAAO,GAAG8C,0BAAO,CAACC,SAAS,GAAGjB,SAAS,CAAA;EAC/E,IAAMkB,gBAAgB,GAAG7C,aAAa,GAAG2C,0BAAO,CAACG,WAAW,GAAGnB,SAAS,CAAA;AAExE,EAAA,IAAMoB,aAAa,GAAG,SAAhBA,aAAaA,GAA2B;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAAA,IAAA,IAAvBC,WAAW,GAAAC,SAAA,CAAAnC,MAAA,GAAA,CAAA,IAAAmC,SAAA,CAAA,CAAA,CAAA,KAAAvB,SAAA,GAAAuB,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AACrC,IAAA,IAAI,CAACD,WAAW,IAAAD,CAAAA,qBAAA,GAAIb,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAH,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBI,WAAW,EAAE;AAAA,MAAA,IAAAC,sBAAA,CAAA;AACrD,MAAA,OAAA,EAAA,CAAAxC,MAAA,CAAA,CAAAwC,sBAAA,GAAUlB,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAE,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,sBAAA,CAAwBD,WAAW,EAAA,IAAA,CAAA,CAAA;AACjD,KAAA;AAEA,IAAA,IAAI7D,KAAK,EAAE;AACP,MAAA,OAAA,EAAA,CAAAsB,MAAA,CAAUC,MAAM,CAACvB,KAAK,CAAC,CAACwB,MAAM,EAAA,IAAA,CAAA,CAAA;AAClC,KAAA;AAEA,IAAA,OAAOC,2BAAqB,CAAA;GAC/B,CAAA;EAED,IAAMsC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAA2C,EAAEC,QAAgB,EAAK;IACjF/B,iBAAiB,CAAC+B,QAAQ,CAAC,CAAA;IAC3BpD,aAAa,CAACoD,QAAQ,CAAC,CAAA;AAEvB,IAAA,IAAInD,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACkD,KAAK,EAAEC,QAAQ,CAAC,CAAA;AAC7B,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAID,QAAyB,EAAK;IACjD,IAAI,CAACA,QAAQ,IAAI,CAACE,iBAAQ,CAACF,QAAQ,CAAC,EAAE;AAClCF,MAAAA,SAAS,CAAC,IAAI,EAAE9B,cAAc,CAAC,CAAA;MAC/BrB,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxB,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIW,MAAM,CAAC0C,QAAQ,CAAC,CAACG,QAAQ,CAAC,GAAG,CAAC,EAAE;AAChCL,MAAAA,SAAS,CAAC,IAAI,EAAEhC,MAAM,CAACkC,QAAQ,CAAC,CAAC,CAAA;MACjCrD,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMyD,QAAQ,GAAGtC,MAAM,CAACkC,QAAQ,CAAC,CAAA;AACjC,IAAA,IAAI/D,GAAG,KAAKkC,SAAS,IAAIiC,QAAQ,GAAGnE,GAAG,EAAE;AACrCqC,MAAAA,aAAa,CAACa,0BAAO,CAACkB,cAAc,CAAC,CAAA;MACrC3B,aAAa,CAACzC,GAAG,CAAC,CAAA;MAClBU,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIX,GAAG,KAAKmC,SAAS,IAAIiC,QAAQ,GAAGpE,GAAG,EAAE;AACrCsC,MAAAA,aAAa,CAACa,0BAAO,CAACkB,cAAc,CAAC,CAAA;MACrC3B,aAAa,CAAC1C,GAAG,CAAC,CAAA;MAClBW,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAC3B,KAAA;GACH,CAAA;AAED,EAAA,IAAM2D,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIP,KAAoC,EAAK;IAAA,IAAAQ,qBAAA,EAAAC,mBAAA,CAAA;AACtE,IAAA,IAAI,CAAChE,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;IAEAO,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEvB,IAAA,IAAeqD,QAAQ,GAAKD,KAAK,CAACU,MAAM,CAAhC1E,KAAK,CAAA;IAEb,IAAI,CAACiE,QAAQ,EAAE;MACXpD,aAAa,CAAC,EAAE,CAAC,CAAA;AAEjB,MAAA,IAAIC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACkD,KAAK,EAAE,EAAE,CAAC,CAAA;AACvB,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;IAEA,IAAMW,UAAU,GAAGV,QAAQ,CAACW,OAAO,CAACC,2BAAqB,EAAE,EAAE,CAAC,CAAA;IAC9D,IAAIF,UAAU,CAACP,QAAQ,CAAC,GAAG,CAAC,IAAIO,UAAU,KAAK,GAAG,EAAE;MAChD9D,aAAa,CAAC8D,UAAU,CAAC,CAAA;AAEzB,MAAA,IAAI7D,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACkD,KAAK,EAAEW,UAAU,CAAC,CAAA;AAC/B,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMG,OAAO,GAAGC,kBAAY,CAACC,IAAI,CAACL,UAAU,CAAC,CAAA;IAE7C,IAAI,CAACG,OAAO,EAAE;AACVf,MAAAA,SAAS,CAACC,KAAK,EAAE/B,cAAc,CAAC,CAAA;AAChC,MAAA,OAAA;AACJ,KAAA;IAEA,IACIc,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAEa,OAAO,IACvBd,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEc,OAAO,IACnB,CAAAb,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAAyB,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAdzB,cAAc,CAAEa,OAAO,MAAA,IAAA,IAAAY,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAyBX,WAAW,KAAGf,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAA2B,mBAAA,GAAV3B,UAAU,CAAEc,OAAO,MAAA,IAAA,IAAAa,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBZ,WAAW,CACzE,EAAA;AACEf,MAAAA,UAAU,CAACc,OAAO,CAACqB,UAAU,GACzBlC,cAAc,CAACa,OAAO,CAACsB,WAAW,GAAGnC,cAAc,CAACa,OAAO,CAACuB,UAAU,IAAI,CAAC,CAAA;AACnF,KAAA;AAEApB,IAAAA,SAAS,CAACC,KAAK,EAAEjC,MAAM,CAAC4C,UAAU,CAAC,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,IAAMS,uBAAuB,GAAG,SAA1BA,uBAAuBA,GAAS;AAClC,IAAA,IAAI,CAAC3E,aAAa,IAAI,CAACuC,QAAQ,CAACY,OAAO,EAAE;AACrC,MAAA,OAAA;AACJ,KAAA;IAEA,IAAI,CAAClD,cAAc,EAAE;AACjBsC,MAAAA,QAAQ,CAACY,OAAO,CAACyB,MAAM,EAAE,CAAA;AAC7B,KAAA;IAEA1E,iBAAiB,CAAC,IAAI,CAAC,CAAA;GAC1B,CAAA;AAED,EAAA,IAAM2E,UAAU,GAAG,SAAbA,UAAUA,CAAItB,KAAmC,EAAK;IACxDE,aAAa,CAAClE,KAAK,CAAC,CAAA;IACpBW,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAExB,IAAA,IAAII,MAAM,EAAE;MACRA,MAAM,CAACiD,KAAK,CAAC,CAAA;AACjB,KAAA;GACH,CAAA;AAED,EAAA,IAAMuB,aAAa,GAAG,SAAhBA,aAAaA,CAAIvB,KAAsC,EAAK;AAC9D,IAAA,IAAI,CAACvD,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI2D,KAAK,CAACwB,OAAO,KAAKC,kBAAQ,CAACC,KAAK,EAAE;MAClC1B,KAAK,CAAC2B,cAAc,EAAE,CAAA;MAEtBzB,aAAa,CAAClE,KAAK,CAAC,CAAA;AAEpB,MAAA,IAAIgB,SAAS,EAAE;QACXA,SAAS,CAACgD,KAAK,CAAC,CAAA;AACpB,OAAA;AACJ,KAAA;GACH,CAAA;AAED,EAAA,IAAM4B,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,YAAoB,EAAK;IACtDjF,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACxBD,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAExB4B,aAAa,CAACH,SAAS,CAAC,CAAA;AACxB2B,IAAAA,SAAS,CAAC,IAAI,EAAE8B,YAAY,CAAC,CAAA;GAChC,CAAA;AAEDC,EAAAA,eAAS,CAAC,YAAM;AACZjE,IAAAA,eAAe,CAAC2B,aAAa,EAAE,CAAC,CAAA;GACnC,EAAE,EAAE,CAAC,CAAA;AAENuC,EAAAA,mCAAiB,CAAC,YAAM;AACpBlE,IAAAA,eAAe,CAAC2B,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;AACzC,GAAC,EAAE,CAACxD,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,oBACIgG,KAAA,CAAAC,aAAA,CAACC,yBAAY,EAAA;AACTnG,IAAAA,GAAG,EAAE+C,UAAW;IAChBqD,SAAS,EAAEC,UAAE,CAACjD,cAAc,EAAEb,UAAU,EAAEgB,gBAAgB,CAAE;AAC5D7C,IAAAA,aAAa,EAAE4F,OAAO,CAAC5F,aAAa,CAAE;AACtC6F,IAAAA,OAAO,EAAElB,uBAAAA;AAAwB,GAAA,eAEjCY,KAAA,CAAAC,aAAA,CAACM,wBAAW,EAAA;AAACxG,IAAAA,GAAG,EAAEgD,cAAAA;GACb,EAAA,CAAC5C,SAAS,IAAII,UAAU,iBACrByF,KAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAE/C,0BAAO,CAAC7C,UAAAA;AAAW,GAAA,EAAEA,UAA2B,CAC9E,EACAJ,SAAS,gBACN6F,KAAA,CAAAC,aAAA,CAACQ,mBAAM,QAAErG,MAAM,IAAAsG,cAAA,KAAAA,cAAA,gBAAIV,KAAA,CAAAC,aAAA,CAACU,0BAAa,EAAE,IAAA,CAAC,CAAS,CAAC,gBAE9CX,KAAA,CAAAC,aAAA,CAACW,yBAAY,qBACTZ,KAAA,CAAAC,aAAA,CAACY,kBAAK,EAAAC,iCAAA,CAAA;AACF/G,IAAAA,GAAG,EAAEkD,YAAa;AAClBrB,IAAAA,YAAY,EAAEA,YAAa;AAC3B5B,IAAAA,KAAK,EAAEA,KAAM;AACbS,IAAAA,aAAa,EAAE4F,OAAO,CAAC5F,aAAa,CAAE;IACtCsG,QAAQ,EAAE1G,QAAQ,IAAI,CAACI,aAAa,GAAG,CAAC,CAAC,GAAG,CAAE;AAC9CK,IAAAA,QAAQ,EAAEyD,uBAAwB;AAClCxD,IAAAA,MAAM,EAAEuE,UAAW;AACnBtE,IAAAA,SAAS,EAAEuE,aAAc;IACzByB,cAAc,EAAE,SAAAA,cAAA,GAAA;AAAA,MAAA,OAAMpB,uBAAuB,CAAC7D,MAAM,CAACW,UAAU,CAAC,CAAC,CAAA;AAAA,KAAA;GAC7DzB,EAAAA,IAAI,CACX,CAAC,eACF+E,KAAA,CAAAC,aAAA,CAACgB,6BAAgB,EAAA;AAAClH,IAAAA,GAAG,EAAE6C,cAAAA;AAAe,GAAA,EAAE5C,KAAwB,CACtD,CACjB,EACA,CAACG,SAAS,IAAIK,SAAS,iBACpBwF,KAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAE/C,0BAAO,CAAC5C,SAAAA;GAAYA,EAAAA,SAA0B,CAEpE,CACH,CAAC,CAAA;AAEvB,CACJ;;;;"}
@@ -0,0 +1,96 @@
1
+ import './Input.styles_fhgb95.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+ var common = require('../../../../engines/common.js');
8
+ var Spinner$1 = require('../../../Spinner/Spinner.js');
9
+
10
+ var mergedConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
11
+ var Spinner = /*#__PURE__*/common.component(mergedConfig);
12
+ var _exp = function _exp() {
13
+ return function (_ref) {
14
+ var isManualInput = _ref.isManualInput;
15
+ return isManualInput ? 'text' : 'default';
16
+ };
17
+ };
18
+ var InputWrapper = /*#__PURE__*/react.styled('div')({
19
+ name: "InputWrapper",
20
+ "class": "i1s8bsh6",
21
+ propsAsIs: false,
22
+ vars: {
23
+ "i1s8bsh6-0": [/*#__PURE__*/_exp()]
24
+ }
25
+ });
26
+ var TextWrapper = /*#__PURE__*/react.styled('div')({
27
+ name: "TextWrapper",
28
+ "class": "t6wb9c",
29
+ propsAsIs: false
30
+ });
31
+ var AdditionalText = /*#__PURE__*/react.styled('span')({
32
+ name: "AdditionalText",
33
+ "class": "az36kha",
34
+ propsAsIs: false
35
+ });
36
+ var Loader = /*#__PURE__*/react.styled('div')({
37
+ name: "Loader",
38
+ "class": "l1u6icqf",
39
+ propsAsIs: false
40
+ });
41
+ var _exp2 = function _exp2() {
42
+ return Spinner;
43
+ };
44
+ var StyledSpinner = /*#__PURE__*/react.styled(_exp2())({
45
+ name: "StyledSpinner",
46
+ "class": "s1ft73sv",
47
+ propsAsIs: true
48
+ });
49
+ var DynamicInput = /*#__PURE__*/react.styled('div')({
50
+ name: "DynamicInput",
51
+ "class": "d1n4jo6t",
52
+ propsAsIs: false
53
+ });
54
+ var _exp3 = function _exp3() {
55
+ return function (_ref2) {
56
+ var dynamicWidth = _ref2.dynamicWidth;
57
+ return dynamicWidth;
58
+ };
59
+ };
60
+ var _exp4 = function _exp4() {
61
+ return function (_ref3) {
62
+ var isManualInput = _ref3.isManualInput;
63
+ return isManualInput ? 'text' : 'default';
64
+ };
65
+ };
66
+ var _exp5 = function _exp5() {
67
+ return function (_ref4) {
68
+ var isManualInput = _ref4.isManualInput;
69
+ return isManualInput ? 'initial' : 'none';
70
+ };
71
+ };
72
+ var Input = /*#__PURE__*/react.styled('input')({
73
+ name: "Input",
74
+ "class": "i1tgbhg7",
75
+ propsAsIs: false,
76
+ vars: {
77
+ "i1tgbhg7-0": [/*#__PURE__*/_exp3()],
78
+ "i1tgbhg7-1": [/*#__PURE__*/_exp4()],
79
+ "i1tgbhg7-2": [/*#__PURE__*/_exp5()]
80
+ }
81
+ });
82
+ var InputWidthHelper = /*#__PURE__*/react.styled('span')({
83
+ name: "InputWidthHelper",
84
+ "class": "i1il5xze",
85
+ propsAsIs: false
86
+ });
87
+
88
+ exports.AdditionalText = AdditionalText;
89
+ exports.DynamicInput = DynamicInput;
90
+ exports.Input = Input;
91
+ exports.InputWidthHelper = InputWidthHelper;
92
+ exports.InputWrapper = InputWrapper;
93
+ exports.Loader = Loader;
94
+ exports.StyledSpinner = StyledSpinner;
95
+ exports.TextWrapper = TextWrapper;
96
+ //# sourceMappingURL=Input.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.styles.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const InputWrapper = styled.div<{ isManualInput: boolean }>`\n overflow-x: auto;\n overflow-y: hidden;\n flex: 1;\n cursor: ${({ isManualInput }) => (isManualInput ? 'text' : 'default')};\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n`;\n\nexport const TextWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 0 auto;\n box-sizing: border-box;\n`;\n\nexport const AdditionalText = styled.span``;\n\nexport const Loader = styled.div``;\n\nexport const StyledSpinner = styled(Spinner)``;\n\nexport const DynamicInput = styled.div`\n position: relative;\n`;\n\nexport const Input = styled.input<{ dynamicWidth: string; isManualInput: boolean }>`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: ${({ dynamicWidth }) => dynamicWidth};\n box-sizing: border-box;\n cursor: ${({ isManualInput }) => (isManualInput ? 'text' : 'default')};\n pointer-events: ${({ isManualInput }) => (isManualInput ? 'initial' : 'none')};\n transition: width 0.1s;\n`;\n\nexport const InputWidthHelper = styled.span`\n position: absolute;\n z-index: -999;\n visibility: hidden;\n top: 0;\n left: 0;\n opacity: 0;\n height: 0;\n white-space: pre;\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_ref","isManualInput","InputWrapper","styled","name","class","propsAsIs","vars","TextWrapper","AdditionalText","Loader","_exp2","StyledSpinner","DynamicInput","_exp3","_ref2","dynamicWidth","_exp4","_ref3","_exp5","_ref4","Input","InputWidthHelper"],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ .i1s8bsh6{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1s8bsh6::-webkit-scrollbar{display:none;}
2
+ .t6wb9c{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-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
3
+
4
+
5
+
6
+ .d1n4jo6t{position:relative;}
7
+ .i1tgbhg7{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
8
+ .i1il5xze{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var defaultCharacterWidth = '1ch';
6
+ var numberSchema = /^(-)?\d+(\.\d+)?$/;
7
+ var excludingNumberSchema = /[^-.\d]/g;
8
+
9
+ exports.defaultCharacterWidth = defaultCharacterWidth;
10
+ exports.excludingNumberSchema = excludingNumberSchema;
11
+ exports.numberSchema = numberSchema;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/NumberInput/utils/index.ts"],"sourcesContent":["export const defaultCharacterWidth = '1ch';\nexport const numberSchema = /^(-)?\\d+(\\.\\d+)?$/;\nexport const excludingNumberSchema = /[^-.\\d]/g;\n"],"names":["defaultCharacterWidth","numberSchema","excludingNumberSchema"],"mappings":";;;;AAAO,IAAMA,qBAAqB,GAAG,MAAK;AACnC,IAAMC,YAAY,GAAG,oBAAmB;AACxC,IAAMC,qBAAqB,GAAG;;;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_dx9knv.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b15uqx38";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_background-type/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\nimport { InputWrapper } from '../../ui/Input/Input.styles';\n\nexport const base = css`\n ${InputWrapper} {\n background-color: var(${tokens.backgroundColor});\n box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColor});\n\n &.${classes.manualInput}:hover {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorHover});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAUhB;;;;"}
@@ -0,0 +1 @@
1
+ .b15uqx38 .i1s8bsh6{background-color:var(--plasma-number-input_background-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color);}.b15uqx38 .i1s8bsh6.manual-input-number-input:hover{background-color:var(--plasma-number-input_background-color-hover);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-hover);}
@@ -0,0 +1,9 @@
1
+ import './base_1sl0mh8.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bmqk5v5";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\n\nexport const base = css`\n &&.${classes.disabled} {\n pointer-events: none;\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
@@ -0,0 +1 @@
1
+ .bmqk5v5.bmqk5v5.number-input-disabled{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}