@salutejs/plasma-new-hope 0.74.0-canary.1170.8645591329.0 → 0.74.0-canary.1171.8646985900.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (267) hide show
  1. package/cjs/components/Combobox/Combobox.css +4 -4
  2. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  3. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  4. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  5. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  6. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  7. package/cjs/components/Dropdown/Dropdown.css +4 -4
  8. package/cjs/components/Pagination/Pagination.css +4 -4
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  10. package/cjs/components/Popover/Popover.css +4 -4
  11. package/cjs/components/Popover/Popover.styles.js +1 -1
  12. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  13. package/cjs/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_rmr9za.css} +1 -1
  14. package/cjs/components/Select/Select.css +4 -4
  15. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +4 -4
  16. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +4 -4
  17. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +4 -4
  18. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +4 -4
  19. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  20. package/cjs/components/Tooltip/Tooltip.styles.js +1 -1
  21. package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
  22. package/cjs/components/Tooltip/{Tooltip.styles_1op45q9.css → Tooltip.styles_1jz4u92.css} +1 -1
  23. package/cjs/index.css +6 -6
  24. package/es/components/Combobox/Combobox.css +4 -4
  25. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  26. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  27. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  28. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  29. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  30. package/es/components/Dropdown/Dropdown.css +4 -4
  31. package/es/components/Pagination/Pagination.css +4 -4
  32. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  33. package/es/components/Popover/Popover.css +4 -4
  34. package/es/components/Popover/Popover.styles.js +1 -1
  35. package/es/components/Popover/Popover.styles.js.map +1 -1
  36. package/es/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_rmr9za.css} +1 -1
  37. package/es/components/Select/Select.css +4 -4
  38. package/es/components/Select/ui/SelectDivider/SelectDivider.css +4 -4
  39. package/es/components/Select/ui/SelectFooter/SelectFooter.css +4 -4
  40. package/es/components/Select/ui/SelectGroup/SelectGroup.css +4 -4
  41. package/es/components/Select/ui/SelectHeader/SelectHeader.css +4 -4
  42. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  43. package/es/components/Tooltip/Tooltip.styles.js +1 -1
  44. package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
  45. package/es/components/Tooltip/{Tooltip.styles_1op45q9.css → Tooltip.styles_1jz4u92.css} +1 -1
  46. package/es/index.css +6 -6
  47. package/package.json +2 -2
  48. package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
  49. package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +1 -1
  50. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +2 -2
  51. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -2
  52. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +2 -2
  53. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +1 -1
  54. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +8 -11
  55. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  56. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +2 -2
  57. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +2 -2
  58. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +1 -1
  59. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.config.js +2 -2
  60. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx +2 -2
  61. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js +2 -2
  62. package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx +1 -1
  63. package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js +1 -1
  64. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +2 -2
  65. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +2 -2
  66. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +1 -1
  67. package/styled-components/cjs/examples/plasma_b2c/components/Spinner/Spinner.config.js +1 -1
  68. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +2 -2
  69. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +2 -2
  70. package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +2 -2
  71. package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +3 -0
  72. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +2 -2
  73. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +2 -2
  74. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +2 -2
  75. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  76. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +8 -11
  77. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  78. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +2 -2
  79. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
  80. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +1 -1
  81. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.config.js +2 -2
  82. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx +2 -2
  83. package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js +2 -2
  84. package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx +1 -1
  85. package/styled-components/cjs/examples/plasma_web/components/Link/Link.config.js +1 -1
  86. package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +2 -2
  87. package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx +2 -2
  88. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +1 -1
  89. package/styled-components/cjs/examples/plasma_web/components/Spinner/Spinner.config.js +1 -1
  90. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +2 -2
  91. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +2 -2
  92. package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +2 -2
  93. package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +3 -0
  94. package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.config.js +2 -2
  95. package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +2 -2
  96. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +2 -2
  97. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +1 -1
  98. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +8 -11
  99. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  100. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +2 -2
  101. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
  102. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +1 -1
  103. package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js +2 -2
  104. package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +2 -2
  105. package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js +1 -1
  106. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +1 -1
  107. package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +1 -1
  108. package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +2 -2
  109. package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +2 -2
  110. package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +2 -2
  111. package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +3 -0
  112. package/styled-components/es/components/Popover/Popover.styles.js +2 -2
  113. package/styled-components/es/components/Tooltip/Tooltip.styles.js +1 -1
  114. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +2 -2
  115. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -2
  116. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +2 -2
  117. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +1 -1
  118. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +8 -11
  119. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  120. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +2 -2
  121. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +2 -2
  122. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +1 -1
  123. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.config.js +2 -2
  124. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.stories.tsx +2 -2
  125. package/styled-components/es/examples/plasma_b2c/components/Header/Header.config.js +2 -2
  126. package/styled-components/es/examples/plasma_b2c/components/Header/Header.stories.tsx +1 -1
  127. package/styled-components/es/examples/plasma_b2c/components/Link/Link.config.js +1 -1
  128. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +2 -2
  129. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +2 -2
  130. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +1 -1
  131. package/styled-components/es/examples/plasma_b2c/components/Spinner/Spinner.config.js +1 -1
  132. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +2 -2
  133. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +2 -2
  134. package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +2 -2
  135. package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +3 -0
  136. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +2 -2
  137. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +2 -2
  138. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +2 -2
  139. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  140. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +8 -11
  141. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  142. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +2 -2
  143. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
  144. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +1 -1
  145. package/styled-components/es/examples/plasma_web/components/Counter/Counter.config.js +2 -2
  146. package/styled-components/es/examples/plasma_web/components/Counter/Counter.stories.tsx +2 -2
  147. package/styled-components/es/examples/plasma_web/components/Header/Header.config.js +2 -2
  148. package/styled-components/es/examples/plasma_web/components/Header/Header.stories.tsx +1 -1
  149. package/styled-components/es/examples/plasma_web/components/Link/Link.config.js +1 -1
  150. package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +2 -2
  151. package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.stories.tsx +2 -2
  152. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +1 -1
  153. package/styled-components/es/examples/plasma_web/components/Spinner/Spinner.config.js +1 -1
  154. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +2 -2
  155. package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +2 -2
  156. package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +2 -2
  157. package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +3 -0
  158. package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js +2 -2
  159. package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +2 -2
  160. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +2 -2
  161. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +1 -1
  162. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +8 -11
  163. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +4 -4
  164. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +2 -2
  165. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
  166. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +1 -1
  167. package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js +2 -2
  168. package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +2 -2
  169. package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js +1 -1
  170. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +1 -1
  171. package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js +1 -1
  172. package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js +2 -2
  173. package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +2 -2
  174. package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +2 -2
  175. package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +3 -0
  176. package/types/components/Badge/Badge.types.d.ts +1 -1
  177. package/types/components/Counter/Counter.types.d.ts +1 -1
  178. package/types/components/Indicator/Indicator.d.ts +4 -4
  179. package/types/components/Indicator/Indicator.types.d.ts +2 -12
  180. package/types/components/Indicator/Indicator.types.d.ts.map +1 -1
  181. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  182. package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  183. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +1 -1
  184. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +1 -1
  185. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts +1 -1
  186. package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -1
  187. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts +1 -4
  188. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  189. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.d.ts +1 -4
  190. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  191. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +2 -2
  192. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +1 -1
  193. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +1 -1
  194. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -1
  195. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  196. package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts +1 -1
  197. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts +1 -1
  198. package/types/examples/plasma_b2c/components/Header/Header.config.d.ts +1 -1
  199. package/types/examples/plasma_b2c/components/Header/Header.d.ts +1 -1
  200. package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +4 -4
  201. package/types/examples/plasma_b2c/components/Link/Link.config.d.ts +1 -1
  202. package/types/examples/plasma_b2c/components/Link/Link.d.ts +1 -1
  203. package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts +2 -2
  204. package/types/examples/plasma_b2c/components/Pagination/Pagination.d.ts +2 -2
  205. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts +1 -1
  206. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  207. package/types/examples/plasma_b2c/components/Spinner/Spinner.config.d.ts +1 -1
  208. package/types/examples/plasma_b2c/components/Spinner/Spinner.d.ts +1 -1
  209. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +1 -1
  210. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +1 -1
  211. package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts +1 -1
  212. package/types/examples/plasma_b2c/components/Toast/Toast.d.ts +1 -1
  213. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +1 -1
  214. package/types/examples/plasma_web/components/Badge/Badge.d.ts +1 -1
  215. package/types/examples/plasma_web/components/Button/Button.config.d.ts +1 -1
  216. package/types/examples/plasma_web/components/Button/Button.d.ts +1 -1
  217. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts +1 -4
  218. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  219. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.d.ts +1 -4
  220. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  221. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +2 -2
  222. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +1 -1
  223. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +1 -1
  224. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -1
  225. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  226. package/types/examples/plasma_web/components/Counter/Counter.config.d.ts +1 -1
  227. package/types/examples/plasma_web/components/Counter/Counter.d.ts +1 -1
  228. package/types/examples/plasma_web/components/Header/Header.config.d.ts +1 -1
  229. package/types/examples/plasma_web/components/Header/Header.d.ts +1 -1
  230. package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +4 -4
  231. package/types/examples/plasma_web/components/Link/Link.config.d.ts +1 -1
  232. package/types/examples/plasma_web/components/Link/Link.d.ts +1 -1
  233. package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts +2 -2
  234. package/types/examples/plasma_web/components/Pagination/Pagination.d.ts +2 -2
  235. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts +1 -1
  236. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  237. package/types/examples/plasma_web/components/Spinner/Spinner.config.d.ts +1 -1
  238. package/types/examples/plasma_web/components/Spinner/Spinner.d.ts +1 -1
  239. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +1 -1
  240. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +1 -1
  241. package/types/examples/plasma_web/components/Toast/Toast.config.d.ts +1 -1
  242. package/types/examples/plasma_web/components/Toast/Toast.d.ts +1 -1
  243. package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts +1 -1
  244. package/types/examples/sds_engineer/components/Badge/Badge.d.ts +1 -1
  245. package/types/examples/sds_engineer/components/Button/Button.config.d.ts +1 -1
  246. package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -1
  247. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts +1 -4
  248. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  249. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts +1 -4
  250. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  251. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +2 -2
  252. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +1 -1
  253. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +1 -1
  254. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -1
  255. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  256. package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts +1 -1
  257. package/types/examples/sds_engineer/components/Counter/Counter.d.ts +1 -1
  258. package/types/examples/sds_engineer/components/Link/Link.config.d.ts +1 -1
  259. package/types/examples/sds_engineer/components/Link/Link.d.ts +1 -1
  260. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts +1 -1
  261. package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts +1 -1
  262. package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts +1 -1
  263. package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts +1 -1
  264. package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts +1 -1
  265. package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts +1 -1
  266. package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts +1 -1
  267. package/types/examples/sds_engineer/components/Toast/Toast.d.ts +1 -1
