@salutejs/plasma-new-hope 0.67.0-canary.1148.8449780048.0 → 0.67.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (259) hide show
  1. package/cjs/components/Divider/Divider.js +1 -1
  2. package/cjs/components/Divider/Divider.js.map +1 -1
  3. package/cjs/components/Divider/Divider.tokens.js +1 -0
  4. package/cjs/components/Divider/Divider.tokens.js.map +1 -1
  5. package/cjs/components/Toolbar/Toolbar.css +1 -0
  6. package/cjs/components/Toolbar/Toolbar.js +53 -0
  7. package/cjs/components/Toolbar/Toolbar.js.map +1 -0
  8. package/cjs/components/Toolbar/Toolbar.styles.js +9 -0
  9. package/cjs/components/Toolbar/Toolbar.styles.js.map +1 -0
  10. package/cjs/components/Toolbar/Toolbar.styles_iomsh3.css +1 -0
  11. package/cjs/components/Toolbar/Toolbar.tokens.js +27 -0
  12. package/cjs/components/Toolbar/Toolbar.tokens.js.map +1 -0
  13. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.css +7 -0
  14. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +21 -0
  15. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js.map +1 -0
  16. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +12 -0
  17. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js.map +1 -0
  18. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles_1ypqhb1.css +1 -0
  19. package/cjs/components/{Cell → Toolbar}/variations/_size/base.js +1 -1
  20. package/cjs/components/Toolbar/variations/_size/base.js.map +1 -0
  21. package/cjs/components/{Cell → Toolbar}/variations/_view/base.js +2 -2
  22. package/cjs/components/Toolbar/variations/_view/base.js.map +1 -0
  23. package/cjs/index.css +4 -4
  24. package/cjs/index.js +8 -14
  25. package/cjs/index.js.map +1 -1
  26. package/es/components/Divider/Divider.js +1 -1
  27. package/es/components/Divider/Divider.js.map +1 -1
  28. package/es/components/Divider/Divider.tokens.js +1 -0
  29. package/es/components/Divider/Divider.tokens.js.map +1 -1
  30. package/es/components/Toolbar/Toolbar.css +1 -0
  31. package/es/components/Toolbar/Toolbar.js +48 -0
  32. package/es/components/Toolbar/Toolbar.js.map +1 -0
  33. package/es/components/Toolbar/Toolbar.styles.js +5 -0
  34. package/es/components/Toolbar/Toolbar.styles.js.map +1 -0
  35. package/es/components/Toolbar/Toolbar.styles_iomsh3.css +1 -0
  36. package/es/components/Toolbar/Toolbar.tokens.js +22 -0
  37. package/es/components/Toolbar/Toolbar.tokens.js.map +1 -0
  38. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.css +7 -0
  39. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +16 -0
  40. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js.map +1 -0
  41. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +7 -0
  42. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js.map +1 -0
  43. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles_1ypqhb1.css +1 -0
  44. package/es/components/{Cell → Toolbar}/variations/_size/base.js +1 -1
  45. package/es/components/Toolbar/variations/_size/base.js.map +1 -0
  46. package/es/components/Toolbar/variations/_size/base_x642ct.css +1 -0
  47. package/es/components/{Cell → Toolbar}/variations/_view/base.js +2 -2
  48. package/es/components/Toolbar/variations/_view/base.js.map +1 -0
  49. package/es/components/Toolbar/variations/_view/base_x642ct.css +1 -0
  50. package/es/index.css +4 -4
  51. package/es/index.js +3 -6
  52. package/es/index.js.map +1 -1
  53. package/package.json +2 -2
  54. package/styled-components/cjs/components/Divider/Divider.js +1 -1
  55. package/styled-components/cjs/components/Divider/Divider.tokens.js +1 -0
  56. package/styled-components/cjs/components/Toolbar/Toolbar.js +55 -0
  57. package/styled-components/cjs/components/Toolbar/Toolbar.styles.js +10 -0
  58. package/styled-components/cjs/components/Toolbar/Toolbar.tokens.js +25 -0
  59. package/styled-components/cjs/components/Toolbar/index.js +42 -0
  60. package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +23 -0
  61. package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +12 -0
  62. package/styled-components/cjs/components/Toolbar/ui/index.js +18 -0
  63. package/styled-components/cjs/components/Toolbar/variations/_size/tokens.json +1 -0
  64. package/styled-components/cjs/components/{Cell → Toolbar}/variations/_view/base.js +1 -2
  65. package/styled-components/cjs/components/Toolbar/variations/_view/tokens.json +1 -0
  66. package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +25 -0
  67. package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.js +17 -0
  68. package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx +63 -0
  69. package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +25 -0
  70. package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.js +17 -0
  71. package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.stories.tsx +63 -0
  72. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
  73. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
  74. package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  75. package/styled-components/cjs/index.js +11 -11
  76. package/styled-components/es/components/Divider/Divider.js +1 -1
  77. package/styled-components/es/components/Divider/Divider.tokens.js +1 -0
  78. package/styled-components/es/components/Toolbar/Toolbar.js +46 -0
  79. package/styled-components/es/components/Toolbar/Toolbar.styles.js +4 -0
  80. package/styled-components/es/components/Toolbar/Toolbar.tokens.js +19 -0
  81. package/styled-components/es/components/Toolbar/index.js +3 -0
  82. package/styled-components/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +18 -0
  83. package/styled-components/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +7 -0
  84. package/styled-components/es/components/Toolbar/ui/index.js +1 -0
  85. package/styled-components/es/components/Toolbar/variations/_size/tokens.json +1 -0
  86. package/styled-components/es/components/Toolbar/variations/_view/base.js +2 -0
  87. package/styled-components/es/components/Toolbar/variations/_view/tokens.json +1 -0
  88. package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +19 -0
  89. package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.js +11 -0
  90. package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx +63 -0
  91. package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +19 -0
  92. package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.js +11 -0
  93. package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.stories.tsx +63 -0
  94. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
  95. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
  96. package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
  97. package/styled-components/es/index.js +2 -2
  98. package/types/components/Divider/Divider.tokens.d.ts +1 -0
  99. package/types/components/Divider/Divider.tokens.d.ts.map +1 -1
  100. package/types/components/Toolbar/Toolbar.d.ts +34 -0
  101. package/types/components/Toolbar/Toolbar.d.ts.map +1 -0
  102. package/types/components/{Cell/variations/_view/base.d.ts → Toolbar/Toolbar.styles.d.ts} +1 -1
  103. package/types/components/Toolbar/Toolbar.styles.d.ts.map +1 -0
  104. package/types/components/Toolbar/Toolbar.tokens.d.ts +18 -0
  105. package/types/components/Toolbar/Toolbar.tokens.d.ts.map +1 -0
  106. package/types/components/Toolbar/Toolbar.types.d.ts +27 -0
  107. package/types/components/Toolbar/Toolbar.types.d.ts.map +1 -0
  108. package/types/components/Toolbar/index.d.ts +5 -0
  109. package/types/components/Toolbar/index.d.ts.map +1 -0
  110. package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.d.ts +28 -0
  111. package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.d.ts.map +1 -0
  112. package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.d.ts +3 -0
  113. package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.d.ts.map +1 -0
  114. package/types/components/Toolbar/ui/index.d.ts +2 -0
  115. package/types/components/Toolbar/ui/index.d.ts.map +1 -0
  116. package/types/components/Toolbar/variations/_size/base.d.ts.map +1 -0
  117. package/types/components/Toolbar/variations/_view/base.d.ts.map +1 -0
  118. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
  119. package/types/examples/{plasma_web/components/Cell/Cell.config.d.ts → plasma_b2c/components/Toolbar/Toolbar.config.d.ts} +4 -10
  120. package/types/examples/plasma_b2c/components/Toolbar/Toolbar.config.d.ts.map +1 -0
  121. package/types/examples/plasma_b2c/components/Toolbar/Toolbar.d.ts +23 -0
  122. package/types/examples/plasma_b2c/components/Toolbar/Toolbar.d.ts.map +1 -0
  123. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
  124. package/types/examples/{plasma_b2c/components/Cell/Cell.config.d.ts → plasma_web/components/Toolbar/Toolbar.config.d.ts} +4 -10
  125. package/types/examples/plasma_web/components/Toolbar/Toolbar.config.d.ts.map +1 -0
  126. package/types/examples/plasma_web/components/Toolbar/Toolbar.d.ts +23 -0
  127. package/types/examples/plasma_web/components/Toolbar/Toolbar.d.ts.map +1 -0
  128. package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +18 -0
  129. package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +1 -0
  130. package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +23 -0
  131. package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +1 -0
  132. package/types/index.d.ts +1 -1
  133. package/types/index.d.ts.map +1 -1
  134. package/cjs/components/Cell/Cell.css +0 -3
  135. package/cjs/components/Cell/Cell.js +0 -75
  136. package/cjs/components/Cell/Cell.js.map +0 -1
  137. package/cjs/components/Cell/Cell.styles.js +0 -42
  138. package/cjs/components/Cell/Cell.styles.js.map +0 -1
  139. package/cjs/components/Cell/Cell.tokens.js +0 -50
  140. package/cjs/components/Cell/Cell.tokens.js.map +0 -1
  141. package/cjs/components/Cell/Textbox/Textbox.js +0 -20
  142. package/cjs/components/Cell/Textbox/Textbox.js.map +0 -1
  143. package/cjs/components/Cell/Textbox/Textbox.styles.js +0 -13
  144. package/cjs/components/Cell/Textbox/Textbox.styles.js.map +0 -1
  145. package/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -17
  146. package/cjs/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
  147. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -17
  148. package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
  149. package/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -17
  150. package/cjs/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
  151. package/cjs/components/Cell/variations/_size/base.js.map +0 -1
  152. package/cjs/components/Cell/variations/_stretching/base.js +0 -9
  153. package/cjs/components/Cell/variations/_stretching/base.js.map +0 -1
  154. package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
  155. package/cjs/components/Cell/variations/_view/base.js.map +0 -1
  156. package/cjs/components/Cell/variations/_view/base_c5qh0x.css +0 -1
  157. package/es/components/Cell/Cell.css +0 -3
  158. package/es/components/Cell/Cell.js +0 -70
  159. package/es/components/Cell/Cell.js.map +0 -1
  160. package/es/components/Cell/Cell.styles.js +0 -34
  161. package/es/components/Cell/Cell.styles.js.map +0 -1
  162. package/es/components/Cell/Cell.tokens.js +0 -45
  163. package/es/components/Cell/Cell.tokens.js.map +0 -1
  164. package/es/components/Cell/Textbox/Textbox.js +0 -16
  165. package/es/components/Cell/Textbox/Textbox.js.map +0 -1
  166. package/es/components/Cell/Textbox/Textbox.styles.js +0 -9
  167. package/es/components/Cell/Textbox/Textbox.styles.js.map +0 -1
  168. package/es/components/Cell/Textbox/ui/TextLabel.js +0 -13
  169. package/es/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
  170. package/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -13
  171. package/es/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
  172. package/es/components/Cell/Textbox/ui/TextTitle.js +0 -13
  173. package/es/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
  174. package/es/components/Cell/variations/_size/base.js.map +0 -1
  175. package/es/components/Cell/variations/_stretching/base.js +0 -5
  176. package/es/components/Cell/variations/_stretching/base.js.map +0 -1
  177. package/es/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
  178. package/es/components/Cell/variations/_view/base.js.map +0 -1
  179. package/es/components/Cell/variations/_view/base_c5qh0x.css +0 -1
  180. package/styled-components/cjs/components/Cell/Cell.js +0 -75
  181. package/styled-components/cjs/components/Cell/Cell.styles.js +0 -37
  182. package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
  183. package/styled-components/cjs/components/Cell/Textbox/Textbox.js +0 -19
  184. package/styled-components/cjs/components/Cell/Textbox/Textbox.styles.js +0 -12
  185. package/styled-components/cjs/components/Cell/Textbox/Textbox.types.js +0 -5
  186. package/styled-components/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -16
  187. package/styled-components/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -16
  188. package/styled-components/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -16
  189. package/styled-components/cjs/components/Cell/index.js +0 -59
  190. package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
  191. package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
  192. package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
  193. package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
  194. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -31
  195. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
  196. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -154
  197. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -31
  198. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
  199. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -154
  200. package/styled-components/es/components/Cell/Cell.js +0 -66
  201. package/styled-components/es/components/Cell/Cell.styles.js +0 -30
  202. package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
  203. package/styled-components/es/components/Cell/Textbox/Textbox.js +0 -12
  204. package/styled-components/es/components/Cell/Textbox/Textbox.styles.js +0 -5
  205. package/styled-components/es/components/Cell/Textbox/Textbox.types.js +0 -1
  206. package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js +0 -9
  207. package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -9
  208. package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js +0 -9
  209. package/styled-components/es/components/Cell/index.js +0 -6
  210. package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
  211. package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
  212. package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
  213. package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
  214. package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
  215. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -25
  216. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
  217. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -154
  218. package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -25
  219. package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
  220. package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -154
  221. package/types/components/Cell/Cell.d.ts +0 -51
  222. package/types/components/Cell/Cell.d.ts.map +0 -1
  223. package/types/components/Cell/Cell.styles.d.ts +0 -11
  224. package/types/components/Cell/Cell.styles.d.ts.map +0 -1
  225. package/types/components/Cell/Cell.tokens.d.ts +0 -43
  226. package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
  227. package/types/components/Cell/Cell.types.d.ts +0 -57
  228. package/types/components/Cell/Cell.types.d.ts.map +0 -1
  229. package/types/components/Cell/Textbox/Textbox.d.ts +0 -4
  230. package/types/components/Cell/Textbox/Textbox.d.ts.map +0 -1
  231. package/types/components/Cell/Textbox/Textbox.styles.d.ts +0 -2
  232. package/types/components/Cell/Textbox/Textbox.styles.d.ts.map +0 -1
  233. package/types/components/Cell/Textbox/Textbox.types.d.ts +0 -20
  234. package/types/components/Cell/Textbox/Textbox.types.d.ts.map +0 -1
  235. package/types/components/Cell/Textbox/ui/TextLabel.d.ts +0 -7
  236. package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map +0 -1
  237. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts +0 -7
  238. package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map +0 -1
  239. package/types/components/Cell/Textbox/ui/TextTitle.d.ts +0 -7
  240. package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map +0 -1
  241. package/types/components/Cell/index.d.ts +0 -9
  242. package/types/components/Cell/index.d.ts.map +0 -1
  243. package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
  244. package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
  245. package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
  246. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
  247. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -32
  248. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
  249. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
  250. package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -32
  251. package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +0 -1
  252. /package/cjs/components/{Cell → Toolbar}/variations/_size/base_x642ct.css +0 -0
  253. /package/{es/components/Cell/variations/_size → cjs/components/Toolbar/variations/_view}/base_x642ct.css +0 -0
  254. /package/styled-components/cjs/components/{Cell/Cell.types.js → Toolbar/Toolbar.types.js} +0 -0
  255. /package/styled-components/cjs/components/{Cell → Toolbar}/variations/_size/base.js +0 -0
  256. /package/styled-components/es/components/{Cell/Cell.types.js → Toolbar/Toolbar.types.js} +0 -0
  257. /package/styled-components/es/components/{Cell → Toolbar}/variations/_size/base.js +0 -0
  258. /package/types/components/{Cell → Toolbar}/variations/_size/base.d.ts +0 -0
  259. /package/types/components/{Cell/variations/_stretching → Toolbar/variations/_view}/base.d.ts +0 -0
