@salutejs/plasma-new-hope 0.176.0-canary.1511.11570259013.0 → 0.176.0-canary.1513.11570030354.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (482) hide show
  1. package/cjs/components/Slider/Slider.css +13 -15
  2. package/cjs/components/Slider/Slider.js +2 -11
  3. package/cjs/components/Slider/Slider.js.map +1 -1
  4. package/cjs/components/Slider/Slider.tokens.js +17 -23
  5. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  6. package/cjs/components/Slider/components/Double/Double.css +8 -8
  7. package/cjs/components/Slider/components/Double/Double.js +23 -58
  8. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  9. package/cjs/components/Slider/components/Single/Single.css +14 -14
  10. package/cjs/components/Slider/components/Single/Single.js +33 -64
  11. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  12. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  13. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  14. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  15. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  16. package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  17. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  18. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  19. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  21. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  22. package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
  23. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  24. package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
  25. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  26. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  27. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  28. package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  29. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  30. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  31. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  32. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  33. package/cjs/components/Slider/utils/index.js +10 -28
  34. package/cjs/components/Slider/utils/index.js.map +1 -1
  35. package/cjs/components/Slider/variations/_view/base.js +1 -1
  36. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  37. package/cjs/index.css +13 -38
  38. package/cjs/index.js +0 -6
  39. package/cjs/index.js.map +1 -1
  40. package/cjs/utils/index.js.map +1 -1
  41. package/emotion/cjs/components/Slider/Slider.js +2 -10
  42. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  43. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
  44. package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
  45. package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
  46. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
  47. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  48. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  49. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  50. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
  51. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  52. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  53. package/emotion/cjs/components/Slider/utils/index.js +10 -28
  54. package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
  55. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  56. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  57. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  58. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  59. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  60. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  61. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  62. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  63. package/emotion/cjs/index.js +0 -11
  64. package/emotion/es/components/Slider/Slider.js +2 -11
  65. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
  66. package/emotion/es/components/Slider/Slider.tokens.js +17 -23
  67. package/emotion/es/components/Slider/components/Double/Double.js +19 -54
  68. package/emotion/es/components/Slider/components/Single/Single.js +34 -65
  69. package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
  70. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  71. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  72. package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
  73. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
  74. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  75. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  76. package/emotion/es/components/Slider/utils/index.js +10 -28
  77. package/emotion/es/components/Slider/variations/_view/base.js +1 -2
  78. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  79. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  80. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  81. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  82. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  83. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  84. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  85. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  86. package/emotion/es/index.js +1 -2
  87. package/es/components/Slider/Slider.css +13 -15
  88. package/es/components/Slider/Slider.js +2 -11
  89. package/es/components/Slider/Slider.js.map +1 -1
  90. package/es/components/Slider/Slider.tokens.js +17 -23
  91. package/es/components/Slider/Slider.tokens.js.map +1 -1
  92. package/es/components/Slider/components/Double/Double.css +8 -8
  93. package/es/components/Slider/components/Double/Double.js +19 -54
  94. package/es/components/Slider/components/Double/Double.js.map +1 -1
  95. package/es/components/Slider/components/Single/Single.css +14 -14
  96. package/es/components/Slider/components/Single/Single.js +34 -65
  97. package/es/components/Slider/components/Single/Single.js.map +1 -1
  98. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  99. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  100. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  101. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  102. package/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  103. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  104. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  105. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  106. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  107. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  108. package/es/components/Slider/ui/Handler/Handler.js +87 -48
  109. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  110. package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
  111. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  112. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  113. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  114. package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  115. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  116. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  117. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  118. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  119. package/es/components/Slider/utils/index.js +10 -28
  120. package/es/components/Slider/utils/index.js.map +1 -1
  121. package/es/components/Slider/variations/_view/base.js +1 -1
  122. package/es/components/Slider/variations/_view/base.js.map +1 -1
  123. package/es/index.css +13 -38
  124. package/es/index.js +0 -2
  125. package/es/index.js.map +1 -1
  126. package/es/utils/index.js.map +1 -1
  127. package/package.json +2 -2
  128. package/styled-components/cjs/components/Slider/Slider.js +2 -10
  129. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  130. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
  131. package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
  132. package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
  133. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  134. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  135. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  136. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  137. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
  138. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  139. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  140. package/styled-components/cjs/components/Slider/utils/index.js +10 -28
  141. package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
  142. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  143. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  144. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  145. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  146. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  147. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  148. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  149. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  150. package/styled-components/cjs/index.js +0 -11
  151. package/styled-components/es/components/Slider/Slider.js +2 -11
  152. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
  153. package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
  154. package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
  155. package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
  156. package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
  157. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  158. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  159. package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
  160. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
  161. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  162. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  163. package/styled-components/es/components/Slider/utils/index.js +10 -28
  164. package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
  165. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  166. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  167. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  168. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  169. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  170. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  171. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  172. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  173. package/styled-components/es/index.js +1 -2
  174. package/types/components/Slider/Slider.d.ts.map +1 -1
  175. package/types/components/Slider/Slider.tokens.d.ts +16 -22
  176. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  177. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  178. package/types/components/Slider/components/Double/Double.types.d.ts +0 -1
  179. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  180. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  181. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  182. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  183. package/types/components/Slider/components/Single/Single.types.d.ts +7 -79
  184. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  185. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  186. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  187. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  188. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
  189. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  190. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  191. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
  192. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  193. package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
  194. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  195. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  196. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  197. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  198. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
  199. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  200. package/types/components/Slider/utils/index.d.ts +8 -26
  201. package/types/components/Slider/utils/index.d.ts.map +1 -1
  202. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  203. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  204. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -80
  205. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  206. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  207. package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -80
  208. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  209. package/types/index.d.ts +0 -1
  210. package/types/index.d.ts.map +1 -1
  211. package/types/utils/index.d.ts +1 -1
  212. package/types/utils/index.d.ts.map +1 -1
  213. package/cjs/components/NumberInput/NumberInput.css +0 -52
  214. package/cjs/components/NumberInput/NumberInput.js +0 -183
  215. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  216. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  217. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  218. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  219. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -93
  220. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  221. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  222. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  223. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  224. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  225. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  226. package/cjs/components/NumberInput/ui/Input/Input.js +0 -199
  227. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  228. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  229. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  230. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  231. package/cjs/components/NumberInput/utils/index.js +0 -8
  232. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  233. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  234. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  235. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  236. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  237. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  238. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  239. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  240. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  241. package/cjs/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  242. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  243. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  244. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  245. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  246. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  247. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  248. package/cjs/components/NumberInput/variations/_view/base.js +0 -9
  249. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  250. package/cjs/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  251. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  252. package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  253. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  254. package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  255. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
  256. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  257. package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  258. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  259. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -193
  260. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  261. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  262. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  263. package/emotion/cjs/components/NumberInput/index.js +0 -31
  264. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  265. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  266. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  267. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  268. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -81
  269. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  270. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  271. package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
  272. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  273. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  274. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  275. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  276. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  277. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  278. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  279. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  280. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  281. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  282. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  283. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  284. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  285. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  286. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  287. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  288. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  289. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  290. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  291. package/emotion/es/components/NumberInput/NumberInput.js +0 -185
  292. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  293. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -84
  294. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  295. package/emotion/es/components/NumberInput/index.js +0 -2
  296. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  297. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  298. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  299. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -198
  300. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -74
  301. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  302. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  303. package/emotion/es/components/NumberInput/utils/index.js +0 -1
  304. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  305. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  306. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  307. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  308. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  309. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  310. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  311. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  312. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  313. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  314. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  315. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  316. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  317. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  318. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  319. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  320. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  321. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  322. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  323. package/es/components/NumberInput/NumberInput.css +0 -52
  324. package/es/components/NumberInput/NumberInput.js +0 -178
  325. package/es/components/NumberInput/NumberInput.js.map +0 -1
  326. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  327. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  328. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  329. package/es/components/NumberInput/NumberInput.tokens.js +0 -87
  330. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  331. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  332. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  333. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  334. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  335. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  336. package/es/components/NumberInput/ui/Input/Input.js +0 -195
  337. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  338. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  339. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  340. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  341. package/es/components/NumberInput/utils/index.js +0 -4
  342. package/es/components/NumberInput/utils/index.js.map +0 -1
  343. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  344. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  345. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  346. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  347. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  348. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  349. package/es/components/NumberInput/variations/_segmentation/base.js +0 -5
  350. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  351. package/es/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  352. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  353. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  354. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  355. package/es/components/NumberInput/variations/_size/base.js +0 -5
  356. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  357. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  358. package/es/components/NumberInput/variations/_view/base.js +0 -5
  359. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  360. package/es/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  361. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  362. package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  363. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  364. package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  365. package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
  366. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  367. package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  368. package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  369. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -193
  370. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +0 -8
  371. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  372. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  373. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  374. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  375. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  376. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  377. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  378. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -48
  379. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  380. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  381. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
  382. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  383. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  384. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  385. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  386. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  387. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  388. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  389. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  390. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  391. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  392. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  393. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  394. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  395. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  396. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  397. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  398. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  399. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  400. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  401. package/styled-components/es/components/NumberInput/NumberInput.js +0 -185
  402. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  403. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -84
  404. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  405. package/styled-components/es/components/NumberInput/index.js +0 -2
  406. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  407. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  408. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  409. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -198
  410. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -41
  411. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  412. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  413. package/styled-components/es/components/NumberInput/utils/index.js +0 -1
  414. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  415. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  416. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  417. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  418. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  419. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  420. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  421. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  422. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  423. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  424. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  425. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  426. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  427. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  428. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  429. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  430. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  431. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  432. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  433. package/types/components/NumberInput/NumberInput.d.ts +0 -38
  434. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  435. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  436. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  437. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -79
  438. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  439. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  440. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  441. package/types/components/NumberInput/index.d.ts +0 -3
  442. package/types/components/NumberInput/index.d.ts.map +0 -1
  443. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  444. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  445. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  446. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  447. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  448. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  449. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
  450. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  451. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  452. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  453. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
  454. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  455. package/types/components/NumberInput/ui/index.d.ts +0 -3
  456. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  457. package/types/components/NumberInput/utils/index.d.ts +0 -2
  458. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  459. package/types/components/NumberInput/variations/_background-type/base.d.ts +0 -2
  460. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  461. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  462. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  463. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  464. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  465. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  466. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  467. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  468. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  469. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  470. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  471. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
  472. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
  473. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -39
  474. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  475. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -82
  476. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  477. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -39
  478. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  479. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -82
  480. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
  481. /package/cjs/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
  482. /package/es/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
