@salutejs/plasma-new-hope 0.78.0-canary.1194.8928682263.0 → 0.78.0-canary.1195.8924860991.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (330) hide show
  1. package/cjs/components/Button/Button.styles.js +1 -0
  2. package/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  4. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  5. package/cjs/components/Drawer/Drawer.js +1 -0
  6. package/cjs/components/Drawer/Drawer.js.map +1 -1
  7. package/cjs/components/IconButton/IconButton.css +24 -0
  8. package/cjs/components/IconButton/IconButton.js +50 -0
  9. package/cjs/components/IconButton/IconButton.js.map +1 -0
  10. package/cjs/components/IconButton/IconButton.styles.js +16 -0
  11. package/cjs/components/IconButton/IconButton.styles.js.map +1 -0
  12. package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  13. package/cjs/components/IconButton/IconButton.tokens.js +32 -0
  14. package/cjs/components/IconButton/IconButton.tokens.js.map +1 -0
  15. package/cjs/components/TextField/TextField.js +2 -6
  16. package/cjs/components/TextField/TextField.js.map +1 -1
  17. package/cjs/index.css +2 -25
  18. package/cjs/index.js +5 -14
  19. package/cjs/index.js.map +1 -1
  20. package/cjs/utils/index.js.map +1 -1
  21. package/es/components/Button/Button.styles.js +1 -0
  22. package/es/components/Button/Button.styles.js.map +1 -1
  23. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  24. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  25. package/es/components/Drawer/Drawer.js +1 -0
  26. package/es/components/Drawer/Drawer.js.map +1 -1
  27. package/es/components/IconButton/IconButton.css +24 -0
  28. package/es/components/IconButton/IconButton.js +45 -0
  29. package/es/components/IconButton/IconButton.js.map +1 -0
  30. package/es/components/IconButton/IconButton.styles.js +12 -0
  31. package/es/components/IconButton/IconButton.styles.js.map +1 -0
  32. package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  33. package/es/components/IconButton/IconButton.tokens.js +28 -0
  34. package/es/components/IconButton/IconButton.tokens.js.map +1 -0
  35. package/es/components/TextField/TextField.js +2 -6
  36. package/es/components/TextField/TextField.js.map +1 -1
  37. package/es/index.css +2 -25
  38. package/es/index.js +2 -8
  39. package/es/index.js.map +1 -1
  40. package/es/utils/index.js.map +1 -1
  41. package/package.json +2 -4
  42. package/styled-components/cjs/components/Button/Button.styles.js +10 -2
  43. package/styled-components/cjs/components/IconButton/IconButton.js +47 -0
  44. package/styled-components/cjs/components/IconButton/IconButton.styles.js +12 -0
  45. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +31 -0
  46. package/styled-components/cjs/components/IconButton/index.js +25 -0
  47. package/styled-components/cjs/components/TextField/TextField.js +2 -6
  48. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +46 -0
  49. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +11 -0
  50. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
  51. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +46 -0
  52. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +11 -0
  53. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
  54. package/styled-components/cjs/hooks/index.js +1 -8
  55. package/styled-components/cjs/index.js +11 -11
  56. package/styled-components/cjs/utils/index.js +0 -7
  57. package/styled-components/es/components/Button/Button.styles.js +10 -2
  58. package/styled-components/es/components/IconButton/IconButton.js +41 -0
  59. package/styled-components/es/components/IconButton/IconButton.styles.js +6 -0
  60. package/styled-components/es/components/IconButton/IconButton.tokens.js +25 -0
  61. package/styled-components/es/components/IconButton/index.js +2 -0
  62. package/styled-components/es/components/TextField/TextField.js +2 -6
  63. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +40 -0
  64. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +5 -0
  65. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
  66. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +40 -0
  67. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +5 -0
  68. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
  69. package/styled-components/es/hooks/index.js +1 -2
  70. package/styled-components/es/index.js +2 -2
  71. package/styled-components/es/utils/index.js +0 -1
  72. package/types/components/Button/Button.styles.d.ts +1 -0
  73. package/types/components/Button/Button.styles.d.ts.map +1 -1
  74. package/types/components/IconButton/IconButton.d.ts +35 -0
  75. package/types/components/IconButton/IconButton.d.ts.map +1 -0
  76. package/types/components/IconButton/IconButton.styles.d.ts +3 -0
  77. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -0
  78. package/types/components/IconButton/IconButton.tokens.d.ts +26 -0
  79. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -0
  80. package/types/components/IconButton/index.d.ts +3 -0
  81. package/types/components/IconButton/index.d.ts.map +1 -0
  82. package/types/components/TextField/TextField.d.ts.map +1 -1
  83. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +39 -0
  84. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -0
  85. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +33 -0
  86. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -0
  87. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +39 -0
  88. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -0
  89. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +33 -0
  90. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -0
  91. package/types/hooks/index.d.ts +0 -1
  92. package/types/hooks/index.d.ts.map +1 -1
  93. package/types/index.d.ts +1 -1
  94. package/types/index.d.ts.map +1 -1
  95. package/types/utils/index.d.ts +0 -1
  96. package/types/utils/index.d.ts.map +1 -1
  97. package/cjs/components/Slider/Slider.css +0 -69
  98. package/cjs/components/Slider/Slider.js +0 -58
  99. package/cjs/components/Slider/Slider.js.map +0 -1
  100. package/cjs/components/Slider/Slider.tokens.js +0 -79
  101. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  102. package/cjs/components/Slider/components/Double/Double.css +0 -62
  103. package/cjs/components/Slider/components/Double/Double.js +0 -274
  104. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  105. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  106. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  107. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  108. package/cjs/components/Slider/components/Single/Single.css +0 -16
  109. package/cjs/components/Slider/components/Single/Single.js +0 -160
  110. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  111. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  112. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  113. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  114. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  115. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  116. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  117. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  118. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  119. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  120. package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
  121. package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
  122. package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
  123. package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
  124. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  125. package/cjs/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
  126. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  127. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  128. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  129. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  130. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  131. package/cjs/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
  132. package/cjs/components/Slider/utils/index.js +0 -56
  133. package/cjs/components/Slider/utils/index.js.map +0 -1
  134. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  135. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  136. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  137. package/cjs/components/Slider/variations/_size/base.js +0 -9
  138. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  139. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  140. package/cjs/components/Slider/variations/_view/base.js +0 -9
  141. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  142. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  143. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  144. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  145. package/cjs/utils/canUseDOM.js +0 -12
  146. package/cjs/utils/canUseDOM.js.map +0 -1
  147. package/es/components/Slider/Slider.css +0 -69
  148. package/es/components/Slider/Slider.js +0 -53
  149. package/es/components/Slider/Slider.js.map +0 -1
  150. package/es/components/Slider/Slider.tokens.js +0 -74
  151. package/es/components/Slider/Slider.tokens.js.map +0 -1
  152. package/es/components/Slider/components/Double/Double.css +0 -62
  153. package/es/components/Slider/components/Double/Double.js +0 -270
  154. package/es/components/Slider/components/Double/Double.js.map +0 -1
  155. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  156. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  157. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  158. package/es/components/Slider/components/Single/Single.css +0 -16
  159. package/es/components/Slider/components/Single/Single.js +0 -156
  160. package/es/components/Slider/components/Single/Single.js.map +0 -1
  161. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  162. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  163. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  164. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  165. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  166. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  167. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  168. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  169. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  170. package/es/components/Slider/ui/Handle/Handle.css +0 -4
  171. package/es/components/Slider/ui/Handle/Handle.js +0 -170
  172. package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
  173. package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
  174. package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  175. package/es/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
  176. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  177. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  178. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  179. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  180. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  181. package/es/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
  182. package/es/components/Slider/utils/index.js +0 -50
  183. package/es/components/Slider/utils/index.js.map +0 -1
  184. package/es/components/Slider/variations/_disabled/base.js +0 -5
  185. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  186. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  187. package/es/components/Slider/variations/_size/base.js +0 -5
  188. package/es/components/Slider/variations/_size/base.js.map +0 -1
  189. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  190. package/es/components/Slider/variations/_view/base.js +0 -5
  191. package/es/components/Slider/variations/_view/base.js.map +0 -1
  192. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  193. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  194. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  195. package/es/utils/canUseDOM.js +0 -8
  196. package/es/utils/canUseDOM.js.map +0 -1
  197. package/styled-components/cjs/components/Slider/Slider.js +0 -57
  198. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  199. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  200. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
  201. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  202. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  203. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
  204. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  205. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  206. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  207. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  208. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  209. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  210. package/styled-components/cjs/components/Slider/index.js +0 -32
  211. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
  212. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
  213. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
  214. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  215. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -12
  216. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  217. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  218. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  219. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  220. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  221. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  222. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  223. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  224. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  225. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  226. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -11
  227. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
  228. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  229. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -11
  230. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
  231. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  232. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  233. package/styled-components/es/components/Slider/Slider.js +0 -48
  234. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  235. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  236. package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
  237. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  238. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  239. package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
  240. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  241. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  242. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  243. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  244. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  245. package/styled-components/es/components/Slider/components/index.js +0 -3
  246. package/styled-components/es/components/Slider/index.js +0 -3
  247. package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
  248. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
  249. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
  250. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  251. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -5
  252. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  253. package/styled-components/es/components/Slider/ui/index.js +0 -5
  254. package/styled-components/es/components/Slider/utils/index.js +0 -47
  255. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  256. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  257. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  258. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  259. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  260. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  261. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  262. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -5
  263. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
  264. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  265. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -5
  266. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
  267. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  268. package/styled-components/es/utils/canUseDOM.js +0 -5
  269. package/types/components/Slider/Slider.d.ts +0 -31
  270. package/types/components/Slider/Slider.d.ts.map +0 -1
  271. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  272. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  273. package/types/components/Slider/Slider.types.d.ts +0 -3
  274. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  275. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  276. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  277. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  278. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  279. package/types/components/Slider/components/Double/Double.types.d.ts +0 -60
  280. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  281. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  282. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  283. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  284. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  285. package/types/components/Slider/components/Single/Single.types.d.ts +0 -62
  286. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  287. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  288. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  289. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  290. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  291. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  292. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  293. package/types/components/Slider/components/index.d.ts +0 -6
  294. package/types/components/Slider/components/index.d.ts.map +0 -1
  295. package/types/components/Slider/index.d.ts +0 -6
  296. package/types/components/Slider/index.d.ts.map +0 -1
  297. package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
  298. package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
  299. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
  300. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
  301. package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
  302. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
  303. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  304. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  305. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  306. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  307. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  308. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  309. package/types/components/Slider/ui/index.d.ts +0 -6
  310. package/types/components/Slider/ui/index.d.ts.map +0 -1
  311. package/types/components/Slider/utils/index.d.ts +0 -33
  312. package/types/components/Slider/utils/index.d.ts.map +0 -1
  313. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  314. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  315. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  316. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  317. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  318. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  319. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  320. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  321. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -17
  322. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  323. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  324. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  325. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -17
  326. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  327. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  328. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  329. package/types/utils/canUseDOM.d.ts +0 -6
  330. package/types/utils/canUseDOM.d.ts.map +0 -1