@@ -28,7 +28,7 @@ var dividerRoot = function dividerRoot(Root) {
28
28
  };
29
29
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
30
30
  ref: ref,
31
- className: index.cx(orientationClass, className),
31
+ className: index.cx(orientationClass, Divider_tokens.classes.divider, className),
32
32
  orientation: orientation,
33
33
  view: view,
34
34
  style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), scaleToken)
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { DividerProps } from './Divider.types';\nimport { classes } from './Divider.tokens';\n\nexport const dividerRoot = (Root: RootProps<HTMLDivElement, DividerProps>) =>\n forwardRef<HTMLDivElement, DividerProps>(\n ({ view, className, style, orientation = 'horizontal', length = '100%', ...rest }, ref) => {\n const orientationClass = classes[orientation as keyof typeof classes];\n\n const scaleToken = {\n '--plasma_private-divider-scale': getSizeValueFromProp(length, '%'),\n };\n\n return (\n <Root\n ref={ref}\n className={cx(orientationClass, className)}\n orientation={orientation}\n view={view}\n style={{\n ...style,\n ...scaleToken,\n }}\n {...rest}\n />\n );\n },\n );\n\nexport const dividerConfig = {\n name: 'Divider',\n tag: 'div',\n layout: dividerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n orientation: 'horizontal',\n },\n};\n"],"names":["dividerRoot","Root","forwardRef","_ref","ref","view","className","style","_ref$orientation","orientation","_ref$length","length","rest","_objectWithoutProperties","_excluded","orientationClass","classes","scaleToken","getSizeValueFromProp","React","createElement","_extends","cx","_objectSpread","dividerConfig","name","tag","layout","base","variations","css","viewCSS","size","sizeCSS","orientationCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CACN,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CAAEM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAAAE,WAAA,GAAAP,IAAA,CAAEQ,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAC3E,IAAA,IAAMC,gBAAgB,GAAGC,sBAAO,CAACP,WAAW,CAAyB,CAAA;AAErE,IAAA,IAAMQ,UAAU,GAAG;AACf,MAAA,gCAAgC,EAAEC,yCAAoB,CAACP,MAAM,EAAE,GAAG,CAAA;KACrE,CAAA;AAED,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AACDjB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAEgB,QAAE,CAACP,gBAAgB,EAAET,SAAS,CAAE;AAC3CG,MAAAA,WAAW,EAAEA,WAAY;AACzBJ,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,KAAK,EAAAgB,uCAAA,CAAAA,uCAAA,CACEhB,EAAAA,EAAAA,KAAK,GACLU,UAAU,CAAA;KAEbL,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMY,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3B,WAAW;AACnB4B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDxB,IAAAA,WAAW,EAAE;AACTqB,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9B,IAAAA,IAAI,EAAE,SAAS;AACf2B,IAAAA,IAAI,EAAE,GAAG;AACTvB,IAAAA,WAAW,EAAE,YAAA;AACjB,GAAA;AACJ;;;;;"}
1
+ {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { DividerProps } from './Divider.types';\nimport { classes } from './Divider.tokens';\n\nexport const dividerRoot = (Root: RootProps<HTMLDivElement, DividerProps>) =>\n forwardRef<HTMLDivElement, DividerProps>(\n ({ view, className, style, orientation = 'horizontal', length = '100%', ...rest }, ref) => {\n const orientationClass = classes[orientation as keyof typeof classes];\n\n const scaleToken = {\n '--plasma_private-divider-scale': getSizeValueFromProp(length, '%'),\n };\n\n return (\n <Root\n ref={ref}\n className={cx(orientationClass, classes.divider, className)}\n orientation={orientation}\n view={view}\n style={{\n ...style,\n ...scaleToken,\n }}\n {...rest}\n />\n );\n },\n );\n\nexport const dividerConfig = {\n name: 'Divider',\n tag: 'div',\n layout: dividerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n orientation: 'horizontal',\n },\n};\n"],"names":["dividerRoot","Root","forwardRef","_ref","ref","view","className","style","_ref$orientation","orientation","_ref$length","length","rest","_objectWithoutProperties","_excluded","orientationClass","classes","scaleToken","getSizeValueFromProp","React","createElement","_extends","cx","divider","_objectSpread","dividerConfig","name","tag","layout","base","variations","css","viewCSS","size","sizeCSS","orientationCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CACN,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CAAEM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAAAE,WAAA,GAAAP,IAAA,CAAEQ,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAC3E,IAAA,IAAMC,gBAAgB,GAAGC,sBAAO,CAACP,WAAW,CAAyB,CAAA;AAErE,IAAA,IAAMQ,UAAU,GAAG;AACf,MAAA,gCAAgC,EAAEC,yCAAoB,CAACP,MAAM,EAAE,GAAG,CAAA;KACrE,CAAA;AAED,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AACDjB,MAAAA,GAAG,EAAEA,GAAI;MACTE,SAAS,EAAEgB,QAAE,CAACP,gBAAgB,EAAEC,sBAAO,CAACO,OAAO,EAAEjB,SAAS,CAAE;AAC5DG,MAAAA,WAAW,EAAEA,WAAY;AACzBJ,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,KAAK,EAAAiB,uCAAA,CAAAA,uCAAA,CACEjB,EAAAA,EAAAA,KAAK,GACLU,UAAU,CAAA;KAEbL,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMa,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,WAAW;AACnB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDzB,IAAAA,WAAW,EAAE;AACTsB,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACf4B,IAAAA,IAAI,EAAE,GAAG;AACTxB,IAAAA,WAAW,EAAE,YAAA;AACjB,GAAA;AACJ;;;;;"}
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var classes = {
6
+ divider: 'plasma-divider',
6
7
  horizontal: 'plasma-divider-horizontal',
7
8
  vertical: 'plasma-divider-vertical'
8
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.tokens.js","sources":["../../../src/components/Divider/Divider.tokens.ts"],"sourcesContent":["export const classes = {\n horizontal: 'plasma-divider-horizontal',\n vertical: 'plasma-divider-vertical',\n};\n\nexport const tokens = {\n baseSideSize: '--plasma-divider-base-side-size',\n background: '--plasma-divider-background',\n borderRadius: '--plasma-divider-border-radius',\n};\n"],"names":["classes","horizontal","vertical","tokens","baseSideSize","background","borderRadius"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,YAAY,EAAE,gCAAA;AAClB;;;;;"}
1
+ {"version":3,"file":"Divider.tokens.js","sources":["../../../src/components/Divider/Divider.tokens.ts"],"sourcesContent":["export const classes = {\n divider: 'plasma-divider',\n horizontal: 'plasma-divider-horizontal',\n vertical: 'plasma-divider-vertical',\n};\n\nexport const tokens = {\n baseSideSize: '--plasma-divider-base-side-size',\n background: '--plasma-divider-background',\n borderRadius: '--plasma-divider-border-radius',\n};\n"],"names":["classes","divider","horizontal","vertical","tokens","baseSideSize","background","borderRadius"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,YAAY,EAAE,gCAAA;AAClB;;;;;"}
@@ -0,0 +1 @@
1
+ .Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var index = require('../../utils/index.js');
8
+ var base$1 = require('./variations/_view/base.js');
9
+ var base = require('./variations/_size/base.js');
10
+ var Toolbar_tokens = require('./Toolbar.tokens.js');
11
+ var Toolbar_styles = require('./Toolbar.styles.js');
12
+
13
+ var _excluded = ["children", "orientation", "hasShadow", "className"];
14
+ var toolbarRoot = function toolbarRoot(Root) {
15
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
16
+ var children = props.children,
17
+ _props$orientation = props.orientation,
18
+ orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
19
+ _props$hasShadow = props.hasShadow,
20
+ hasShadow = _props$hasShadow === void 0 ? true : _props$hasShadow,
21
+ className = props.className,
22
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
23
+ var orientationClassName = orientation === 'horizontal' ? Toolbar_tokens.classes.horizontal : Toolbar_tokens.classes.vertical;
24
+ var shadowClassName = hasShadow ? Toolbar_tokens.classes.shadow : undefined;
25
+ return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
26
+ ref: ref,
27
+ orientation: orientation,
28
+ hasShadow: hasShadow,
29
+ className: index.cx(className, orientationClassName, shadowClassName)
30
+ }, rest), children);
31
+ });
32
+ };
33
+ var toolbarConfig = {
34
+ name: 'Toolbar',
35
+ tag: 'div',
36
+ layout: toolbarRoot,
37
+ base: Toolbar_styles.base,
38
+ variations: {
39
+ size: {
40
+ css: base.base
41
+ },
42
+ view: {
43
+ css: base$1.base
44
+ }
45
+ },
46
+ defaults: {
47
+ view: 'default'
48
+ }
49
+ };
50
+
51
+ exports.toolbarConfig = toolbarConfig;
52
+ exports.toolbarRoot = toolbarRoot;
53
+ //# sourceMappingURL=Toolbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.js","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { ToolbarProps } from './Toolbar.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Toolbar.tokens';\nimport { base } from './Toolbar.styles';\n\nexport const toolbarRoot = (Root: RootProps<HTMLDivElement, ToolbarProps>) =>\n forwardRef<HTMLDivElement, ToolbarProps>((props, ref) => {\n const { children, orientation = 'vertical', hasShadow = true, className, ...rest } = props;\n const orientationClassName = orientation === 'horizontal' ? classes.horizontal : classes.vertical;\n const shadowClassName = hasShadow ? classes.shadow : undefined;\n\n return (\n <Root\n ref={ref}\n orientation={orientation}\n hasShadow={hasShadow}\n className={cx(className, orientationClassName, shadowClassName)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const toolbarConfig = {\n name: 'Toolbar',\n tag: 'div',\n layout: toolbarRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["toolbarRoot","Root","forwardRef","props","ref","children","_props$orientation","orientation","_props$hasShadow","hasShadow","className","rest","_objectWithoutProperties","_excluded","orientationClassName","classes","horizontal","vertical","shadowClassName","shadow","undefined","React","createElement","_extends","cx","toolbarConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,QAAQ,GAAqEF,KAAK,CAAlFE,QAAQ;MAAAC,kBAAA,GAAqEH,KAAK,CAAxEI,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,kBAAA;MAAAE,gBAAA,GAA2CL,KAAK,CAA9CM,SAAS;AAATA,MAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;MAAEE,SAAS,GAAcP,KAAK,CAA5BO,SAAS;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAC1F,IAAA,IAAMC,oBAAoB,GAAGP,WAAW,KAAK,YAAY,GAAGQ,sBAAO,CAACC,UAAU,GAAGD,sBAAO,CAACE,QAAQ,CAAA;IACjG,IAAMC,eAAe,GAAGT,SAAS,GAAGM,sBAAO,CAACI,MAAM,GAAGC,SAAS,CAAA;AAE9D,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAAsB,iCAAA,CAAA;AACDnB,MAAAA,GAAG,EAAEA,GAAI;AACTG,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,SAAS,EAAEc,QAAE,CAACd,SAAS,EAAEI,oBAAoB,EAAEI,eAAe,CAAA;KAC1DP,EAAAA,IAAI,CAEPN,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,WAAW;AACnB6B,EAAAA,IAAI,EAAJA,mBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
@@ -0,0 +1,9 @@
1
+ import './Toolbar.styles_iomsh3.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bd5aerk";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=Toolbar.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.styles.js","sources":["../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { dividerClasses } from '../Divider';\n\nimport { classes, tokens } from './Toolbar.tokens';\n\nexport const base = css`\n display: inline-flex;\n box-sizing: border-box;\n border-radius: var(${tokens.borderRadius});\n background: var(${tokens.background});\n padding: var(${tokens.padding});\n\n &.${classes.shadow} {\n box-shadow: var(${tokens.boxShadow});\n }\n\n &.${classes.vertical} {\n flex-direction: column;\n width: var(${tokens.size});\n }\n\n &.${classes.horizontal} {\n flex-direction: row;\n height: var(${tokens.size});\n }\n\n &.${classes.vertical} .${dividerClasses.divider} {\n width: var(${tokens.dividerSize});\n height: 0.063rem;\n\n margin: var(${tokens.dividerOffset}) 0;\n }\n\n &.${classes.horizontal} .${dividerClasses.divider} {\n width: 0.063rem;\n height: var(${tokens.dividerSize});\n\n margin: 0 var(${tokens.dividerOffset});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAkChB;;;;"}
@@ -0,0 +1 @@
1
+ .bd5aerk{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.bd5aerk.toolbar-shadow{box-shadow:var(--plasma-toolbar-box-shadow);}.bd5aerk.toolbar-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.bd5aerk.toolbar-horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.bd5aerk.toolbar-vertical .plasma-divider{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.bd5aerk.toolbar-horizontal .plasma-divider{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ vertical: 'toolbar-vertical',
7
+ horizontal: 'toolbar-horizontal',
8
+ shadow: 'toolbar-shadow',
9
+ divider: 'toolbar-divider'
10
+ };
11
+ var tokens = {
12
+ // Toolbar
13
+ size: '--plasma-toolbar-size',
14
+ padding: '--plasma-toolbar-padding',
15
+ background: '--plasma-toolbar-background',
16
+ boxShadow: '--plasma-toolbar-box-shadow',
17
+ borderRadius: '--plasma-toolbar-border-radius',
18
+ // ToolbarDivider
19
+ dividerColor: '--plasma-toolbar-divider-color',
20
+ dividerOffset: '--plasma-toolbar-divider-offset',
21
+ dividerSize: '--plasma-toolbar-divider-size',
22
+ dividerBorderRadius: '--plasma-toolbar-divider-border-radius'
23
+ };
24
+
25
+ exports.classes = classes;
26
+ exports.tokens = tokens;
27
+ //# sourceMappingURL=Toolbar.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.tokens.js","sources":["../../../src/components/Toolbar/Toolbar.tokens.ts"],"sourcesContent":["export const classes = {\n vertical: 'toolbar-vertical',\n horizontal: 'toolbar-horizontal',\n shadow: 'toolbar-shadow',\n divider: 'toolbar-divider',\n};\n\nexport const tokens = {\n // Toolbar\n size: '--plasma-toolbar-size',\n padding: '--plasma-toolbar-padding',\n background: '--plasma-toolbar-background',\n boxShadow: '--plasma-toolbar-box-shadow',\n borderRadius: '--plasma-toolbar-border-radius',\n\n // ToolbarDivider\n dividerColor: '--plasma-toolbar-divider-color',\n dividerOffset: '--plasma-toolbar-divider-offset',\n dividerSize: '--plasma-toolbar-divider-size',\n dividerBorderRadius: '--plasma-toolbar-divider-border-radius',\n};\n"],"names":["classes","vertical","horizontal","shadow","divider","tokens","size","padding","background","boxShadow","borderRadius","dividerColor","dividerOffset","dividerSize","dividerBorderRadius"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,kBAAkB;AAC5BC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,MAAM,EAAE,gBAAgB;AACxBC,EAAAA,OAAO,EAAE,iBAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,YAAY,EAAE,gCAAgC;AAE9C;AACAC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,mBAAmB,EAAE,wCAAA;AACzB;;;;;"}
@@ -0,0 +1,7 @@
1
+ .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
2
+
3
+ .base_zgkavi_b1a2rquh__e8c83449{border-radius:var(--plasma-divider-border-radius);}
4
+
5
+ .base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerHorizontal__125c85bf{width:var(--plasma_private-divider-scale);height:var(--plasma-divider-base-side-size);}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;position:relative;background:unset;}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf:before{content:'';background:var(--plasma-divider-background);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--plasma-divider-base-side-size);min-height:var(--plasma_private-divider-scale);}
6
+
7
+ .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var Divider = require('../../../Divider/Divider.js');
7
+ var ToolbarDivider_styles = require('./ToolbarDivider.styles.js');
8
+
9
+ /**
10
+ * Разделитель тулбара
11
+ */
12
+ var toolbarDividerRoot = Divider.dividerRoot;
13
+ var toolbarDividerConfig = /*#__PURE__*/_rollupPluginBabelHelpers.objectSpread2( /*#__PURE__*/_rollupPluginBabelHelpers.objectSpread2({}, Divider.dividerConfig), {}, {
14
+ name: 'ToolbarDivider',
15
+ layout: toolbarDividerRoot,
16
+ base: ToolbarDivider_styles.base
17
+ });
18
+
19
+ exports.toolbarDividerConfig = toolbarDividerConfig;
20
+ exports.toolbarDividerRoot = toolbarDividerRoot;
21
+ //# sourceMappingURL=ToolbarDivider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToolbarDivider.js","sources":["../../../../../src/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.tsx"],"sourcesContent":["import { dividerConfig, dividerRoot } from '../../../Divider';\n\nimport { base } from './ToolbarDivider.styles';\n\n/**\n * Разделитель тулбара\n */\nexport const toolbarDividerRoot = dividerRoot;\n\nexport const toolbarDividerConfig = {\n ...dividerConfig,\n name: 'ToolbarDivider',\n layout: toolbarDividerRoot,\n base,\n};\n"],"names":["toolbarDividerRoot","dividerRoot","toolbarDividerConfig","_objectSpread","dividerConfig","name","layout","base"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAGC,oBAAW;IAEhCC,oBAAoB,gBAAAC,uCAAA,eAAAA,uCAAA,KAC1BC,qBAAa,CAAA,EAAA,EAAA,EAAA;AAChBC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,MAAM,EAAEN,kBAAkB;AAC1BO,EAAAA,IAAI,EAAJA,0BAAAA;AAAI,CACP;;;;;"}
@@ -0,0 +1,12 @@
1
+ import './ToolbarDivider.styles_1ypqhb1.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ // NOTE: Необходимое переопределение токенов из компонента Divider
7
+ var mappingOverride = "mcdkovg";
8
+ var base = mappingOverride;
9
+
10
+ exports.base = base;
11
+ exports.mappingOverride = mappingOverride;
12
+ //# sourceMappingURL=ToolbarDivider.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToolbarDivider.styles.js","sources":["../../../../../src/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Toolbar.tokens';\nimport { dividerTokens } from '../../../Divider';\n\n// NOTE: Необходимое переопределение токенов из компонента Divider\nexport const mappingOverride = css`\n align-self: center;\n ${dividerTokens.background}: var(${tokens.dividerColor});\n ${dividerTokens.borderRadius}: var(${tokens.dividerBorderRadius});\n`;\n\nexport const base = mappingOverride;\n"],"names":["mappingOverride","base"],"mappings":";;;;AAKA;AACO,IAAMA,eAAe,GAI3B,UAAA;AAEM,IAAMC,IAAI,GAAGD;;;;;"}
@@ -0,0 +1 @@
1
+ .mcdkovg{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
@@ -3,7 +3,7 @@ import './base_x642ct.css';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var base = "b6eqx01";
6
+ var base = "b1a1ppen";
7
7
 
8
8
  exports.base = base;
9
9
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Toolbar/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +1,9 @@
1
- import './base_c5qh0x.css';
1
+ import './base_x642ct.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var base = "b1sr9i7l";
6
+ var base = "b1ikrjqq";
7
7
 
8
8
  exports.base = base;
9
9
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Toolbar/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
package/cjs/index.css CHANGED
@@ -46,10 +46,6 @@
46
46
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
47
47
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
48
48
 
49
- .base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
50
-
51
- .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
52
-
53
49
  .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
54
50
 
55
51
  .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
@@ -504,3 +500,7 @@
504
500
  .base_zgkavi_b1a2rquh__e8c83449{border-radius:var(--plasma-divider-border-radius);}
505
501
 
506
502
  .base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerHorizontal__125c85bf{width:var(--plasma_private-divider-scale);height:var(--plasma-divider-base-side-size);}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;position:relative;background:unset;}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf:before{content:'';background:var(--plasma-divider-background);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--plasma-divider-base-side-size);min-height:var(--plasma_private-divider-scale);}