package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Counter = /*#__PURE__*/require("../../../../components/Counter");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'xs'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
17
17
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
18
18
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
19
19
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx CHANGED
@@ -18,7 +18,7 @@ const meta: Meta<typeof Counter> = {
18
18
  },
19
19
  },
20
20
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
21
+ options: ['primary', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
22
22
  control: {
23
23
  type: 'select',
24
24
  },
@@ -35,7 +35,7 @@ export const Default: Story = {
35
35
  args: {
36
36
  count: 25,
37
37
  maxCount: 100,
38
- view: 'default',
38
+ view: 'primary',
39
39
  size: 'xs',
40
40
  },
41
41
  };
package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Header = /*#__PURE__*/require("../../../../components/Header");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
17
17
  },
18
18
  size: {
19
19
  m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], _Header.headerTokens.headerHeight, _Header.headerTokens.headerPaddingTop, _Header.headerTokens.headerPaddingBottom, _Header.headerTokens.headerLogoMarginRight, _Header.headerTokens.headerArrowMarginRight, _Header.headerTokens.headerArrowIconSize, _Header.headerTokens.headerTitleMargin, _Header.headerTokens.headerBigTitleMargin, _Header.headerTokens.headerBiggerTitleMargin, _Header.headerTokens.headerLabelMargin, _Header.headerTokens.headerSubTitleMargin, _Header.headerTokens.headerCaptionMargin, _Header.headerTokens.headerArrowHeight, _Header.headerTokens.headerArrowPadding)
