@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.
@@ -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, null, txt) : children, additionalContent && /*#__PURE__*/React__default.default.createElement(Button_styles.StyledAdditionalContent, {
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, null, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledAdditionalContent, {
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, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, {
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, null, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, {
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.17430179093.0",
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.17430179093.0",
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.17430179093.0",
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": "39d782f6c2cff8229bc3a650238f40310061bd76"
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, null, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledAdditionalContent, {
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, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, {
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