503
+
504
+ .Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
505
+
506
+ .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
package/cjs/index.js CHANGED
@@ -23,12 +23,6 @@ var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
23
23
  var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
24
24
  var Chip = require('./components/Chip/Chip.js');
25
25
  var Chip_tokens = require('./components/Chip/Chip.tokens.js');
26
- var TextLabel = require('./components/Cell/Textbox/ui/TextLabel.js');
27
- var TextTitle = require('./components/Cell/Textbox/ui/TextTitle.js');
28
- var TextSubtitle = require('./components/Cell/Textbox/ui/TextSubtitle.js');
29
- var Cell = require('./components/Cell/Cell.js');
30
- var Cell_tokens = require('./components/Cell/Cell.tokens.js');
31
- var Textbox = require('./components/Cell/Textbox/Textbox.js');
32
26
  var Link = require('./components/Link/Link.js');
33
27
  var Spinner = require('./components/Spinner/Spinner.js');
34
28
  var Spinner_tokens = require('./components/Spinner/Spinner.tokens.js');
@@ -148,6 +142,9 @@ var Progress = require('./components/Progress/Progress.js');
148
142
  var Progress_tokens = require('./components/Progress/Progress.tokens.js');
149
143
  var Divider = require('./components/Divider/Divider.js');
150
144
  var Divider_tokens = require('./components/Divider/Divider.tokens.js');