package/es/index.css CHANGED
@@ -14,6 +14,8 @@
14
14
  .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
15
15
  .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
16
 
17
+ .IconButton_styles_1hknr37_b1ua728l__f14249fc{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_1hknr37_b1ua728l__f14249fc{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonSquare__f14249fc{width:var(--plasma-button-height);padding:0;}.IconButton_styles_1hknr37_b1ua728l__f14249fc:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:focus{outline:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_focusVisible__f14249fc:focus::before,.IconButton_styles_1hknr37_b1ua728l__f14249fc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:hover,.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFixed__f14249fc{width:var(--plasma-button-width);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFilled__f14249fc{width:100%;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingAuto__f14249fc{width:auto;}
18
+
17
19
  .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
18
20
 
19
21
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
@@ -517,28 +519,3 @@
517
519
  .Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
518
520
 
519
521
  .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
520
-
521
- .SliderBase_styles_7is2ll_s33crq1__0c0959e2{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
522
- .SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
523
- .SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
524
- .SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
525
-
526
- .Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
527
-
528
- .Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
529
- .Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
530
- .Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
531
- .Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
532
-
533
- .Double_styles_1jhda4u_lcs82cd__5dc981f4{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
534
-
535
- .Double_styles_1jhda4u_l1at2q9b__5dc981f4{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
536
- .Double_styles_1jhda4u_i11dc2og__5dc981f4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
537
- .Double_styles_1jhda4u_s4zvp7i__5dc981f4{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderFirstTextField__5dc981f4 > div{border-top-right-radius:0;border-bottom-right-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderSecondTextField__5dc981f4 > div{border-top-left-radius:0;border-bottom-left-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4 input:focus,.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderTextFieldActive__5dc981f4{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
538
- .Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
539
-
540
-
541
- .Handle_styles_16a5sl_hhwq33d__69fb82a5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
542
- .Handle_styles_16a5sl_shurctf__69fb82a5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
543
-
544
- .Thumb_styles_zwgsh8_tqbdf8b__6eb13971{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-2px;top:-2px;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:2px;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:after{background:var(--plasma-slider-thumb-border-color);margin:-2px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):hover:after,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:focus{outline:none;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]).Thumb_styles_zwgsh8_focusVisible__6eb13971,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled])[data-focus-visible-added]{border-color:var(--plasma-slider-thumb-focus-border-color);}
package/es/index.js CHANGED
@@ -13,10 +13,11 @@ export { useUniqId } from './hooks/useUniqId.js';
13
13
  export { usePreviousValue } from './hooks/usePreviousValue.js';
14
14
  export { useForceUpdate } from './hooks/useForceUpdate.js';
15
15
  export { useDidMountEffect } from './hooks/useDidMountEffect.js';
16
- export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
17
16
  export { composableStyle, cx } from './utils/index.js';
18
17
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
19
18
  export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
19
+ export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
20
+ export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
20
21
  export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
21
22
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
22
23
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
@@ -157,14 +158,7 @@ export { classes as dividerClasses, tokens as dividerTokens } from './components
157
158
  export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
158
159
  export { tokens as toolbarTokens } from './components/Toolbar/Toolbar.tokens.js';
159
160
  export { toolbarDividerConfig, toolbarDividerRoot } from './components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js';
160
- export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
161
- export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
162
- import 'react';
163
- import 'react-draggable';
164
- export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
165
- import '@linaria/react';
166
161
  export { component, mergeConfig } from './engines/common.js';
167
- export { canUseDOM } from './utils/canUseDOM.js';
168
162
  export { extractTextFrom } from './utils/extractTextFrom.js';
169
163
  export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
170
164
  export { IS_REACT_18, safeUseId } from './utils/react.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAQaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.78.0-canary.1194.8928682263.0",
3
+ "version": "0.78.0-canary.1195.8924860991.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -87,7 +87,6 @@
87
87
  "default-browser-id": "2.0.0",
88
88
  "react": "18.2.0",
89
89
  "react-dom": "18.2.0",
90
- "react-draggable": "4.4.3",
91
90
  "rollup": "^3.28.0",
92
91
  "storybook": "7.6.17",
93
92
  "styled-components": "5.3.1",
@@ -100,9 +99,8 @@
100
99
  "@popperjs/core": "2.11.8",
101
100
  "@salutejs/plasma-core": "1.159.0",
102
101
  "focus-visible": "5.2.0",
103
- "react-draggable": "4.4.3",
104
102
  "react-popper": "2.3.0",
105
103
  "storeon": "3.1.5"
106
104
  },
107
- "gitHead": "616a76b0b6ec5b6d8698b135fb7a46759ec99d80"
105
+ "gitHead": "ed82cea053cbdda95006aeda1bbac67fb1cba80f"
108
106
  }
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.base = exports.StyledSpinner = exports.Loader = exports.LoadWrap = exports.ButtonText = void 0;
7
+ exports.baseContent = exports.base = exports.StyledSpinner = exports.Loader = exports.LoadWrap = exports.ButtonText = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
9
  var _mixins = /*#__PURE__*/require("../../mixins");
10
10
  var _engines = /*#__PURE__*/require("../../engines");
@@ -38,4 +38,12 @@ var Loader = exports.Loader = /*#__PURE__*/_styledComponents["default"].div.with
38
38
  })(["position:absolute;"]);
39
39
  var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["default"])(Spinner).withConfig({
40
40
  componentId: "plasma-new-hope__sc-9d9bqj-3"
41
- })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
41
+ })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
42
+
43
+ // INFO: Для возможности переиспользования стилей в других компонентах
44
+ var baseContent = exports.baseContent = /*#__PURE__*/"\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.".concat(String(_Button.classes.buttonSquare), " {\n width: var(").concat(_Button.tokens.buttonHeight, ");\n padding: 0;\n }\n\n color: var(").concat(_Button.tokens.buttonColor, ");\n background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n :hover {\n color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n background-color: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n }\n\n :active {\n color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n background-color: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n }\n\n height: var(").concat(_Button.tokens.buttonHeight, ");\n width: var(").concat(_Button.tokens.buttonWidth, ");\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n line-height: var(").concat(_Button.tokens.buttonLineHeight, ");\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ").concat((0, _mixins.addFocus)({
45
+ outlineOffset: '-0.125rem',
46
+ outlineSize: 'var(--plasma_private-btn-outline-size)',
47
+ outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',
48
+ outlineColor: "var(".concat(_Button.tokens.buttonFocusColor, ")")
49
+ }), "\n\n &[disabled] {\n opacity: var(").concat(_Button.tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(_Button.tokens.buttonColor, ");\n background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n }\n }\n\n &.").concat(_Button.classes.fixedStretching, " {\n width: var(").concat(_Button.tokens.buttonWidth, ");\n }\n &.").concat(_Button.classes.filledStretching, " {\n width: 100%;\n }\n &.").concat(_Button.classes.autoStretching, " {\n width: auto;\n }\n");
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.iconButtonRoot = exports.iconButtonConfig = void 0;
7
+ var _Button = /*#__PURE__*/require("../Button");
8
+ var _base = /*#__PURE__*/require("../Button/variations/_view/base");
9
+ var _base2 = /*#__PURE__*/require("../Button/variations/_size/base");
10
+ var _base3 = /*#__PURE__*/require("../Button/variations/_disabled/base");
11
+ var _base4 = /*#__PURE__*/require("../Button/variations/_focused/base");
12
+ var _base5 = /*#__PURE__*/require("../Button/variations/_blurred/base");
13
+ var _base6 = /*#__PURE__*/require("../Button/variations/_stretching/base");
14
+ var _IconButton = /*#__PURE__*/require("./IconButton.styles");
15
+ var iconButtonRoot = exports.iconButtonRoot = _Button.buttonRoot;
16
+ var iconButtonConfig = exports.iconButtonConfig = {
17
+ name: 'IconButton',
18
+ tag: 'button',
19
+ layout: iconButtonRoot,
20
+ base: _IconButton.base,
21
+ variations: {
22
+ view: {
23
+ css: _base.base
24
+ },
25
+ size: {
26
+ css: _base2.base
27
+ },
28
+ disabled: {
29
+ css: _base3.base,
30
+ attrs: true
31
+ },
32
+ focused: {
33
+ css: _base4.base
34
+ },
35
+ blurred: {
36
+ css: _base5.base
37
+ },
38
+ stretching: {
39
+ css: _base6.base
40
+ }
41
+ },
42
+ defaults: {
43
+ view: 'secondary',
44
+ size: 'm',
45
+ stretching: 'fixed'
46
+ }
47
+ };
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.mappingOverride = exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Button = /*#__PURE__*/require("../Button");
9
+ var _Button2 = /*#__PURE__*/require("../Button/Button.styles");
10
+ var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
11
+ var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
12
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _Button2.baseContent, mappingOverride);
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = void 0;
7
+ var tokens = exports.tokens = {
8
+ iconButtonColor: '--plasma-icon-button-color',
9
+ iconButtonBackgroundColor: '--plasma-icon-button-background-color',
10
+ iconButtonColorHover: '--plasma-icon-button-color-hover',
11
+ iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
12
+ iconButtonColorActive: '--plasma-icon-button-color-active',
13
+ iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
14
+ iconButtonScaleHover: '--plasma-icon-button-scale-hover',
15
+ iconButtonScaleActive: '---plasma-icon-button-scale-active',
16
+ iconButtonHeight: '--plasma-icon-button-height',
17
+ iconButtonWidth: '--plasma-icon-button-width',
18
+ iconButtonPadding: '--plasma-icon-button-padding',
19
+ iconButtonRadius: '--plasma-icon-button-radius',
20
+ iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
21
+ iconButtonFontFamily: '--plasma-icon-button-font-family',
22
+ iconButtonFontSize: '--plasma-icon-button-font-size',
23
+ iconButtonFontStyle: '--plasma-icon-button-font-style',
24
+ iconButtonFontWeight: '--plasma-icon-button-font-weight',
25
+ iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
26
+ iconButtonLineHeight: '--plasma-icon-button-line-height',
27
+ iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
28
+ iconButtonFocusColor: '--plasma-icon-button-focus-color',
29
+ iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
30
+ iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
31
+ };
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "iconButtonConfig", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _IconButton.iconButtonConfig;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "iconButtonRoot", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _IconButton.iconButtonRoot;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "iconButtonTokens", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _IconButton2.tokens;
22
+ }
23
+ });
24
+ var _IconButton = /*#__PURE__*/require("./IconButton");
25
+ var _IconButton2 = /*#__PURE__*/require("./IconButton.tokens");
@@ -18,7 +18,7 @@ var _TextField = /*#__PURE__*/require("./TextField.styles");
18
18
  var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
