@salutejs/plasma-new-hope 0.174.0-canary.1511.11518967304.0 → 0.174.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (373) hide show
  1. package/cjs/components/Drawer/Drawer.js +2 -1
  2. package/cjs/components/Drawer/Drawer.js.map +1 -1
  3. package/cjs/components/ViewContainer/ViewContainer.js +38 -0
  4. package/cjs/components/ViewContainer/ViewContainer.js.map +1 -0
  5. package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
  6. package/cjs/components/{NumberInput/variations → ViewContainer}/_view/base.js +2 -2
  7. package/cjs/components/ViewContainer/_view/base.js.map +1 -0
  8. package/cjs/index.css +1 -24
  9. package/cjs/index.js +3 -6
  10. package/cjs/index.js.map +1 -1
  11. package/emotion/cjs/components/Drawer/Drawer.js +4 -3
  12. package/emotion/cjs/components/ViewContainer/ViewContainer.js +49 -0
  13. package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  14. package/emotion/cjs/components/ViewContainer/_view/base.js +8 -0
  15. package/emotion/cjs/components/ViewContainer/_view/tokens.json +1 -0
  16. package/emotion/cjs/components/ViewContainer/index.js +18 -0
  17. package/emotion/cjs/examples/_helpers.js +3 -14
  18. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
  19. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
  20. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  21. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
  22. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
  23. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  24. package/emotion/cjs/index.js +4 -4
  25. package/emotion/es/components/Drawer/Drawer.js +2 -1
  26. package/emotion/es/components/ViewContainer/ViewContainer.js +40 -0
  27. package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  28. package/emotion/es/components/ViewContainer/_view/base.js +2 -0
  29. package/emotion/es/components/ViewContainer/_view/tokens.json +1 -0
  30. package/emotion/es/components/ViewContainer/index.js +1 -0
  31. package/emotion/es/examples/_helpers.js +3 -14
  32. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
  33. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
  34. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  35. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
  36. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
  37. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  38. package/emotion/es/index.js +1 -1
  39. package/es/components/Drawer/Drawer.js +2 -1
  40. package/es/components/Drawer/Drawer.js.map +1 -1
  41. package/es/components/ViewContainer/ViewContainer.js +33 -0
  42. package/es/components/ViewContainer/ViewContainer.js.map +1 -0
  43. package/es/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
  44. package/es/components/{NumberInput/variations/_segmentation → ViewContainer/_view}/base.js +2 -2
  45. package/es/components/ViewContainer/_view/base.js.map +1 -0
  46. package/es/index.css +1 -24
  47. package/es/index.js +1 -2
  48. package/es/index.js.map +1 -1
  49. package/package.json +3 -2
  50. package/styled-components/cjs/components/Drawer/Drawer.js +4 -3
  51. package/styled-components/cjs/components/ViewContainer/ViewContainer.js +40 -0
  52. package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  53. package/styled-components/cjs/components/{NumberInput/NumberInput.styles.js → ViewContainer/_view/base.js} +1 -1
  54. package/styled-components/cjs/components/ViewContainer/_view/tokens.json +1 -0
  55. package/styled-components/cjs/components/ViewContainer/index.js +18 -0
  56. package/styled-components/cjs/examples/_helpers.js +3 -14
  57. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
  58. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
  59. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  60. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
  61. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
  62. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  63. package/styled-components/cjs/index.js +4 -4
  64. package/styled-components/es/components/Drawer/Drawer.js +2 -1
  65. package/styled-components/es/components/ViewContainer/ViewContainer.js +31 -0
  66. package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  67. package/styled-components/es/components/ViewContainer/_view/base.js +2 -0
  68. package/styled-components/es/components/ViewContainer/_view/tokens.json +1 -0
  69. package/styled-components/es/components/ViewContainer/index.js +1 -0
  70. package/styled-components/es/examples/_helpers.js +3 -14
  71. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
  72. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
  73. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  74. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
  75. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
  76. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  77. package/styled-components/es/index.js +1 -1
  78. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  79. package/types/components/ViewContainer/ViewContainer.d.ts +26 -0
  80. package/types/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  81. package/types/components/ViewContainer/_view/base.d.ts.map +1 -0
  82. package/types/components/ViewContainer/index.d.ts +2 -0
  83. package/types/components/ViewContainer/index.d.ts.map +1 -0
  84. package/types/examples/_helpers.d.ts.map +1 -1
  85. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +9 -0
  86. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
  87. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +8 -0
  88. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  89. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +9 -0
  90. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
  91. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +8 -0
  92. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  93. package/types/index.d.ts +1 -1
  94. package/types/index.d.ts.map +1 -1
  95. package/cjs/components/NumberInput/NumberInput.css +0 -54
  96. package/cjs/components/NumberInput/NumberInput.js +0 -188
  97. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  98. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  99. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  100. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  101. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  102. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  103. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  104. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  105. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  106. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  107. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  108. package/cjs/components/NumberInput/ui/Input/Input.js +0 -190
  109. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  110. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  111. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  112. package/cjs/components/NumberInput/ui/Input/Input.styles_jszc0c.css +0 -8
  113. package/cjs/components/NumberInput/utils/index.js +0 -8
  114. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  115. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  116. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  117. package/cjs/components/NumberInput/variations/_background-type/base_1jmdljr.css +0 -1
  118. package/cjs/components/NumberInput/variations/_clear/base.js +0 -9
  119. package/cjs/components/NumberInput/variations/_clear/base.js.map +0 -1
  120. package/cjs/components/NumberInput/variations/_clear/base_3l8dqb.css +0 -1
  121. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  122. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  123. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  124. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  125. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  126. package/cjs/components/NumberInput/variations/_segmentation/base_nl8ve.css +0 -1
  127. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  128. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  129. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  130. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  131. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  132. package/cjs/components/NumberInput/variations/_size/base_1pju5qf.css +0 -1
  133. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  134. package/cjs/components/NumberInput/variations/_view/base_cghr9q.css +0 -1
  135. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -198
  136. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  137. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -87
  138. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  139. package/emotion/cjs/components/NumberInput/index.js +0 -31
  140. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  141. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  142. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  143. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -198
  144. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -82
  145. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  146. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  147. package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
  148. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  149. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  150. package/emotion/cjs/components/NumberInput/variations/_clear/base.js +0 -12
  151. package/emotion/cjs/components/NumberInput/variations/_clear/tokens.json +0 -5
  152. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  153. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  154. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  155. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  156. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  157. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  158. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  159. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  160. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  161. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  162. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -48
  163. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  164. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
  165. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -48
  166. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  167. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
  168. package/emotion/cjs/examples/themes/declaration.d.ts +0 -4
  169. package/emotion/cjs/examples/themes/index.js +0 -15
  170. package/emotion/cjs/examples/themes/plasma_b2c.module.css +0 -984
  171. package/emotion/cjs/examples/themes/plasma_web.module.css +0 -984
  172. package/emotion/es/components/NumberInput/NumberInput.js +0 -190
  173. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  174. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -81
  175. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  176. package/emotion/es/components/NumberInput/index.js +0 -2
  177. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  178. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  179. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  180. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -189
  181. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -75
  182. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  183. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  184. package/emotion/es/components/NumberInput/utils/index.js +0 -1
  185. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  186. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  187. package/emotion/es/components/NumberInput/variations/_clear/base.js +0 -6
  188. package/emotion/es/components/NumberInput/variations/_clear/tokens.json +0 -5
  189. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  190. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  191. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  192. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  193. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  194. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  195. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  196. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  197. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  198. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  199. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -42
  200. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  201. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
  202. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -42
  203. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  204. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
  205. package/emotion/es/examples/themes/declaration.d.ts +0 -4
  206. package/emotion/es/examples/themes/index.js +0 -7
  207. package/emotion/es/examples/themes/plasma_b2c.module.css +0 -984
  208. package/emotion/es/examples/themes/plasma_web.module.css +0 -984
  209. package/es/components/NumberInput/NumberInput.css +0 -54
  210. package/es/components/NumberInput/NumberInput.js +0 -183
  211. package/es/components/NumberInput/NumberInput.js.map +0 -1
  212. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  213. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  214. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  215. package/es/components/NumberInput/NumberInput.tokens.js +0 -84
  216. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  217. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  218. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  219. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  220. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  221. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  222. package/es/components/NumberInput/ui/Input/Input.js +0 -186
  223. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  224. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  225. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  226. package/es/components/NumberInput/ui/Input/Input.styles_jszc0c.css +0 -8
  227. package/es/components/NumberInput/utils/index.js +0 -4
  228. package/es/components/NumberInput/utils/index.js.map +0 -1
  229. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  230. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  231. package/es/components/NumberInput/variations/_background-type/base_1jmdljr.css +0 -1
  232. package/es/components/NumberInput/variations/_clear/base.js +0 -5
  233. package/es/components/NumberInput/variations/_clear/base.js.map +0 -1
  234. package/es/components/NumberInput/variations/_clear/base_3l8dqb.css +0 -1
  235. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  236. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  237. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  238. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  239. package/es/components/NumberInput/variations/_segmentation/base_nl8ve.css +0 -1
  240. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  241. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  242. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  243. package/es/components/NumberInput/variations/_size/base.js +0 -5
  244. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  245. package/es/components/NumberInput/variations/_size/base_1pju5qf.css +0 -1
  246. package/es/components/NumberInput/variations/_view/base.js +0 -5
  247. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  248. package/es/components/NumberInput/variations/_view/base_cghr9q.css +0 -1
  249. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -198
  250. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -87
  251. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  252. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  253. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  254. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  255. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  256. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -198
  257. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -49
  258. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  259. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  260. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
  261. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  262. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  263. package/styled-components/cjs/components/NumberInput/variations/_clear/base.js +0 -12
  264. package/styled-components/cjs/components/NumberInput/variations/_clear/tokens.json +0 -5
  265. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  266. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  267. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  268. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  269. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  270. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  271. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  272. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  273. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  274. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  275. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -48
  276. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  277. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
  278. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -48
  279. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  280. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
  281. package/styled-components/cjs/examples/themes/declaration.d.ts +0 -4
  282. package/styled-components/cjs/examples/themes/index.js +0 -15
  283. package/styled-components/cjs/examples/themes/plasma_b2c.module.css +0 -984
  284. package/styled-components/cjs/examples/themes/plasma_web.module.css +0 -984
  285. package/styled-components/es/components/NumberInput/NumberInput.js +0 -190
  286. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  287. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -81
  288. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  289. package/styled-components/es/components/NumberInput/index.js +0 -2
  290. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  291. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  292. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  293. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -189
  294. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -42
  295. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  296. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  297. package/styled-components/es/components/NumberInput/utils/index.js +0 -1
  298. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  299. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  300. package/styled-components/es/components/NumberInput/variations/_clear/base.js +0 -6
  301. package/styled-components/es/components/NumberInput/variations/_clear/tokens.json +0 -5
  302. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  303. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  304. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  305. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  306. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  307. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  308. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  309. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  310. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  311. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  312. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -42
  313. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  314. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -109
  315. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -42
  316. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  317. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -109
  318. package/styled-components/es/examples/themes/declaration.d.ts +0 -4
  319. package/styled-components/es/examples/themes/index.js +0 -7
  320. package/styled-components/es/examples/themes/plasma_b2c.module.css +0 -984
  321. package/styled-components/es/examples/themes/plasma_web.module.css +0 -984
  322. package/types/components/NumberInput/NumberInput.d.ts +0 -42
  323. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  324. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  325. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  326. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -76
  327. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  328. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  329. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  330. package/types/components/NumberInput/index.d.ts +0 -3
  331. package/types/components/NumberInput/index.d.ts.map +0 -1
  332. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  333. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  334. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  335. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  336. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  337. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  338. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
  339. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  340. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  341. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  342. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
  343. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  344. package/types/components/NumberInput/ui/index.d.ts +0 -3
  345. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  346. package/types/components/NumberInput/utils/index.d.ts +0 -2
  347. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  348. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  349. package/types/components/NumberInput/variations/_clear/base.d.ts +0 -2
  350. package/types/components/NumberInput/variations/_clear/base.d.ts.map +0 -1
  351. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  352. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  353. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  354. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  355. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  356. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  357. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  358. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  359. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  360. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  361. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -41
  362. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  363. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -84
  364. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  365. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -41
  366. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  367. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -84
  368. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
  369. package/types/examples/themes/index.d.ts +0 -6
  370. package/types/examples/themes/index.d.ts.map +0 -1
  371. /package/cjs/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → ViewContainer/_view/base_x642ct.css} +0 -0
  372. /package/es/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → ViewContainer/_view/base_x642ct.css} +0 -0
  373. /package/types/components/{NumberInput/variations/_background-type → ViewContainer/_view}/base.d.ts +0 -0
