@salutejs/plasma-new-hope 0.184.0-canary.1511.11700617196.0 → 0.184.0-canary.1530.11700796066.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (296) hide show
  1. package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/Range/Range.js +7 -4
  4. package/cjs/components/Range/Range.js.map +1 -1
  5. package/cjs/index.css +0 -23
  6. package/cjs/index.js +0 -6
  7. package/cjs/index.js.map +1 -1
  8. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  9. package/emotion/cjs/components/Range/Range.js +7 -4
  10. package/emotion/cjs/index.js +0 -11
  11. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  12. package/emotion/es/components/Range/Range.js +7 -4
  13. package/emotion/es/index.js +1 -2
  14. package/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  15. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  16. package/es/components/Range/Range.js +7 -4
  17. package/es/components/Range/Range.js.map +1 -1
  18. package/es/index.css +0 -23
  19. package/es/index.js +0 -2
  20. package/es/index.js.map +1 -1
  21. package/package.json +2 -2
  22. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  23. package/styled-components/cjs/components/Range/Range.js +7 -4
  24. package/styled-components/cjs/index.js +0 -11
  25. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  26. package/styled-components/es/components/Range/Range.js +7 -4
  27. package/styled-components/es/index.js +1 -2
  28. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -0
  29. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  30. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +3 -0
  31. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  32. package/types/components/Range/Range.d.ts.map +1 -1
  33. package/types/components/Range/Range.types.d.ts +4 -0
  34. package/types/components/Range/Range.types.d.ts.map +1 -1
  35. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +1 -0
  36. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  37. package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -0
  38. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  39. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +1 -0
  40. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  41. package/types/examples/plasma_web/components/Range/Range.d.ts +3 -0
  42. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  43. package/types/index.d.ts +0 -1
  44. package/types/index.d.ts.map +1 -1
  45. package/cjs/components/NumberInput/NumberInput.css +0 -52
  46. package/cjs/components/NumberInput/NumberInput.js +0 -196
  47. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  48. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  49. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  50. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  51. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -102
  52. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  53. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  54. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  55. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  56. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  57. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +0 -1
  58. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  59. package/cjs/components/NumberInput/ui/Input/Input.js +0 -204
  60. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  61. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  62. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  63. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  64. package/cjs/components/NumberInput/utils/index.js +0 -12
  65. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  66. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  67. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  68. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  69. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  70. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  71. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  72. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  73. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  74. package/cjs/components/NumberInput/variations/_segmentation/base_14s5rot.css +0 -1
  75. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  76. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  77. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  78. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  79. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  80. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  81. package/cjs/components/NumberInput/variations/_view/base.js +0 -9
  82. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  83. package/cjs/components/NumberInput/variations/_view/base_tnfbb5.css +0 -1
  84. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -206
  85. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  86. package/emotion/cjs/components/NumberInput/NumberInput.template-doc.mdx +0 -194
  87. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -99
  88. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  89. package/emotion/cjs/components/NumberInput/index.js +0 -31
  90. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  91. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  92. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  93. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -212
  94. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -81
  95. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  96. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  97. package/emotion/cjs/components/NumberInput/utils/index.js +0 -9
  98. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  99. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  100. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  101. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  102. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  103. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  104. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  105. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  106. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  107. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  108. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  109. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  110. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  111. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  112. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  113. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  114. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  115. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  116. package/emotion/es/components/NumberInput/NumberInput.js +0 -198
  117. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  118. package/emotion/es/components/NumberInput/NumberInput.template-doc.mdx +0 -194
  119. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -93
  120. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  121. package/emotion/es/components/NumberInput/index.js +0 -2
  122. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  123. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  124. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  125. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -203
  126. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -74
  127. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  128. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  129. package/emotion/es/components/NumberInput/utils/index.js +0 -3
  130. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  131. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  132. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  133. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  134. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  135. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  136. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  137. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  138. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  139. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  140. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  141. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  142. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  143. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  144. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  145. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  146. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  147. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  148. package/es/components/NumberInput/NumberInput.css +0 -52
  149. package/es/components/NumberInput/NumberInput.js +0 -191
  150. package/es/components/NumberInput/NumberInput.js.map +0 -1
  151. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  152. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  153. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  154. package/es/components/NumberInput/NumberInput.tokens.js +0 -96
  155. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  156. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  157. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  158. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  159. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  160. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css +0 -1
  161. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  162. package/es/components/NumberInput/ui/Input/Input.js +0 -200
  163. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  164. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  165. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  166. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  167. package/es/components/NumberInput/utils/index.js +0 -6
  168. package/es/components/NumberInput/utils/index.js.map +0 -1
  169. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  170. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  171. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  172. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  173. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  174. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  175. package/es/components/NumberInput/variations/_segmentation/base.js +0 -5
  176. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  177. package/es/components/NumberInput/variations/_segmentation/base_14s5rot.css +0 -1
  178. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  179. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  180. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  181. package/es/components/NumberInput/variations/_size/base.js +0 -5
  182. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  183. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  184. package/es/components/NumberInput/variations/_view/base.js +0 -5
  185. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  186. package/es/components/NumberInput/variations/_view/base_tnfbb5.css +0 -1
  187. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -206
  188. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +0 -8
  189. package/styled-components/cjs/components/NumberInput/NumberInput.template-doc.mdx +0 -194
  190. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -99
  191. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  192. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  193. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  194. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  195. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  196. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -212
  197. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -48
  198. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  199. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  200. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -9
  201. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  202. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  203. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  204. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  205. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  206. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  207. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  208. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  209. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  210. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  211. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  212. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  213. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  214. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  215. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  216. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  217. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  218. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  219. package/styled-components/es/components/NumberInput/NumberInput.js +0 -198
  220. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  221. package/styled-components/es/components/NumberInput/NumberInput.template-doc.mdx +0 -194
  222. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -93
  223. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  224. package/styled-components/es/components/NumberInput/index.js +0 -2
  225. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  226. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  227. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  228. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -203
  229. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -41
  230. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  231. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  232. package/styled-components/es/components/NumberInput/utils/index.js +0 -3
  233. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  234. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  235. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  236. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  237. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  238. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  239. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  240. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  241. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  242. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  243. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  244. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  245. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  246. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  247. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  248. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  249. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  250. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  251. package/types/components/NumberInput/NumberInput.d.ts +0 -38
  252. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  253. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  254. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  255. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -88
  256. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  257. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  258. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  259. package/types/components/NumberInput/index.d.ts +0 -3
  260. package/types/components/NumberInput/index.d.ts.map +0 -1
  261. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  262. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  263. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  264. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  265. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  266. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  267. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -19
  268. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  269. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  270. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  271. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -19
  272. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  273. package/types/components/NumberInput/ui/index.d.ts +0 -3
  274. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  275. package/types/components/NumberInput/utils/index.d.ts +0 -4
  276. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  277. package/types/components/NumberInput/variations/_background-type/base.d.ts +0 -2
  278. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  279. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  280. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  281. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  282. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  283. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  284. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  285. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  286. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  287. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  288. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  289. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -39
  290. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  291. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -82
  292. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  293. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -39
  294. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  295. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -82
  296. 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.3s forwards;", "{color:var(", ");animation:fadeError 0.3s forwards;}&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@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(--inverse-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--inverse-surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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(--text-primary-hover);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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(--on-dark-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--on-dark-surface-transparent-secondary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--on-dark-text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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-primary-hover);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary-active);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.iconButtonColorSolidHover, 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(--inverse-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(--inverse-text-primary-hover);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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(--text-primary-hover);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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(--inverse-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-active);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, 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);", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":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.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.backgroundColorFocus, 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,8FA0KhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA5KQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MpF,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,88 +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