@@ -1,22 +0,0 @@
1
- [
2
- "--plasma-number-input_icon-button_height",
3
- "--plasma-number-input_icon-button_width",
4
- "--plasma-number-input_icon-button_padding",
5
- "--plasma-number-input_icon-button_font-family",
6
- "--plasma-number-input_icon-button_font-size",
7
- "--plasma-number-input_icon-button_font-style",
8
- "--plasma-number-input_icon-button_font-weight",
9
- "--plasma-number-input_icon-button_letter-spacing",
10
- "--plasma-number-input_icon-button_line-height",
11
- "--plasma-number-input_font-family",
12
- "--plasma-number-input_font-style",
13
- "--plasma-number-input_font-size",
14
- "--plasma-number-input_font-weight",
15
- "--plasma-number-input_letter-spacing",
16
- "--plasma-number-input_line-height",
17
- "--plasma-number-input_text-wrapper_height",
18
- "--plasma-number-input_text-wrapper_padding",
19
- "--plasma-number-input_loader-spinner_size",
20
- "--plasma-number-input_text-before_margin-right",
21
- "--plasma-number-input_text-after_margin-left"
22
- ]
@@ -1,7 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../NumberInput.tokens';
3
- import { iconButtonTokens } from '../../../IconButton';
4
- import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
5
- import { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';
6
- import { spinnerTokens } from '../../../Spinner';
7
- export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", ",&.", "{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background-color:var(", ");}}}&& ", "{&.", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", ".", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");animation:shakingError 0.5s forwards;", "{color:var(", ");animation:fadeError 0.5s forwards;}&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}@keyframes shakingError{12.5%{transform:translateX(0.188rem);}25%{transform:translateX(-0.188rem);}37.5%{transform:translateX(0.188rem);}50%{transform:translateX(-0.188rem);}62.5%{transform:translateX(0.188rem);}75%{transform:translateX(-0.188rem);}87.5%{transform:translateX(0.188rem);}100%{transform:translateX(-0.188rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}}", "{", ":var(", ");}", "{color:var(", ");caret-color:var(", ");}", "{color:var(", ");}"], StyledIconButton, iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, classes.actionButtonDecrementDisabled, classes.actionButtonIncrementDisabled, tokens.actionButtonDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, InputWrapper, classes.manualInput, tokens.backgroundColorFocus, tokens.inputWrapperBorderWidth, tokens.borderColorFocus, classes.manualInput, classes.errorAnimation, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, Input, tokens.errorColor, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, StyledSpinner, spinnerTokens.color, tokens.loaderSpinnerColor, Input, tokens.color, tokens.caretColor, AdditionalText, tokens.additionalTextColor);
@@ -1,14 +0,0 @@
1
- [
2
- "--plasma-number-input_icon-button_color",
3
- "--plasma-number-input_icon-button_background-color",
4
- "--plasma-number-input_icon-button_color-hover",
5
- "--plasma-number-input_icon-button_background-color-hover",
6
- "--plasma-number-input_icon-button_color-active",
7
- "--plasma-number-input_icon-button_background-color-active",
8
- "--plasma-number-input_loader-spinner_color",
9
- "--plasma-number-input_color",
10
- "--plasma-number-input_additional-text_color",
11
- "--plasma-number-input_action-button_disabled-opacity",
12
- "--plasma-number-input_background-color-focus",
13
- "--plasma-number-input_border-color-focus"
14
- ]
@@ -1,115 +0,0 @@
1
- var KeyboardSupport = {
2
- PageUp: 33,
3
- PageDown: 34,
4
- End: 35,
5
- Home: 36,
6
- ArrowLeft: 37,
7
- ArrowUp: 38,
8
- ArrowRight: 39,
9
- ArrowDown: 40
10
- };
11
- var ArrowUp = KeyboardSupport.ArrowUp,
12
- ArrowRight = KeyboardSupport.ArrowRight,
13
- ArrowDown = KeyboardSupport.ArrowDown,
14
- ArrowLeft = KeyboardSupport.ArrowLeft,
15
- Home = KeyboardSupport.Home,
16
- End = KeyboardSupport.End,
17
- PageDown = KeyboardSupport.PageDown,
18
- PageUp = KeyboardSupport.PageUp;
19
- var computeVerticalMovement = function computeVerticalMovement(event, _ref) {
20
- var stepSize = _ref.stepSize,
21
- position = _ref.position,
22
- max = _ref.max,
23
- computedMultipleSteps = _ref.computedMultipleSteps;
24
- var keyCode = event.keyCode,
25
- target = event.target;
26
- var data = {
27
- x: 0,
28
- deltaX: 0,
29
- lastX: 0,
30
- y: 0,
31
- deltaY: stepSize,
32
- lastY: position,
33
- node: target
34
- };
35
- switch (keyCode) {
36
- case ArrowUp:
37
- case ArrowRight:
38
- data.y = position - stepSize;
39
- data.deltaY = -stepSize;
40
- break;
41
- case ArrowDown:
42
- case ArrowLeft:
43
- data.y = position + stepSize;
44
- break;
45
- case PageUp:
46
- data.y = position - computedMultipleSteps;
47
- data.deltaY = -computedMultipleSteps;
48
- break;
49
- case PageDown:
50
- data.y = position + computedMultipleSteps;
51
- data.deltaY = computedMultipleSteps;
52
- break;
53
- case End:
54
- data.y = max * stepSize;
55
- break;
56
- case Home:
57
- data.y = 0;
58
- break;
59
- default:
60
- data.y = 0;
61
- }
62
- return data;
63
- };
64
- var computeHorizontalMovement = function computeHorizontalMovement(event, _ref2) {
65
- var stepSize = _ref2.stepSize,
66
- position = _ref2.position,
67
- max = _ref2.max,
68
- computedMultipleSteps = _ref2.computedMultipleSteps;
69
- var keyCode = event.keyCode,
70
- target = event.target;
71
- var data = {
72
- x: 0,
73
- deltaX: stepSize,
74
- lastX: position,
75
- y: 0,
76
- deltaY: 0,
77
- lastY: 0,
78
- node: target
79
- };
80
- switch (keyCode) {
81
- case ArrowUp:
82
- case ArrowRight:
83
- data.x = position + stepSize;
84
- break;
85
- case ArrowDown:
86
- case ArrowLeft:
87
- data.x = position - stepSize;
88
- data.deltaX = -stepSize;
89
- break;
90
- case PageUp:
91
- data.x = position + computedMultipleSteps;
92
- data.deltaX = computedMultipleSteps;
93
- break;
94
- case PageDown:
95
- data.x = position - computedMultipleSteps;
96
- data.deltaX = -computedMultipleSteps;
97
- break;
98
- case End:
99
- data.x = max * stepSize;
100
- break;
101
- case Home:
102
- data.x = 0;
103
- break;
104
- default:
105
- data.x = 0;
106
- }
107
- return data;
108
- };
109
- export var computeKeyPressData = function computeKeyPressData(event, params) {
110
- var keyCode = event.keyCode;
111
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
112
- return null;
113
- }
114
- return params.isVertical ? computeVerticalMovement(event, params) : computeHorizontalMovement(event, params);
115
- };
@@ -1,40 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { numberInputTokens as tokens } from '../../../../components/NumberInput';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'l',
7
- shape: 'cornered',
8
- inputBackgroundType: 'fill'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--on-dark-surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--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(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--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.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(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--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(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--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,8FAuJhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAzJQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLpF,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=NumberInput.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAGhB,CAAC"}
@@ -1,79 +0,0 @@
1
- export declare const classes: {
2
- actionButtonDecrement: string;
3
- actionButtonDecrementDisabled: string;
4
- actionButtonIncrement: string;
5
- actionButtonIncrementDisabled: string;
6
- textBefore: string;
7
- textAfter: string;
8
- solidView: string;
9
- segmentedView: string;
10
- clearView: string;
11
- errorAnimation: string;
12
- disabled: string;
13
- manualInput: string;
14
- };
15
- export declare const privateTokens: {
16
- inputWidth: string;
17
- segmentationBorderRadius: string;
18
- segmentationInputBorderRadius: string;
19
- };
20
- export declare const tokens: {
21
- rootMinWidth: string;
22
- disabledOpacity: string;
23
- iconButtonColor: string;
24
- iconButtonBackgroundColor: string;
25
- iconButtonColorHover: string;
26
- iconButtonColorSolidHover: string;
27
- iconButtonBackgroundColorHover: string;
28
- iconButtonColorActive: string;
29
- iconButtonColorSolidActive: string;
30
- iconButtonBackgroundColorActive: string;
31
- actionButtonDisabledOpacity: string;
32
- iconButtonHeight: string;
33
- iconButtonWidth: string;
34
- iconButtonPadding: string;
35
- iconButtonRadius: string;
36
- iconButtonSegmentationRadius: string;
37
- iconButtonFontFamily: string;
38
- iconButtonFontSize: string;
39
- iconButtonFontStyle: string;
40
- iconButtonFontWeight: string;
41
- iconButtonLetterSpacing: string;
42
- iconButtonLineHeight: string;
43
- inputWrapperBorderWidth: string;
44
- inputWrapperMargin: string;
45
- inputWrapperBorderRadius: string;
46
- textWrapperHeight: string;
47
- textWrapperPadding: string;
48
- fontFamily: string;
49
- fontStyle: string;
50
- fontSize: string;
51
- fontWeight: string;
52
- letterSpacing: string;
53
- lineHeight: string;
54
- textBeforeMarginRight: string;
55
- textAfterMarginLeft: string;
56
- caretColor: string;
57
- caretColorSolid: string;
58
- color: string;
59
- colorSolid: string;
60
- backgroundColor: string;
61
- backgroundColorHover: string;
62
- backgroundColorFocus: string;
63
- backgroundColorSolidFocus: string;
64
- backgroundColorSolid: string;
65
- borderColor: string;
66
- borderColorHover: string;
67
- borderColorFocus: string;
68
- borderColorSolidFocus: string;
69
- borderColorSolid: string;
70
- additionalTextColor: string;
71
- additionalTextColorSolid: string;
72
- errorColor: string;
73
- backgroundErrorColor: string;
74
- borderErrorColor: string;
75
- loaderSpinnerSize: string;
76
- loaderSpinnerColor: string;
77
- loaderSpinnerColorSolid: string;
78
- };
79
- //# sourceMappingURL=NumberInput.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyElB,CAAC"}