@salutejs/plasma-new-hope 0.236.1-canary.1675.12514887207.0 → 0.237.0-canary.1681.12515137471.0

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeMap = exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledIconDone = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.StyledArrow = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
 var _mixins = /*#__PURE__*/require("../../../../../../../mixins");
@@ -11,7 +11,6 @@ var _engines = /*#__PURE__*/require("../../../../../../../engines");
 var _Checkbox = /*#__PURE__*/require("../../../../../../Checkbox");
 var _Indicator = /*#__PURE__*/require("../../../../../../Indicator");
 var _Cell = /*#__PURE__*/require("../../../../../../Cell");
-var _Icon = /*#__PURE__*/require("../../../../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCheckboxConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
 var Checkbox = /*#__PURE__*/(0, _engines.component)(mergedCheckboxConfig);
@@ -31,59 +30,31 @@ var Indicator = /*#__PURE__*/(0, _engines.component)(mergedIndicatorConfig);
 var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/(0, _styledComponents["default"])(Indicator).withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-3"
 })(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Combobox.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Combobox.tokens.checkboxFillColor);
-
-// TODO: Удалить после поддержки JS переменных в конфиге компонент
-var sizeMap = exports.sizeMap = {
-  xs: '1rem',
-  s: '1.5rem'
-};
-var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-4"
-})(["width:", ";height:", ";"], function (_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size;
-  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-}, function (_ref2) {
-  var _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
-  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-});
-var StyledIconDone = exports.StyledIconDone = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDone).withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-5"
-})(["width:", ";height:", ";"], function (_ref3) {
-  var _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? 'xs' : _ref3$size;
-  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-}, function (_ref4) {
-  var _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? 'xs' : _ref4$size;
-  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-});
 var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-6"
+  componentId: "plasma-new-hope__sc-1n1xg1s-4"
 })(["display:inline-flex;"]);
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-7"
+  componentId: "plasma-new-hope__sc-1n1xg1s-5"
 })(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-8"
+  componentId: "plasma-new-hope__sc-1n1xg1s-6"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.tokens.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-9"
-})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref5) {
-  var variant = _ref5.variant;
+  componentId: "plasma-new-hope__sc-1n1xg1s-7"
+})(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
+  var variant = _ref.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
-}, function (_ref6) {
-  var variant = _ref6.variant;
+}, function (_ref2) {
+  var variant = _ref2.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
 }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor);
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-10"
+  componentId: "plasma-new-hope__sc-1n1xg1s-8"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-11"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
-  var variant = _ref7.variant;
+  componentId: "plasma-new-hope__sc-1n1xg1s-9"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
+  var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
 }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
@@ -94,5 +65,5 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
   customFocusRules: /*#__PURE__*/"\n            &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n            }\n        ")
 }));
 var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-1n1xg1s-12"
+  componentId: "plasma-new-hope__sc-1n1xg1s-10"
 })([""]);

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -13,4 +13,4 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
 var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1639yp6-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _TextField.textFieldTokens.color, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Combobox.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Combobox.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Combobox.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Combobox.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Combobox.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Combobox.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Combobox.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Combobox.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Combobox.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Combobox.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Combobox.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Combobox.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Combobox.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Combobox.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Combobox.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Combobox.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Combobox.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Combobox.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Combobox.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Combobox.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Combobox.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Combobox.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Combobox.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Combobox.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Combobox.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Combobox.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Combobox.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Combobox.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Combobox.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Combobox.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Combobox.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelColor, _Combobox.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Combobox.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Combobox.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Combobox.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Combobox.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Combobox.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Combobox.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Combobox.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Combobox.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Combobox.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Combobox.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Combobox.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Combobox.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Combobox.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Combobox.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Combobox.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Combobox.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Combobox.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Combobox.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Combobox.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Combobox.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Combobox.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Combobox.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Combobox.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Combobox.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Combobox.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Combobox.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Combobox.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Combobox.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Combobox.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Combobox.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Combobox.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Combobox.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Combobox.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Combobox.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Combobox.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Combobox.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Combobox.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Combobox.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Combobox.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Combobox.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Combobox.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Combobox.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Combobox.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Combobox.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Combobox.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Combobox.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Combobox.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Combobox.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Combobox.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Combobox.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Combobox.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Combobox.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Combobox.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Combobox.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Combobox.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Combobox.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Combobox.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Combobox.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Combobox.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Combobox.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Combobox.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Combobox.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Combobox.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Combobox.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Combobox.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Combobox.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Combobox.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Combobox.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Combobox.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Combobox.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Combobox.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Combobox.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Combobox.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Combobox.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Combobox.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Combobox.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Combobox.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Combobox.tokens.textFieldBoxShadow);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _TextField.textFieldTokens.color, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Combobox.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Combobox.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Combobox.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Combobox.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Combobox.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Combobox.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Combobox.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Combobox.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Combobox.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Combobox.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Combobox.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Combobox.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Combobox.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Combobox.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Combobox.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Combobox.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Combobox.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Combobox.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Combobox.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Combobox.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Combobox.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Combobox.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Combobox.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Combobox.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Combobox.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Combobox.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Combobox.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Combobox.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Combobox.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Combobox.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Combobox.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Combobox.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelColor, _Combobox.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Combobox.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Combobox.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Combobox.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Combobox.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Combobox.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Combobox.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Combobox.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Combobox.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Combobox.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Combobox.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Combobox.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Combobox.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Combobox.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Combobox.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Combobox.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Combobox.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Combobox.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Combobox.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Combobox.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Combobox.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Combobox.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Combobox.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Combobox.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Combobox.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Combobox.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Combobox.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Combobox.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Combobox.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Combobox.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Combobox.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Combobox.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Combobox.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Combobox.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Combobox.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Combobox.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Combobox.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Combobox.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Combobox.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Combobox.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Combobox.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.chipHeight, _Combobox.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Combobox.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Combobox.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Combobox.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Combobox.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Combobox.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Combobox.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Combobox.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Combobox.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Combobox.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Combobox.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Combobox.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Combobox.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Combobox.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Combobox.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Combobox.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Combobox.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Combobox.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Combobox.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Combobox.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Combobox.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Combobox.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Combobox.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Combobox.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Combobox.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Combobox.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Combobox.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Combobox.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Combobox.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Combobox.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Combobox.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Combobox.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Combobox.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Combobox.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Combobox.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Combobox.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Combobox.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Combobox.tokens.textFieldClearIndicatorHintInnerRight);

