@salutejs/plasma-new-hope 0.176.0-canary.1511.11555353496.0 → 0.176.0-canary.1514.11559014063.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (322) hide show
  1. package/cjs/components/Counter/Counter.css +1 -1
  2. package/cjs/components/Counter/Counter.js +12 -3
  3. package/cjs/components/Counter/Counter.js.map +1 -1
  4. package/cjs/components/Counter/Counter.tokens.js +4 -0
  5. package/cjs/components/Counter/Counter.tokens.js.map +1 -1
  6. package/cjs/components/Counter/variations/_size/base.js +1 -1
  7. package/cjs/components/Counter/variations/_size/base.js.map +1 -1
  8. package/cjs/components/Counter/variations/_size/{base_1z0ohiy.css → base_4mz17d.css} +1 -1
  9. package/cjs/index.css +1 -24
  10. package/cjs/index.js +0 -6
  11. package/cjs/index.js.map +1 -1
  12. package/emotion/cjs/components/Counter/Counter.js +12 -3
  13. package/emotion/cjs/components/Counter/Counter.template-doc.mdx +2 -2
  14. package/emotion/cjs/components/Counter/Counter.tokens.js +4 -1
  15. package/emotion/cjs/components/Counter/variations/_size/base.js +1 -1
  16. package/emotion/cjs/examples/plasma_b2c/components/Counter/Counter.config.js +12 -9
  17. package/emotion/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx +7 -5
  18. package/emotion/cjs/examples/plasma_web/components/Counter/Counter.config.js +12 -9
  19. package/emotion/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx +7 -5
  20. package/emotion/cjs/index.js +0 -11
  21. package/emotion/es/components/Counter/Counter.js +12 -3
  22. package/emotion/es/components/Counter/Counter.template-doc.mdx +2 -2
  23. package/emotion/es/components/Counter/Counter.tokens.js +3 -0
  24. package/emotion/es/components/Counter/variations/_size/base.js +2 -2
  25. package/emotion/es/examples/plasma_b2c/components/Counter/Counter.config.js +12 -9
  26. package/emotion/es/examples/plasma_b2c/components/Counter/Counter.stories.tsx +7 -5
  27. package/emotion/es/examples/plasma_web/components/Counter/Counter.config.js +12 -9
  28. package/emotion/es/examples/plasma_web/components/Counter/Counter.stories.tsx +7 -5
  29. package/emotion/es/index.js +1 -2
  30. package/es/components/Counter/Counter.css +1 -1
  31. package/es/components/Counter/Counter.js +12 -3
  32. package/es/components/Counter/Counter.js.map +1 -1
  33. package/es/components/Counter/Counter.tokens.js +4 -1
  34. package/es/components/Counter/Counter.tokens.js.map +1 -1
  35. package/es/components/Counter/variations/_size/base.js +1 -1
  36. package/es/components/Counter/variations/_size/base.js.map +1 -1
  37. package/es/components/Counter/variations/_size/{base_1z0ohiy.css → base_4mz17d.css} +1 -1
  38. package/es/index.css +1 -24
  39. package/es/index.js +0 -2
  40. package/es/index.js.map +1 -1
  41. package/package.json +2 -2
  42. package/styled-components/cjs/components/Counter/Counter.js +12 -3
  43. package/styled-components/cjs/components/Counter/Counter.template-doc.mdx +2 -2
  44. package/styled-components/cjs/components/Counter/Counter.tokens.js +4 -1
  45. package/styled-components/cjs/components/Counter/variations/_size/base.js +1 -1
  46. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.config.js +5 -2
  47. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx +7 -5
  48. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.config.js +5 -2
  49. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx +7 -5
  50. package/styled-components/cjs/index.js +0 -11
  51. package/styled-components/es/components/Counter/Counter.js +12 -3
  52. package/styled-components/es/components/Counter/Counter.template-doc.mdx +2 -2
  53. package/styled-components/es/components/Counter/Counter.tokens.js +3 -0
  54. package/styled-components/es/components/Counter/variations/_size/base.js +2 -2
  55. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.config.js +5 -2
  56. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.stories.tsx +7 -5
  57. package/styled-components/es/examples/plasma_web/components/Counter/Counter.config.js +5 -2
  58. package/styled-components/es/examples/plasma_web/components/Counter/Counter.stories.tsx +7 -5
  59. package/styled-components/es/index.js +1 -2
  60. package/types/components/Counter/Counter.d.ts.map +1 -1
  61. package/types/components/Counter/Counter.tokens.d.ts +3 -0
  62. package/types/components/Counter/Counter.tokens.d.ts.map +1 -1
  63. package/types/components/Counter/Counter.types.d.ts +2 -2
  64. package/types/components/Counter/variations/_size/base.d.ts.map +1 -1
  65. package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts +3 -0
  66. package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts.map +1 -1
  67. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts +3 -0
  68. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts.map +1 -1
  69. package/types/examples/plasma_web/components/Counter/Counter.config.d.ts +3 -0
  70. package/types/examples/plasma_web/components/Counter/Counter.config.d.ts.map +1 -1
  71. package/types/examples/plasma_web/components/Counter/Counter.d.ts +3 -0
  72. package/types/examples/plasma_web/components/Counter/Counter.d.ts.map +1 -1
  73. package/types/index.d.ts +0 -1
  74. package/types/index.d.ts.map +1 -1
  75. package/cjs/components/NumberInput/NumberInput.css +0 -52
  76. package/cjs/components/NumberInput/NumberInput.js +0 -183
  77. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  78. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  79. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  80. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  81. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -91
  82. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  83. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  84. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  85. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  86. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  87. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +0 -1
  88. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  89. package/cjs/components/NumberInput/ui/Input/Input.js +0 -197
  90. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  91. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  92. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  93. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  94. package/cjs/components/NumberInput/utils/index.js +0 -8
  95. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  96. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  97. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  98. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  99. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  100. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  101. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  102. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  103. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  104. package/cjs/components/NumberInput/variations/_segmentation/base_1mg9wqg.css +0 -1
  105. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  106. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  107. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  108. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  109. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  110. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  111. package/cjs/components/NumberInput/variations/_view/base.js +0 -9
  112. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  113. package/cjs/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  114. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -193
  115. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  116. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -88
  117. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  118. package/emotion/cjs/components/NumberInput/index.js +0 -31
  119. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  120. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  121. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  122. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -205
  123. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -81
  124. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  125. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  126. package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
  127. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  128. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  129. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  130. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  131. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  132. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  133. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  134. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  135. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  136. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  137. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  138. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  139. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  140. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  141. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  142. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  143. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  144. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  145. package/emotion/es/components/NumberInput/NumberInput.js +0 -185
  146. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  147. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -82
  148. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  149. package/emotion/es/components/NumberInput/index.js +0 -2
  150. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  151. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  152. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  153. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -196
  154. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -74
  155. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  156. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  157. package/emotion/es/components/NumberInput/utils/index.js +0 -1
  158. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  159. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  160. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  161. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  162. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  163. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  164. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  165. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  166. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  167. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  168. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  169. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  170. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  171. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  172. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  173. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  174. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  175. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  176. package/es/components/NumberInput/NumberInput.css +0 -52
  177. package/es/components/NumberInput/NumberInput.js +0 -178
  178. package/es/components/NumberInput/NumberInput.js.map +0 -1
  179. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  180. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  181. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  182. package/es/components/NumberInput/NumberInput.tokens.js +0 -85
  183. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  184. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  185. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  186. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  187. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  188. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +0 -1
  189. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  190. package/es/components/NumberInput/ui/Input/Input.js +0 -193
  191. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  192. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  193. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  194. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  195. package/es/components/NumberInput/utils/index.js +0 -4
  196. package/es/components/NumberInput/utils/index.js.map +0 -1
  197. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  198. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  199. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  200. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  201. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  202. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  203. package/es/components/NumberInput/variations/_segmentation/base.js +0 -5
  204. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  205. package/es/components/NumberInput/variations/_segmentation/base_1mg9wqg.css +0 -1
  206. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  207. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  208. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  209. package/es/components/NumberInput/variations/_size/base.js +0 -5
  210. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  211. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  212. package/es/components/NumberInput/variations/_view/base.js +0 -5
  213. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  214. package/es/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  215. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -193
  216. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +0 -8
  217. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -88
  218. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  219. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  220. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  221. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  222. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  223. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -205
  224. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -48
  225. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  226. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  227. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
  228. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  229. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  230. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  231. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  232. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  233. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  234. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  235. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  236. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  237. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  238. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  239. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  240. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  241. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  242. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  243. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  244. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  245. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  246. package/styled-components/es/components/NumberInput/NumberInput.js +0 -185
  247. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  248. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -82
  249. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  250. package/styled-components/es/components/NumberInput/index.js +0 -2
  251. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  252. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  253. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  254. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -196
  255. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -41
  256. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  257. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  258. package/styled-components/es/components/NumberInput/utils/index.js +0 -1
  259. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  260. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  261. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  262. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  263. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  264. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  265. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  266. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  267. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  268. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  269. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  270. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  271. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  272. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  273. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  274. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  275. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  276. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  277. package/types/components/NumberInput/NumberInput.d.ts +0 -38
  278. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  279. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  280. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  281. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -77
  282. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  283. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  284. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  285. package/types/components/NumberInput/index.d.ts +0 -3
  286. package/types/components/NumberInput/index.d.ts.map +0 -1
  287. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  288. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  289. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  290. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  291. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  292. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  293. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
  294. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  295. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  296. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  297. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
  298. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  299. package/types/components/NumberInput/ui/index.d.ts +0 -3
  300. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  301. package/types/components/NumberInput/utils/index.d.ts +0 -2
  302. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  303. package/types/components/NumberInput/variations/_background-type/base.d.ts +0 -2
  304. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  305. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  306. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  307. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  308. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  309. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  310. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  311. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  312. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  313. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  314. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  315. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -39
  316. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  317. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -82
  318. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  319. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -39
  320. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  321. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -82
  322. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
