@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
package/es/index.css CHANGED
@@ -475,7 +475,7 @@
475
475
 
476
476
  .base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
477
477
 
478
- .base_1z0ohiy_b1t6e429__9712bb45{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding-top:var(--plasma-counter-padding-top);padding-right:var(--plasma-counter-padding-right);padding-bottom:var(--plasma-counter-padding-bottom);padding-left:var(--plasma-counter-padding-left);}
478
+ .base_4mz17d_b1t6e429__b5e2cba4{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding-top:var(--plasma-counter-padding-top);padding-right:var(--plasma-counter-padding-right);padding-bottom:var(--plasma-counter-padding-bottom);padding-left:var(--plasma-counter-padding-left);}.base_4mz17d_b1t6e429__b5e2cba4.base_4mz17d__PlasmaCounterRound__b5e2cba4{width:var(--plasma-counter-height);}
479
479
 
480
480
  .Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
481
481
 
@@ -804,26 +804,3 @@
804
804
  .IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
805
805
 
806
806
  .ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
807
-
808
- .Input_styles_fhgb95_i1s8bsh6__3bed5c8f{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_fhgb95_i1s8bsh6__3bed5c8f::-webkit-scrollbar{display:none;}
809
- .Input_styles_fhgb95_t6wb9c__3bed5c8f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
810
-
811
-
812
-
813
- .Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
814
- .Input_styles_fhgb95_i1tgbhg7__3bed5c8f{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
815
- .Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
816
-
817
- .NumberInput_styles_jeawjl_bwds6g__9a871afb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
818
-
819
- .base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color);--plasma-icon-button-background-color:var(--plasma-number-input_icon-button_background-color);--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-hover);--plasma-icon-button-background-color-hover:var(--plasma-number-input_icon-button_background-color-hover);--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-active);--plasma-icon-button-background-color-active:var(--plasma-number-input_icon-button_background-color-active);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:active,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);-webkit-animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_error-color);-webkit-animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017:focus-within{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);}@-webkit-keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@-webkit-keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}@keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_s1ft73sv__00c46017{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_az36kha__00c46017{color:var(--plasma-number-input_additional-text_color);}
820
-
821
- .base_yqdmk4_b13wjeky__9b206d94{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_sj0ab1b__9b206d94{--plasma-icon-button-height:var(--plasma-number-input_icon-button_height);--plasma-icon-button-width:var(--plasma-number-input_icon-button_width);--plasma-icon-button-padding:var(--plasma-number-input_icon-button_padding);--plasma-icon-button-font-family:var(--plasma-number-input_icon-button_font-family);--plasma-icon-button-font-size:var(--plasma-number-input_icon-button_font-size);--plasma-icon-button-font-style:var(--plasma-number-input_icon-button_font-style);--plasma-icon-button-font-weight:var(--plasma-number-input_icon-button_font-weight);--plasma-icon-button-letter-spacing:var(--plasma-number-input_icon-button_letter-spacing);--plasma-icon-button-line-height:var(--plasma-number-input_icon-button_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1s8bsh6__9b206d94{margin:var(--plasma-number-input_input-wrapper_margin);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_t6wb9c__9b206d94{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_d1n4jo6t__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1tgbhg7__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94{font-family:var(--plasma-number-input_font-family);font-size:var(--plasma-number-input_font-size);font-style:var(--plasma-number-input_font-style);font-weight:var(--plasma-number-input_font-weight);-webkit-letter-spacing:var(--plasma-number-input_letter-spacing);-moz-letter-spacing:var(--plasma-number-input_letter-spacing);-ms-letter-spacing:var(--plasma-number-input_letter-spacing);letter-spacing:var(--plasma-number-input_letter-spacing);line-height:var(--plasma-number-input_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textBefore__9b206d94{margin-right:var(--plasma-number-input_text-before_margin-right);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textAfter__9b206d94{margin-left:var(--plasma-number-input_text-after_margin-left);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_s1ft73sv__9b206d94{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}
822
-
823
- .base_k05biw_b1l31q8y__7da7a6d0 .base_k05biw_sj0ab1b__7da7a6d0{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}
824
-
825
- .base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c{background-color:var(--plasma-number-input_background-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color);}.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c.base_dx9knv_manualInputNumberInput__1d74109c:hover{background-color:var(--plasma-number-input_background-color-hover);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-hover);}
826
-
827
- .base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrement__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrement__b0f7c19c{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{position:relative;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{position:relative;color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c:not(error-animation).base_1mg9wqg_manualInputNumberInput__b0f7c19c:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active{background-color:transparent;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c{opacity:1;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_s1ft73sv__b0f7c19c{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c:not(.base_1mg9wqg_errorAnimation__b0f7c19c){color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_az36kha__b0f7c19c{color:var(--plasma-number-input_additional-text_color-solid);}
828
-
829
- .base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}
package/es/index.js CHANGED
@@ -203,6 +203,4 @@ export { composeMask } from './components/Mask/Mask.js';
203
203
  export { attachConfig, attachRoot } from './components/Attach/Attach.js';
204
204
  export { tokens as attachTokens } from './components/Attach/Attach.tokens.js';
205
205
  export { viewContainerConfig, viewContainerRoot } from './components/ViewContainer/ViewContainer.js';
206
- export { numberInputConfig, numberInputRoot } from './components/NumberInput/NumberInput.js';
207
- export { classes as numberInputClasses, tokens as numberInputTokens } from './components/NumberInput/NumberInput.tokens.js';
208
206
  //# sourceMappingURL=index.js.map
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.176.0-canary.1511.11555353496.0",
3
+ "version": "0.176.0-canary.1514.11559014063.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,5 +128,5 @@
128
128
  "sideEffects": [
129
129
  "*.css"
130
130
  ],
131
- "gitHead": "9fb1511eed38fba88270160cae2b65d2a0b27cd6"
131
+ "gitHead": "625e62802b40879499128e47c39bd8554fd77d54"
132
132
  }
@@ -6,28 +6,37 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.counterRoot = exports.counterConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _utils = /*#__PURE__*/require("../../utils");
9
10
  var _base = /*#__PURE__*/require("./variations/_view/base");
10
11
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
11
12
  var _Counter = /*#__PURE__*/require("./Counter.styles");
12
- var _excluded = ["count", "maxCount", "size", "view"];
13
+ var _Counter2 = /*#__PURE__*/require("./Counter.tokens");
14
+ var _excluded = ["count", "maxCount", "size", "view", "className"];
13
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
18
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
19
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
+ var MIN_COUNT = 1;
18
21
  var counterRoot = exports.counterRoot = function counterRoot(Root) {
19
22
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
20
23
  var count = props.count,
21
24
  maxCount = props.maxCount,
22
25
  size = props.size,
23
26
  view = props.view,
27
+ className = props.className,
24
28
  rest = _objectWithoutProperties(props, _excluded);
25
- var content = maxCount && count > maxCount ? "".concat(maxCount, "+") : count;
29
+ var currCount = count < MIN_COUNT ? MIN_COUNT : count;
30
+ var currMaxCount = maxCount && maxCount < MIN_COUNT ? MIN_COUNT : maxCount;
31
+ var currMaxCountExceeded = currMaxCount && currCount > currMaxCount;
32
+ var content = currMaxCountExceeded ? "".concat(currMaxCount, "+") : currCount;
33
+ var roundClass = !currMaxCountExceeded && currCount >= 0 && currCount < 10 ? _Counter2.classes.round : undefined;
26
34
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
27
35
  ref: ref,
28
36
  view: view,
29
37
  size: size,
30
- count: count
38
+ count: count,
39
+ className: (0, _utils.cx)(roundClass, className)
31
40
  }, rest), content);
32
41
  });
33
42
  };
@@ -12,7 +12,7 @@ import { PropsTable, Description } from '@site/src/components';
12
12
  ## Примеры
13
13
 
14
14
  ### Максимальное значение числового badge
15
- Задается с помощью свойства `maxCount`.
15
+ Задается с помощью свойства `maxCount`. Как и `count`, не может быть меньше 1.
16
16
 
17
17
  ```tsx live
18
18
  import React from 'react';
@@ -29,7 +29,7 @@ export function App() {
29
29
  ```
30
30
 
31
31
  ### Размер числового badge
32
- Размер задается с помощью свойства `size`. Возможные значения свойства: `"xs"` или `"xxs"`.
32
+ Размер задается с помощью свойства `size`. Возможные значения свойства: `xxs`, `xs`, `s`, `m`, `l`.
33
33
 
34
34
  ```tsx live
35
35
  import React from 'react';
@@ -3,7 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.tokens = void 0;
6
+ exports.tokens = exports.classes = void 0;
7
+ var classes = exports.classes = {
8
+ round: '--plasma-counter-round'
9
+ };
7
10
  var tokens = exports.tokens = {
8
11
  background: '--plasma-counter-background',
9
12
  color: '--plasma-counter-color',
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Counter = /*#__PURE__*/require("../../Counter.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");"], _Counter.tokens.fontFamily, _Counter.tokens.fontSize, _Counter.tokens.fontStyle, _Counter.tokens.fontWeight, _Counter.tokens.letterSpacing, _Counter.tokens.lineHeight, _Counter.tokens.borderRadius, _Counter.tokens.height, _Counter.tokens.paddingTop, _Counter.tokens.paddingRight, _Counter.tokens.paddingBottom, _Counter.tokens.paddingLeft);
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");&.", "{width:var(", ");}"], _Counter.tokens.fontFamily, _Counter.tokens.fontSize, _Counter.tokens.fontStyle, _Counter.tokens.fontWeight, _Counter.tokens.letterSpacing, _Counter.tokens.lineHeight, _Counter.tokens.borderRadius, _Counter.tokens.height, _Counter.tokens.paddingTop, _Counter.tokens.paddingRight, _Counter.tokens.paddingBottom, _Counter.tokens.paddingLeft, _Counter.classes.round, _Counter.tokens.height);
@@ -22,8 +22,11 @@ var config = exports.config = {
22
22
  light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background)
23
23
  },
24
24
  size: {
25
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
26
- xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight)
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
26
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":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);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
27
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
28
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
29
+ xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight)
27
30
  }
28
31
  }
29
32
  };
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { disableProps } from '@salutejs/plasma-sb-utils';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
3
 
@@ -6,19 +5,22 @@ import { WithTheme } from '../../../_helpers';
6
5
 
7
6
  import { Counter } from './Counter';
8
7
 
8
+ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
9
+ const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
10
+
9
11
  const meta: Meta<typeof Counter> = {
10
12
  title: 'plasma_b2c/Counter',
11
13
  component: Counter,
12
14
  decorators: [WithTheme],
13
15
  argTypes: {
14
16
  size: {
15
- options: ['xs', 'xxs'],
17
+ options: sizes,
16
18
  control: {
17
19
  type: 'select',
18
20
  },
19
21
  },
20
22
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
23
+ options: views,
22
24
  control: {
23
25
  type: 'select',
24
26
  },
@@ -33,8 +35,8 @@ type Story = StoryObj<typeof Counter>;
33
35
 
34
36
  export const Default: Story = {
35
37
  args: {
36
- count: 25,
37
- maxCount: 100,
38
+ count: 123,
39
+ maxCount: 200,
38
40
  view: 'default',
39
41
  size: 'xs',
40
42
  },
@@ -22,8 +22,11 @@ var config = exports.config = {
22
22
  light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background)
23
23
  },
24
24
  size: {
25
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
26
- xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight)
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
26
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":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);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
27
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
28
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
29
+ xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight)
27
30
  }
28
31
  }
29
32
  };
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { disableProps } from '@salutejs/plasma-sb-utils';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
3
 
@@ -6,19 +5,22 @@ import { WithTheme } from '../../../_helpers';
6
5
 
7
6
  import { Counter } from './Counter';
8
7
 
8
+ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
9
+ const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
10
+
9
11
  const meta: Meta<typeof Counter> = {
10
12
  title: 'plasma_web/Counter',
11
13
  component: Counter,
12
14
  decorators: [WithTheme],
13
15
  argTypes: {
14
16
  size: {
15
- options: ['xs', 'xxs'],
17
+ options: sizes,
16
18
  control: {
17
19
  type: 'select',
18
20
  },
19
21
  },
20
22
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
23
+ options: views,
22
24
  control: {
23
25
  type: 'select',
24
26
  },
@@ -33,8 +35,8 @@ type Story = StoryObj<typeof Counter>;
33
35
 
34
36
  export const Default: Story = {
35
37
  args: {
36
- count: 25,
37
- maxCount: 100,
38
+ count: 123,
39
+ maxCount: 200,
38
40
  view: 'default',
39
41
  size: 'xs',
40
42
  },
@@ -684,15 +684,4 @@ Object.keys(_ViewContainer).forEach(function (key) {
684
684
  return _ViewContainer[key];
685
685
  }
686
686
  });
687
- });
688
- var _NumberInput = /*#__PURE__*/require("./components/NumberInput");
689
- Object.keys(_NumberInput).forEach(function (key) {
690
- if (key === "default" || key === "__esModule") return;
691
- if (key in exports && exports[key] === _NumberInput[key]) return;
692
- Object.defineProperty(exports, key, {
693
- enumerable: true,
694
- get: function get() {
695
- return _NumberInput[key];
696
- }
697
- });
698
687
  });
@@ -1,24 +1,33 @@
1
- var _excluded = ["count", "maxCount", "size", "view"];
1
+ var _excluded = ["count", "maxCount", "size", "view", "className"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
5
  import React, { forwardRef } from 'react';
6
+ import { cx } from '../../utils';
6
7
  import { base as viewCSS } from './variations/_view/base';
7
8
  import { base as sizeCSS } from './variations/_size/base';
8
9
  import { base } from './Counter.styles';
10
+ import { classes } from './Counter.tokens';
11
+ var MIN_COUNT = 1;
9
12
  export var counterRoot = function counterRoot(Root) {
10
13
  return /*#__PURE__*/forwardRef(function (props, ref) {
11
14
  var count = props.count,
12
15
  maxCount = props.maxCount,
13
16
  size = props.size,
14
17
  view = props.view,
18
+ className = props.className,
15
19
  rest = _objectWithoutProperties(props, _excluded);
16
- var content = maxCount && count > maxCount ? "".concat(maxCount, "+") : count;
20
+ var currCount = count < MIN_COUNT ? MIN_COUNT : count;
21
+ var currMaxCount = maxCount && maxCount < MIN_COUNT ? MIN_COUNT : maxCount;
22
+ var currMaxCountExceeded = currMaxCount && currCount > currMaxCount;
23
+ var content = currMaxCountExceeded ? "".concat(currMaxCount, "+") : currCount;
24
+ var roundClass = !currMaxCountExceeded && currCount >= 0 && currCount < 10 ? classes.round : undefined;
17
25
  return /*#__PURE__*/React.createElement(Root, _extends({
18
26
  ref: ref,
19
27
  view: view,
20
28
  size: size,
21
- count: count
29
+ count: count,
30
+ className: cx(roundClass, className)
22
31
  }, rest), content);
23
32
  });
24
33
  };
@@ -12,7 +12,7 @@ import { PropsTable, Description } from '@site/src/components';
12
12
  ## Примеры
13
13
 
14
14
  ### Максимальное значение числового badge
15
- Задается с помощью свойства `maxCount`.
15
+ Задается с помощью свойства `maxCount`. Как и `count`, не может быть меньше 1.
16
16
 
17
17
  ```tsx live
18
18
  import React from 'react';
@@ -29,7 +29,7 @@ export function App() {
29
29
  ```
30
30
 
31
31
  ### Размер числового badge
32
- Размер задается с помощью свойства `size`. Возможные значения свойства: `"xs"` или `"xxs"`.
32
+ Размер задается с помощью свойства `size`. Возможные значения свойства: `xxs`, `xs`, `s`, `m`, `l`.
33
33
 
34
34
  ```tsx live
35
35
  import React from 'react';
@@ -1,3 +1,6 @@
1
+ export var classes = {
2
+ round: '--plasma-counter-round'
3
+ };
1
4
  export var tokens = {
2
5
  background: '--plasma-counter-background',
3
6
  color: '--plasma-counter-color',
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
- import { tokens } from '../../Counter.tokens';
3
- export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.borderRadius, tokens.height, tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft);
2
+ import { classes, tokens } from '../../Counter.tokens';
3
+ export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");&.", "{width:var(", ");}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.borderRadius, tokens.height, tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, classes.round, tokens.height);
@@ -16,8 +16,11 @@ export var config = {
16
16
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], counterTokens.color, counterTokens.background)
17
17
  },
18
18
  size: {
19
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
20
- xxs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
19
+ l: /*#__PURE__*/css(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
20
+ m: /*#__PURE__*/css(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
21
+ s: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
22
+ xs: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
23
+ xxs: /*#__PURE__*/css(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
21
24
  }
22
25
  }
23
26
  };
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { disableProps } from '@salutejs/plasma-sb-utils';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
3
 
@@ -6,19 +5,22 @@ import { WithTheme } from '../../../_helpers';
6
5
 
7
6
  import { Counter } from './Counter';
8
7
 
8
+ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
9
+ const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
10
+
9
11
  const meta: Meta<typeof Counter> = {
10
12
  title: 'plasma_b2c/Counter',
11
13
  component: Counter,
12
14
  decorators: [WithTheme],
13
15
  argTypes: {
14
16
  size: {
15
- options: ['xs', 'xxs'],
17
+ options: sizes,
16
18
  control: {
17
19
  type: 'select',
18
20
  },
19
21
  },
20
22
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
23
+ options: views,
22
24
  control: {
23
25
  type: 'select',
24
26
  },
@@ -33,8 +35,8 @@ type Story = StoryObj<typeof Counter>;
33
35
 
34
36
  export const Default: Story = {
35
37
  args: {
36
- count: 25,
37
- maxCount: 100,
38
+ count: 123,
39
+ maxCount: 200,
38
40
  view: 'default',
39
41
  size: 'xs',
40
42
  },
@@ -16,8 +16,11 @@ export var config = {
16
16
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], counterTokens.color, counterTokens.background)
17
17
  },
18
18
  size: {
19
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
20
- xxs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
19
+ l: /*#__PURE__*/css(["", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
20
+ m: /*#__PURE__*/css(["", ":1rem;", ":1.5rem;", ":0.5rem;", ":0.5rem;", ":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);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
21
+ s: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
22
+ xs: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight),
23
+ xxs: /*#__PURE__*/css(["", ":1rem;", ":0.75rem;", ":0.125rem;", ":0.125rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], counterTokens.borderRadius, counterTokens.height, counterTokens.paddingRight, counterTokens.paddingLeft, counterTokens.fontFamily, counterTokens.fontSize, counterTokens.fontStyle, counterTokens.fontWeight, counterTokens.letterSpacing, counterTokens.lineHeight)
21
24
  }
22
25
  }
23
26
  };
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { disableProps } from '@salutejs/plasma-sb-utils';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
3
 
@@ -6,19 +5,22 @@ import { WithTheme } from '../../../_helpers';
6
5
 
7
6
  import { Counter } from './Counter';
8
7
 
8
+ const sizes = ['l', 'm', 's', 'xs', 'xxs'];
9
+ const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
10
+
9
11
  const meta: Meta<typeof Counter> = {
10
12
  title: 'plasma_web/Counter',
11
13
  component: Counter,
12
14
  decorators: [WithTheme],
13
15
  argTypes: {
14
16
  size: {
15
- options: ['xs', 'xxs'],
17
+ options: sizes,
16
18
  control: {
17
19
  type: 'select',
18
20
  },
19
21
  },
20
22
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
23
+ options: views,
22
24
  control: {
23
25
  type: 'select',
24
26
  },
@@ -33,8 +35,8 @@ type Story = StoryObj<typeof Counter>;
33
35
 
34
36
  export const Default: Story = {
35
37
  args: {
36
- count: 25,
37
- maxCount: 100,
38
+ count: 123,
39
+ maxCount: 200,
38
40
  view: 'default',
39
41
  size: 'xs',
40
42
  },
@@ -61,5 +61,4 @@ export * from './components/EmptyState';
61
61
  export * from './components/Editable';
62
62
  export * from './components/Mask';
63
63
  export * from './components/Attach';
64
- export * from './components/ViewContainer';
65
- export * from './components/NumberInput';
64
+ export * from './components/ViewContainer';
@@ -1 +1 @@
1
- {"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;wCAWnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAbQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;CA8BxE,CAAC"}
1
+ {"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;wCAiBnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAnBQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;CAoCxE,CAAC"}
@@ -1,3 +1,6 @@
1
+ export declare const classes: {
2
+ round: string;
3
+ };
1
4
  export declare const tokens: {
2
5
  background: string;
3
6
  color: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Counter.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAiBlB,CAAC"}
1
+ {"version":3,"file":"Counter.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAiBlB,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  declare type CustomCounterProps = {
3
3
  /**
4
- * Отображаемое число
4
+ * Отображаемое число. Не может быть меньше 1.
5
5
  */
6
6
  count: number;
7
7
  /**
8
- * Максимальное отображаемое число
8
+ * Максимальное отображаемое число. Не может быть меньше 1.
9
9
  */
10
10
  maxCount?: number;
11
11
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Counter/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAgBhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Counter/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAoBhB,CAAC"}
@@ -14,6 +14,9 @@ export declare const config: {
14
14
  light: import("@linaria/core").LinariaClassName;
15
15
  };
16
16
  size: {
17
+ l: import("@linaria/core").LinariaClassName;
18
+ m: import("@linaria/core").LinariaClassName;
19
+ s: import("@linaria/core").LinariaClassName;
17
20
  xs: import("@linaria/core").LinariaClassName;
18
21
  xxs: import("@linaria/core").LinariaClassName;
19
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Counter.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Counter/Counter.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CA+DlB,CAAC"}
1
+ {"version":3,"file":"Counter.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Counter/Counter.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAmGlB,CAAC"}