package/styled-components/cjs/components/Note/Note.js

@@ -0,0 +1,135 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noteRoot = exports.noteConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../utils");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _Note = /*#__PURE__*/require("./Note.styles");
+var _Note2 = /*#__PURE__*/require("./Note.tokens");
+var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var noteRoot = exports.noteRoot = function noteRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
+    var className = _ref.className,
+      style = _ref.style,
+      title = _ref.title,
+      text = _ref.text,
+      contentBefore = _ref.contentBefore,
+      _ref$contentBeforeSiz = _ref.contentBeforeSizing,
+      contentBeforeSizing = _ref$contentBeforeSiz === void 0 ? 'fixed' : _ref$contentBeforeSiz,
+      size = _ref.size,
+      view = _ref.view,
+      stretch = _ref.stretch,
+      width = _ref.width,
+      height = _ref.height,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useState = (0, _react.useState)(text),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerText = _useState2[0],
+      setInnerText = _useState2[1];
+    var _useState3 = (0, _react.useState)(contentBefore ? "var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")") : '0'),
+      _useState4 = _slicedToArray(_useState3, 2),
+      contentBeforeWidth = _useState4[0],
+      setContentBeforeWidth = _useState4[1];
+    var contentWrapperRef = (0, _react.useRef)(null);
+    var contentBeforeRef = (0, _react.useRef)(null);
+    var titleHelperRef = (0, _react.useRef)(null);
+    var textRenderHelperRef = (0, _react.useRef)(null);
+    var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : 'fit-content';
+    var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : 'fit-content';
+    var contentGapToken = contentBeforeSizing === 'scalable' ? _Note2.tokens.gapScalable : _Note2.tokens.gap;
+    var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
+    var setTruncatedText = function setTruncatedText() {
+      var _titleHelperRef$curre;
+      if (!_utils.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
+        return;
+      }
+      var contentHeight = contentWrapperRef.current.offsetHeight;
+      var titleHeight = ((_titleHelperRef$curre = titleHelperRef.current) === null || _titleHelperRef$curre === void 0 ? void 0 : _titleHelperRef$curre.offsetHeight) || 0;
+      var contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
+      var textAvailableHeight = contentHeight - titleHeight - contentGap;
+      textRenderHelperRef.current.textContent = text;
+      if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
+        setInnerText(text);
+        return;
+      }
+      var fullText = "".concat(text.slice(0, -3), "...");
+      for (var i = text.length - 1; i >= 0; i -= 1) {
+        textRenderHelperRef.current.textContent = fullText;
+        if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
+          break;
+        }
+        fullText = "".concat(fullText.slice(0, i), "...");
+      }
+      setInnerText(fullText);
+    };
+    (0, _plasmaCore.useResizeObserver)(contentWrapperRef, setTruncatedText);
+    (0, _react.useLayoutEffect)(function () {
+      setTruncatedText();
+    }, [text, contentBefore, contentBeforeSizing, stretch]);
+    (0, _react.useEffect)(function () {
+      if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
+        return;
+      }
+      if (contentBeforeSizing === 'scalable') {
+        setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
+        return;
+      }
+      setContentBeforeWidth("var(".concat(_Note2.tokens.fixedContentBeforeWidth, ")"));
+    }, [contentBefore, contentBeforeSizing]);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: outerRef,
+      className: (0, _utils.cx)(className, stretch && _Note2.classes.stretch, contentBeforeSizing === 'scalable' && _Note2.classes.contentAlignCenter),
+      view: view,
+      size: size,
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Note2.privateTokens.width, innerWidth), _Note2.privateTokens.height, innerHeight), _Note2.privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
+    }, rest), contentBefore && /*#__PURE__*/_react["default"].createElement(_Note.ContentBefore, {
+      ref: contentBeforeRef
+    }, contentBefore), /*#__PURE__*/_react["default"].createElement(_Note.ContentWrapper, {
+      ref: contentWrapperRef
+    }, title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Note.TitleHelper, {
+      ref: titleHelperRef
+    }, "C")), innerText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Note.Text, null, innerText, /*#__PURE__*/_react["default"].createElement(_Note.TextHelper, {
+      ref: textRenderHelperRef
+    }, "C")))));
+  });
+};
+var noteConfig = exports.noteConfig = {
+  name: 'Note',
+  tag: 'div',
+  layout: noteRoot,
+  base: _Note.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Note/Note.styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.TitleHelper = exports.Title = exports.TextHelper = exports.Text = exports.ContentWrapper = exports.ContentBefore = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;box-sizing:border-box;"]);
+var ContentBefore = exports.ContentBefore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-0"
+})(["display:flex;"]);
+var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-1"
+})(["display:flex;flex-direction:column;box-sizing:border-box;"]);
+var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-2"
+})([""]);
+var TitleHelper = exports.TitleHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-3"
+})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
+var Text = exports.Text = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-4"
+})(["display:block;position:relative;"]);
+var TextHelper = exports.TextHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-2xk8rv-5"
+})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);