145
+ var Toolbar = require('./components/Toolbar/Toolbar.js');
146
+ var Toolbar_tokens = require('./components/Toolbar/Toolbar.tokens.js');
147
+ var ToolbarDivider = require('./components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js');
151
148
  var common = require('./engines/common.js');
152
149
 
153
150
 
@@ -241,14 +238,6 @@ exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
241
238
  exports.chipConfig = Chip.chipConfig;
242
239
  exports.chipRoot = Chip.chipRoot;
243
240
  exports.chipTokens = Chip_tokens.tokens;
244
- exports.TextLabel = TextLabel.TextLabel;
245
- exports.TextTitle = TextTitle.TextTitle;
246
- exports.TextSubtitle = TextSubtitle.TextSubtitle;
247
- exports.cellConfig = Cell.cellConfig;
248
- exports.cellRoot = Cell.cellRoot;
249
- exports.cellClasses = Cell_tokens.classes;
250
- exports.cellTokens = Cell_tokens.tokens;
251
- exports.Textbox = Textbox.Textbox;
252
241
  exports.linkConfig = Link.linkConfig;
253
242
  exports.linkRoot = Link.linkRoot;
254
243
  exports.spinnerConfig = Spinner.spinnerConfig;
@@ -448,6 +437,11 @@ exports.dividerConfig = Divider.dividerConfig;
448
437
  exports.dividerRoot = Divider.dividerRoot;
