@salutejs/plasma-new-hope 0.115.0-dev.0 → 0.116.0-canary.1328.10266187073.0

package/styled-components/es/components/Select/Select.js

@@ -1,4 +1,4 @@
-var _excluded = ["multiselect", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,9 +26,7 @@ export var Context = /*#__PURE__*/createContext({});
  */
 export var selectRoot = function selectRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
-    var _props$multiselect = props.multiselect,
-      multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
-      outerValue = props.value,
+    var outerValue = props.value,
       outerOnChange = props.onChange,
       _props$target = props.target,
       target = _props$target === void 0 ? 'textfield-like' : _props$target,
@@ -40,8 +38,6 @@ export var selectRoot = function selectRoot(Root) {
       labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
       placeholder = props.placeholder,
       helperText = props.helperText,
-      _props$isTargetAmount = props.isTargetAmount,
-      isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       view = props.view,
@@ -58,7 +54,7 @@ export var selectRoot = function selectRoot(Root) {
       renderValue = props.renderValue,
       renderItem = props.renderItem,
       rest = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(outerValue || multiselect ? [] : ''),
+    var _useState = useState(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
       internalValue = _useState2[0],
       setInternalValue = _useState2[1];
@@ -119,30 +115,32 @@ export var selectRoot = function selectRoot(Root) {
       }
     };
     var handleCheckboxChange = function handleCheckboxChange(item) {
-      var checkedCopy = new Map(checked);
-      if (!checkedCopy.get(item.value.toString())) {
-        checkedCopy.set(item.value.toString(), true);
-        updateDescendants(item, checkedCopy, true);
-      } else {
-        checkedCopy.set(item.value.toString(), false);
-        updateDescendants(item, checkedCopy, false);
-      }
-      updateAncestors(item, checkedCopy);
-      var newValues = [];
-      valueToItemMap.forEach(function (item, key) {
-        if (checkedCopy.get(key)) {
-          newValues.push(item.value.toString());
+      if (props.multiselect) {
+        var checkedCopy = new Map(checked);
+        if (!checkedCopy.get(item.value)) {
+          checkedCopy.set(item.value, true);
+          updateDescendants(item, checkedCopy, true);
+        } else {
+          checkedCopy.set(item.value, false);
+          updateDescendants(item, checkedCopy, false);
+        }
+        updateAncestors(item, checkedCopy);
+        var newValues = [];
+        valueToItemMap.forEach(function (item, key) {
+          if (checkedCopy.get(key)) {
+            newValues.push(item.value);
+          }
+        });
+        if (onChange) {
+          onChange(newValues);
         }
-      });
-      if (onChange) {
-        onChange(newValues);
       }
     };
     var handleItemClick = function handleItemClick(item, e) {
       if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
         return;
       }
-      if (multiselect) {
+      if (props.multiselect) {
         handleCheckboxChange(item);
       } else {
         if (e) {
@@ -168,7 +166,7 @@ export var selectRoot = function selectRoot(Root) {
     var handlePressDown = function handlePressDown(item, e) {
       if (isEmpty(item.items)) {
         handleItemClick(item, e);
-      } else if (multiselect) {
+      } else if (props.multiselect) {
         handleCheckboxChange(item);
       }
     };
@@ -180,6 +178,7 @@ export var selectRoot = function selectRoot(Root) {
       }
     };
     var _useKeyNavigation = useKeyNavigation({
+        value: value,
         focusedPath: focusedPath,
         dispatchFocusedPath: dispatchFocusedPath,
         path: path,
@@ -190,10 +189,9 @@ export var selectRoot = function selectRoot(Root) {
         handlePressDown: handlePressDown,
         focusedChipIndex: focusedChipIndex,
         dispatchFocusedChipIndex: dispatchFocusedChipIndex,
-        value: value,
         valueToItemMap: valueToItemMap,
-        multiselect: multiselect,
-        isTargetAmount: isTargetAmount
+        multiselect: props.multiselect,
+        isTargetAmount: props.isTargetAmount
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
     var isCurrentListOpen = Boolean(path[0]);
@@ -227,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
       value: {
         focusedPath: focusedPath,
         checked: checked,
-        multiselect: multiselect,
+        multiselect: props.multiselect,
         size: size,
         handleCheckboxChange: handleCheckboxChange,
         handleItemClick: handleItemClick,
@@ -244,10 +242,7 @@ export var selectRoot = function selectRoot(Root) {
       trigger: "click",
       target: /*#__PURE__*/React.createElement(Target, {
         opened: isCurrentListOpen,
-        target: target,
         value: value,
-        isTargetAmount: isTargetAmount,
-        multiselect: multiselect,
         valueToItemMap: valueToItemMap,
         focusedPath: focusedPath,
         focusedToValueMap: focusedToValueMap,
@@ -257,6 +252,7 @@ export var selectRoot = function selectRoot(Root) {
         onKeyDown: onKeyDown,
         focusedChipIndex: focusedChipIndex,
         labelPlacement: labelPlacement,
+        selectProps: props,
         size: size,
         contentLeft: contentLeft,
         disabled: disabled,

package/styled-components/es/components/Select/Select.styles.js

@@ -10,7 +10,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
 })([".", ",.", "{width:100%;}"], /*#__PURE__*/String(popoverClasses.root), /*#__PURE__*/String(popoverClasses.target));
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-1"
-})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
+})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {

package/styled-components/es/components/Select/Select.tokens.js

@@ -79,7 +79,7 @@ export var constants = {
   focusColor: '--surface-accent',
   focusSize: '0.0625rem',
   background: '--surface-solid-card',
-  boxShadow: '--shadow-down-soft-s',
+  boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
   disclosureIconColor: '--text-secondary',
   disclosureIconColorHover: '--text-secondary-hover',
   itemBackground: '--plasma-colors-transparent',

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -2,9 +2,6 @@ import React from 'react';
 import { Button, Textfield } from './ui';
 export var Target = function Target(_ref) {
   var value = _ref.value,
-    multiselect = _ref.multiselect,
-    isTargetAmount = _ref.isTargetAmount,
-    target = _ref.target,
     opened = _ref.opened,
     valueToItemMap = _ref.valueToItemMap,
     onChipClick = _ref.onChipClick,
@@ -18,12 +15,11 @@ export var Target = function Target(_ref) {
     disabled = _ref.disabled,
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
-    focusedToValueMap = _ref.focusedToValueMap;
-  return target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
+    focusedToValueMap = _ref.focusedToValueMap,
+    selectProps = _ref.selectProps;
+  return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
     opened: opened,
     value: value,
-    isTargetAmount: isTargetAmount,
-    multiselect: multiselect,
     valueToItemMap: valueToItemMap,
     onKeyDown: onKeyDown,
     label: label,
@@ -31,12 +27,11 @@ export var Target = function Target(_ref) {
     disabled: disabled,
     renderValue: renderValue,
     focusedPath: focusedPath,
-    focusedToValueMap: focusedToValueMap
+    focusedToValueMap: focusedToValueMap,
+    selectProps: selectProps
   }) : /*#__PURE__*/React.createElement(Textfield, {
     opened: opened,
     value: value,
-    isTargetAmount: isTargetAmount,
-    multiselect: multiselect,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,
     label: label,
@@ -49,6 +44,7 @@ export var Target = function Target(_ref) {
     disabled: disabled,
     renderValue: renderValue,
     focusedPath: focusedPath,
-    focusedToValueMap: focusedToValueMap
+    focusedToValueMap: focusedToValueMap,
+    selectProps: selectProps
   });
 };

package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js

@@ -6,8 +6,6 @@ import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } fro
 export var Button = function Button(_ref) {
   var opened = _ref.opened,
     value = _ref.value,
-    isTargetAmount = _ref.isTargetAmount,
-    multiselect = _ref.multiselect,
     valueToItemMap = _ref.valueToItemMap,
     onKeyDown = _ref.onKeyDown,
     label = _ref.label,
@@ -15,7 +13,8 @@ export var Button = function Button(_ref) {
     disabled = _ref.disabled,
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
-    focusedToValueMap = _ref.focusedToValueMap;
+    focusedToValueMap = _ref.focusedToValueMap,
+    selectProps = _ref.selectProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -38,13 +37,13 @@ export var Button = function Button(_ref) {
     "aria-controls": "tree_level_1",
     "aria-expanded": opened,
     "aria-activedescendant": getActiveDescendant(),
-    "aria-label": label
-  }, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
+    "aria-label": label,
+    renderTarget: Boolean(selectProps.renderTarget)
+  }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
     value: value,
-    isTargetAmount: isTargetAmount,
-    multiselect: multiselect,
     valueToItemMap: valueToItemMap,
     label: label,
-    renderValue: renderValue
+    renderValue: renderValue,
+    selectProps: selectProps
   }))));
 };

package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -8,7 +8,10 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, function (_ref) {
+  var renderTarget = _ref.renderTarget;
+  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
+}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
 export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-1"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.targetButtonArrowColor, tokens.targetButtonArrowColorHover, tokens.targetButtonArrowColorActive);
@@ -17,7 +20,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
 })(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
 export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-3"
-})(["display:inline;.", "::before{box-shadow:none !important;}"], classes.selectWithoutBoxShadow);
+})(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], classes.selectWithoutBoxShadow, classes.arrowInverse);
 export var Label = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-4"
-})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/applyEllipsis(), classes.arrowInverse);
+})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/applyEllipsis());

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -49,8 +49,6 @@ var getLabel = function getLabel(_ref) {
 export var Textfield = function Textfield(_ref2) {
   var opened = _ref2.opened,
     value = _ref2.value,
-    isTargetAmount = _ref2.isTargetAmount,
-    multiselect = _ref2.multiselect,
     valueToItemMap = _ref2.valueToItemMap,
     onChipClick = _ref2.onChipClick,
     label = _ref2.label,
@@ -63,7 +61,8 @@ export var Textfield = function Textfield(_ref2) {
     disabled = _ref2.disabled,
     renderValue = _ref2.renderValue,
     focusedPath = _ref2.focusedPath,
-    focusedToValueMap = _ref2.focusedToValueMap;
+    focusedToValueMap = _ref2.focusedToValueMap,
+    selectProps = _ref2.selectProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -84,19 +83,20 @@ export var Textfield = function Textfield(_ref2) {
     "aria-controls": "tree_level_1",
     "aria-expanded": opened,
     "aria-activedescendant": getActiveDescendant(),
-    "aria-label": label
-  }, /*#__PURE__*/React.createElement(Wrapper, null, contentLeft && (!multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
+    "aria-label": label,
+    renderTarget: Boolean(selectProps.renderTarget)
+  }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
     value: value,
-    isTargetAmount: isTargetAmount,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,
-    label: label,
-    placeholder: placeholder,
     focusedChipIndex: focusedChipIndex,
+    label: label,
     labelPlacement: labelPlacement,
-    size: size,
-    renderValue: renderValue
-  })), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+    placeholder: placeholder,
+    isTargetAmount: selectProps.isTargetAmount,
+    renderValue: renderValue,
+    size: size
+  }))), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
     size: sizeToIconSize(size),
     color: "inherit",
     className: cx(classes.selectTargetArrow, withArrowInverse)

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -18,7 +18,10 @@ export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
 }, classes.selectWithoutBoxShadow);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-1"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref3) {