package/styled-components/cjs/components/Note/Note.template-doc.mdx

@@ -0,0 +1,159 @@
+---
+id: note
+title: Note
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# Note
+Компонент для отображения текста в виде информационных, предупреждающих, обычных подсказок.
+
+<Description name="Note" />
+<PropsTable name="Note" />
+
+## Примеры
+
+### Вид компонента
+Вид компонента задается с помощью свойства `view`:
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+import { IconSaluteOutline } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div>
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="positive" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="warning" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="negative" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="info" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+            />
+        </div>
+    );
+}
+```
+
+### Размер компонента
+Размер компонента задается с помощью свойства `size`. 
+Так же можно указать собственную ширину и высоту с помощью `width` и `height` соответственно. 
+Или же задать `stretch` чтобы `Note` занял всю доступную ширину и высоту.
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ flexDirection: "column" }}>
+            <div style=\{{ display: "flex", gap: "1rem" }}>
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="l"
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="m" 
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="s"
+                />
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="xs"
+                />
+            </div>
+
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="l"
+                width="400"
+                height="116"
+            />
+            
+            <div style=\{{ width: "300px", height: "300px" }}>
+                <Note 
+                    title="Title"
+                    text="Text"
+                    view="default" 
+                    size="l"
+                    stretch
+                />
+            </div>
+        </div>
+    );
+}
+```
+
+### Размерность и положение `contentBefore`
+Размерность и положение `contentBefore` задается с помощью свойства `contentBeforeSizing`:
+
+```tsx live
+import React from 'react';
+import { Note } from '@salutejs/{{ package }}';
+import { IconSaluteOutline } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div>
+            <Note 
+                title="Title"
+                text="Text"
+                view="default" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
+                contentBeforeSizing="fixed"
+            />
+            <Note 
+                title="Title"
+                text="Text"
+                view="positive" 
+                size="s" 
+                contentBefore={<IconSaluteOutline size="m" color="inherit" />} 
+                contentBeforeSizing="scalable"
+            />
+        </div>
+    );
+}
+```