package/styled-components/cjs/examples/plasma_b2c/components/Header/Header.stories.tsx CHANGED
@@ -114,7 +114,7 @@ export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProp
114
114
  ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
115
115
  },
116
116
  args: {
117
- view: 'default',
117
+ view: 'primary',
118
118
  size: 'm',
119
119
  variant: 'title+subtitle',
120
120
  title: 'Header title text',
package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js CHANGED
@@ -12,7 +12,7 @@ var config = exports.config = {
12
12
  },
13
13
  variations: {
14
14
  view: {
15
- "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
15
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
16
16
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
17
17
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
18
18
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),
package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js CHANGED
@@ -16,10 +16,10 @@ var config = exports.config = {
16
16
  view: {
17
17
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":0.4;", ":var(--surface-transparent-secondary);", ":var(--surface-solid-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
18
18
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);", ":0.4;", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":transparent;", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
19
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":0.4;", ":var(--surface-transparent-secondary);", ":transparent;", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor)
19
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":0.4;", ":var(--surface-transparent-secondary);", ":transparent;", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor)
20
20
  },
21
21
  viewCurrentPage: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
22
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
23
23
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
24
24
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
25
25
  },
package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx CHANGED
@@ -25,7 +25,7 @@ const meta: Meta<typeof Pagination> = {
25
25
  },
