@salutejs/plasma-new-hope 0.335.0-canary.2195.17430179093.0 → 0.335.0-canary.2195.17431561580.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Button/Button.js +3 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/emotion/cjs/components/Button/Button.js +3 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/Button/Button.js +3 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Button/Button.js +3 -1
- package/es/components/Button/Button.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Button/Button.js +3 -1
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Button/Button.js +3 -1
@@ -80,7 +80,9 @@ var buttonRoot = function buttonRoot(Root) {
|
|
80
80
|
isLoading: isLoading
|
81
81
|
}, contentLeft && /*#__PURE__*/React__default.default.createElement(Button_styles.StyledContentLeft, {
|
82
82
|
hasContentMargin: hasRightContentMargin
|
83
|
-
}, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(Button_styles.ButtonText,
|
83
|
+
}, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(Button_styles.ButtonText, {
|
84
|
+
className: contentRelaxedClass
|
85
|
+
}, txt) : children, additionalContent && /*#__PURE__*/React__default.default.createElement(Button_styles.StyledAdditionalContent, {
|
84
86
|
className: cls__default.default(contentRelaxedClass, _rollupPluginBabelHelpers.defineProperty({}, Button_tokens.classes.buttonHasValue, Boolean(value)))
|
85
87
|
}, additionalContent), value && /*#__PURE__*/React__default.default.createElement(Button_styles.ButtonValue, null, value), contentRight && /*#__PURE__*/React__default.default.createElement(Button_styles.StyledContentRight, {
|
86
88
|
hasContentMargin: hasLeftContentMargin
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? <ButtonText>{txt}</ButtonText> : children}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
|
@@ -209,7 +209,9 @@ var buttonRoot = function(Root) {
|
|
209
209
|
isLoading: isLoading
|
210
210
|
}, contentLeft && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentLeft, {
|
211
211
|
hasContentMargin: hasRightContentMargin
|
212
|
-
}, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonText,
|
212
|
+
}, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonText, {
|
213
|
+
className: contentRelaxedClass
|
214
|
+
}, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledAdditionalContent, {
|
213
215
|
className: (0, _classnames.default)(contentRelaxedClass, _define_property({}, _Buttontokens.classes.buttonHasValue, Boolean(value)))
|
214
216
|
}, additionalContent), value && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonValue, null, value), contentRight && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentRight, {
|
215
217
|
hasContentMargin: hasLeftContentMargin
|
@@ -1,16 +1 @@
|
|
1
1
|
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return Combobox;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _engines = require("../../../engines");
|
12
|
-
var _ = require("../../..");
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
-
var Combobox = ComboboxComponent;
|
@@ -145,7 +145,9 @@ export var buttonRoot = function(Root) {
|
|
145
145
|
isLoading: isLoading
|
146
146
|
}, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
|
147
147
|
hasContentMargin: hasRightContentMargin
|
148
|
-
}, contentLeft), txt ? /*#__PURE__*/ React.createElement(ButtonText,
|
148
|
+
}, contentLeft), txt ? /*#__PURE__*/ React.createElement(ButtonText, {
|
149
|
+
className: contentRelaxedClass
|
150
|
+
}, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, {
|
149
151
|
className: cls(contentRelaxedClass, _define_property({}, classes.buttonHasValue, Boolean(value)))
|
150
152
|
}, additionalContent), value && /*#__PURE__*/ React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
|
151
153
|
hasContentMargin: hasLeftContentMargin
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
3
|
-
import { config } from "./Combobox.config";
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
6
|
-
var Combobox = ComboboxComponent;
|
7
|
-
export { Combobox };
|
@@ -71,7 +71,9 @@ var buttonRoot = function buttonRoot(Root) {
|
|
71
71
|
isLoading: isLoading
|
72
72
|
}, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
|
73
73
|
hasContentMargin: hasRightContentMargin
|
74
|
-
}, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText,
|
74
|
+
}, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
|
75
|
+
className: contentRelaxedClass
|
76
|
+
}, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, {
|
75
77
|
className: cls(contentRelaxedClass, _defineProperty({}, classes.buttonHasValue, Boolean(value)))
|
76
78
|
}, additionalContent), value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
|
77
79
|
hasContentMargin: hasLeftContentMargin
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? <ButtonText>{txt}</ButtonText> : children}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n base,\n ButtonText,\n ButtonValue,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n value,\n contentLeft,\n contentRight,\n contentPlacing = 'default',\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const squareClass = square ? classes.buttonSquare : undefined;\n const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n value={value}\n disabled={disabled}\n focused={focused || outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n {contentLeft && (\n <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n )}\n {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n {additionalContent && (\n <StyledAdditionalContent\n className={cls(contentRelaxedClass, {\n [classes.buttonHasValue]: Boolean(value),\n })}\n >\n {additionalContent}\n </StyledAdditionalContent>\n )}\n {value && <ButtonValue>{value}</ButtonValue>}\n {contentRight && (\n <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n )}\n </LoadWrap>\n {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.335.0-canary.2195.
|
3
|
+
"version": "0.335.0-canary.2195.17431561580.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -79,7 +79,7 @@
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
82
|
-
"@salutejs/plasma-sb-utils": "0.207.0-canary.2195.
|
82
|
+
"@salutejs/plasma-sb-utils": "0.207.0-canary.2195.17431561580.0",
|
83
83
|
"@salutejs/plasma-themes": "0.37.0",
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
@@ -117,7 +117,7 @@
|
|
117
117
|
"@linaria/react": "5.0.3",
|
118
118
|
"@popperjs/core": "2.11.8",
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
120
|
-
"@salutejs/plasma-core": "1.207.0-canary.2195.
|
120
|
+
"@salutejs/plasma-core": "1.207.0-canary.2195.17431561580.0",
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "0afce430a75bbd3799570b1da004f9d7f3a93e96"
|
141
141
|
}
|
@@ -209,7 +209,9 @@ var buttonRoot = function(Root) {
|
|
209
209
|
isLoading: isLoading
|
210
210
|
}, contentLeft && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentLeft, {
|
211
211
|
hasContentMargin: hasRightContentMargin
|
212
|
-
}, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonText,
|
212
|
+
}, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonText, {
|
213
|
+
className: contentRelaxedClass
|
214
|
+
}, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledAdditionalContent, {
|
213
215
|
className: (0, _classnames.default)(contentRelaxedClass, _define_property({}, _Buttontokens.classes.buttonHasValue, Boolean(value)))
|
214
216
|
}, additionalContent), value && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonValue, null, value), contentRight && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentRight, {
|
215
217
|
hasContentMargin: hasLeftContentMargin
|
@@ -1 +1,16 @@
|
|
1
1
|
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
6
|
+
enumerable: true,
|
7
|
+
get: function() {
|
8
|
+
return Combobox;
|
9
|
+
}
|
10
|
+
});
|
11
|
+
var _engines = require("../../../engines");
|
12
|
+
var _ = require("../../..");
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
+
var Combobox = ComboboxComponent;
|
@@ -145,7 +145,9 @@ export var buttonRoot = function(Root) {
|
|
145
145
|
isLoading: isLoading
|
146
146
|
}, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
|
147
147
|
hasContentMargin: hasRightContentMargin
|
148
|
-
}, contentLeft), txt ? /*#__PURE__*/ React.createElement(ButtonText,
|
148
|
+
}, contentLeft), txt ? /*#__PURE__*/ React.createElement(ButtonText, {
|
149
|
+
className: contentRelaxedClass
|
150
|
+
}, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, {
|
149
151
|
className: cls(contentRelaxedClass, _define_property({}, classes.buttonHasValue, Boolean(value)))
|
150
152
|
}, additionalContent), value && /*#__PURE__*/ React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
|
151
153
|
hasContentMargin: hasLeftContentMargin
|