package/styled-components/cjs/components/Note/Note.tokens.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.privateTokens = exports.classes = void 0;
+var classes = exports.classes = {
+  stretch: 'note-stretch',
+  contentAlignCenter: 'note-content-align-center'
+};
+var privateTokens = exports.privateTokens = {
+  width: '--plasma_private-note-width',
+  height: '--plasma_private-note-height',
+  contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
+};
+var tokens = exports.tokens = {
+  background: '--plasma-note-background',
+  color: '--plasma-note-color',
+  contentBeforeColor: '--plasma-note-content-before-color',
+  padding: '--plasma-note-padding',
+  paddingScalable: '--plasma-note-padding-scalable',
+  borderRadius: '--plasma-note-border-radius',
+  gap: '--plasma-note-gap',
+  gapScalable: '--plasma-note-gap-scalable',
+  contentGap: '--plasma-note-content-gap',
+  fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
+  fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
+  fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
+  titleFontFamily: '--plasma-note-title-font-family',
+  titleFontSize: '--plasma-note-title-font-size',
+  titleFontStyle: '--plasma-note-title-font-style',
+  titleFontWeight: '--plasma-note-title-font-weight',
+  titleLetterSpacing: '--plasma-note-title-letter-spacing',
+  titleLineHeight: '--plasma-note-title-line-height',
+  textFontFamily: '--plasma-note-text-font-family',
+  textFontSize: '--plasma-note-text-font-size',
+  textFontStyle: '--plasma-note-text-font-style',
+  textFontWeight: '--plasma-note-text-font-weight',
+  textLetterSpacing: '--plasma-note-text-letter-spacing',
+  textLineHeight: '--plasma-note-text-line-height'
+};

package/styled-components/cjs/components/Note/Note.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Note/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "noteClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Note2.classes;
+  }
+});
+Object.defineProperty(exports, "noteConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Note.noteConfig;
+  }
+});
+Object.defineProperty(exports, "noteRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Note.noteRoot;
+  }
+});
+Object.defineProperty(exports, "noteTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Note2.tokens;
+  }
+});
+var _Note = /*#__PURE__*/require("./Note");
+var _Note2 = /*#__PURE__*/require("./Note.tokens");

package/styled-components/cjs/components/Note/variations/_size/base.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Note = /*#__PURE__*/require("../../Note.tokens");
+var _Note2 = /*#__PURE__*/require("../../Note.styles");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["padding:var(", ");border-radius:var(", ");height:var(", ");width:var(", ");gap:var(", ");&.", "{width:100%;height:100%;}", "{width:var(", ");height:var(", ");padding:var(", ");box-sizing:border-box;}&.", "{align-items:center;padding:var(", ");gap:var(", ");", "{width:fit-content;height:fit-content;padding:unset;}}", "{width:var(", ");gap:var(", ");}", ",", "{width:100%;min-height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", "}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");word-break:break-all;}"], _Note.tokens.padding, _Note.tokens.borderRadius, _Note.privateTokens.height, _Note.privateTokens.width, _Note.tokens.gap, _Note.classes.stretch, _Note2.ContentBefore, _Note.tokens.fixedContentBeforeWidth, _Note.tokens.fixedContentBeforeHeight, _Note.tokens.fixedContentBeforePadding, _Note.classes.contentAlignCenter, _Note.tokens.paddingScalable, _Note.tokens.gapScalable, _Note2.ContentBefore, _Note2.ContentWrapper, _Note.privateTokens.contentWidthWithOffset, _Note.tokens.contentGap, _Note2.Title, _Note2.TitleHelper, _Note.tokens.titleLineHeight, _Note.tokens.titleFontFamily, _Note.tokens.titleFontSize, _Note.tokens.titleFontStyle, _Note.tokens.titleFontWeight, _Note.tokens.titleLetterSpacing, _Note.tokens.titleLineHeight, /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Note2.Text, _Note2.TextHelper, _Note.tokens.textFontFamily, _Note.tokens.textFontSize, _Note.tokens.textFontStyle, _Note.tokens.textFontWeight, _Note.tokens.textLetterSpacing, _Note.tokens.textLineHeight);

package/styled-components/cjs/components/Note/variations/_size/tokens.json

@@ -0,0 +1,23 @@
+[
+    "--plasma-note-padding",
+    "--plasma-note-padding-scalable",
+    "--plasma-note-border-radius",
+    "--plasma-note-gap",
+    "--plasma-note-gap-scalable",
+    "--plasma-note-content-gap",
+    "--plasma-note-fixed-content-before-width",
+    "--plasma-note-fixed-content-before-height",
+    "--plasma-note-fixed-content-before-padding",
+    "--plasma-note-title-font-family",
+    "--plasma-note-title-font-size",
+    "--plasma-note-title-font-style",
+    "--plasma-note-title-font-weight",
+    "--plasma-note-title-letter-spacing",
+    "--plasma-note-title-line-height",
+    "--plasma-note-text-font-family",
+    "--plasma-note-text-font-size",
+    "--plasma-note-text-font-style",
+    "--plasma-note-text-font-weight",
+    "--plasma-note-text-letter-spacing",
+    "--plasma-note-text-line-height"
+]

package/styled-components/cjs/components/Note/variations/_view/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Note = /*#__PURE__*/require("../../Note.tokens");
+var _Note2 = /*#__PURE__*/require("../../Note.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ");color:var(", ");", "{color:var(", ");fill:var(", ");}"], _Note.tokens.background, _Note.tokens.color, _Note2.ContentBefore, _Note.tokens.contentBeforeColor, _Note.tokens.contentBeforeColor);