26
26
  },
27
27
  view: {
28
- options: ['clear', 'default', 'secondary'],
28
+ options: ['clear', 'primary', 'secondary'],
29
29
  control: {
30
30
  type: 'select',
31
31
  },
@@ -38,7 +38,7 @@ const meta: Meta<typeof Pagination> = {
38
38
  },
39
39
  },
40
40
  viewCurrentPage: {
41
- options: ['clear', 'default', 'secondary'],
41
+ options: ['clear', 'primary', 'secondary'],
42
42
  control: {
43
43
  type: 'select',
44
44
  },
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js CHANGED
@@ -22,7 +22,7 @@ var config = exports.config = {
22
22
  * Вид контрола.
23
23
  */
24
24
  view: {
25
- "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
25
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
26
26
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
27
27
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-tertiary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
28
28
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-paragraph);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
package/styled-components/cjs/examples/plasma_b2c/components/Spinner/Spinner.config.js CHANGED
@@ -18,7 +18,7 @@ var config = exports.config = {
18
18
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":36px;"], _Spinner.spinnerTokens.size)
19
19
  },
20
20
  view: {
21
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);"], _Spinner.spinnerTokens.color),
21
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);"], _Spinner.spinnerTokens.color),
22
22
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);"], _Spinner.spinnerTokens.color),
23
23
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);"], _Spinner.spinnerTokens.color),
24
24
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);"], _Spinner.spinnerTokens.color),
package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js CHANGED
@@ -8,7 +8,7 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextArea = /*#__PURE__*/require("../../../../components/TextArea");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  focused: 'true'
13
13
  },
14
14
  variations: {
@@ -19,7 +19,7 @@ var config = exports.config = {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight)
20
20
  },
21
21
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
22
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
23
23
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
24
24
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
25
25
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor)
package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Toast = /*#__PURE__*/require("../../../../components/Toast");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
17
17
  dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
18
18
  light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
19
19
  },
