@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,22 +0,0 @@
1
- [
2
- "--plasma-number-input_icon-button_height",
3
- "--plasma-number-input_icon-button_width",
4
- "--plasma-number-input_icon-button_padding",
5
- "--plasma-number-input_icon-button_font-family",
6
- "--plasma-number-input_icon-button_font-size",
7
- "--plasma-number-input_icon-button_font-style",
8
- "--plasma-number-input_icon-button_font-weight",
9
- "--plasma-number-input_icon-button_letter-spacing",
10
- "--plasma-number-input_icon-button_line-height",
11
- "--plasma-number-input_font-family",
12
- "--plasma-number-input_font-style",
13
- "--plasma-number-input_font-size",
14
- "--plasma-number-input_font-weight",
15
- "--plasma-number-input_letter-spacing",
16
- "--plasma-number-input_line-height",
17
- "--plasma-number-input_text-wrapper_height",
18
- "--plasma-number-input_text-wrapper_padding",
19
- "--plasma-number-input_loader-spinner_size",
20
- "--plasma-number-input_text-before_margin-right",
21
- "--plasma-number-input_text-after_margin-left"
22
- ]
@@ -1,7 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../NumberInput.tokens';
3
- import { iconButtonTokens } from '../../../IconButton';
4
- import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
5
- import { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';
6
- import { spinnerTokens } from '../../../Spinner';
7
- export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", ",&.", "{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background-color:var(", ");}}}&& ", "{&.", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", ".", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");animation:shakingError 0.5s forwards;", "{color:var(", ");animation:fadeError 0.5s forwards;}&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}@keyframes shakingError{12.5%{transform:translateX(0.188rem);}25%{transform:translateX(-0.188rem);}37.5%{transform:translateX(0.188rem);}50%{transform:translateX(-0.188rem);}62.5%{transform:translateX(0.188rem);}75%{transform:translateX(-0.188rem);}87.5%{transform:translateX(0.188rem);}100%{transform:translateX(-0.188rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}}", "{", ":var(", ");}", "{color:var(", ");caret-color:var(", ");}", "{color:var(", ");}"], StyledIconButton, iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, classes.actionButtonDecrementDisabled, classes.actionButtonIncrementDisabled, tokens.actionButtonDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, InputWrapper, classes.manualInput, tokens.backgroundColorFocus, tokens.inputWrapperBorderWidth, tokens.borderColorFocus, classes.manualInput, classes.errorAnimation, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, Input, tokens.errorColor, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, StyledSpinner, spinnerTokens.color, tokens.loaderSpinnerColor, Input, tokens.color, tokens.caretColor, AdditionalText, tokens.additionalTextColor);
@@ -1,14 +0,0 @@
1
- [
2
- "--plasma-number-input_icon-button_color",
3
- "--plasma-number-input_icon-button_background-color",
4
- "--plasma-number-input_icon-button_color-hover",
5
- "--plasma-number-input_icon-button_background-color-hover",
6
- "--plasma-number-input_icon-button_color-active",
7
- "--plasma-number-input_icon-button_background-color-active",
8
- "--plasma-number-input_loader-spinner_color",
9
- "--plasma-number-input_color",
10
- "--plasma-number-input_additional-text_color",
11
- "--plasma-number-input_action-button_disabled-opacity",
12
- "--plasma-number-input_background-color-focus",
13
- "--plasma-number-input_border-color-focus"
14
- ]
@@ -1,40 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { numberInputTokens as tokens } from '../../../../components/NumberInput';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'l',
7
- shape: 'cornered',
8
- inputBackgroundType: 'fill'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--on-dark-surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
13
- secondary: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
14
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
15
- clear: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
16
- },
17
- size: {
18
- l: /*#__PURE__*/css(["", ":11.75rem;", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.875rem;", ":0.375rem;", ":0 0.125rem;", ":0.875rem;", ":3.5rem;", ":1.063rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
19
- m: /*#__PURE__*/css(["", ":10.25rem;", ":3rem;", ":3rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.25rem;", ":0 0.125rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
20
- s: /*#__PURE__*/css(["", ":8.75rem;", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem;", ":0.25rem;", ":0 0.125rem;", ":0.625rem;", ":2.5rem;", ":0.688rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
21
- xs: /*#__PURE__*/css(["", ":6.875rem;", ":2rem;", ":2rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.125rem;", ":0 0.125rem;", ":0.5rem;", ":2rem;", ":0.563rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":0.25rem;", ":1rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
22
- },
23
- shape: {
24
- cornered: /*#__PURE__*/css([""]),
25
- pilled: /*#__PURE__*/css(["", ":50%;"], tokens.iconButtonRadius)
26
- },
27
- inputBackgroundType: {
28
- fill: /*#__PURE__*/css(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary);"], tokens.backgroundColor, tokens.backgroundColorHover),
29
- clear: /*#__PURE__*/css(["", ":transparent;", ":transparent;"], tokens.backgroundColor, tokens.backgroundColorHover)
30
- },
31
- segmentation: {
32
- "default": /*#__PURE__*/css([""]),
33
- segmented: /*#__PURE__*/css([""]),
34
- solid: /*#__PURE__*/css(["", ":0;"], tokens.iconButtonSegmentationRadius)
35
- },
36
- disabled: {
37
- "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
38
- }
39
- }
40
- };
@@ -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_b2c/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,40 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { numberInputTokens as tokens } from '../../../../components/NumberInput';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'l',
7
- shape: 'cornered',
8
- inputBackgroundType: 'fill'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.errorColor, tokens.borderErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.borderColorFocus, tokens.borderColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
13
- secondary: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.errorColor, tokens.borderErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.borderColorFocus, tokens.borderColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
14
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.borderErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.borderColorFocus, tokens.borderColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
15
- clear: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.errorColor, tokens.borderErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.borderColorFocus, tokens.borderColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
16
- },
17
- size: {
18
- l: /*#__PURE__*/css(["", ":11.75rem;", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.875rem;", ":0.375rem;", ":0 0.125rem;", ":0.875rem;", ":3.5rem;", ":0.063rem;", ":1.063rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.inputWrapperBorderWidth, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
19
- m: /*#__PURE__*/css(["", ":10.25rem;", ":3rem;", ":3rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.25rem;", ":0 0.125rem;", ":0.75rem;", ":3rem;", ":0.063rem;", ":0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.inputWrapperBorderWidth, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
20
- s: /*#__PURE__*/css(["", ":8.75rem;", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem;", ":0.25rem;", ":0 0.125rem;", ":0.625rem;", ":2.5rem;", ":0.063rem;", ":0.688rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.inputWrapperBorderWidth, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
21
- xs: /*#__PURE__*/css(["", ":6.875rem;", ":2rem;", ":2rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.125rem;", ":0 0.125rem;", ":0.5rem;", ":2rem;", ":0.063rem;", ":0.563rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":0.25rem;", ":1rem;"], tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.inputWrapperBorderWidth, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
22
- },
23
- shape: {
24
- cornered: /*#__PURE__*/css([""]),
25
- pilled: /*#__PURE__*/css(["", ":50%;"], tokens.iconButtonRadius)
26
- },
27
- inputBackgroundType: {
28
- fill: /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);"], tokens.borderColor, tokens.borderColorHover),
29
- clear: /*#__PURE__*/css(["", ":transparent;", ":transparent;"], tokens.borderColor, tokens.borderColorHover)
30
- },
31
- segmentation: {
32
- "default": /*#__PURE__*/css([""]),
33
- segmented: /*#__PURE__*/css([""]),
34
- solid: /*#__PURE__*/css(["", ":0;"], tokens.iconButtonSegmentationRadius)
35
- },
36
- disabled: {
37
- "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
38
- }
39
- }
40
- };
@@ -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,38 +0,0 @@
1
- import React from 'react';
2
- import type { RootProps } from '../../engines';
3
- import type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';
4
- export declare const numberInputRoot: (Root: RootProps<HTMLDivElement, NumberInputRootProps>) => React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
5
- export declare const numberInputConfig: {
6
- name: string;
7
- tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, NumberInputRootProps>) => React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
9
- base: import("@linaria/core").LinariaClassName;
10
- variations: {
11
- view: {
12
- css: import("@linaria/core").LinariaClassName;
13
- };
14
- size: {
15
- css: import("@linaria/core").LinariaClassName;
16
- };
17
- shape: {
18
- css: import("@linaria/core").LinariaClassName;
19
- };
20
- inputBackgroundType: {
21
- css: import("@linaria/core").LinariaClassName;
22
- };
23
- segmentation: {
24
- css: import("@linaria/core").LinariaClassName;
25
- };
26
- disabled: {
27
- css: import("@linaria/core").LinariaClassName;
28
- attrs: boolean;
29
- };
30
- };
31
- defaults: {
32
- view: string;
33
- size: string;
34
- shape: string;
35
- segmentation: string;
36
- };
37
- };
38
- //# sourceMappingURL=NumberInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAWlF,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC,8FAuJhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAzJQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLpF,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=NumberInput.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAGhB,CAAC"}
@@ -1,77 +0,0 @@
1
- export declare const classes: {
2
- actionButtonDecrement: string;
3
- actionButtonDecrementDisabled: string;
4
- actionButtonIncrement: string;
5
- actionButtonIncrementDisabled: string;
6
- textBefore: string;
7
- textAfter: string;
8
- solidView: string;
9
- segmentedView: string;
10
- clearView: string;
11
- errorAnimation: string;
12
- disabled: string;
13
- manualInput: string;
14
- };
15
- export declare const privateTokens: {
16
- inputWidth: string;
17
- segmentationBorderRadius: string;
18
- segmentationInputBorderRadius: string;
19
- };
20
- export declare const tokens: {
21
- rootMinWidth: string;
22
- disabledOpacity: string;
23
- iconButtonColor: string;
24
- iconButtonBackgroundColor: string;
25
- iconButtonColorHover: string;
26
- iconButtonBackgroundColorHover: string;
27
- iconButtonColorActive: string;
28
- iconButtonBackgroundColorActive: string;
29
- actionButtonDisabledOpacity: string;
30
- iconButtonHeight: string;
31
- iconButtonWidth: string;
32
- iconButtonPadding: string;
33
- iconButtonRadius: string;
34
- iconButtonSegmentationRadius: string;
35
- iconButtonFontFamily: string;
36
- iconButtonFontSize: string;
37
- iconButtonFontStyle: string;
38
- iconButtonFontWeight: string;
39
- iconButtonLetterSpacing: string;
40
- iconButtonLineHeight: string;
41
- inputWrapperBorderWidth: string;
42
- inputWrapperMargin: string;
43
- inputWrapperBorderRadius: string;
44
- textWrapperHeight: string;
45
- textWrapperPadding: string;
46
- fontFamily: string;
47
- fontStyle: string;
48
- fontSize: string;
49
- fontWeight: string;
50
- letterSpacing: string;
51
- lineHeight: string;
52
- textBeforeMarginRight: string;
53
- textAfterMarginLeft: string;
54
- caretColor: string;
55
- caretColorSolid: string;
56
- color: string;
57
- colorSolid: string;
58
- backgroundColor: string;
59
- backgroundColorHover: string;
60
- backgroundColorFocus: string;
61
- backgroundColorSolidFocus: string;
62
- backgroundColorSolid: string;
63
- borderColor: string;
64
- borderColorHover: string;
65
- borderColorFocus: string;
66
- borderColorSolidFocus: string;
67
- borderColorSolid: string;
68
- additionalTextColor: string;
69
- additionalTextColorSolid: string;
70
- errorColor: string;
71
- backgroundErrorColor: string;
72
- borderErrorColor: string;
73
- loaderSpinnerSize: string;
74
- loaderSpinnerColor: string;
75
- loaderSpinnerColorSolid: string;
76
- };
77
- //# sourceMappingURL=NumberInput.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuElB,CAAC"}
@@ -1,112 +0,0 @@
1
- import type { SyntheticEvent, InputHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
2
- declare type SegemetationProps = {
3
- /**
4
- * Форма границ компонента.
5
- */
6
- segmentation?: 'clear';
7
- /**
8
- * Фон поля ввода.
9
- */
10
- inputBackgroundType?: never;
11
- } | {
12
- segmentation?: string;
13
- inputBackgroundType?: string;
14
- };
15
- export declare type NumberInputProps = {
16
- /**
17
- * Числовое значение.
18
- */
19
- value?: number;
20
- /**
21
- * Минимальное значение.
22
- */
23
- min?: number;
24
- /**
25
- * Максимальное значение.
26
- */
27
- max?: number;
28
- /**
29
- * Шаг изменения значения.
30
- * @default 1
31
- */
32
- step?: number;
33
- /**
34
- * Контрол в состоянии загрузки.
35
- */
36
- isLoading?: boolean;
37
- /**
38
- * Слот для контента загрузки.
39
- */
40
- loader?: ReactNode;
41
- /**
42
- * Размер контрола.
43
- */
44
- size?: string;
45
- /**
46
- * Вид компонента.
47
- */
48
- view?: string;
49
- /**
50
- * view применяется с clear-токенами
51
- */
52
- clear?: boolean;
53
- /**
54
- * Форма контрола.
55
- */
56
- shape?: string;
57
- /**
58
- * Компонент неактивен.
59
- */
60
- disabled?: boolean;
61
- /**
62
- * Слот для вспомогательного текста справа.
63
- */
64
- textBefore?: string;
65
- /**
66
- * Слот для вспомогательного текста слева.
67
- */
68
- textAfter?: string;
69
- /**
70
- * Пользовательская кнопка увеличения.
71
- */
72
- customIncrementButton?: ReactNode;
73
- /**
74
- * Иконка кнопки увеличения.
75
- */
76
- incrementIcon?: ReactNode;
77
- /**
78
- * пользовательская кнопка уменьшения.
79
- */
80
- customDecrementButton?: ReactNode;
81
- /**
82
- * Иконка кнопки уменьшения.
83
- */
84
- decrementIcon?: ReactNode;
85
- /**
86
- * Доступность вводазначения вручную.
87
- */
88
- isManualInput?: boolean;
89
- /**
90
- * Вызывается при изменении значения.
91
- */
92
- onChange?: (event: SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
93
- /**
94
- * Вызывается при нажатии на кнопку увелечения значения.
95
- */
96
- onIncrement?: (value: number) => void;
97
- /**
98
- * Вызывается при нажатии на кнопку уменьшения значения.
99
- */
100
- onDecrement?: (value: number) => void;
101
- } & SegemetationProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value'>;
102
- export declare type NumberInputRootProps = {
103
- size?: string;
104
- view?: string;
105
- shape?: string;
106
- segmentation?: string;
107
- clear?: boolean;
108
- disabled?: boolean;
109
- isLoading?: boolean;
110
- } & HTMLAttributes<HTMLDivElement>;
111
- export {};
112
- //# sourceMappingURL=NumberInput.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5F,aAAK,iBAAiB,GAChB;IACI;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC;CAC/B,GACD;IACI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAER,oBAAY,gBAAgB,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,GAAG,iBAAiB,GACjB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/E,oBAAY,oBAAoB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}