@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.
- package/cjs/components/Divider/Divider.js +1 -1
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.tokens.js +1 -0
- package/cjs/components/Divider/Divider.tokens.js.map +1 -1
- package/cjs/components/Toolbar/Toolbar.css +1 -0
- package/cjs/components/Toolbar/Toolbar.js +53 -0
- package/cjs/components/Toolbar/Toolbar.js.map +1 -0
- package/cjs/components/Toolbar/Toolbar.styles.js +9 -0
- package/cjs/components/Toolbar/Toolbar.styles.js.map +1 -0
- package/cjs/components/Toolbar/Toolbar.styles_iomsh3.css +1 -0
- package/cjs/components/Toolbar/Toolbar.tokens.js +27 -0
- package/cjs/components/Toolbar/Toolbar.tokens.js.map +1 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.css +7 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +21 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js.map +1 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +12 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js.map +1 -0
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles_1ypqhb1.css +1 -0
- package/cjs/components/{Cell → Toolbar}/variations/_size/base.js +1 -1
- package/cjs/components/Toolbar/variations/_size/base.js.map +1 -0
- package/cjs/components/{Cell → Toolbar}/variations/_view/base.js +2 -2
- package/cjs/components/Toolbar/variations/_view/base.js.map +1 -0
- package/cjs/index.css +4 -4
- package/cjs/index.js +8 -14
- package/cjs/index.js.map +1 -1
- package/es/components/Divider/Divider.js +1 -1
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Divider/Divider.tokens.js +1 -0
- package/es/components/Divider/Divider.tokens.js.map +1 -1
- package/es/components/Toolbar/Toolbar.css +1 -0
- package/es/components/Toolbar/Toolbar.js +48 -0
- package/es/components/Toolbar/Toolbar.js.map +1 -0
- package/es/components/Toolbar/Toolbar.styles.js +5 -0
- package/es/components/Toolbar/Toolbar.styles.js.map +1 -0
- package/es/components/Toolbar/Toolbar.styles_iomsh3.css +1 -0
- package/es/components/Toolbar/Toolbar.tokens.js +22 -0
- package/es/components/Toolbar/Toolbar.tokens.js.map +1 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.css +7 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +16 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js.map +1 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +7 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js.map +1 -0
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles_1ypqhb1.css +1 -0
- package/es/components/{Cell → Toolbar}/variations/_size/base.js +1 -1
- package/es/components/Toolbar/variations/_size/base.js.map +1 -0
- package/es/components/Toolbar/variations/_size/base_x642ct.css +1 -0
- package/es/components/{Cell → Toolbar}/variations/_view/base.js +2 -2
- package/es/components/Toolbar/variations/_view/base.js.map +1 -0
- package/es/components/Toolbar/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +4 -4
- package/es/index.js +3 -6
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Divider/Divider.js +1 -1
- package/styled-components/cjs/components/Divider/Divider.tokens.js +1 -0
- package/styled-components/cjs/components/Toolbar/Toolbar.js +55 -0
- package/styled-components/cjs/components/Toolbar/Toolbar.styles.js +10 -0
- package/styled-components/cjs/components/Toolbar/Toolbar.tokens.js +25 -0
- package/styled-components/cjs/components/Toolbar/index.js +42 -0
- package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +23 -0
- package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +12 -0
- package/styled-components/cjs/components/Toolbar/ui/index.js +18 -0
- package/styled-components/cjs/components/Toolbar/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/{Cell → Toolbar}/variations/_view/base.js +1 -2
- package/styled-components/cjs/components/Toolbar/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.js +17 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.js +17 -0
- package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +25 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +17 -0
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/cjs/index.js +11 -11
- package/styled-components/es/components/Divider/Divider.js +1 -1
- package/styled-components/es/components/Divider/Divider.tokens.js +1 -0
- package/styled-components/es/components/Toolbar/Toolbar.js +46 -0
- package/styled-components/es/components/Toolbar/Toolbar.styles.js +4 -0
- package/styled-components/es/components/Toolbar/Toolbar.tokens.js +19 -0
- package/styled-components/es/components/Toolbar/index.js +3 -0
- package/styled-components/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +18 -0
- package/styled-components/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +7 -0
- package/styled-components/es/components/Toolbar/ui/index.js +1 -0
- package/styled-components/es/components/Toolbar/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Toolbar/variations/_view/base.js +2 -0
- package/styled-components/es/components/Toolbar/variations/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.js +11 -0
- package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.js +11 -0
- package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +19 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +11 -0
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +64 -0
- package/styled-components/es/index.js +2 -2
- package/types/components/Divider/Divider.tokens.d.ts +1 -0
- package/types/components/Divider/Divider.tokens.d.ts.map +1 -1
- package/types/components/Toolbar/Toolbar.d.ts +34 -0
- package/types/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/components/{Cell/variations/_view/base.d.ts → Toolbar/Toolbar.styles.d.ts} +1 -1
- package/types/components/Toolbar/Toolbar.styles.d.ts.map +1 -0
- package/types/components/Toolbar/Toolbar.tokens.d.ts +18 -0
- package/types/components/Toolbar/Toolbar.tokens.d.ts.map +1 -0
- package/types/components/Toolbar/Toolbar.types.d.ts +27 -0
- package/types/components/Toolbar/Toolbar.types.d.ts.map +1 -0
- package/types/components/Toolbar/index.d.ts +5 -0
- package/types/components/Toolbar/index.d.ts.map +1 -0
- package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.d.ts +28 -0
- package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.d.ts.map +1 -0
- package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.d.ts +3 -0
- package/types/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.d.ts.map +1 -0
- package/types/components/Toolbar/ui/index.d.ts +2 -0
- package/types/components/Toolbar/ui/index.d.ts.map +1 -0
- package/types/components/Toolbar/variations/_size/base.d.ts.map +1 -0
- package/types/components/Toolbar/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/{plasma_web/components/Cell/Cell.config.d.ts → plasma_b2c/components/Toolbar/Toolbar.config.d.ts} +4 -10
- package/types/examples/plasma_b2c/components/Toolbar/Toolbar.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Toolbar/Toolbar.d.ts +23 -0
- package/types/examples/plasma_b2c/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
- package/types/examples/{plasma_b2c/components/Cell/Cell.config.d.ts → plasma_web/components/Toolbar/Toolbar.config.d.ts} +4 -10
- package/types/examples/plasma_web/components/Toolbar/Toolbar.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Toolbar/Toolbar.d.ts +23 -0
- package/types/examples/plasma_web/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +18 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +23 -0
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Cell/Cell.css +0 -3
- package/cjs/components/Cell/Cell.js +0 -75
- package/cjs/components/Cell/Cell.js.map +0 -1
- package/cjs/components/Cell/Cell.styles.js +0 -42
- package/cjs/components/Cell/Cell.styles.js.map +0 -1
- package/cjs/components/Cell/Cell.tokens.js +0 -50
- package/cjs/components/Cell/Cell.tokens.js.map +0 -1
- package/cjs/components/Cell/Textbox/Textbox.js +0 -20
- package/cjs/components/Cell/Textbox/Textbox.js.map +0 -1
- package/cjs/components/Cell/Textbox/Textbox.styles.js +0 -13
- package/cjs/components/Cell/Textbox/Textbox.styles.js.map +0 -1
- package/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -17
- package/cjs/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
- package/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -17
- package/cjs/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
- package/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -17
- package/cjs/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
- package/cjs/components/Cell/variations/_size/base.js.map +0 -1
- package/cjs/components/Cell/variations/_stretching/base.js +0 -9
- package/cjs/components/Cell/variations/_stretching/base.js.map +0 -1
- package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
- package/cjs/components/Cell/variations/_view/base.js.map +0 -1
- package/cjs/components/Cell/variations/_view/base_c5qh0x.css +0 -1
- package/es/components/Cell/Cell.css +0 -3
- package/es/components/Cell/Cell.js +0 -70
- package/es/components/Cell/Cell.js.map +0 -1
- package/es/components/Cell/Cell.styles.js +0 -34
- package/es/components/Cell/Cell.styles.js.map +0 -1
- package/es/components/Cell/Cell.tokens.js +0 -45
- package/es/components/Cell/Cell.tokens.js.map +0 -1
- package/es/components/Cell/Textbox/Textbox.js +0 -16
- package/es/components/Cell/Textbox/Textbox.js.map +0 -1
- package/es/components/Cell/Textbox/Textbox.styles.js +0 -9
- package/es/components/Cell/Textbox/Textbox.styles.js.map +0 -1
- package/es/components/Cell/Textbox/ui/TextLabel.js +0 -13
- package/es/components/Cell/Textbox/ui/TextLabel.js.map +0 -1
- package/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -13
- package/es/components/Cell/Textbox/ui/TextSubtitle.js.map +0 -1
- package/es/components/Cell/Textbox/ui/TextTitle.js +0 -13
- package/es/components/Cell/Textbox/ui/TextTitle.js.map +0 -1
- package/es/components/Cell/variations/_size/base.js.map +0 -1
- package/es/components/Cell/variations/_stretching/base.js +0 -5
- package/es/components/Cell/variations/_stretching/base.js.map +0 -1
- package/es/components/Cell/variations/_stretching/base_1ryz4br.css +0 -1
- package/es/components/Cell/variations/_view/base.js.map +0 -1
- package/es/components/Cell/variations/_view/base_c5qh0x.css +0 -1
- package/styled-components/cjs/components/Cell/Cell.js +0 -75
- package/styled-components/cjs/components/Cell/Cell.styles.js +0 -37
- package/styled-components/cjs/components/Cell/Cell.tokens.js +0 -48
- package/styled-components/cjs/components/Cell/Textbox/Textbox.js +0 -19
- package/styled-components/cjs/components/Cell/Textbox/Textbox.styles.js +0 -12
- package/styled-components/cjs/components/Cell/Textbox/Textbox.types.js +0 -5
- package/styled-components/cjs/components/Cell/Textbox/ui/TextLabel.js +0 -16
- package/styled-components/cjs/components/Cell/Textbox/ui/TextSubtitle.js +0 -16
- package/styled-components/cjs/components/Cell/Textbox/ui/TextTitle.js +0 -16
- package/styled-components/cjs/components/Cell/index.js +0 -59
- package/styled-components/cjs/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_stretching/base.js +0 -9
- package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/cjs/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -154
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +0 -35
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -154
- package/styled-components/es/components/Cell/Cell.js +0 -66
- package/styled-components/es/components/Cell/Cell.styles.js +0 -30
- package/styled-components/es/components/Cell/Cell.tokens.js +0 -42
- package/styled-components/es/components/Cell/Textbox/Textbox.js +0 -12
- package/styled-components/es/components/Cell/Textbox/Textbox.styles.js +0 -5
- package/styled-components/es/components/Cell/Textbox/Textbox.types.js +0 -1
- package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js +0 -9
- package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js +0 -9
- package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js +0 -9
- package/styled-components/es/components/Cell/index.js +0 -6
- package/styled-components/es/components/Cell/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_stretching/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/components/Cell/variations/_view/base.js +0 -3
- package/styled-components/es/components/Cell/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +0 -154
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +0 -154
- package/types/components/Cell/Cell.d.ts +0 -51
- package/types/components/Cell/Cell.d.ts.map +0 -1
- package/types/components/Cell/Cell.styles.d.ts +0 -11
- package/types/components/Cell/Cell.styles.d.ts.map +0 -1
- package/types/components/Cell/Cell.tokens.d.ts +0 -43
- package/types/components/Cell/Cell.tokens.d.ts.map +0 -1
- package/types/components/Cell/Cell.types.d.ts +0 -57
- package/types/components/Cell/Cell.types.d.ts.map +0 -1
- package/types/components/Cell/Textbox/Textbox.d.ts +0 -4
- package/types/components/Cell/Textbox/Textbox.d.ts.map +0 -1
- package/types/components/Cell/Textbox/Textbox.styles.d.ts +0 -2
- package/types/components/Cell/Textbox/Textbox.styles.d.ts.map +0 -1
- package/types/components/Cell/Textbox/Textbox.types.d.ts +0 -20
- package/types/components/Cell/Textbox/Textbox.types.d.ts.map +0 -1
- package/types/components/Cell/Textbox/ui/TextLabel.d.ts +0 -7
- package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map +0 -1
- package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts +0 -7
- package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map +0 -1
- package/types/components/Cell/Textbox/ui/TextTitle.d.ts +0 -7
- package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map +0 -1
- package/types/components/Cell/index.d.ts +0 -9
- package/types/components/Cell/index.d.ts.map +0 -1
- package/types/components/Cell/variations/_size/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_stretching/base.d.ts.map +0 -1
- package/types/components/Cell/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +0 -32
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +0 -32
- package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +0 -1
- /package/cjs/components/{Cell → Toolbar}/variations/_size/base_x642ct.css +0 -0
- /package/{es/components/Cell/variations/_size → cjs/components/Toolbar/variations/_view}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/{Cell/Cell.types.js → Toolbar/Toolbar.types.js} +0 -0
- /package/styled-components/cjs/components/{Cell → Toolbar}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/{Cell/Cell.types.js → Toolbar/Toolbar.types.js} +0 -0
- /package/styled-components/es/components/{Cell → Toolbar}/variations/_size/base.js +0 -0
- /package/types/components/{Cell → Toolbar}/variations/_size/base.d.ts +0 -0
- /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;
|
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;;;;;"}
|
@@ -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 @@
|
|
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);}
|
@@ -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;;;;"}
|
@@ -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;
|
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 +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 @@
|
|
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);}
|
@@ -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;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -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;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|