19
19
  var _ui = /*#__PURE__*/require("./ui");
20
20
  var _useKeyNavigation2 = /*#__PURE__*/require("./hooks/useKeyNavigation");
21
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
21
+ var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
22
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
23
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
24
24
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -34,8 +34,6 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:bloc
34
34
  var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
35
35
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
36
36
  var id = _ref.id,
37
- className = _ref.className,
38
- style = _ref.style,
39
37
  contentLeft = _ref.contentLeft,
40
38
  contentRight = _ref.contentRight,
41
39
  label = _ref.label,
@@ -151,9 +149,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
151
149
  disabled: disabled,
152
150
  readOnly: !disabled && readOnly,
153
151
  labelPlacement: innerLabelPlacementValue,
154
- onClick: handleInputFocus,
155
- className: className,
156
- style: style
152
+ onClick: handleInputFocus
157
153
  }, labelInside || innerLabelValue && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
158
154
  id: labelId,
159
155
  htmlFor: id
@@ -0,0 +1,46 @@
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 _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ focused: 'true',
13
+ size: 'm'
14
+ },
15
+ variations: {
16
+ view: {
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":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);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
18
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
19
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
20
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
21
+ clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
22
+ success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
23
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
24
+ critical: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
25
+ dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
26
+ black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
27
+ white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive)
28
+ },
29
+ size: {
30
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
31
+ lr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
32
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
33
+ mr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
34
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
35
+ sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
36
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
37
+ xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":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);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
38
+ },
39
+ disabled: {
40
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
41
+ },
42
+ focused: {
43
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
44
+ }
45
+ }
46
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconButton = void 0;
7
+ var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _IconButton2 = /*#__PURE__*/require("./IconButton.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig, _IconButton2.config);
11
+ var IconButton = exports.IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,69 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+
4
+ import { iconButtonConfig } from '../../../../components/IconButton';
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { IconChevronLeft } from '../../../../components/_Icon';
8
+
9
+ import { config } from './IconButton.config';
10
+ import { IconButton } from './IconButton';
11
+
12
+ const meta: Meta<typeof IconButton> = {
13
+ title: 'plasma_b2c/IconButton',
14
+ decorators: [WithTheme],
15
+ component: IconButton,
16
+ argTypes: {
17
+ ...argTypesFromConfig(mergeConfig(iconButtonConfig, config)),
18
+ pin: {
19
+ options: [
20
+ 'square-square',
21
+ 'square-clear',
22
+ 'clear-square',
23
+ 'clear-clear',
24
+ 'clear-circle',
25
+ 'circle-clear',
26
+ 'circle-circle',
27
+ '',
28
+ ],
29
+ control: {
30
+ type: 'select',
31
+ },
32
+ table: { defaultValue: { summary: 'bottom' } },
33
+ },
34
+ },
35
+ };
36
+
37
+ export default meta;
38
+
39
+ const getSizeForIcon = (size) => {
40
+ if (size === 'mr') {
41
+ return 'm';
42
+ }
43
+ if (size === 'lr') {
44
+ return 'l';
45
+ }
46
+ if (size === 'sr') {
47
+ return 's';
48
+ }
49
+ if (size === 'xsr') {
50
+ return 'xs';
51
+ }
52
+ return size;
53
+ };
54
+
55
+ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
+ args: {
57
+ children: <IconChevronLeft />,
58
+ view: 'default',
59
+ size: 'm',
60
+ disabled: false,
61
+ focused: true,
62
+ isLoading: false,
63
+ },
64
+ render: (args) => (
65
+ <IconButton {...args}>
66
+ <IconChevronLeft size={getSizeForIcon(args.size)} />
67
+ </IconButton>
68
+ ),
69
+ };
@@ -0,0 +1,46 @@
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 _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ focused: 'true',
13
+ size: 'm'
14
+ },
15
+ variations: {
16
+ view: {
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":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);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
18
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
19
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
20
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
21
+ clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
22
+ success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
23
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
24
+ critical: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
25
+ dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
26
+ black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
27
+ white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive)
28
+ },
29
+ size: {
30
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
31
+ lr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
32
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
33
+ mr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
34
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
35
+ sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":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);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
36
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
37
+ xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":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);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
38
+ },
39
+ disabled: {
40
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
41
+ },
42
+ focused: {
43
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
44
+ }
45
+ }
46
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconButton = void 0;
7
+ var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _IconButton2 = /*#__PURE__*/require("./IconButton.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig, _IconButton2.config);
11
+ var IconButton = exports.IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);