@salutejs/plasma-new-hope 0.130.2-canary.1391.10525070095.0 → 0.131.0-canary.1368.10522822772.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (262) hide show
  1. package/cjs/components/Button/Button.css +1 -1
  2. package/cjs/components/Button/Button.js +2 -1
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.tokens.js +3 -1
  5. package/cjs/components/Button/Button.tokens.js.map +1 -1
  6. package/cjs/components/Button/variations/_view/base.js +1 -1
  7. package/cjs/components/Button/variations/_view/base.js.map +1 -1
  8. package/cjs/components/Button/variations/_view/base_1x0spnh.css +1 -0
  9. package/cjs/components/ButtonGroup/ButtonGroup.css +1 -1
  10. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  11. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  12. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  13. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  14. package/cjs/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
  15. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +2 -2
  16. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
  17. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
  18. package/cjs/components/Checkbox/Checkbox.css +7 -7
  19. package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  20. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  21. package/{es/components/Checkbox/Checkbox.styles_1266095.css → cjs/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
  22. package/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  23. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
  24. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  25. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  26. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
  27. package/cjs/components/Drawer/Drawer.css +1 -1
  28. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
  29. package/cjs/components/EmptyState/EmptyState.css +1 -1
  30. package/cjs/components/IconButton/IconButton.css +2 -2
  31. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  32. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  33. package/cjs/components/IconButton/IconButton.styles_sttslf.css +1 -0
  34. package/cjs/components/IconButton/IconButton.tokens.js +1 -0
  35. package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
  36. package/cjs/components/Notification/Notification.css +1 -1
  37. package/cjs/components/Notification/NotificationsProvider.css +1 -1
  38. package/cjs/components/Pagination/Pagination.css +9 -9
  39. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  40. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
  41. package/cjs/components/Radiobox/Radiobox.css +9 -9
  42. package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
  43. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
  44. package/cjs/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
  45. package/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  46. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
  47. package/cjs/components/Select/Select.css +8 -8
  48. package/cjs/components/Select/ui/Inner/Inner.css +8 -8
  49. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  50. package/cjs/components/Select/ui/Target/Target.css +1 -1
  51. package/cjs/components/Select/ui/Target/ui/Button/Button.css +1 -1
  52. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  53. package/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
  54. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  55. package/cjs/components/Toast/Toast.css +1 -1
  56. package/cjs/components/Toast/ToastController.css +1 -1
  57. package/cjs/index.css +12 -12
  58. package/emotion/cjs/components/Button/Button.js +2 -1
  59. package/emotion/cjs/components/Button/Button.tokens.js +3 -1
  60. package/emotion/cjs/components/Button/variations/_view/base.js +1 -1
  61. package/emotion/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  62. package/emotion/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  63. package/emotion/cjs/components/Checkbox/Checkbox.styles.js +7 -7
  64. package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  65. package/emotion/cjs/components/IconButton/IconButton.styles.js +2 -2
  66. package/emotion/cjs/components/IconButton/IconButton.tokens.js +1 -0
  67. package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
  68. package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  69. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
  70. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +4 -4
  71. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  72. package/emotion/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  73. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  74. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  75. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  76. package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +24 -24
  77. package/emotion/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  78. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  79. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  80. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  81. package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +24 -24
  82. package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  83. package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  84. package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  85. package/emotion/es/components/Button/Button.js +2 -1
  86. package/emotion/es/components/Button/Button.tokens.js +3 -1
  87. package/emotion/es/components/Button/variations/_view/base.js +2 -2
  88. package/emotion/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  89. package/emotion/es/components/ButtonGroup/variations/_view/base.js +1 -1
  90. package/emotion/es/components/Checkbox/Checkbox.styles.js +7 -7
  91. package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -0
  92. package/emotion/es/components/IconButton/IconButton.styles.js +2 -2
  93. package/emotion/es/components/IconButton/IconButton.tokens.js +1 -0
  94. package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
  95. package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -0
  96. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
  97. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +4 -4
  98. package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +24 -24
  99. package/emotion/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +28 -28
  100. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
  101. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +20 -20
  102. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
  103. package/emotion/es/examples/plasma_web/components/Button/Button.config.js +24 -24
  104. package/emotion/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +28 -28
  105. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
  106. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.config.js +20 -20
  107. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
  108. package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +24 -24
  109. package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +28 -28
  110. package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +12 -12
  111. package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -12
  112. package/es/components/Button/Button.css +1 -1
  113. package/es/components/Button/Button.js +2 -1
  114. package/es/components/Button/Button.js.map +1 -1
  115. package/es/components/Button/Button.tokens.js +3 -1
  116. package/es/components/Button/Button.tokens.js.map +1 -1
  117. package/es/components/Button/variations/_view/base.js +1 -1
  118. package/es/components/Button/variations/_view/base.js.map +1 -1
  119. package/es/components/Button/variations/_view/base_1x0spnh.css +1 -0
  120. package/es/components/ButtonGroup/ButtonGroup.css +1 -1
  121. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  122. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  123. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  124. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  125. package/es/components/ButtonGroup/variations/_view/base_1lhytnr.css +1 -0
  126. package/es/components/Calendar/CalendarBase/CalendarBase.css +2 -2
  127. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +2 -2
  128. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +2 -2
  129. package/es/components/Checkbox/Checkbox.css +7 -7
  130. package/es/components/Checkbox/Checkbox.styles.js +1 -1
  131. package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
  132. package/{cjs/components/Checkbox/Checkbox.styles_1266095.css → es/components/Checkbox/Checkbox.styles_dmi26u.css} +1 -1
  133. package/es/components/Checkbox/Checkbox.tokens.js +1 -0
  134. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
  135. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  136. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  137. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  138. package/es/components/Drawer/Drawer.css +1 -1
  139. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +1 -1
  140. package/es/components/EmptyState/EmptyState.css +1 -1
  141. package/es/components/IconButton/IconButton.css +2 -2
  142. package/es/components/IconButton/IconButton.styles.js +1 -1
  143. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  144. package/es/components/IconButton/IconButton.styles_sttslf.css +1 -0
  145. package/es/components/IconButton/IconButton.tokens.js +1 -0
  146. package/es/components/IconButton/IconButton.tokens.js.map +1 -1
  147. package/es/components/Notification/Notification.css +1 -1
  148. package/es/components/Notification/NotificationsProvider.css +1 -1
  149. package/es/components/Pagination/Pagination.css +9 -9
  150. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  151. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +1 -1
  152. package/es/components/Radiobox/Radiobox.css +9 -9
  153. package/es/components/Radiobox/Radiobox.styles.js +1 -1
  154. package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
  155. package/es/components/Radiobox/{Radiobox.styles_1skfuon.css → Radiobox.styles_520asv.css} +1 -1
  156. package/es/components/Radiobox/Radiobox.tokens.js +1 -0
  157. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
  158. package/es/components/Select/Select.css +8 -8
  159. package/es/components/Select/ui/Inner/Inner.css +8 -8
  160. package/es/components/Select/ui/Inner/ui/Item/Item.css +8 -8
  161. package/es/components/Select/ui/Target/Target.css +1 -1
  162. package/es/components/Select/ui/Target/ui/Button/Button.css +1 -1
  163. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  164. package/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
  165. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  166. package/es/components/Toast/Toast.css +1 -1
  167. package/es/components/Toast/ToastController.css +1 -1
  168. package/es/index.css +12 -12
  169. package/package.json +2 -2
  170. package/styled-components/cjs/components/Button/Button.js +2 -1
  171. package/styled-components/cjs/components/Button/Button.tokens.js +3 -1
  172. package/styled-components/cjs/components/Button/variations/_view/base.js +1 -1
  173. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  174. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  175. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +1 -1
  176. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -0
  177. package/styled-components/cjs/components/IconButton/IconButton.styles.js +1 -1
  178. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -0
  179. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
  180. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -0
  181. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
  182. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +4 -4
  183. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  184. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  185. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  186. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  187. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  188. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +10 -10
  189. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  190. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  191. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  192. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  193. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +10 -10
  194. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  195. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  196. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  197. package/styled-components/es/components/Button/Button.js +2 -1
  198. package/styled-components/es/components/Button/Button.tokens.js +3 -1
  199. package/styled-components/es/components/Button/variations/_view/base.js +2 -2
  200. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  201. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  202. package/styled-components/es/components/Checkbox/Checkbox.styles.js +1 -1
  203. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -0
  204. package/styled-components/es/components/IconButton/IconButton.styles.js +1 -1
  205. package/styled-components/es/components/IconButton/IconButton.tokens.js +1 -0
  206. package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
  207. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -0
  208. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
  209. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +4 -4
  210. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +10 -10
  211. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  212. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -8
  213. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +10 -10
  214. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -8
  215. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +10 -10
  216. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  217. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -8
  218. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +10 -10
  219. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -8
  220. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +10 -10
  221. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  222. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +8 -8
  223. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +8 -8
  224. package/types/components/Button/Button.d.ts.map +1 -1
  225. package/types/components/Button/Button.tokens.d.ts +2 -0
  226. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  227. package/types/components/Button/variations/_view/base.d.ts.map +1 -1
  228. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  229. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  230. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  231. package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -0
  232. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -1
  233. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
  234. package/types/components/IconButton/IconButton.tokens.d.ts +1 -0
  235. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
  236. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
  237. package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -0
  238. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -1
  239. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  240. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  241. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  242. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
  243. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  244. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  245. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  246. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  247. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
  248. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  249. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  250. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  251. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  252. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  253. package/cjs/components/Button/variations/_view/base_x95x4p.css +0 -1
  254. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  255. package/cjs/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
  256. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -78
  257. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -78
  258. package/es/components/Button/variations/_view/base_x95x4p.css +0 -1
  259. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  260. package/es/components/IconButton/IconButton.styles_7v8g0e.css +0 -1
  261. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -78
  262. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -78
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
1
+ {"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":";AAmCA,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAehB,CAAC"}
1
+ {"version":3,"file":"Radiobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"names":[],"mappings":";AAoCA,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAehB,CAAC"}
@@ -20,6 +20,7 @@ export declare const tokens: {
20
20
  fillColor: string;
21
21
  descriptionColor: string;
22
22
  triggerBorderColor: string;
23
+ triggerBackgroundColor: string;
23
24
  contentTopOffset: string;
24
25
  contentLeftOffset: string;
25
26
  triggerSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}
1
+ {"version":3,"file":"Radiobox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwRlB,CAAC"}
1
+ {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PlB,CAAC"}
1
+ {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNlB,CAAC"}
1
+ {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwRlB,CAAC"}
1
+ {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PlB,CAAC"}
1
+ {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNlB,CAAC"}
1
+ {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwRlB,CAAC"}
1
+ {"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkSlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PlB,CAAC"}
1
+ {"version":3,"file":"ButtonGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqQlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA8DV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
@@ -1 +0,0 @@
1
- .b1ty39ru{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ty39ru: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);}.b1ty39ru: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);}
@@ -1 +0,0 @@
1
- .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-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);}
@@ -1 +0,0 @@
1
- .b1ua728l{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.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l: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);}.b1ua728l: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);}.b1ua728l:focus{outline:none;}.b1ua728l::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;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -1,78 +0,0 @@
1
- ---
2
- id: slider
3
- title: Slider
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Slider
9
-
10
- <Description name="Slider" />
11
- <PropsTable name="Slider" />
12
-
13
- ## Использование
14
-
15
- ```tsx live
16
- import React from 'react';
17
- import { Slider } from '@salutejs/{{ package }}';
18
-
19
- export function App() {
20
- return (
21
- <section>
22
- <Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
23
- </section>
24
- );
25
- }
26
- ```
27
-
28
- Можно использовать диапазон значений.
29
-
30
- ```tsx live
31
- import React, { useState } from 'react';
32
- import { Slider } from '@salutejs/{{ package }}';
33
-
34
- export function App() {
35
- const [value, setValue] = useState([10, 80]);
36
- const sortValues = (values) => {
37
- return values
38
- .map((val) => {
39
- if (val < 0) {
40
- return 0;
41
- }
42
- if (val > 100) {
43
- return 100;
44
- }
45
- return val;
46
- })
47
- .sort((a, b) => a - b);
48
- };
49
-
50
- const onChangeHandle = (values) => {
51
- setValue(sortValues(values));
52
- };
53
-
54
- const onChangeCommitedHandle = (values) => {
55
- setValue(sortValues(values));
56
- };
57
-
58
- const onBlurTextField = (values) => {
59
- setValue(sortValues(values));
60
- };
61
-
62
- const onKeyDownTextField = (values, event) => {
63
- if (event.key === 'Enter') {
64
- setValue(sortValues(values));
65
- }
66
- };
67
-
68
- return (
69
- <section>
70
- <Slider value={value}
71
- onKeyDownTextField={onKeyDownTextField}
72
- onBlurTextField={onBlurTextField}
73
- onChangeCommitted={onChangeCommitedHandle}
74
- onChange={onChangeHandle} min={0} max={100} />
75
- </section>
76
- );
77
- }
78
- ```
@@ -1,78 +0,0 @@
1
- ---
2
- id: slider
3
- title: Slider
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Slider
9
-
10
- <Description name="Slider" />
11
- <PropsTable name="Slider" />
12
-
13
- ## Использование
14
-
15
- ```tsx live
16
- import React from 'react';
17
- import { Slider } from '@salutejs/{{ package }}';
18
-
19
- export function App() {
20
- return (
21
- <section>
22
- <Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
23
- </section>
24
- );
25
- }
26
- ```
27
-
28
- Можно использовать диапазон значений.
29
-
30
- ```tsx live
31
- import React, { useState } from 'react';
32
- import { Slider } from '@salutejs/{{ package }}';
33
-
34
- export function App() {
35
- const [value, setValue] = useState([10, 80]);
36
- const sortValues = (values) => {
37
- return values
38
- .map((val) => {
39
- if (val < 0) {
40
- return 0;
41
- }
42
- if (val > 100) {
43
- return 100;
44
- }
45
- return val;
46
- })
47
- .sort((a, b) => a - b);
48
- };
49
-
50
- const onChangeHandle = (values) => {
51
- setValue(sortValues(values));
52
- };
53
-
54
- const onChangeCommitedHandle = (values) => {
55
- setValue(sortValues(values));
56
- };
57
-
58
- const onBlurTextField = (values) => {
59
- setValue(sortValues(values));
60
- };
61
-
62
- const onKeyDownTextField = (values, event) => {
63
- if (event.key === 'Enter') {
64
- setValue(sortValues(values));
65
- }
66
- };
67
-
68
- return (
69
- <section>
70
- <Slider value={value}
71
- onKeyDownTextField={onKeyDownTextField}
72
- onBlurTextField={onBlurTextField}
73
- onChangeCommitted={onChangeCommitedHandle}
74
- onChange={onChangeHandle} min={0} max={100} />
75
- </section>
76
- );
77
- }
78
- ```
@@ -1 +0,0 @@
1
- .b1ty39ru{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ty39ru: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);}.b1ty39ru: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);}
@@ -1 +0,0 @@
1
- .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-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);}
@@ -1 +0,0 @@
1
- .b1ua728l{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.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l: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);}.b1ua728l: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);}.b1ua728l:focus{outline:none;}.b1ua728l::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;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -1,78 +0,0 @@
1
- ---
2
- id: slider
3
- title: Slider
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Slider
9
-
10
- <Description name="Slider" />
11
- <PropsTable name="Slider" />
12
-
13
- ## Использование
14
-
15
- ```tsx live
16
- import React from 'react';
17
- import { Slider } from '@salutejs/{{ package }}';
18
-
19
- export function App() {
20
- return (
21
- <section>
22
- <Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
23
- </section>
24
- );
25
- }
26
- ```
27
-
28
- Можно использовать диапазон значений.
29
-
30
- ```tsx live
31
- import React, { useState } from 'react';
32
- import { Slider } from '@salutejs/{{ package }}';
33
-
34
- export function App() {
35
- const [value, setValue] = useState([10, 80]);
36
- const sortValues = (values) => {
37
- return values
38
- .map((val) => {
39
- if (val < 0) {
40
- return 0;
41
- }
42
- if (val > 100) {
43
- return 100;
44
- }
45
- return val;
46
- })
47
- .sort((a, b) => a - b);
48
- };
49
-
50
- const onChangeHandle = (values) => {
51
- setValue(sortValues(values));
52
- };
53
-
54
- const onChangeCommitedHandle = (values) => {
55
- setValue(sortValues(values));
56
- };
57
-
58
- const onBlurTextField = (values) => {
59
- setValue(sortValues(values));
60
- };
61
-
62
- const onKeyDownTextField = (values, event) => {
63
- if (event.key === 'Enter') {
64
- setValue(sortValues(values));
65
- }
66
- };
67
-
68
- return (
69
- <section>
70
- <Slider value={value}
71
- onKeyDownTextField={onKeyDownTextField}
72
- onBlurTextField={onBlurTextField}
73
- onChangeCommitted={onChangeCommitedHandle}
74
- onChange={onChangeHandle} min={0} max={100} />
75
- </section>
76
- );
77
- }
78
- ```
@@ -1,78 +0,0 @@
1
- ---
2
- id: slider
3
- title: Slider
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- # Slider
9
-
10
- <Description name="Slider" />
11
- <PropsTable name="Slider" />
12
-
13
- ## Использование
14
-
15
- ```tsx live
16
- import React from 'react';
17
- import { Slider } from '@salutejs/{{ package }}';
18
-
19
- export function App() {
20
- return (
21
- <section>
22
- <Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
23
- </section>
24
- );
25
- }
26
- ```
27
-
28
- Можно использовать диапазон значений.
29
-
30
- ```tsx live
31
- import React, { useState } from 'react';
32
- import { Slider } from '@salutejs/{{ package }}';
33
-
34
- export function App() {
35
- const [value, setValue] = useState([10, 80]);
36
- const sortValues = (values) => {
37
- return values
38
- .map((val) => {
39
- if (val < 0) {
40
- return 0;
41
- }
42
- if (val > 100) {
43
- return 100;
44
- }
45
- return val;
46
- })
47
- .sort((a, b) => a - b);
48
- };
49
-
50
- const onChangeHandle = (values) => {
51
- setValue(sortValues(values));
52
- };
53
-
54
- const onChangeCommitedHandle = (values) => {
55
- setValue(sortValues(values));
56
- };
57
-
58
- const onBlurTextField = (values) => {
59
- setValue(sortValues(values));
60
- };
61
-
62
- const onKeyDownTextField = (values, event) => {
63
- if (event.key === 'Enter') {
64
- setValue(sortValues(values));
65
- }
66
- };
67
-
68
- return (
69
- <section>
70
- <Slider value={value}
71
- onKeyDownTextField={onKeyDownTextField}
72
- onBlurTextField={onBlurTextField}
73
- onChangeCommitted={onChangeCommitedHandle}
74
- onChange={onChangeHandle} min={0} max={100} />
75
- </section>
76
- );
77
- }
78
- ```