@@ -1,5 +0,0 @@
1
- import { numberInputConfig } from '../../../../components/NumberInput';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './NumberInput.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(numberInputConfig, config);
5
- export var NumberInput = /*#__PURE__*/component(mergedConfig);
@@ -1,108 +0,0 @@
1
- import React, { ComponentProps, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { NumberInput } from './NumberInput';
8
-
9
- const onChange = action('onChange');
10
- const onDecrement = action('onDecrement');
11
- const onIncrement = action('onIncrement');
12
-
13
- const views = ['default', 'secondary', 'accent', 'clear'];
14
- const sizes = ['l', 'm', 's', 'xs'];
15
- const shapes = ['cornered', 'pilled'];
16
- const inputBackgroundTypes = ['fill', 'clear'];
17
- const segmentation = ['default', 'segmented', 'solid'];
18
-
19
- const meta: Meta<typeof NumberInput> = {
20
- title: 'plasma_web/NumberInput',
21
- component: NumberInput,
22
- decorators: [WithTheme],
23
- argTypes: {
24
- min: {
25
- control: {
26
- type: 'number',
27
- },
28
- },
29
- max: {
30
- control: {
31
- type: 'number',
32
- },
33
- },
34
- view: {
35
- options: views,
36
- control: {
37
- type: 'select',
38
- },
39
- },
40
- size: {
41
- options: sizes,
42
- control: {
43
- type: 'inline-radio',
44
- },
45
- },
46
- shape: {
47
- options: shapes,
48
- control: {
49
- type: 'inline-radio',
50
- },
51
- },
52
- inputBackgroundType: {
53
- options: inputBackgroundTypes,
54
- control: {
55
- type: 'inline-radio',
56
- },
57
- },
58
- segmentation: {
59
- options: segmentation,
60
- control: {
61
- type: 'select',
62
- },
63
- },
64
- },
65
- };
66
-
67
- export default meta;
68
-
69
- type StoryPropsDefault = ComponentProps<typeof NumberInput>;
70
-
71
- const StoryDefault = (args: StoryPropsDefault) => {
72
- const [value, setValue] = useState(5);
73
-
74
- const handleChange = (_: any, newValue: number) => {
75
- setValue(newValue);
76
- onChange(newValue);
77
- };
78
-
79
- return (
80
- <NumberInput
81
- {...args}
82
- value={value}
83
- onChange={handleChange}
84
- onDecrement={onDecrement}
85
- onIncrement={onIncrement}
86
- />
87
- );
88
- };
89
-
90
- export const Default: StoryObj<StoryPropsDefault> = {
91
- args: {
92
- view: 'default',
93
- size: 'l',
94
- shape: 'cornered',
95
- inputBackgroundType: 'fill',
96
- segmentation: 'default',
97
- min: 0,
98
- max: 9,
99
- step: 1,
100
- width: 188,
101
- isManualInput: false,
102
- textBefore: '',
103
- textAfter: '',
104
- isLoading: false,
105
- disabled: false,
106
- },
107
- render: StoryDefault,
108
- };
@@ -1,52 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
4
- .Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
5
- .Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
6
- .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
7
- .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
8
- .Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
9
- .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
10
- .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
11
-
12
- .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
13
-
14
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
15
-
16
- .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
17
-
18
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
19
-
20
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
-
22
- .IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
23
-
24
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
25
-
26
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
27
-
28
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
29
- .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);}}
30
-
31
- .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;}
32
- .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;}
33
-
34
-
35
-
36
- .Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
37
- .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;}
38
- .Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
39
-
40
- .NumberInput_styles_jeawjl_bwds6g__9a871afb{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;}
41
-
42
- .base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color);--plasma-icon-button-background-color:var(--plasma-number-input_icon-button_background-color);--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-hover);--plasma-icon-button-background-color-hover:var(--plasma-number-input_icon-button_background-color-hover);--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-active);--plasma-icon-button-background-color-active:var(--plasma-number-input_icon-button_background-color-active);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:active,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);-webkit-animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_error-color);-webkit-animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017:focus-within{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);}@-webkit-keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@-webkit-keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}@keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_s1ft73sv__00c46017{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_az36kha__00c46017{color:var(--plasma-number-input_additional-text_color);}
43
-
44
- .base_yqdmk4_b13wjeky__9b206d94{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_sj0ab1b__9b206d94{--plasma-icon-button-height:var(--plasma-number-input_icon-button_height);--plasma-icon-button-width:var(--plasma-number-input_icon-button_width);--plasma-icon-button-padding:var(--plasma-number-input_icon-button_padding);--plasma-icon-button-font-family:var(--plasma-number-input_icon-button_font-family);--plasma-icon-button-font-size:var(--plasma-number-input_icon-button_font-size);--plasma-icon-button-font-style:var(--plasma-number-input_icon-button_font-style);--plasma-icon-button-font-weight:var(--plasma-number-input_icon-button_font-weight);--plasma-icon-button-letter-spacing:var(--plasma-number-input_icon-button_letter-spacing);--plasma-icon-button-line-height:var(--plasma-number-input_icon-button_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1s8bsh6__9b206d94{margin:var(--plasma-number-input_input-wrapper_margin);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_t6wb9c__9b206d94{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_d1n4jo6t__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1tgbhg7__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94{font-family:var(--plasma-number-input_font-family);font-size:var(--plasma-number-input_font-size);font-style:var(--plasma-number-input_font-style);font-weight:var(--plasma-number-input_font-weight);-webkit-letter-spacing:var(--plasma-number-input_letter-spacing);-moz-letter-spacing:var(--plasma-number-input_letter-spacing);-ms-letter-spacing:var(--plasma-number-input_letter-spacing);letter-spacing:var(--plasma-number-input_letter-spacing);line-height:var(--plasma-number-input_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textBefore__9b206d94{margin-right:var(--plasma-number-input_text-before_margin-right);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textAfter__9b206d94{margin-left:var(--plasma-number-input_text-after_margin-left);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_s1ft73sv__9b206d94{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}
45
-
46
- .base_k05biw_b1l31q8y__7da7a6d0 .base_k05biw_sj0ab1b__7da7a6d0{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}
47
-
48
- .base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c{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);}.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c.base_dx9knv_manualInputNumberInput__1d74109c: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);}
49
-
50
- .base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrement__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrement__b0f7c19c{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{position:relative;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{position:relative;color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c:not(error-animation).base_1mg9wqg_manualInputNumberInput__b0f7c19c:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active{background-color:transparent;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c{opacity:1;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_s1ft73sv__b0f7c19c{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c:not(.base_1mg9wqg_errorAnimation__b0f7c19c){color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_az36kha__b0f7c19c{color:var(--plasma-number-input_additional-text_color-solid);}
51
-
52
- .base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}
@@ -1,178 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef, useState } from 'react';
3
- import { cx } from '../../utils/index.js';
4
- import { classes, privateTokens } from './NumberInput.tokens.js';
5
- import { base } from './NumberInput.styles.js';
6
- import { base as base$1 } from './variations/_view/base.js';
7
- import { base as base$2 } from './variations/_size/base.js';
8
- import { base as base$3 } from './variations/_shape/base.js';
9
- import { base as base$4 } from './variations/_background-type/base.js';
10
- import { base as base$5 } from './variations/_segmentation/base.js';
11
- import { base as base$6 } from './variations/_disabled/base.js';
12
- import { ActionButton } from './ui/ActionButton/ActionButton.js';
13
- import { IconMinus } from '../_Icon/Icons/IconMinus.js';
14
- import { NumberInput } from './ui/Input/Input.js';
15
- import { IconPlus } from '../_Icon/Icons/IconPlus.js';
16
- import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
17
-
18
- var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
19
- var numberInputRoot = function numberInputRoot(Root) {
20
- return /*#__PURE__*/forwardRef(function (_ref, ref) {
21
- var _ref2;
22
- var className = _ref.className,
23
- style = _ref.style,
24
- width = _ref.width,
25
- value = _ref.value,
26
- min = _ref.min,
27
- max = _ref.max,
28
- _ref$step = _ref.step,
29
- step = _ref$step === void 0 ? 1 : _ref$step,
30
- isLoading = _ref.isLoading,
31
- loader = _ref.loader,
32
- size = _ref.size,
33
- view = _ref.view,
34
- clear = _ref.clear,
35
- shape = _ref.shape,
36
- segmentation = _ref.segmentation,
37
- _ref$inputBackgroundT = _ref.inputBackgroundType,
38
- inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
39
- disabled = _ref.disabled,
40
- textBefore = _ref.textBefore,
41
- textAfter = _ref.textAfter,
42
- customIncrementButton = _ref.customIncrementButton,
43
- incrementIcon = _ref.incrementIcon,
44
- customDecrementButton = _ref.customDecrementButton,
45
- decrementIcon = _ref.decrementIcon,
46
- isManualInput = _ref.isManualInput,
47
- onChange = _ref.onChange,
48
- onIncrement = _ref.onIncrement,
49
- onDecrement = _ref.onDecrement,
50
- rest = _objectWithoutProperties(_ref, _excluded);
51
- var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- innerValue = _useState2[0],
54
- setInnerValue = _useState2[1];
55
- var innerWidth = width ? getSizeValueFromProp(width) : '100%';
56
- var actionIconSize = size === 'xs' ? 'xs' : 's';
57
- var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
58
- var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
59
- var clearViewClass = clear ? classes.clearView : undefined;
60
- var disabledClass = disabled ? classes.disabled : undefined;
61
- var isMinValue = function isMinValue(currentValue) {
62
- return min !== undefined && currentValue <= Number(min);
63
- };
64
- var isMaxValue = function isMaxValue(currentValue) {
65
- return max !== undefined && currentValue >= Number(max);
66
- };
67
- var decrementButtonDisabled = isMinValue(Number(innerValue)) || isLoading ? classes.actionButtonDecrementDisabled : undefined;
68
- var incrementButtonDisabled = isMaxValue(Number(innerValue)) || isLoading ? classes.actionButtonIncrementDisabled : undefined;
69
- var handleDecrement = function handleDecrement() {
70
- if (isLoading || disabled) {
71
- return;
72
- }
73
- var diffValue = Number(innerValue) - step;
74
- var resValue = !isMinValue(diffValue) ? diffValue : Number(min);
75
- setInnerValue(resValue);
76
- if (onDecrement) {
77
- onDecrement(resValue);
78
- }
79
- if (onChange) {
80
- onChange(null, resValue);
81
- }
82
- };
83
- var handleIncrement = function handleIncrement() {
84
- if (isLoading || disabled) {
85
- return;
86
- }
87
- var diffValue = Number(innerValue) + step;
88
- var resValue = !isMaxValue(diffValue) ? diffValue : Number(max);
89
- setInnerValue(resValue);
90
- if (onIncrement) {
91
- onIncrement(resValue);
92
- }
93
- if (onChange) {
94
- onChange(null, resValue);
95
- }
96
- };
97
- return /*#__PURE__*/React.createElement(Root, _extends({
98
- view: view,
99
- size: size,
100
- disabled: disabled,
101
- clear: clear,
102
- shape: shape,
103
- segmentation: segmentation,
104
- isLoading: isLoading
105
- }, segmentation === 'solid' ? {
106
- inputBackgroundType: 'clear'
107
- } : {
108
- inputBackgroundType: inputBackgroundType
109
- }, {
110
- className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass),
111
- style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
112
- }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
113
- className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
114
- icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
115
- color: "inherit",
116
- size: actionIconSize
117
- }),
118
- onClick: handleDecrement
119
- }), /*#__PURE__*/React.createElement(NumberInput, _extends({
120
- ref: ref,
121
- segmentation: segmentation,
122
- value: innerValue,
123
- min: min,
124
- max: max,
125
- isManualInput: isManualInput,
126
- textBefore: textBefore,
127
- textAfter: textAfter,
128
- isLoading: isLoading,
129
- loader: loader,
130
- disabled: disabled,
131
- setInnerValue: setInnerValue,
132
- onChange: onChange
133
- }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
134
- className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
135
- icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
136
- color: "inherit",
137
- size: actionIconSize
138
- }),
139
- onClick: handleIncrement
140
- }));
141
- });
142
- };
143
- var numberInputConfig = {
144
- name: 'NumberInput',
145
- tag: 'div',
146
- layout: numberInputRoot,
147
- base: base,
148
- variations: {
149
- view: {
150
- css: base$1
151
- },
152
- size: {
153
- css: base$2
154
- },
155
- shape: {
156
- css: base$3
157
- },
158
- inputBackgroundType: {
159
- css: base$4
160
- },
161
- segmentation: {
162
- css: base$5
163
- },
164
- disabled: {
165
- css: base$6,
166
- attrs: true
167
- }
168
- },
169
- defaults: {
170
- view: 'default',
171
- size: 'l',
172
- shape: 'cornered',
173
- segmentation: 'default'
174
- }
175
- };
176
-
177
- export { numberInputConfig, numberInputRoot };
178
- //# sourceMappingURL=NumberInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n style,\n width,\n value,\n min,\n max,\n step = 1,\n isLoading,\n loader,\n size,\n view,\n clear,\n shape,\n segmentation,\n inputBackgroundType = 'fill',\n disabled,\n textBefore,\n textAfter,\n customIncrementButton,\n incrementIcon,\n customDecrementButton,\n decrementIcon,\n isManualInput,\n onChange,\n onIncrement,\n onDecrement,\n ...rest\n },\n ref,\n ) => {\n const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n const actionIconSize = size === 'xs' ? 'xs' : 's';\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n const clearViewClass = clear ? classes.clearView : undefined;\n const disabledClass = disabled ? classes.disabled : undefined;\n\n const isMinValue = (currentValue: number) => min !== undefined && currentValue <= Number(min);\n const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= Number(max);\n\n const decrementButtonDisabled =\n isMinValue(Number(innerValue)) || isLoading ? classes.actionButtonDecrementDisabled : undefined;\n const incrementButtonDisabled =\n isMaxValue(Number(innerValue)) || isLoading ? classes.actionButtonIncrementDisabled : undefined;\n\n const handleDecrement = () => {\n if (isLoading || disabled) {\n return;\n }\n\n const diffValue = Number(innerValue) - step;\n const resValue = !isMinValue(diffValue) ? diffValue : Number(min);\n\n setInnerValue(resValue);\n\n if (onDecrement) {\n onDecrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n const handleIncrement = () => {\n if (isLoading || disabled) {\n return;\n }\n\n const diffValue = Number(innerValue) + step;\n const resValue = !isMaxValue(diffValue) ? diffValue : Number(max);\n\n setInnerValue(resValue);\n\n if (onIncrement) {\n onIncrement(resValue);\n }\n\n if (onChange) {\n onChange(null, resValue);\n }\n };\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n clear={clear}\n shape={shape}\n segmentation={segmentation}\n isLoading={isLoading}\n {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n className={cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass)}\n style={\n {\n ...style,\n [privateTokens.inputWidth]: innerWidth,\n } as CSSProperties\n }\n >\n {customDecrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonDecrement,\n decrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n onClick={handleDecrement}\n />\n )}\n <NumberInput\n ref={ref}\n segmentation={segmentation}\n value={innerValue}\n min={min}\n max={max}\n isManualInput={isManualInput}\n textBefore={textBefore}\n textAfter={textAfter}\n isLoading={isLoading}\n loader={loader}\n disabled={disabled}\n setInnerValue={setInnerValue}\n onChange={onChange}\n {...rest}\n />\n {customIncrementButton || (\n <ActionButton\n className={cx(\n classes.actionButtonIncrement,\n incrementButtonDisabled,\n solidViewClass,\n segmentedViewClass,\n )}\n icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n onClick={handleIncrement}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const numberInputConfig = {\n name: 'NumberInput',\n tag: 'div',\n layout: numberInputRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n shape: {\n css: shapeCSS,\n },\n inputBackgroundType: {\n css: inputBackgroundTypeCSS,\n },\n segmentation: {\n css: segmentationCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n segmentation: 'default',\n },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","isMinValue","currentValue","Number","isMaxValue","decrementButtonDisabled","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","diffValue","resValue","handleIncrement","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;;IAiBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAqD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CACN,UAAAC,IAAA,EA8BIC,GAAG,EACF;AAAA,IAAA,IAAAC,KAAA,CAAA;AAAA,IAAA,IA7BGC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;MACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;MACLC,GAAG,GAAAP,IAAA,CAAHO,GAAG;MACHC,GAAG,GAAAR,IAAA,CAAHQ,GAAG;MAAAC,SAAA,GAAAT,IAAA,CACHU,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,SAAA;MACRE,SAAS,GAAAX,IAAA,CAATW,SAAS;MACTC,MAAM,GAAAZ,IAAA,CAANY,MAAM;MACNC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,IAAI,GAAAd,IAAA,CAAJc,IAAI;MACJC,KAAK,GAAAf,IAAA,CAALe,KAAK;MACLC,KAAK,GAAAhB,IAAA,CAALgB,KAAK;MACLC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;MAAAC,qBAAA,GAAAlB,IAAA,CACZmB,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,qBAAA;MAC5BE,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;MACRC,UAAU,GAAArB,IAAA,CAAVqB,UAAU;MACVC,SAAS,GAAAtB,IAAA,CAATsB,SAAS;MACTC,qBAAqB,GAAAvB,IAAA,CAArBuB,qBAAqB;MACrBC,aAAa,GAAAxB,IAAA,CAAbwB,aAAa;MACbC,qBAAqB,GAAAzB,IAAA,CAArByB,qBAAqB;MACrBC,aAAa,GAAA1B,IAAA,CAAb0B,aAAa;MACbC,aAAa,GAAA3B,IAAA,CAAb2B,aAAa;MACbC,QAAQ,GAAA5B,IAAA,CAAR4B,QAAQ;MACRC,WAAW,GAAA7B,IAAA,CAAX6B,WAAW;MACXC,WAAW,GAAA9B,IAAA,CAAX8B,WAAW;AACRC,MAAAA,IAAI,GAAAC,wBAAA,CAAAhC,IAAA,EAAAiC,SAAA,CAAA,CAAA;AAIX,IAAA,IAAAC,SAAA,GAAoCC,QAAQ,EAAAjC,KAAA,GAAkBI,KAAK,KAALA,IAAAA,IAAAA,KAAK,cAALA,KAAK,GAAIC,GAAG,MAAAL,IAAAA,IAAAA,KAAA,cAAAA,KAAA,GAAI,CAAC,CAAC;MAAAkC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzEI,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAEhC,IAAMI,UAAU,GAAGnC,KAAK,GAAGoC,oBAAoB,CAACpC,KAAK,CAAC,GAAG,MAAM,CAAA;IAE/D,IAAMqC,cAAc,GAAG7B,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;IACjD,IAAM8B,cAAc,GAAG1B,YAAY,KAAK,OAAO,GAAG2B,OAAO,CAACC,SAAS,GAAGC,SAAS,CAAA;IAC/E,IAAMC,kBAAkB,GAAG9B,YAAY,KAAK,WAAW,GAAG2B,OAAO,CAACI,aAAa,GAAGF,SAAS,CAAA;IAC3F,IAAMG,cAAc,GAAGlC,KAAK,GAAG6B,OAAO,CAACM,SAAS,GAAGJ,SAAS,CAAA;IAC5D,IAAMK,aAAa,GAAG/B,QAAQ,GAAGwB,OAAO,CAACxB,QAAQ,GAAG0B,SAAS,CAAA;AAE7D,IAAA,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAIC,YAAoB,EAAA;MAAA,OAAK9C,GAAG,KAAKuC,SAAS,IAAIO,YAAY,IAAIC,MAAM,CAAC/C,GAAG,CAAC,CAAA;AAAA,KAAA,CAAA;AAC7F,IAAA,IAAMgD,UAAU,GAAG,SAAbA,UAAUA,CAAIF,YAAoB,EAAA;MAAA,OAAK7C,GAAG,KAAKsC,SAAS,IAAIO,YAAY,IAAIC,MAAM,CAAC9C,GAAG,CAAC,CAAA;AAAA,KAAA,CAAA;AAE7F,IAAA,IAAMgD,uBAAuB,GACzBJ,UAAU,CAACE,MAAM,CAAChB,UAAU,CAAC,CAAC,IAAI3B,SAAS,GAAGiC,OAAO,CAACa,6BAA6B,GAAGX,SAAS,CAAA;AACnG,IAAA,IAAMY,uBAAuB,GACzBH,UAAU,CAACD,MAAM,CAAChB,UAAU,CAAC,CAAC,IAAI3B,SAAS,GAAGiC,OAAO,CAACe,6BAA6B,GAAGb,SAAS,CAAA;AAEnG,IAAA,IAAMc,eAAe,GAAG,SAAlBA,eAAeA,GAAS;MAC1B,IAAIjD,SAAS,IAAIS,QAAQ,EAAE;AACvB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMyC,SAAS,GAAGP,MAAM,CAAChB,UAAU,CAAC,GAAG5B,IAAI,CAAA;AAC3C,MAAA,IAAMoD,QAAQ,GAAG,CAACV,UAAU,CAACS,SAAS,CAAC,GAAGA,SAAS,GAAGP,MAAM,CAAC/C,GAAG,CAAC,CAAA;MAEjEgC,aAAa,CAACuB,QAAQ,CAAC,CAAA;AAEvB,MAAA,IAAIhC,WAAW,EAAE;QACbA,WAAW,CAACgC,QAAQ,CAAC,CAAA;AACzB,OAAA;AAEA,MAAA,IAAIlC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC,IAAI,EAAEkC,QAAQ,CAAC,CAAA;AAC5B,OAAA;KACH,CAAA;AAED,IAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;MAC1B,IAAIpD,SAAS,IAAIS,QAAQ,EAAE;AACvB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMyC,SAAS,GAAGP,MAAM,CAAChB,UAAU,CAAC,GAAG5B,IAAI,CAAA;AAC3C,MAAA,IAAMoD,QAAQ,GAAG,CAACP,UAAU,CAACM,SAAS,CAAC,GAAGA,SAAS,GAAGP,MAAM,CAAC9C,GAAG,CAAC,CAAA;MAEjE+B,aAAa,CAACuB,QAAQ,CAAC,CAAA;AAEvB,MAAA,IAAIjC,WAAW,EAAE;QACbA,WAAW,CAACiC,QAAQ,CAAC,CAAA;AACzB,OAAA;AAEA,MAAA,IAAIlC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC,IAAI,EAAEkC,QAAQ,CAAC,CAAA;AAC5B,OAAA;KACH,CAAA;AAED,IAAA,oBACIE,KAAA,CAAAC,aAAA,CAACnE,IAAI,EAAAoE,QAAA,CAAA;AACDpD,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXO,MAAAA,QAAQ,EAAEA,QAAS;AACnBL,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,YAAY,EAAEA,YAAa;AAC3BN,MAAAA,SAAS,EAAEA,SAAAA;KACNM,EAAAA,YAAY,KAAK,OAAO,GAAG;AAAEE,MAAAA,mBAAmB,EAAE,OAAA;AAAQ,KAAC,GAAG;AAAEA,MAAAA,mBAAmB,EAAnBA,mBAAAA;KAAqB,EAAA;AAC1FhB,MAAAA,SAAS,EAAEgE,EAAE,CAAChE,SAAS,EAAEwC,cAAc,EAAEI,kBAAkB,EAAEE,cAAc,EAAEE,aAAa,CAAE;AAC5F/C,MAAAA,KAAK,EAAAgE,cAAA,CAAAA,cAAA,CAEMhE,EAAAA,EAAAA,KAAK,CAAAiE,EAAAA,EAAAA,EAAAA,eAAA,CACPC,EAAAA,EAAAA,aAAa,CAACC,UAAU,EAAG/B,UAAU,CAAA,CAAA;AAE7C,KAAA,CAAA,EAEAf,qBAAqB,iBAClBuC,KAAA,CAAAC,aAAA,CAACO,YAAY,EAAA;AACTrE,MAAAA,SAAS,EAAEgE,EAAE,CACTvB,OAAO,CAAC6B,qBAAqB,EAC7BjB,uBAAuB,EACvBb,cAAc,EACdI,kBACJ,CAAE;AACF2B,MAAAA,IAAI,EAAEhD,aAAa,iBAAIsC,KAAA,CAAAC,aAAA,CAACU,SAAS,EAAA;AAACC,QAAAA,KAAK,EAAC,SAAS;AAAC/D,QAAAA,IAAI,EAAE6B,cAAAA;AAAe,OAAE,CAAE;AAC3EmC,MAAAA,OAAO,EAAEjB,eAAAA;KACZ,CACJ,eACDI,KAAA,CAAAC,aAAA,CAACa,WAAW,EAAAZ,QAAA,CAAA;AACRjE,MAAAA,GAAG,EAAEA,GAAI;AACTgB,MAAAA,YAAY,EAAEA,YAAa;AAC3BX,MAAAA,KAAK,EAAEgC,UAAW;AAClB/B,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;AACTmB,MAAAA,aAAa,EAAEA,aAAc;AAC7BN,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrBX,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,MAAM,EAAEA,MAAO;AACfQ,MAAAA,QAAQ,EAAEA,QAAS;AACnBmB,MAAAA,aAAa,EAAEA,aAAc;AAC7BX,MAAAA,QAAQ,EAAEA,QAAAA;KACNG,EAAAA,IAAI,CACX,CAAC,EACDR,qBAAqB,iBAClByC,KAAA,CAAAC,aAAA,CAACO,YAAY,EAAA;AACTrE,MAAAA,SAAS,EAAEgE,EAAE,CACTvB,OAAO,CAACmC,qBAAqB,EAC7BrB,uBAAuB,EACvBf,cAAc,EACdI,kBACJ,CAAE;AACF2B,MAAAA,IAAI,EAAElD,aAAa,iBAAIwC,KAAA,CAAAC,aAAA,CAACe,QAAQ,EAAA;AAACJ,QAAAA,KAAK,EAAC,SAAS;AAAC/D,QAAAA,IAAI,EAAE6B,cAAAA;AAAe,OAAE,CAAE;AAC1EmC,MAAAA,OAAO,EAAEd,eAAAA;AAAgB,KAC5B,CAEH,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMkB,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvF,eAAe;AACvBwF,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRxE,IAAAA,IAAI,EAAE;AACFyE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3E,IAAAA,IAAI,EAAE;AACF0E,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDzE,IAAAA,KAAK,EAAE;AACHuE,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDvE,IAAAA,mBAAmB,EAAE;AACjBoE,MAAAA,GAAG,EAAEI,MAAAA;KACR;AACD1E,IAAAA,YAAY,EAAE;AACVsE,MAAAA,GAAG,EAAEK,MAAAA;KACR;AACDxE,IAAAA,QAAQ,EAAE;AACNmE,MAAAA,GAAG,EAAEM,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjF,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,YAAY,EAAE,SAAA;AAClB,GAAA;AACJ;;;;"}
@@ -1,5 +0,0 @@
1
- import './NumberInput.styles_jeawjl.css';
2
- var base = "bwds6g";
3
-
4
- export { base };
5
- //# sourceMappingURL=NumberInput.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: flex;\n align-items: center;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAGhB;;;;"}
@@ -1 +0,0 @@
1
- .bwds6g{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;}
@@ -1,85 +0,0 @@
1
- var classes = {
2
- actionButtonDecrement: 'action-button-decrement',
3
- actionButtonDecrementDisabled: 'action-button-decrement-disabled',
4
- actionButtonIncrement: 'action-button-increment',
5
- actionButtonIncrementDisabled: 'action-button-increment-disabled',
6
- textBefore: 'text-before',
7
- textAfter: 'text-after',
8
- solidView: 'solid-view',
9
- segmentedView: 'segmented-view',
10
- clearView: 'clear-view',
11
- errorAnimation: 'error-animation',
12
- disabled: 'number-input-disabled',
13
- manualInput: 'manual-input-number-input'
14
- };
15
- var privateTokens = {
16
- inputWidth: '--plasma_private-number-input_width',
17
- segmentationBorderRadius: '--plasma_private-segemntation-border-radius',
18
- segmentationInputBorderRadius: '--plasma_private-segemntation_input_border-radius'
19
- };
20
- var tokens = {
21
- // Root size tokens
22
- rootMinWidth: '--plasma-number-input_min-width',
23
- disabledOpacity: '--plasma-number-input_disabled-opacity',
24
- // Action button view tokens
25
- iconButtonColor: '--plasma-number-input_icon-button_color',
26
- iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
27
- iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
28
- iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
29
- iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
30
- iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
31
- actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
32
- // Action button size tokens
33
- iconButtonHeight: '--plasma-number-input_icon-button_height',
34
- iconButtonWidth: '--plasma-number-input_icon-button_width',
35
- iconButtonPadding: '--plasma-number-input_icon-button_padding',
36
- iconButtonRadius: '--plasma-number-input_icon-button_radius',
37
- iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
38
- iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
39
- iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
40
- iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
41
- iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
42
- iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
43
- iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
44
- // Input size tokens
45
- inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
46
- inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
47
- inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
48
- textWrapperHeight: '--plasma-number-input_text-wrapper_height',
49
- textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
50
- fontFamily: '--plasma-number-input_font-family',
51
- fontStyle: '--plasma-number-input_font-style',
52
- fontSize: '--plasma-number-input_font-size',
53
- fontWeight: '--plasma-number-input_font-weight',
54
- letterSpacing: '--plasma-number-input_letter-spacing',
55
- lineHeight: '--plasma-number-input_line-height',
56
- textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
57
- textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
58
- // Input view tokens
59
- caretColor: '--plasma-number-input_caret_color',
60
- caretColorSolid: '--plasma-number-input_caret_color-solid',
61
- color: '--plasma-number-input_color',
62
- colorSolid: '--plasma-number-input_color-solid',
63
- backgroundColor: '--plasma-number-input_background-color',
64
- backgroundColorHover: '--plasma-number-input_background-color-hover',
65
- backgroundColorFocus: '--plasma-number-input_background-color-focus',
66
- backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
67
- backgroundColorSolid: '--plasma-number-input_background-color-solid',
68
- borderColor: '--plasma-number-input_border-color',
69
- borderColorHover: '--plasma-number-input_border-color-hover',
70
- borderColorFocus: '--plasma-number-input_border-color-focus',
71
- borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
72
- borderColorSolid: '--plasma-number-input_border-color-solid',
73
- additionalTextColor: '--plasma-number-input_additional-text_color',
74
- additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
75
- errorColor: '--plasma-number-input_error-color',
76
- backgroundErrorColor: '--plasma-number-input_background_error-color',
77
- borderErrorColor: '--plasma-number-input_border_error-color',
78
- // Loader tokens
79
- loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
80
- loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
81
- loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
82
- };
83
-
84
- export { classes, privateTokens, tokens };
85
- //# sourceMappingURL=NumberInput.tokens.js.map
@@ -1 +0,0 @@
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 manualInput: 'manual-input-number-input',\n};\n\nexport const privateTokens = {\n inputWidth: '--plasma_private-number-input_width',\n segmentationBorderRadius: '--plasma_private-segemntation-border-radius',\n segmentationInputBorderRadius: '--plasma_private-segemntation_input_border-radius',\n};\n\nexport const tokens = {\n // Root size tokens\n rootMinWidth: '--plasma-number-input_min-width',\n disabledOpacity: '--plasma-number-input_disabled-opacity',\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 iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n iconButtonColorActive: '--plasma-number-input_icon-button_color-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","manualInput","privateTokens","inputWidth","segmentationBorderRadius","segmentationInputBorderRadius","tokens","rootMinWidth","disabledOpacity","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","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":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,qBAAqB,EAAE,yBAAyB;AAChDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,qBAAqB,EAAE,yBAAyB;AAChDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,cAAc,EAAE,iBAAiB;AACjCC,EAAAA,QAAQ,EAAE,uBAAuB;AACjCC,EAAAA,WAAW,EAAE,2BAAA;AACjB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,UAAU,EAAE,qCAAqC;AACjDC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,6BAA6B,EAAE,mDAAA;AACnC,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,eAAe,EAAE,wCAAwC;AAEzD;AACAC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,oBAAoB,EAAE,+CAA+C;AACrEC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,qBAAqB,EAAE,gDAAgD;AACvEC,EAAAA,+BAA+B,EAAE,2DAA2D;AAE5FC,EAAAA,2BAA2B,EAAE,sDAAsD;AAEnF;AACAC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,4BAA4B,EAAE,uDAAuD;AACrFC,EAAAA,oBAAoB,EAAE,+CAA+C;AACrEC,EAAAA,kBAAkB,EAAE,6CAA6C;AACjEC,EAAAA,mBAAmB,EAAE,8CAA8C;AACnEC,EAAAA,oBAAoB,EAAE,+CAA+C;AACrEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,oBAAoB,EAAE,+CAA+C;AAErE;AACAC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,kBAAkB,EAAE,4CAA4C;AAEhEC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,SAAS,EAAE,kCAAkC;AAC7CC,EAAAA,QAAQ,EAAE,iCAAiC;AAC3CC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,aAAa,EAAE,sCAAsC;AACrDC,EAAAA,UAAU,EAAE,mCAAmC;AAE/CC,EAAAA,qBAAqB,EAAE,gDAAgD;AACvEC,EAAAA,mBAAmB,EAAE,8CAA8C;AAEnE;AACAC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,WAAW,EAAE,oCAAoC;AACjDC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,qBAAqB,EAAE,gDAAgD;AACvEC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,gBAAgB,EAAE,0CAA0C;AAE5D;AACAC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,uBAAuB,EAAE,kDAAA;AAC7B;;;;"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { StyledIconButton } from './ActionButton.styles.js';
3
-
4
- var ActionButton = function ActionButton(_ref) {
5
- var icon = _ref.icon,
6
- className = _ref.className,
7
- onClick = _ref.onClick;
8
- return /*#__PURE__*/React.createElement(StyledIconButton, {
9
- className: className,
10
- onClick: onClick
11
- }, icon);
12
- };
13
-
14
- export { ActionButton };
15
- //# sourceMappingURL=ActionButton.js.map
@@ -1 +0,0 @@
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,gBAAgB,EAAA;AAACJ,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACpDF,IACa,CAAC,CAAA;AAE3B;;;;"}
@@ -1,18 +0,0 @@
1
- import './ActionButton.styles_x642ct.css';
2
- import { styled } from '@linaria/react';
3
- import { component, mergeConfig } from '../../../../engines/common.js';
4
- import { iconButtonConfig } from '../../../IconButton/IconButton.js';
5
-
6
- var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
7
- var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
8
- var _exp = function _exp() {
9
- return IconButton;
10
- };
11
- var StyledIconButton = /*#__PURE__*/styled(_exp())({
12
- name: "StyledIconButton",
13
- "class": "sj0ab1b",
14
- propsAsIs: true
15
- });
16
-
17
- export { StyledIconButton };
18
- //# sourceMappingURL=ActionButton.styles.js.map
@@ -1 +0,0 @@
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,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAAC,IAAAK,IAAA,GALnCA,SAKmCA,IAAAA,GAAA;AAAA,EAAA,OAEdF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc;;;;"}
@@ -1,15 +0,0 @@
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;}