@@ -1,7 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.numberPettern = void 0;
7
- var numberPettern = exports.numberPettern = /^(-)?\d+(\.\d+)?$/;
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");&:hover{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}"], _Input.InputWrapper, _NumberInput.tokens.backgroundColor, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColor, _NumberInput.tokens.backgroundColorHover, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorHover);
@@ -1,6 +0,0 @@
1
- [
2
- "--plasma-number-input_background-color",
3
- "--plasma-number-input_background-color-hover",
4
- "--plasma-number-input_border-color",
5
- "--plasma-number-input_border-color-hover"
6
- ]
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _IconButton = /*#__PURE__*/require("../../../IconButton");
10
- var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
11
- var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
12
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{background:transparent;", "{", ":var(", ");", ":transparent;", ":var(", ");", ":transparent;", ":var(", ");", ":transparent;:hover,:active{color:var(", ");background-color:transparent;}&.", ",&.", "{:hover,:active{color:var(", ");background-color:transparent;}}}&& ", "{background-color:transparent;box-shadow:transparent;&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}", "{caret-color:var(", ");&:not(.", "){color:var(", ");}}", "{color:var(", ");}}"], _NumberInput.classes.clearView, _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonColor, _NumberInput.tokens.iconButtonColorClear, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _NumberInput.tokens.iconButtonColorClear, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _NumberInput.tokens.iconButtonColorClear, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _NumberInput.tokens.iconButtonColorClear, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.tokens.iconButtonColorClear, _Input.InputWrapper, _NumberInput.tokens.backgroundColorFocus, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorFocus, _Input.Input, _NumberInput.tokens.caretColor, _NumberInput.classes.errorAnimation, _NumberInput.tokens.colorClear, _Input.AdditionalText, _NumberInput.tokens.additionalTextColorClear);
@@ -1,5 +0,0 @@
1
- [
2
- "--plasma-number-input_icon-button_color-clear",
3
- "--plasma-number-input_color-clear",
4
- "--plasma-number-input_additional-text_color-clear"
5
- ]
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{pointer-events:none;opacity:var(", ");cursor:not-allowed;}"], _NumberInput.classes.disabled, _NumberInput.tokens.disabledOpacity);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-number-input_disabled-opacity"]
4
- }
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
10
- var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
11
- var _Spinner = /*#__PURE__*/require("../../../Spinner");
12
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{", ":var(", ");&.", ",&.", "{", ":var(", ",var(", "));}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}&.", "{background:transparent;:hover{background-color:var(", ");}:active{background-color:var(", ");}&.", ",&.", "{:hover,:active{background-color:transparent;}}}&.", "{&.", ",&.", "{opacity:1;svg{opacity:var(", ");}:hover,:active{svg{opacity:var(", ");}}}}}&.", "{background:var(", ");border-radius:var(", ");", "{position:relative;color:var(", ");&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}", "{", ":var(", ");}", "{caret-color:var(", ",var(", "));&:not(.", "){color:var(", ");}}", "{color:var(", ");}}"], _ActionButton.StyledIconButton, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.segmentedView, _NumberInput.classes.solidView, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonSegmentationRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.actionButtonDecrement, _NumberInput.tokens.iconButtonRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.actionButtonIncrement, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.classes.solidView, _NumberInput.tokens.iconButtonBackgroundColorHover, _NumberInput.tokens.iconButtonBackgroundColorActive, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.classes.solidView, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.tokens.actionButtonDisabledOpacity, _NumberInput.tokens.actionButtonDisabledOpacity, _NumberInput.classes.solidView, _NumberInput.tokens.backgroundColorSolid, _NumberInput.tokens.iconButtonRadius, _Input.InputWrapper, _NumberInput.tokens.colorSolid, _NumberInput.tokens.backgroundColorSolidFocus, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorSolidFocus, _Input.StyledSpinner, _Spinner.spinnerTokens.color, _NumberInput.tokens.loaderSpinnerColorSolid, _Input.Input, _NumberInput.tokens.caretColorSolid, _NumberInput.tokens.caretColor, _NumberInput.classes.errorAnimation, _NumberInput.tokens.colorSolid, _Input.AdditionalText, _NumberInput.tokens.additionalTextColorSolid);
@@ -1 +0,0 @@
1
- ["--plasma-number-input_icon-button_segmentation_radius", "--plasma-number-input_background-color-solid"]
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _IconButton = /*#__PURE__*/require("../../../IconButton");
10
- var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
11
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{", ":var(", ");}"], _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonRadius, _NumberInput.tokens.iconButtonRadius);
@@ -1 +0,0 @@
1
- ["--plasma-number-input_icon-button_radius"]
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _IconButton = /*#__PURE__*/require("../../../IconButton");
10
- var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
11
- var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
12
- var _Spinner = /*#__PURE__*/require("../../../Spinner");
13
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");min-width:var(", ");", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}", "{margin:var(", ");border-radius:var(", ");}", "{height:var(", ");padding:var(", ");}", ",", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{&.", "{margin-right:var(", ");}&.", "{margin-left:var(", ");}}", "{", ":var(", ");}"], _NumberInput.privateTokens.inputWidth, _NumberInput.tokens.rootMinWidth, _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonHeight, _NumberInput.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _NumberInput.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _NumberInput.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonFontFamily, _NumberInput.tokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _NumberInput.tokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _NumberInput.tokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _NumberInput.tokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _NumberInput.tokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _NumberInput.tokens.iconButtonLineHeight, _Input.InputWrapper, _NumberInput.tokens.inputWrapperMargin, _NumberInput.tokens.inputWrapperBorderRadius, _Input.TextWrapper, _NumberInput.tokens.textWrapperHeight, _NumberInput.tokens.textWrapperPadding, _Input.DynamicInput, _Input.Input, _Input.AdditionalText, _NumberInput.tokens.fontFamily, _NumberInput.tokens.fontSize, _NumberInput.tokens.fontStyle, _NumberInput.tokens.fontWeight, _NumberInput.tokens.letterSpacing, _NumberInput.tokens.lineHeight, _Input.AdditionalText, _NumberInput.classes.textBefore, _NumberInput.tokens.textBeforeMarginRight, _NumberInput.classes.textAfter, _NumberInput.tokens.textAfterMarginLeft, _Input.StyledSpinner, _Spinner.spinnerTokens.size, _NumberInput.tokens.loaderSpinnerSize);
@@ -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,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
9
- var _IconButton = /*#__PURE__*/require("../../../IconButton");
10
- var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
11
- var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
12
- var _Spinner = /*#__PURE__*/require("../../../Spinner");
13
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.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(", ");}}", "{", ":var(", ");}", "{color:var(", ");caret-color:var(", ");}", "{color:var(", ");}"], _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonColor, _NumberInput.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _NumberInput.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _NumberInput.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _NumberInput.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _NumberInput.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _NumberInput.tokens.iconButtonBackgroundColorActive, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.tokens.actionButtonDisabledOpacity, _NumberInput.tokens.iconButtonColor, _NumberInput.tokens.iconButtonBackgroundColor, _Input.InputWrapper, _NumberInput.tokens.backgroundColorFocus, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorFocus, _Input.StyledSpinner, _Spinner.spinnerTokens.color, _NumberInput.tokens.loaderSpinnerColor, _Input.Input, _NumberInput.tokens.color, _NumberInput.tokens.caretColor, _Input.AdditionalText, _NumberInput.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,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'l',
13
- shape: 'cornered',
14
- inputBackgroundType: 'fill'
15
- },
16
- variations: {
17
- view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--on-dark-surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
19
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
20
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid)
21
- },
22
- size: {
23
- l: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
24
- m: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
25
- s: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
26
- xs: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize)
27
- },
28
- shape: {
29
- cornered: /*#__PURE__*/(0, _styledComponents.css)([""]),
30
- pilled: /*#__PURE__*/(0, _styledComponents.css)(["", ":50%;"], _NumberInput.numberInputTokens.iconButtonRadius)
31
- },
32
- inputBackgroundType: {
33
- fill: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary);"], _NumberInput.numberInputTokens.backgroundColor, _NumberInput.numberInputTokens.backgroundColorHover),
34
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":transparent;"], _NumberInput.numberInputTokens.backgroundColor, _NumberInput.numberInputTokens.backgroundColorHover)
35
- },
36
- segmentation: {
37
- "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
38
- segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
39
- solid: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _NumberInput.numberInputTokens.iconButtonSegmentationRadius)
40
- },
41
- clear: {
42
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);"], _NumberInput.numberInputTokens.colorClear, _NumberInput.numberInputTokens.iconButtonColorClear, _NumberInput.numberInputTokens.additionalTextColorClear)
43
- },
44
- disabled: {
45
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _NumberInput.numberInputTokens.disabledOpacity)
46
- }
47
- }
48
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NumberInput = void 0;
7
- var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
11
- var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,109 +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'];
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
- clear: false,
98
- min: 0,
99
- max: 9,
100
- step: 1,
101
- width: 188,
102
- isManualInput: false,
103
- textBefore: '',
104
- textAfter: '',
105
- isLoading: false,
106
- disabled: false,
107
- },
108
- render: StoryDefault,
109
- };
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'l',
13
- shape: 'cornered',
14
- inputBackgroundType: 'fill'
15
- },
16
- variations: {
17
- view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
19
- secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
20
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid)
21
- },
22
- size: {
23
- l: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
24
- m: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
25
- s: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
26
- xs: /*#__PURE__*/(0, _styledComponents.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;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize)
27
- },
28
- shape: {
29
- cornered: /*#__PURE__*/(0, _styledComponents.css)([""]),
30
- pilled: /*#__PURE__*/(0, _styledComponents.css)(["", ":50%;"], _NumberInput.numberInputTokens.iconButtonRadius)
31
- },
32
- inputBackgroundType: {
33
- fill: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover),
34
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":transparent;"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover)
35
- },
36
- segmentation: {
37
- "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
38
- segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
39
- solid: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _NumberInput.numberInputTokens.iconButtonSegmentationRadius)
40
- },
41
- clear: {
42
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);"], _NumberInput.numberInputTokens.colorClear, _NumberInput.numberInputTokens.iconButtonColorClear, _NumberInput.numberInputTokens.additionalTextColorClear)
43
- },
44
- disabled: {
45
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _NumberInput.numberInputTokens.disabledOpacity)
46
- }
47
- }
48
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NumberInput = void 0;
7
- var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
11
- var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,109 +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'];
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
- clear: false,
98
- min: 0,
99
- max: 9,
100
- step: 1,
101
- width: 188,
102
- isManualInput: false,
103
- textBefore: '',
104
- textAfter: '',
105
- isLoading: false,
106
- disabled: false,
107
- },
108
- render: StoryDefault,
109
- };
@@ -1,4 +0,0 @@
1
- declare module '*.css' {
2
- const content: { light: string; dark: string };
3
- export default content;
4
- }
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.themes = void 0;
7
- var _plasma_b2cModule = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("./plasma_b2c.module.css"));
8
- var _plasma_webModule = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("./plasma_web.module.css"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- /* eslint-disable camelcase */
11
-
12
- var themes = exports.themes = {
13
- plasma_b2c: _plasma_b2cModule["default"],
14
- plasma_web: _plasma_webModule["default"]
15
- };