- loading: string;
14
- focused: string;
15
- manualInput: string;
16
- };
17
- export declare const privateTokens: {
18
- inputWidth: string;
19
- segmentationBorderRadius: string;
20
- segmentationInputBorderRadius: string;
21
- topBoxShadow: string;
22
- bottomBoxShadow: string;
23
- leftBoxShadow: string;
24
- rightBoxShadow: string;
25
- };
26
- export declare const tokens: {
27
- rootMinWidth: string;
28
- disabledOpacity: string;
29
- rootBorderWidth: string;
30
- wrapperBorderColor: string;
31
- wrapperBorderColorFocus: string;
32
- iconButtonColor: string;
33
- iconButtonBackgroundColor: string;
34
- iconButtonColorHover: string;
35
- iconButtonColorSolidHover: string;
36
- iconButtonBackgroundColorHover: string;
37
- iconButtonColorActive: string;
38
- iconButtonColorSolidActive: string;
39
- iconButtonBackgroundColorActive: string;
40
- actionButtonDisabledOpacity: string;
41
- iconButtonHeight: string;
42
- iconButtonWidth: string;
43
- iconButtonPadding: string;
44
- iconButtonRadius: string;
45
- iconButtonSegmentationRadius: string;
46
- iconButtonFontFamily: string;
47
- iconButtonFontSize: string;
48
- iconButtonFontStyle: string;
49
- iconButtonFontWeight: string;
50
- iconButtonLetterSpacing: string;
51
- iconButtonLineHeight: string;
52
- inputWrapperBorderWidth: string;
53
- inputWrapperMargin: string;
54
- inputWrapperBorderRadius: string;
55
- textWrapperHeight: string;
56
- textWrapperPadding: string;
57
- fontFamily: string;
58
- fontStyle: string;
59
- fontSize: string;
60
- fontWeight: string;
61
- letterSpacing: string;
62
- lineHeight: string;
63
- textBeforeMarginRight: string;
64
- textAfterMarginLeft: string;
65
- caretColor: string;
66
- caretColorSolid: string;
67
- color: string;
68
- colorSolid: string;
69
- backgroundColor: string;
70
- backgroundColorHover: string;
71
- backgroundColorFocus: string;
72
- backgroundColorSolidFocus: string;
73
- backgroundColorSolid: string;
74
- borderColor: string;
75
- borderColorHover: string;
76
- borderColorFocus: string;
77
- borderColorSolidFocus: string;
78
- borderColorSolid: string;
79
- additionalTextColor: string;
80
- additionalTextColorSolid: string;
81
- errorColor: string;
82
- backgroundErrorColor: string;
83
- borderErrorColor: string;
84
- loaderSpinnerSize: string;
85
- loaderSpinnerColor: string;
86
- loaderSpinnerColorSolid: string;
87
- };
88
- //# 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;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ElB,CAAC"}
@@ -1,112 +0,0 @@
1
- import type { SyntheticEvent, InputHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
2
- declare type SegmentationProps = {
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
- } & SegmentationProps & 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