449
438
  exports.dividerClasses = Divider_tokens.classes;
450
439
  exports.dividerTokens = Divider_tokens.tokens;
440
+ exports.toolbarConfig = Toolbar.toolbarConfig;
441
+ exports.toolbarRoot = Toolbar.toolbarRoot;
442
+ exports.toolbarTokens = Toolbar_tokens.tokens;
443
+ exports.toolbarDividerConfig = ToolbarDivider.toolbarDividerConfig;
444
+ exports.toolbarDividerRoot = ToolbarDivider.toolbarDividerRoot;
451
445
  exports.component = common.component;
452
446
  exports.mergeConfig = common.mergeConfig;
453
447
  //# sourceMappingURL=index.js.map
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -24,7 +24,7 @@ var dividerRoot = function dividerRoot(Root) {
24
24
  };
25
25
  return /*#__PURE__*/React.createElement(Root, _extends({
26
26
  ref: ref,
27
- className: cx(orientationClass, className),
27
+ className: cx(orientationClass, classes.divider, className),
28
28
  orientation: orientation,
29
29
  view: view,
30
30
  style: _objectSpread2(_objectSpread2({}, style), scaleToken)
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { DividerProps } from './Divider.types';\nimport { classes } from './Divider.tokens';\n\nexport const dividerRoot = (Root: RootProps<HTMLDivElement, DividerProps>) =>\n forwardRef<HTMLDivElement, DividerProps>(\n ({ view, className, style, orientation = 'horizontal', length = '100%', ...rest }, ref) => {\n const orientationClass = classes[orientation as keyof typeof classes];\n\n const scaleToken = {\n '--plasma_private-divider-scale': getSizeValueFromProp(length, '%'),\n };\n\n return (\n <Root\n ref={ref}\n className={cx(orientationClass, className)}\n orientation={orientation}\n view={view}\n style={{\n ...style,\n ...scaleToken,\n }}\n {...rest}\n />\n );\n },\n );\n\nexport const dividerConfig = {\n name: 'Divider',\n tag: 'div',\n layout: dividerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n orientation: 'horizontal',\n },\n};\n"],"names":["dividerRoot","Root","forwardRef","_ref","ref","view","className","style","_ref$orientation","orientation","_ref$length","length","rest","_objectWithoutProperties","_excluded","orientationClass","classes","scaleToken","getSizeValueFromProp","React","createElement","_extends","cx","_objectSpread","dividerConfig","name","tag","layout","base","variations","css","viewCSS","size","sizeCSS","orientationCSS","defaults"],"mappings":";;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CACN,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CAAEM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAAAE,WAAA,GAAAP,IAAA,CAAEQ,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAC3E,IAAA,IAAMC,gBAAgB,GAAGC,OAAO,CAACP,WAAW,CAAyB,CAAA;AAErE,IAAA,IAAMQ,UAAU,GAAG;AACf,MAAA,gCAAgC,EAAEC,oBAAoB,CAACP,MAAM,EAAE,GAAG,CAAA;KACrE,CAAA;AAED,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AACDjB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAEgB,EAAE,CAACP,gBAAgB,EAAET,SAAS,CAAE;AAC3CG,MAAAA,WAAW,EAAEA,WAAY;AACzBJ,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,KAAK,EAAAgB,cAAA,CAAAA,cAAA,CACEhB,EAAAA,EAAAA,KAAK,GACLU,UAAU,CAAA;KAEbL,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMY,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3B,WAAW;AACnB4B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDxB,IAAAA,WAAW,EAAE;AACTqB,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9B,IAAAA,IAAI,EAAE,SAAS;AACf2B,IAAAA,IAAI,EAAE,GAAG;AACTvB,IAAAA,WAAW,EAAE,YAAA;AACjB,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { DividerProps } from './Divider.types';\nimport { classes } from './Divider.tokens';\n\nexport const dividerRoot = (Root: RootProps<HTMLDivElement, DividerProps>) =>\n forwardRef<HTMLDivElement, DividerProps>(\n ({ view, className, style, orientation = 'horizontal', length = '100%', ...rest }, ref) => {\n const orientationClass = classes[orientation as keyof typeof classes];\n\n const scaleToken = {\n '--plasma_private-divider-scale': getSizeValueFromProp(length, '%'),\n };\n\n return (\n <Root\n ref={ref}\n className={cx(orientationClass, classes.divider, className)}\n orientation={orientation}\n view={view}\n style={{\n ...style,\n ...scaleToken,\n }}\n {...rest}\n />\n );\n },\n );\n\nexport const dividerConfig = {\n name: 'Divider',\n tag: 'div',\n layout: dividerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n orientation: 'horizontal',\n },\n};\n"],"names":["dividerRoot","Root","forwardRef","_ref","ref","view","className","style","_ref$orientation","orientation","_ref$length","length","rest","_objectWithoutProperties","_excluded","orientationClass","classes","scaleToken","getSizeValueFromProp","React","createElement","_extends","cx","divider","_objectSpread","dividerConfig","name","tag","layout","base","variations","css","viewCSS","size","sizeCSS","orientationCSS","defaults"],"mappings":";;;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CACN,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;MAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CAAEM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAAAE,WAAA,GAAAP,IAAA,CAAEQ,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAC3E,IAAA,IAAMC,gBAAgB,GAAGC,OAAO,CAACP,WAAW,CAAyB,CAAA;AAErE,IAAA,IAAMQ,UAAU,GAAG;AACf,MAAA,gCAAgC,EAAEC,oBAAoB,CAACP,MAAM,EAAE,GAAG,CAAA;KACrE,CAAA;AAED,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AACDjB,MAAAA,GAAG,EAAEA,GAAI;MACTE,SAAS,EAAEgB,EAAE,CAACP,gBAAgB,EAAEC,OAAO,CAACO,OAAO,EAAEjB,SAAS,CAAE;AAC5DG,MAAAA,WAAW,EAAEA,WAAY;AACzBJ,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,KAAK,EAAAiB,cAAA,CAAAA,cAAA,CACEjB,EAAAA,EAAAA,KAAK,GACLU,UAAU,CAAA;KAEbL,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMa,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,WAAW;AACnB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDzB,IAAAA,WAAW,EAAE;AACTsB,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACf4B,IAAAA,IAAI,EAAE,GAAG;AACTxB,IAAAA,WAAW,EAAE,YAAA;AACjB,GAAA;AACJ;;;;"}
@@ -1,4 +1,5 @@
1
1
  var classes = {
2
+ divider: 'plasma-divider',
2
3
  horizontal: 'plasma-divider-horizontal',
3
4
  vertical: 'plasma-divider-vertical'
4
5
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.tokens.js","sources":["../../../src/components/Divider/Divider.tokens.ts"],"sourcesContent":["export const classes = {\n horizontal: 'plasma-divider-horizontal',\n vertical: 'plasma-divider-vertical',\n};\n\nexport const tokens = {\n baseSideSize: '--plasma-divider-base-side-size',\n background: '--plasma-divider-background',\n borderRadius: '--plasma-divider-border-radius',\n};\n"],"names":["classes","horizontal","vertical","tokens","baseSideSize","background","borderRadius"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,YAAY,EAAE,gCAAA;AAClB;;;;"}
1
+ {"version":3,"file":"Divider.tokens.js","sources":["../../../src/components/Divider/Divider.tokens.ts"],"sourcesContent":["export const classes = {\n divider: 'plasma-divider',\n horizontal: 'plasma-divider-horizontal',\n vertical: 'plasma-divider-vertical',\n};\n\nexport const tokens = {\n baseSideSize: '--plasma-divider-base-side-size',\n background: '--plasma-divider-background',\n borderRadius: '--plasma-divider-border-radius',\n};\n"],"names":["classes","divider","horizontal","vertical","tokens","baseSideSize","background","borderRadius"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,YAAY,EAAE,gCAAA;AAClB;;;;"}
@@ -0,0 +1 @@
1
+ .Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
@@ -0,0 +1,48 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef } from 'react';
3
+ import { cx } from '../../utils/index.js';
4
+ import { base as base$2 } from './variations/_view/base.js';
5
+ import { base as base$1 } from './variations/_size/base.js';
6
+ import { classes } from './Toolbar.tokens.js';
7
+ import { base } from './Toolbar.styles.js';
8
+
9
+ var _excluded = ["children", "orientation", "hasShadow", "className"];
10
+ var toolbarRoot = function toolbarRoot(Root) {
11
+ return /*#__PURE__*/forwardRef(function (props, ref) {
12
+ var children = props.children,
13
+ _props$orientation = props.orientation,
14
+ orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
15
+ _props$hasShadow = props.hasShadow,
16
+ hasShadow = _props$hasShadow === void 0 ? true : _props$hasShadow,
17
+ className = props.className,
18
+ rest = _objectWithoutProperties(props, _excluded);
19
+ var orientationClassName = orientation === 'horizontal' ? classes.horizontal : classes.vertical;
20
+ var shadowClassName = hasShadow ? classes.shadow : undefined;
21
+ return /*#__PURE__*/React.createElement(Root, _extends({
22
+ ref: ref,
23
+ orientation: orientation,
24
+ hasShadow: hasShadow,
25
+ className: cx(className, orientationClassName, shadowClassName)
26
+ }, rest), children);
27
+ });
28
+ };
29
+ var toolbarConfig = {
30
+ name: 'Toolbar',
31
+ tag: 'div',
32
+ layout: toolbarRoot,
33
+ base: base,
34
+ variations: {
35
+ size: {
36
+ css: base$1
37
+ },
38
+ view: {
39
+ css: base$2
40
+ }
41
+ },
42
+ defaults: {
43
+ view: 'default'
44
+ }
45
+ };
46
+
47
+ export { toolbarConfig, toolbarRoot };
48
+ //# sourceMappingURL=Toolbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.js","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { ToolbarProps } from './Toolbar.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Toolbar.tokens';\nimport { base } from './Toolbar.styles';\n\nexport const toolbarRoot = (Root: RootProps<HTMLDivElement, ToolbarProps>) =>\n forwardRef<HTMLDivElement, ToolbarProps>((props, ref) => {\n const { children, orientation = 'vertical', hasShadow = true, className, ...rest } = props;\n const orientationClassName = orientation === 'horizontal' ? classes.horizontal : classes.vertical;\n const shadowClassName = hasShadow ? classes.shadow : undefined;\n\n return (\n <Root\n ref={ref}\n orientation={orientation}\n hasShadow={hasShadow}\n className={cx(className, orientationClassName, shadowClassName)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const toolbarConfig = {\n name: 'Toolbar',\n tag: 'div',\n layout: toolbarRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["toolbarRoot","Root","forwardRef","props","ref","children","_props$orientation","orientation","_props$hasShadow","hasShadow","className","rest","_objectWithoutProperties","_excluded","orientationClassName","classes","horizontal","vertical","shadowClassName","shadow","undefined","React","createElement","_extends","cx","toolbarConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;IAWaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,QAAQ,GAAqEF,KAAK,CAAlFE,QAAQ;MAAAC,kBAAA,GAAqEH,KAAK,CAAxEI,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,kBAAA;MAAAE,gBAAA,GAA2CL,KAAK,CAA9CM,SAAS;AAATA,MAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;MAAEE,SAAS,GAAcP,KAAK,CAA5BO,SAAS;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAC1F,IAAA,IAAMC,oBAAoB,GAAGP,WAAW,KAAK,YAAY,GAAGQ,OAAO,CAACC,UAAU,GAAGD,OAAO,CAACE,QAAQ,CAAA;IACjG,IAAMC,eAAe,GAAGT,SAAS,GAAGM,OAAO,CAACI,MAAM,GAAGC,SAAS,CAAA;AAE9D,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAAsB,QAAA,CAAA;AACDnB,MAAAA,GAAG,EAAEA,GAAI;AACTG,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,SAAS,EAAEc,EAAE,CAACd,SAAS,EAAEI,oBAAoB,EAAEI,eAAe,CAAA;KAC1DP,EAAAA,IAAI,CAEPN,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,WAAW;AACnB6B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
@@ -0,0 +1,5 @@
1
+ import './Toolbar.styles_iomsh3.css';
2
+ var base = "bd5aerk";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=Toolbar.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.styles.js","sources":["../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { dividerClasses } from '../Divider';\n\nimport { classes, tokens } from './Toolbar.tokens';\n\nexport const base = css`\n display: inline-flex;\n box-sizing: border-box;\n border-radius: var(${tokens.borderRadius});\n background: var(${tokens.background});\n padding: var(${tokens.padding});\n\n &.${classes.shadow} {\n box-shadow: var(${tokens.boxShadow});\n }\n\n &.${classes.vertical} {\n flex-direction: column;\n width: var(${tokens.size});\n }\n\n &.${classes.horizontal} {\n flex-direction: row;\n height: var(${tokens.size});\n }\n\n &.${classes.vertical} .${dividerClasses.divider} {\n width: var(${tokens.dividerSize});\n height: 0.063rem;\n\n margin: var(${tokens.dividerOffset}) 0;\n }\n\n &.${classes.horizontal} .${dividerClasses.divider} {\n width: 0.063rem;\n height: var(${tokens.dividerSize});\n\n margin: 0 var(${tokens.dividerOffset});\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAkChB;;;;"}
@@ -0,0 +1 @@
1
+ .bd5aerk{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.bd5aerk.toolbar-shadow{box-shadow:var(--plasma-toolbar-box-shadow);}.bd5aerk.toolbar-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.bd5aerk.toolbar-horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.bd5aerk.toolbar-vertical .plasma-divider{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.bd5aerk.toolbar-horizontal .plasma-divider{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
@@ -0,0 +1,22 @@
1
+ var classes = {
2
+ vertical: 'toolbar-vertical',
3
+ horizontal: 'toolbar-horizontal',
4
+ shadow: 'toolbar-shadow',
5
+ divider: 'toolbar-divider'
6
+ };
7
+ var tokens = {
8
+ // Toolbar
9
+ size: '--plasma-toolbar-size',
10
+ padding: '--plasma-toolbar-padding',
11
+ background: '--plasma-toolbar-background',
12
+ boxShadow: '--plasma-toolbar-box-shadow',
13
+ borderRadius: '--plasma-toolbar-border-radius',
14
+ // ToolbarDivider
15
+ dividerColor: '--plasma-toolbar-divider-color',
16
+ dividerOffset: '--plasma-toolbar-divider-offset',
17
+ dividerSize: '--plasma-toolbar-divider-size',
18
+ dividerBorderRadius: '--plasma-toolbar-divider-border-radius'
19
+ };
20
+
21
+ export { classes, tokens };
22
+ //# sourceMappingURL=Toolbar.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.tokens.js","sources":["../../../src/components/Toolbar/Toolbar.tokens.ts"],"sourcesContent":["export const classes = {\n vertical: 'toolbar-vertical',\n horizontal: 'toolbar-horizontal',\n shadow: 'toolbar-shadow',\n divider: 'toolbar-divider',\n};\n\nexport const tokens = {\n // Toolbar\n size: '--plasma-toolbar-size',\n padding: '--plasma-toolbar-padding',\n background: '--plasma-toolbar-background',\n boxShadow: '--plasma-toolbar-box-shadow',\n borderRadius: '--plasma-toolbar-border-radius',\n\n // ToolbarDivider\n dividerColor: '--plasma-toolbar-divider-color',\n dividerOffset: '--plasma-toolbar-divider-offset',\n dividerSize: '--plasma-toolbar-divider-size',\n dividerBorderRadius: '--plasma-toolbar-divider-border-radius',\n};\n"],"names":["classes","vertical","horizontal","shadow","divider","tokens","size","padding","background","boxShadow","borderRadius","dividerColor","dividerOffset","dividerSize","dividerBorderRadius"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,kBAAkB;AAC5BC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,MAAM,EAAE,gBAAgB;AACxBC,EAAAA,OAAO,EAAE,iBAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,YAAY,EAAE,gCAAgC;AAE9C;AACAC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,mBAAmB,EAAE,wCAAA;AACzB;;;;"}
@@ -0,0 +1,7 @@
1
+ .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
2
+
3
+ .base_zgkavi_b1a2rquh__e8c83449{border-radius:var(--plasma-divider-border-radius);}
4
+
5
+ .base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerHorizontal__125c85bf{width:var(--plasma_private-divider-scale);height:var(--plasma-divider-base-side-size);}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;position:relative;background:unset;}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf:before{content:'';background:var(--plasma-divider-background);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--plasma-divider-base-side-size);min-height:var(--plasma_private-divider-scale);}
6
+
7
+ .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
@@ -0,0 +1,16 @@
1
+ import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import { dividerRoot, dividerConfig } from '../../../Divider/Divider.js';
3
+ import { base } from './ToolbarDivider.styles.js';
4
+
5
+ /**
6
+ * Разделитель тулбара
7
+ */
8
+ var toolbarDividerRoot = dividerRoot;
9
+ var toolbarDividerConfig = /*#__PURE__*/_objectSpread2( /*#__PURE__*/_objectSpread2({}, dividerConfig), {}, {
10
+ name: 'ToolbarDivider',
11
+ layout: toolbarDividerRoot,
12
+ base: base
13
+ });
14
+
15
+ export { toolbarDividerConfig, toolbarDividerRoot };
16
+ //# sourceMappingURL=ToolbarDivider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToolbarDivider.js","sources":["../../../../../src/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.tsx"],"sourcesContent":["import { dividerConfig, dividerRoot } from '../../../Divider';\n\nimport { base } from './ToolbarDivider.styles';\n\n/**\n * Разделитель тулбара\n */\nexport const toolbarDividerRoot = dividerRoot;\n\nexport const toolbarDividerConfig = {\n ...dividerConfig,\n name: 'ToolbarDivider',\n layout: toolbarDividerRoot,\n base,\n};\n"],"names":["toolbarDividerRoot","dividerRoot","toolbarDividerConfig","_objectSpread","dividerConfig","name","layout","base"],"mappings":";;;;AAIA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAGC,YAAW;IAEhCC,oBAAoB,gBAAAC,cAAA,eAAAA,cAAA,KAC1BC,aAAa,CAAA,EAAA,EAAA,EAAA;AAChBC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,MAAM,EAAEN,kBAAkB;AAC1BO,EAAAA,IAAI,EAAJA,IAAAA;AAAI,CACP;;;;"}
@@ -0,0 +1,7 @@
1
+ import './ToolbarDivider.styles_1ypqhb1.css';
2
+ // NOTE: Необходимое переопределение токенов из компонента Divider
3
+ var mappingOverride = "mcdkovg";
4
+ var base = mappingOverride;
5
+
6
+ export { base, mappingOverride };
7
+ //# sourceMappingURL=ToolbarDivider.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToolbarDivider.styles.js","sources":["../../../../../src/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Toolbar.tokens';\nimport { dividerTokens } from '../../../Divider';\n\n// NOTE: Необходимое переопределение токенов из компонента Divider\nexport const mappingOverride = css`\n align-self: center;\n ${dividerTokens.background}: var(${tokens.dividerColor});\n ${dividerTokens.borderRadius}: var(${tokens.dividerBorderRadius});\n`;\n\nexport const base = mappingOverride;\n"],"names":["mappingOverride","base"],"mappings":"AAKA;AACO,IAAMA,eAAe,GAI3B,UAAA;AAEM,IAAMC,IAAI,GAAGD;;;;"}
@@ -0,0 +1 @@
1
+ .mcdkovg{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
@@ -1,5 +1,5 @@
1
1
  import './base_x642ct.css';
2
- var base = "b6eqx01";
2
+ var base = "b1a1ppen";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Toolbar/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_c5qh0x.css';
2
- var base = "b1sr9i7l";
1
+ import './base_x642ct.css';
2
+ var base = "b1ikrjqq";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Toolbar/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}