package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx CHANGED
@@ -57,7 +57,7 @@ const Container = styled.div`
57
57
  export const ToastComponent: StoryComponent = {
58
58
  args: {
59
59
  text: 'Текст всплывающего уведомления',
60
- view: 'default',
60
+ view: 'primary',
61
61
  size: 'm',
62
62
  hasClose: true,
63
63
  enableContentLeft: true,
@@ -196,7 +196,7 @@ const StoryComplex = ({
196
196
  <Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
197
197
  <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
198
198
  <div>Hello!</div>
199
- <Button view="default" text="Add notification" onClick={handleShowNotification} />
199
+ <Button view="primary" text="Add notification" onClick={handleShowNotification} />
200
200
  </Modal>
201
201
  </PopupProvider>
202
202
  </NotificationsProvider>
package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx CHANGED
@@ -34,6 +34,9 @@ const meta: Meta<TooltipProps> = {
34
34
  title: 'plasma_b2c/Tooltip',
35
35
  decorators: [WithTheme],
36
36
  component: Tooltip,
37
+ parameters: {
38
+ docs: { story: { inline: false, iframeHeight: '20rem' } },
39
+ },
37
40
  };
38
41
 
39
42
  export default meta;
package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Badge = /*#__PURE__*/require("../../../../components/Badge");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
17
17
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
18
18
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
19
19
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx CHANGED
@@ -17,7 +17,7 @@ const meta: Meta<typeof Badge> = {
17
17
  },
18
18
  },
19
19
  view: {
20
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
20
+ options: ['primary', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
21
21
  control: {
22
22
  type: 'select',
23
23
  },
@@ -42,7 +42,7 @@ const BellIcon = (props) => (
42
42
  export const Default: Story = {
43
43
  args: {
44
44
  text: 'Hello',
45
- view: 'default',
45
+ view: 'primary',
46
46
  size: 'm',
47
47
  pilled: false,
48
48
  transparent: false,
package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js CHANGED
@@ -8,13 +8,13 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Button = /*#__PURE__*/require("../../../../components/Button");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  focused: 'true',
13
13
  size: 'm'
14
14
  },
15
15
  variations: {
16
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);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
17
+ 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);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
18
18
  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);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
19
19
  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);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
20
20
  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);"], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive),
package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx CHANGED
@@ -44,7 +44,7 @@ export default meta;
44
44
  export const Default: StoryObj<ComponentProps<typeof Button>> = {
45
45
  args: {
46
46
  children: 'Hello',
47
- view: 'default',
47
+ view: 'primary',
48
48
  size: 'm',
49
49
  disabled: false,
50
50
  focused: true,
package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -8,21 +8,18 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _ButtonGroup = /*#__PURE__*/require("../../../../components/ButtonGroup");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
17
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
18
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
19
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
20
- positive: /*#__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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
21
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
22
- negative: /*#__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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
23
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
24
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
25
- 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);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive)
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
17
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-accent) 85%);", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-accent) 80%);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
18
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
19
+ clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
20
+ positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
21
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-warning) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-warning) 85%);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive),
22
+ negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-negative) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-negative) 85%);"], _ButtonGroup.buttonGroupTokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive)
26
23
  },
27
24
  size: {
28
25
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx CHANGED
@@ -11,7 +11,7 @@ import { ButtonGroup } from './ButtonGroup';
11
11
  type StoryProps = ComponentProps<typeof ButtonGroup> & { itemsCount?: number };
12
12
  type Story = StoryObj<StoryProps>;
13
13
 
14
- const views = ['accent', 'default', 'secondary', 'success', 'warning', 'critical', 'clear'];
14
+ const views = ['accent', 'primary', 'secondary', 'success', 'warning', 'critical', 'clear'];
15
15
  const sizes = ['l', 'm', 's', 'xs', 'xxs'];
16
16
  const orientationValues = ['horizontal', 'vertical'];
17
17
  const gapValues = ['none', 'dense', 'wide'];
@@ -65,7 +65,7 @@ export default meta;
65
65
 
66
66
  export const Default: Story = {
67
67
  args: {
68
- view: 'default',
68
+ view: 'primary',
69
69
  size: 'm',
70
70
  gap: 'dense',
71
71
  orientation: 'horizontal',
@@ -99,7 +99,7 @@ export const CustomButtons: Story = {
99
99
  <>
100
100
  <h3>Группа кнопок с разными темами</h3>
101
101
  <ButtonGroup {...args}>
102
- <Button text="Primary" view="default" />
102
+ <Button text="Primary" view="primary" />
103
103
  <Button text="Negative" view="negative" />
104
104
  <Button text="Positive" view="positive" />
105
105
  <Button text="Clear" view="clear" />
@@ -107,7 +107,7 @@ export const CustomButtons: Story = {
107
107
 
108
108
  <h3>Группа кнопок с разными размерами</h3>
109
109
  <ButtonGroup {...args}>
110
- <Button text="Primary" view="default" size="l" />
110
+ <Button text="Primary" view="primary" size="l" />
111
111
  <Button text="Negative" view="negative" size="m" />
112
112
  <Button text="Positive" view="positive" size="s" />
113
113
  <Button text="Clear" view="clear" size="l" />
package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Calendar = /*#__PURE__*/require("../../../../components/Calendar/Calendar.tokens");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor)
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor)
17
17
  },
18
18
  size: {
19
19
  m: /*#__PURE__*/(0, _styledComponents.css)(["", ":5.5rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);"], _Calendar.tokens.calendarHeaderArrowContainerWidth, _Calendar.tokens.calendarItemBorderRadius, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight)
package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Calendar = /*#__PURE__*/require("../../../../components/Calendar/Calendar.tokens");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor)
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor)
17
17
  },
18
18
  size: {
19
19
  m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);"], _Calendar.tokens.calendarItemBorderRadius, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight)
package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js CHANGED
@@ -22,7 +22,7 @@ var config = exports.config = {
22
22
  * Вид контрола.
23
23
  */
24
24
  view: {
25
- "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
25
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
26
26
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
27
27
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-tertiary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
28
28
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-paragraph);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Counter = /*#__PURE__*/require("../../../../components/Counter");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'xs'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
17
17
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
18
18
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
19
19
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx CHANGED
@@ -18,7 +18,7 @@ const meta: Meta<typeof Counter> = {
18
18
  },
19
19
  },
20
20
  view: {
21
- options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
21
+ options: ['primary', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
22
22
  control: {
23
23
  type: 'select',
24
24
  },
@@ -35,7 +35,7 @@ export const Default: Story = {
35
35
  args: {
36
36
  count: 25,
37
37
  maxCount: 100,
38
- view: 'default',
38
+ view: 'primary',
39
39
  size: 'xs',
40
40
  },
41
41
  };
package/styled-components/cjs/examples/plasma_web/components/Header/Header.config.js CHANGED
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Header = /*#__PURE__*/require("../../../../components/Header");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'default',
11
+ view: 'primary',
12
12
  size: 'm'
13
13
  },
14
14
  variations: {
15
15
  view: {
16
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
16
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
17
17
  },
18
18
  size: {
19
19
  m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], _Header.headerTokens.headerHeight, _Header.headerTokens.headerPaddingTop, _Header.headerTokens.headerPaddingBottom, _Header.headerTokens.headerLogoMarginRight, _Header.headerTokens.headerArrowMarginRight, _Header.headerTokens.headerArrowIconSize, _Header.headerTokens.headerTitleMargin, _Header.headerTokens.headerBigTitleMargin, _Header.headerTokens.headerBiggerTitleMargin, _Header.headerTokens.headerLabelMargin, _Header.headerTokens.headerSubTitleMargin, _Header.headerTokens.headerCaptionMargin, _Header.headerTokens.headerArrowHeight, _Header.headerTokens.headerArrowPadding)
package/styled-components/cjs/examples/plasma_web/components/Header/Header.stories.tsx CHANGED
@@ -114,7 +114,7 @@ export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProp
114
114
  ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
115
115
  },
116
116
  args: {
117
- view: 'default',
117
+ view: 'primary',
118
118
  size: 'm',
119
119
  variant: 'title+subtitle',
120
120
  title: 'Header title text',
package/styled-components/cjs/examples/plasma_web/components/Link/Link.config.js CHANGED
@@ -12,7 +12,7 @@ var config = exports.config = {
12
12
  },
13
13
  variations: {
14
14
  view: {
15
- "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
15
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
16
16
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
17
17
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
18
18
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),
package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js CHANGED
@@ -16,10 +16,10 @@ var config = exports.config = {
16
16
  view: {
17
17
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
18
18
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-card);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor),
19
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":0.4;", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor)
19
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":0.4;", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], _Pagination.paginationTokens.buttonColor, _Pagination.paginationTokens.buttonBackgroundColor, _Pagination.paginationTokens.buttonHoverColor, _Pagination.paginationTokens.buttonHoverBackgroundColor, _Pagination.paginationTokens.buttonActiveColor, _Pagination.paginationTokens.buttonActiveBackgroundColor, _Pagination.paginationTokens.buttonDisabledOpacity, _Pagination.paginationTokens.inputBackgroundColor, _Pagination.paginationTokens.inputBorderColor, _Pagination.paginationTokens.selectBackgroundColor, _Pagination.paginationTokens.paginationColor, _Pagination.paginationTokens.buttonFocusColor)
20
20
  },
21
21
  viewCurrentPage: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
22
+ primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
23
23
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
24
24
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);"], _Pagination.paginationTokens.paginationCurrentButtonColor, _Pagination.paginationTokens.paginationCurrentButtonBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonHoverColor, _Pagination.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _Pagination.paginationTokens.paginationCurrentButtonActiveColor, _Pagination.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
25
25
  },
package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx CHANGED
@@ -25,7 +25,7 @@ const meta: Meta<typeof Pagination> = {
25
25
  },
26
26
  },
27
27
  view: {
28
- options: ['clear', 'default', 'secondary'],
28
+ options: ['clear', 'primary', 'secondary'],
29
29
  control: {
30
30
  type: 'select',
31
31
  },
@@ -38,7 +38,7 @@ const meta: Meta<typeof Pagination> = {
38
38
  },
39
39
  },
40
40
  viewCurrentPage: {
41
- options: ['clear', 'default', 'secondary'],
41
+ options: ['clear', 'primary', 'secondary'],
42
42
  control: {
43
43
  type: 'select',
44
44
  },