+  var renderTarget = _ref3.renderTarget;
+  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
+}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
   outlineOffset: constants.textfieldBorderSize,
   outlineSize: constants.focusSize,
   outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),

package/styled-components/es/components/Select/utils/getButtonLabel.js

@@ -1,31 +1,30 @@
 import { isEmpty } from '../../../utils';
 var getLabel = function getLabel(_ref) {
-  var renderValue = _ref.renderValue,
-    value = _ref.value,
-    valueToItemMap = _ref.valueToItemMap;
+  var value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap,
+    renderValue = _ref.renderValue;
   var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
     label = _ref2.label;
   return renderValue ? renderValue(value, label) : label;
 };
 export var getButtonLabel = function getButtonLabel(_ref3) {
   var value = _ref3.value,
-    label = _ref3.label,
-    isTargetAmount = _ref3.isTargetAmount,
-    multiselect = _ref3.multiselect,
     valueToItemMap = _ref3.valueToItemMap,
-    renderValue = _ref3.renderValue;
+    label = _ref3.label,
+    renderValue = _ref3.renderValue,
+    selectProps = _ref3.selectProps;
   if (isEmpty(value)) {
-    return label;
+    return label || '';
   }
-  if (multiselect && isTargetAmount) {
+  if (selectProps.multiselect && selectProps.isTargetAmount) {
     return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
   }
-  if (multiselect && Array.isArray(value)) {
-    return value.map(function (itemValue) {
+  if (selectProps.multiselect && Array.isArray(value)) {
+    return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
       return getLabel({
-        renderValue: renderValue,
         value: itemValue,
-        valueToItemMap: valueToItemMap
+        valueToItemMap: valueToItemMap,
+        renderValue: renderValue
       });
     }).join(', ');
   }

package/types/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAI9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}

package/types/components/Button/Button.tokens.d.ts

@@ -29,7 +29,9 @@ export declare const tokens: {
     buttonLetterSpacing: string;
     buttonLineHeight: string;
     buttonLeftContentMargin: string;
+    buttonLeftContentAlignSelf: string;
     buttonRightContentMargin: string;
+    buttonRightContentAlignSelf: string;
     buttonValueMargin: string;
     buttonDisabledOpacity: string;
     buttonFocusColor: string;

package/types/components/Button/Button.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
+{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC"}

package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts

@@ -5,11 +5,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
 } & {
     target?: "textfield-like" | undefined;
     view?: "default" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: import("react").ReactNode;
-    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
@@ -18,11 +18,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
 } & {
     target?: "button-like" | undefined;
     view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: undefined;
-    label?: undefined;
     labelPlacement?: undefined;
     placeholder?: undefined;
     helperText?: undefined;
@@ -31,11 +31,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
 } & {
     target?: "textfield-like" | undefined;
     view?: "default" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: import("react").ReactNode;
-    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
@@ -44,11 +44,11 @@ export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta &
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
 } & {
     target?: "button-like" | undefined;
     view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: undefined;
-    label?: undefined;
     labelPlacement?: undefined;
     placeholder?: undefined;
     helperText?: undefined;

package/types/components/Select/Select.types.d.ts

@@ -16,10 +16,6 @@ declare type Target = {
      * Слот для контента слева.
      */
     contentLeft?: React.ReactNode;
-    /**
-     * Метка-подпись к элементу.
-     */
-    label?: string;
     /**
      * Расположение лейбла.
      * @default outer
@@ -37,7 +33,6 @@ declare type Target = {
     target?: 'button-like';
     view?: 'default' | 'accent' | 'secondary' | 'clear' | 'positive' | 'warning' | 'negative' | 'dark' | 'black' | 'white';
     contentLeft?: never;
-    label?: never;
     labelPlacement?: never;
     placeholder?: never;
     helperText?: never;
@@ -51,11 +46,16 @@ declare type IsMultiselect = {
      * @default false
      */
     isTargetAmount?: never | false;
+    /**
+     * Callback для кастомной настройки таргета целиком.
+     */
+    renderTarget?: (value: string) => React.ReactNode;
 } | {
     multiselect: true;
     value?: Array<string>;
     onChange?: (value: Array<string>) => void;
     isTargetAmount?: boolean;
+    renderTarget?: (value: Array<string>) => React.ReactNode;
 };
 export interface BasicProps {
     /**
@@ -67,6 +67,10 @@ export interface BasicProps {
      * @default bottom
      */
     placement?: SelectPlacement | Array<SelectPlacementBasic>;
+    /**
+     * Метка-подпись к элементу.
+     */
+    label?: string;
     /**
      * Компонент неактивен.
      * @default false
@@ -101,11 +105,11 @@ export interface BasicProps {
      */
     portal?: string | React.RefObject<HTMLElement>;
     /**
-     * Callback для кастомной настройки значения в селекте
+     * Callback для кастомной настройки значения в селекте.
      */
     renderValue?: (value: ItemOption['value'], label: ItemOption['label']) => string;
     /**
-     * Callback для кастомной настройки айтема в выпадающем списке
+     * Callback для кастомной настройки айтема в выпадающем списке.
      */
     renderItem?: (value: ItemOption['value'], label: ItemOption['label']) => React.ReactNode;
     /**
@@ -125,7 +129,7 @@ export declare type SelectProps = BasicProps & IsMultiselect & Target & Omit<But
 export declare type ItemContext = {
     focusedPath: FocusedPathState;
     checked: ValueToCheckedMapType;
-    multiselect: boolean;
+    multiselect: SelectProps['multiselect'];
     size: SelectProps['size'];
     handleCheckboxChange: (item: ItemOptionTransformed) => void;
     handleItemClick: (item: ItemOptionTransformed, e: React.MouseEvent<HTMLElement>) => void;

package/types/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"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"}

package/types/components/Select/hooks/useKeyboardNavigation.d.ts

@@ -32,7 +32,7 @@ interface Props {
     dispatchFocusedChipIndex: Dispatch<FocusedChipIndexAction>;
     value: string | string[];
     valueToItemMap: ValueToItemMapType;
-    multiselect: boolean;
+    multiselect: SelectProps['multiselect'];
     isTargetAmount: SelectProps['isTargetAmount'];
 }
 interface ReturnedProps {

package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,wBAAwB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,yNAe1B,KAAK,KAAG,aAiQV,CAAC"}
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,wBAAwB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,yNAe1B,KAAK,KAAG,aAiQV,CAAC"}

package/types/components/Select/ui/Target/Target.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAC"}
+{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoDxC,CAAC"}

package/types/components/Select/ui/Target/Target.types.d.ts

@@ -2,7 +2,7 @@ import type { KeyboardEvent } from 'react';
 import type { ValueToItemMapType, FocusedToValueMapType } from '../../hooks/usePathMaps';
 import type { SelectProps } from '../../Select.types';
 import { FocusedChipIndexState, FocusedPathState } from '../../reducers';
-export declare type TargetProps = Pick<SelectProps, 'size' | 'multiselect' | 'isTargetAmount' | 'target' | 'label' | 'labelPlacement' | 'placeholder' | 'contentLeft' | 'disabled' | 'renderValue'> & {
+export declare type TargetProps = Pick<SelectProps, 'size' | 'label' | 'labelPlacement' | 'placeholder' | 'contentLeft' | 'disabled' | 'renderValue'> & {
     value: string | string[];
     opened: boolean;
     valueToItemMap: ValueToItemMapType;
@@ -11,5 +11,6 @@ export declare type TargetProps = Pick<SelectProps, 'size' | 'multiselect' | 'is
     focusedChipIndex: FocusedChipIndexState;
     focusedPath: FocusedPathState;
     focusedToValueMap: FocusedToValueMapType;
+    selectProps: SelectProps;
 };
 //# sourceMappingURL=Target.types.d.ts.map

package/types/components/Select/ui/Target/Target.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Target.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,oBAAY,WAAW,GAAG,IAAI,CAC1B,WAAW,EACT,MAAM,GACN,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,UAAU,GACV,aAAa,CAClB,GAAG;IACA,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,qBAAqB,CAAC;CAC5C,CAAC"}
+{"version":3,"file":"Target.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/Target/Target.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,oBAAY,WAAW,GAAG,IAAI,CAC1B,WAAW,EACX,MAAM,GAAG,OAAO,GAAG,gBAAgB,GAAG,aAAa,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACnG,GAAG;IACA,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;CAC5B,CAAC"}

package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}

package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../../../engines/types").PropsType<import("../../../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../../../types").AsProps<any> & {
+export declare const StyledButton: import("@linaria/react").StyledComponent<{
+    renderTarget: boolean;
+} & (import("../../../../../../engines/types").PropsType<import("../../../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../../../types").AsProps<any> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: ("default" | "relaxed") | undefined;
@@ -41,7 +43,7 @@ export declare const StyledButton: import("@linaria/react").StyledMeta & import(
 } & {
     value?: undefined;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLButtonElement>))>;
+} & import("react").RefAttributes<HTMLButtonElement>)))>;
 export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../../../_Icon/IconRoot").IconProps>;
 export declare const ButtonWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;