@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/styled-components/es/components/TextField/TextField.styles.js

@@ -9,13 +9,13 @@ const mergedConfig = mergeConfig(tooltipConfig);
 const Tooltip = component(mergedConfig);
 export const InputWrapper = styled.div.withConfig({
     displayName: "TextField.styles__InputWrapper",
-    componentId: "sc-164e35c7-0"
+    componentId: "sc-5ebd1127-0"
 })([
-    `position:relative;display:flex;align-items:center;box-sizing:border-box;&:after{content:'';position:absolute;z-index:-2;inset:0;}`
+    `position:relative;display:flex;align-items:center;box-sizing:border-box;&::after{content:'';position:absolute;z-index:-2;inset:0;}`
 ]);
 export const InputLabelWrapper = styled.div.withConfig({
     displayName: "TextField.styles__InputLabelWrapper",
-    componentId: "sc-164e35c7-1"
+    componentId: "sc-5ebd1127-1"
 })([
     `flex:1;overflow-x:var(`,
     `,scroll);position:relative;width:100%;display:inline-flex;align-items:center;flex-wrap:var(`,
@@ -27,7 +27,7 @@ export const InputLabelWrapper = styled.div.withConfig({
 ], tokens.scrollableWrapperOverflow, tokens.chipsFlexWrap, classes.hasChips, tokens.scrollableWrapperHeight, tokens.chipHeight, tokens.chipBorderRadius);
 export const StyledChips = styled.div.withConfig({
     displayName: "TextField.styles__StyledChips",
-    componentId: "sc-164e35c7-2"
+    componentId: "sc-5ebd1127-2"
 })([
     `display:flex;flex-wrap:var(`,
     `,nowrap);gap:var(`,
@@ -37,7 +37,7 @@ export const StyledChips = styled.div.withConfig({
 ], tokens.chipsFlexWrap, tokens.chipGap, tokens.chipMarginRight, tokens.chipGap);
 export const Input = styled.input.withConfig({
     displayName: "TextField.styles__Input",
-    componentId: "sc-164e35c7-3"
+    componentId: "sc-5ebd1127-3"
 })([
     `box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(`,
     `,fixed);z-index:1;&.`,
@@ -46,7 +46,7 @@ export const Input = styled.input.withConfig({
 ], tokens.fieldSizing, classes.inputTextEllipsis, applyEllipsis());
 export const InputContainer = styled.div.withConfig({
     displayName: "TextField.styles__InputContainer",
-    componentId: "sc-164e35c7-4"
+    componentId: "sc-5ebd1127-4"
 })([
     `position:relative;display:flex;flex:1;min-width:`,
     `;`,
@@ -56,7 +56,7 @@ export const InputContainer = styled.div.withConfig({
 ], ({ hasDynamicWidth })=>hasDynamicWidth ? 'auto' : '60%', Input, ({ hasDynamicWidth })=>hasDynamicWidth ? '100%' : 'none', ({ hasDynamicWidth })=>hasDynamicWidth ? `-${caretReserve}px` : '0');
 export const InputPlaceholder = styled.div.withConfig({
     displayName: "TextField.styles__InputPlaceholder",
-    componentId: "sc-164e35c7-5"
+    componentId: "sc-5ebd1127-5"
 })([
     `display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(`,
     `);padding:`,
@@ -64,7 +64,7 @@ export const InputPlaceholder = styled.div.withConfig({
 ], tokens.placeholderColor, ({ hasPadding })=>hasPadding ? `var(${tokens.contentLabelInnerPadding})` : '0');
 export const InputPlaceholderValue = styled.div.withConfig({
     displayName: "TextField.styles__InputPlaceholderValue",
-    componentId: "sc-164e35c7-6"
+    componentId: "sc-5ebd1127-6"
 })([
     `&.`,
     `{`,
@@ -72,35 +72,35 @@ export const InputPlaceholderValue = styled.div.withConfig({
 ], classes.inputTextEllipsis, applyEllipsis());
 export const OuterLabelWrapper = styled.div.withConfig({
     displayName: "TextField.styles__OuterLabelWrapper",
-    componentId: "sc-164e35c7-7"
+    componentId: "sc-5ebd1127-7"
 })([
-    `display:flex;align-items:center;margin-bottom:`,
+    `display:flex;align-items:flex-start;margin-bottom:`,
     `;padding:`,
     `;white-space:`,
     `;`
 ], ({ isInnerLabel })=>isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`, ({ isInnerLabel })=>isInnerLabel ? 0 : `var(${tokens.labelPadding}, 0)`, ({ isInnerLabel })=>isInnerLabel ? 'nowrap' : 'normal');
 export const TitleCaption = styled.div.withConfig({
     displayName: "TextField.styles__TitleCaption",
-    componentId: "sc-164e35c7-8"
+    componentId: "sc-5ebd1127-8"
 })([
-    `display:inline-block;margin-left:auto;margin-top:`,
-    `;`
-], ({ hasLabel })=>hasLabel ? `var(${tokens.titleCaptionOffset}, 0)` : 'unset');
+    `display:inline-block;margin-left:auto;margin-top:var(`,
+    `,0);`
+], tokens.titleCaptionMargin);
 export const StyledIndicatorWrapper = styled.div.withConfig({
     displayName: "TextField.styles__StyledIndicatorWrapper",
-    componentId: "sc-164e35c7-9"
+    componentId: "sc-5ebd1127-9"
 })([
     `position:relative;display:inline-flex;align-items:center;`
 ]);
 export const Label = styled.label.withConfig({
     displayName: "TextField.styles__Label",
-    componentId: "sc-164e35c7-10"
+    componentId: "sc-5ebd1127-10"
 })([
     `display:inline-flex;`
 ]);
 export const StyledContentLeft = styled.div.withConfig({
     displayName: "TextField.styles__StyledContentLeft",
-    componentId: "sc-164e35c7-11"
+    componentId: "sc-5ebd1127-11"
 })([
     `margin:var(`,
     `);color:var(`,
@@ -112,13 +112,13 @@ export const StyledContentLeft = styled.div.withConfig({
 ], tokens.leftContentMargin, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColor, tokens.contentSlotColorActive, tokens.contentSlotColor);
 export const StyledContentRightWrapper = styled.div.withConfig({
     displayName: "TextField.styles__StyledContentRightWrapper",
-    componentId: "sc-164e35c7-12"
+    componentId: "sc-5ebd1127-12"
 })([
     `display:flex;align-items:center;`
 ]);
 export const StyledContentRight = styled.div.withConfig({
     displayName: "TextField.styles__StyledContentRight",
-    componentId: "sc-164e35c7-13"
+    componentId: "sc-5ebd1127-13"
 })([
     `line-height:0;margin:var(`,
     `);color:var(`,
@@ -131,45 +131,45 @@ export const StyledContentRight = styled.div.withConfig({
 ], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
 export const StyledHelpers = styled.div.withConfig({
     displayName: "TextField.styles__StyledHelpers",
-    componentId: "sc-164e35c7-14"
+    componentId: "sc-5ebd1127-14"
 })([
     `box-sizing:border-box;display:flex;justify-content:space-between;`
 ]);
 export const StyledLeftHelper = styled.div.withConfig({
     displayName: "TextField.styles__StyledLeftHelper",
-    componentId: "sc-164e35c7-15"
+    componentId: "sc-5ebd1127-15"
 })([
     ``
 ]);
 export const StyledRightHelper = styled.div.withConfig({
     displayName: "TextField.styles__StyledRightHelper",
-    componentId: "sc-164e35c7-16"
+    componentId: "sc-5ebd1127-16"
 })([
     `margin-left:auto;`
 ]);
 export const StyledTextBefore = styled.div.withConfig({
     displayName: "TextField.styles__StyledTextBefore",
-    componentId: "sc-164e35c7-17"
+    componentId: "sc-5ebd1127-17"
 })([
     `visibility:`,
     `;`
 ], ({ isHidden })=>isHidden ? 'hidden' : 'visible');
 export const StyledTextAfter = styled.div.withConfig({
     displayName: "TextField.styles__StyledTextAfter",
-    componentId: "sc-164e35c7-18"
+    componentId: "sc-5ebd1127-18"
 })([
     ``
 ]);
 export const StyledOptionalText = styled.span.withConfig({
     displayName: "TextField.styles__StyledOptionalText",
-    componentId: "sc-164e35c7-19"
+    componentId: "sc-5ebd1127-19"
 })([
     `color:var(`,
     `);`
 ], tokens.optionalColor);
 export const StyledHintWrapper = styled.div.withConfig({
     displayName: "TextField.styles__StyledHintWrapper",
-    componentId: "sc-164e35c7-20"
+    componentId: "sc-5ebd1127-20"
 })([
     `display:inline-block;line-height:0;&.`,
     `{position:absolute;margin:0;inset:var(`,
@@ -177,14 +177,14 @@ export const StyledHintWrapper = styled.div.withConfig({
 ], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
 export const HintTargetWrapper = styled.div.withConfig({
     displayName: "TextField.styles__HintTargetWrapper",
-    componentId: "sc-164e35c7-21"
+    componentId: "sc-5ebd1127-21"
 })([
     `color:var(`,
     `);display:flex;justify-content:center;align-items:center;`
 ], tokens.hintIconColor);
 export const Hint = styled(Tooltip).withConfig({
     displayName: "TextField.styles__Hint",
-    componentId: "sc-164e35c7-22"
+    componentId: "sc-5ebd1127-22"
 })([
     ``,
     ` .`,
@@ -192,13 +192,13 @@ export const Hint = styled(Tooltip).withConfig({
 ], HintTargetWrapper, popoverClasses.root);
 export const HintIconWrapper = styled.div.withConfig({
     displayName: "TextField.styles__HintIconWrapper",
-    componentId: "sc-164e35c7-23"
+    componentId: "sc-5ebd1127-23"
 })([
     `display:flex;`
 ]);
 export const StyledIndicator = styled.div.withConfig({
     displayName: "TextField.styles__StyledIndicator",
-    componentId: "sc-164e35c7-24"
+    componentId: "sc-5ebd1127-24"
 })([
     `position:absolute;border-radius:50%;background-color:var(`,
     `);&.`,

package/dist/styled-components/es/components/TextField/TextField.tokens.js

@@ -47,6 +47,7 @@ export const tokens = {
     dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',
     /** Цвет каретки */ caretColor: '--plasma-textfield__caret-color',
     placeholderColor: '--plasma-textfield__placeholder-color',
+    placeholderColorHover: '--plasma-textfield__placeholder-color-hover',
     placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',
     clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
     clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',
@@ -100,6 +101,7 @@ export const tokens = {
     titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
     titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
     titleCaptionOffset: '--plasma-textfield__title-caption-offset',
+    titleCaptionMargin: '--plasma-textfield__title-caption-margin',
     titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
     titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
     titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',

package/dist/styled-components/es/components/TextField/ui/Hint/Hint.js

@@ -13,9 +13,12 @@ export const HintComponent = /*#__PURE__*/ forwardRef(({ hintText, isHintVisible
     };
     return /*#__PURE__*/ React.createElement(Hint, {
         ref: ref,
+        onClick: (event)=>event.stopPropagation(),
         text: String(hintText),
         opened: isHintVisible,
-        target: /*#__PURE__*/ React.createElement(HintTargetWrapper, null, /*#__PURE__*/ React.createElement(HintIconWrapper, {
+        target: /*#__PURE__*/ React.createElement(HintTargetWrapper, {
+            onClick: (event)=>event.stopPropagation()
+        }, /*#__PURE__*/ React.createElement(HintIconWrapper, {
             id: hintId,
             ...hintTrigger === 'hover' ? {
                 onMouseEnter: handleHintShow,

package/dist/styled-components/es/components/TextField/variations/_view/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { classes, privateTokens, tokens } from "../../TextField.tokens";
-import { Input, InputPlaceholder, InputWrapper, StyledHelpers, StyledHintWrapper, StyledLeftHelper, StyledRightHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
+import { Input, InputPlaceholder, InputWrapper, StyledContentLeft, StyledHelpers, StyledHintWrapper, StyledLeftHelper, StyledRightHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
 export const base = css([
     ``,
     `{`,
@@ -21,7 +21,10 @@ export const base = css([
     `));`,
     `:var(`,
     `,var(`,
-    `));}}`,
+    `));`,
+    `{color:var(`,
+    `,var(`,
+    `));}}}`,
     `{color:var(`,
     `);}`,
     `{color:var(`,
@@ -37,7 +40,10 @@ export const base = css([
     `{color:var(`,
     `);}`,
     `{color:var(`,
-    `);}}`,
+    `);}`,
+    `{color:var(`,
+    `,var(`,
+    `));}}`,
     `{color:var(`,
     `);}`,
     `{color:var(`,
@@ -68,5 +74,6 @@ export const base = css([
     `,var(`,
     `) );`,
     `{color:var(`,
-    `);}}}`
-], InputWrapper, privateTokens.borderColor, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColor, tokens.color, privateTokens.backgroundColor, tokens.borderWidth, privateTokens.borderColor, tokens.boxShadow, tokens.caretColor, InputWrapper, StyledHintWrapper, privateTokens.borderColor, tokens.borderColorHover, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColor, Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, privateTokens.borderColor, tokens.borderColorFocus, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColorFocus, tokens.backgroundColor, tokens.boxShadowSecondary, Input, tokens.colorFocus, InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor, StyledHelpers, StyledLeftHelper, tokens.leftHelperColor, StyledRightHelper, tokens.rightHelperColor, classes.hasFocus, StyledLeftHelper, tokens.leftHelperColorFocus, tokens.leftHelperColor, StyledRightHelper, tokens.rightHelperColorFocus, tokens.rightHelperColor, classes.hasDivider, InputWrapper, tokens.dividerColor, tokens.dividerWidth, InputWrapper, StyledHintWrapper, tokens.dividerColorHover, tokens.dividerColor, InputWrapper, tokens.dividerColorFocus, tokens.dividerColor, InputPlaceholder, tokens.clearPlaceholderColorFocus);
+    `,var(`,
+    `));}}}`
+], InputWrapper, privateTokens.borderColor, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColor, tokens.color, privateTokens.backgroundColor, tokens.borderWidth, privateTokens.borderColor, tokens.boxShadow, tokens.caretColor, InputWrapper, StyledHintWrapper, privateTokens.borderColor, tokens.borderColorHover, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColor, InputPlaceholder, tokens.placeholderColorHover, tokens.placeholderColor, Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, privateTokens.borderColor, tokens.borderColorFocus, tokens.borderColor, privateTokens.backgroundColor, tokens.backgroundColorFocus, tokens.backgroundColor, tokens.boxShadowSecondary, Input, tokens.colorFocus, InputPlaceholder, tokens.placeholderColorFocus, StyledContentLeft, tokens.contentSlotColorFocus, tokens.contentSlotColor, TitleCaption, tokens.titleCaptionColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor, StyledHelpers, StyledLeftHelper, tokens.leftHelperColor, StyledRightHelper, tokens.rightHelperColor, classes.hasFocus, StyledLeftHelper, tokens.leftHelperColorFocus, tokens.leftHelperColor, StyledRightHelper, tokens.rightHelperColorFocus, tokens.rightHelperColor, classes.hasDivider, InputWrapper, tokens.dividerColor, tokens.dividerWidth, InputWrapper, StyledHintWrapper, tokens.dividerColorHover, tokens.dividerColor, InputWrapper, tokens.dividerColorFocus, tokens.dividerColor, InputPlaceholder, tokens.clearPlaceholderColorFocus, tokens.placeholderColorFocus);

package/dist/styled-components/es/components/TimePicker/TimePicker.js

@@ -17,7 +17,7 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 export const timePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, // controlled
     value: outerValue, opened = false, // variations
     view, size, disabled = false, readonly = false, stretched, appearance, hasClearDivider, valueError, valueSuccess, valueEdited, // layout
-    label, labelPlacement = 'outer', keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
+    label, labelPlacement = 'outer', titleCaption, keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
         0,
         0
@@ -292,6 +292,7 @@ export const timePickerRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, //
                     hasRequiredIndicator: hasRequiredIndicator,
                     label: label,
                     labelPlacement: labelPlacement,
+                    titleCaption: titleCaption,
                     keepPlaceholder: keepPlaceholder,
                     ...hintText ? {
                         hintText,

package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js

@@ -9,25 +9,25 @@ const mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
 const TimePickerGrid = component(mergedTimePickerGrid);
 export const FloatingWrapper = styled.div.withConfig({
     displayName: "TimePicker.styles__FloatingWrapper",
-    componentId: "sc-315d37ef-0"
+    componentId: "sc-c091437b-0"
 })([
     `position:relative;width:100%;`
 ]);
 export const FloatingTarget = styled.div.withConfig({
     displayName: "TimePicker.styles__FloatingTarget",
-    componentId: "sc-315d37ef-1"
+    componentId: "sc-c091437b-1"
 })([
     ``
 ]);
 export const FloatingContent = styled.div.withConfig({
     displayName: "TimePicker.styles__FloatingContent",
-    componentId: "sc-315d37ef-2"
+    componentId: "sc-c091437b-2"
 })([
     ``
 ]);
 export const StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-315d37ef-3"
+    componentId: "sc-c091437b-3"
 })([
     ``,
     `:var(`,
@@ -74,7 +74,7 @@ export const StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
 // NOTE: переопределение токенов TextField
 export const StyledInput = styled(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-315d37ef-4"
+    componentId: "sc-c091437b-4"
 })([
     `width:100%;`,
     `:var(`,
@@ -270,6 +270,24 @@ export const StyledInput = styled(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -332,10 +350,10 @@ export const StyledInput = styled(TextField).withConfig({
     `);`,
     `:var(`,
     `);}`
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.boxShadow, tokens.textFieldBoxShadow, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.dividerColor, tokens.textFieldDividerColor, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.dividerWidth, tokens.textFieldDividerWidth, textFieldTokens.readOnlyOpacity, tokens.readOnlyOpacity, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.contentSlotRightColor, classes.timePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, classes.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, classes.timePickerEdited, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.boxShadow, tokens.textFieldBoxShadow, textFieldTokens.boxShadowSecondary, tokens.textFieldBoxShadowSecondary, textFieldTokens.dividerColor, tokens.textFieldDividerColor, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.dividerWidth, tokens.textFieldDividerWidth, textFieldTokens.readOnlyOpacity, tokens.readOnlyOpacity, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.titleCaptionMargin, tokens.titleCaptionMargin, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, tokens.titleCaptionColorReadOnly, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.disabledBackgroundOpacity, tokens.disabledBackgroundOpacity, textFieldTokens.disabledInnerContentOpacity, tokens.disabledInnerContentOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.contentSlotRightColor, classes.timePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, classes.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, classes.timePickerEdited, textFieldTokens.backgroundColor, tokens.textFieldBackgroundEditedColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundEditedColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundEditedColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorEdited, textFieldTokens.borderColorHover, tokens.textFieldBorderColorEditedHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorEditedFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorEdited);
 export const LeftHelper = styled.div.withConfig({
     displayName: "TimePicker.styles__LeftHelper",
-    componentId: "sc-315d37ef-5"
+    componentId: "sc-c091437b-5"
 })([
     `color:var(`,
     `);&.`,

package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js

@@ -40,6 +40,15 @@ export const tokens = {
     labelFontWeight: '--sdds-core-time-picker__label-font-weight',
     labelLetterSpacing: '--sdds-core-time-picker__label-letter-spacing',
     labelLineHeight: '--sdds-core-time-picker__label-line-height',
+    titleCaptionMargin: '--sdds-core-time-picker__title-caption-margin',
+    titleCaptionColor: '--sdds-core-time-picker__title-caption-color',
+    titleCaptionColorReadOnly: '--sdds-core-time-picker__title-caption-color-readonly',
+    titleCaptionFontFamily: '--sdds-core-time-picker__title-caption-font-family',
+    titleCaptionFontStyle: '--sdds-core-time-picker__title-caption-font-style',
+    titleCaptionFontSize: '--sdds-core-time-picker__title-caption-font-size',
+    titleCaptionFontWeight: '--sdds-core-time-picker__title-caption-font-weight',
+    titleCaptionLetterSpacing: '--sdds-core-time-picker__title-caption-letter-spacing',
+    titleCaptionLineHeight: '--sdds-core-time-picker__title-caption-line-height',
     labelInnerFontFamily: '--sdds-core-time-picker-placement_inner__label-font-family',
     labelInnerFontStyle: '--sdds-core-time-picker-placement_inner__label-font-style',
     labelInnerFontSize: '--sdds-core-time-picker-placement_inner__label-font-size',

package/dist/styled-components/es/hooks/useDisableScroll.js

@@ -3,19 +3,19 @@ export function useDisableScroll(ref, enabled = true) {
     useEffect(()=>{
         if (!enabled || !ref.current) return;
         const el = ref.current;
-        const preventScroll = (e)=>{
-            e.preventDefault();
-            e.stopPropagation();
+        // Вертикальный wheel оставляем странице. Горизонтальный жест не должен прокручивать предка.
+        const preventHorizontalWheel = (event)=>{
+            if (Math.abs(event.deltaX) <= Math.abs(event.deltaY)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
         };
-        el.addEventListener('wheel', preventScroll, {
-            passive: false
-        });
-        el.addEventListener('touchmove', preventScroll, {
+        el.addEventListener('wheel', preventHorizontalWheel, {
             passive: false
         });
         return ()=>{
-            el.removeEventListener('wheel', preventScroll);
-            el.removeEventListener('touchmove', preventScroll);
+            el.removeEventListener('wheel', preventHorizontalWheel);
         };
     }, [
         ref,

package/dist/styled-components/es/hooks/useResizeObserver.js

@@ -15,12 +15,9 @@ import { useEffect } from "react";
                 callback(current);
             });
         });
-        resizeObserver.observe(ref.current);
+        resizeObserver.observe(current);
         return ()=>{
-            /* istanbul ignore if: убираем проверку на рефы из покрытия */ if (!ref?.current) {
-                return;
-            }
-            resizeObserver.unobserve(ref.current);
+            resizeObserver.disconnect();
         };
     }, [
         ref

package/dist/styled-components/es/index.js

@@ -1,4 +1,5 @@
 // TODO: #723 Добавить collectPackageInfo
+export * as plasmaCore from "./plasmaCore";
 export * from "./mixins";
 export * from "./engines";
 export * from "./hooks";

package/dist/styled-components/es/plasmaCore/components/Badge/Badge.js

@@ -0,0 +1,71 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { caption } from "../../utils/tokens";
+/**
+ * Размеры в ремах.
+ */ export const badgeSizes = {
+    l: {
+        textMarginX: '0.25rem',
+        textMarginLeftAfterContent: '0.25rem'
+    },
+    s: {
+        textMarginX: '0.125rem',
+        textMarginLeftAfterContent: '0.125rem'
+    }
+};
+export const badgeRootSizes = {
+    l: {
+        height: '1.5rem',
+        padding: '0.25rem',
+        minWidth: '1.5rem',
+        borderRadius: '0.75rem',
+        fontSize: '0.75rem'
+    },
+    s: {
+        height: '1rem',
+        padding: '0.125rem',
+        minWidth: '1rem',
+        borderRadius: '0.5rem',
+        fontSize: '0.625rem'
+    }
+};
+const StyledText = styled.span.withConfig({
+    displayName: "Badge__StyledText",
+    componentId: "sc-c81110fb-0"
+})([
+    ``
+]);
+const StyledContent = styled.div.withConfig({
+    displayName: "Badge__StyledContent",
+    componentId: "sc-c81110fb-1"
+})([
+    `display:flex;`
+]);
+const StyledBadge = styled.div.withConfig({
+    displayName: "Badge__StyledBadge",
+    componentId: "sc-c81110fb-2"
+})([
+    ``,
+    `;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;`,
+    `;`
+], caption, ({ size, circled })=>css([
+        ``,
+        `;`,
+        ` `,
+        `{margin-left:`,
+        `;margin-right:`,
+        `;}`,
+        ` ~ `,
+        `{margin-left:`,
+        `;}`
+    ], badgeRootSizes[size], circled && css([
+        `width:`,
+        `;padding-left:0;padding-right:0;`
+    ], badgeRootSizes[size].minWidth), StyledText, badgeSizes[size].textMarginX, badgeSizes[size].textMarginX, StyledContent, StyledText, badgeSizes[size].textMarginLeftAfterContent));
+/**
+ * Небольшая бирка для ячеек и карточек.
+ * Компонент может отображаться в нескольких размерах и цветах, может содержать текст и/или иконку.
+ */ export const Badge = ({ size = 'l', text, contentLeft, ...rest })=>/*#__PURE__*/ React.createElement(StyledBadge, {
+        size: size,
+        ...rest
+    }, contentLeft && /*#__PURE__*/ React.createElement(StyledContent, null, contentLeft), text && /*#__PURE__*/ React.createElement(StyledText, null, text));

package/dist/styled-components/es/plasmaCore/components/Badge/index.js

@@ -0,0 +1 @@
+export { Badge, badgeSizes } from "./Badge";

package/dist/styled-components/es/plasmaCore/components/Button/Button.js

@@ -0,0 +1,66 @@
+import React from "react";
+import styled from "styled-components";
+import { applyDisabled, applyBlur, applyEllipsis } from "../../utils/mixins";
+import { Spinner } from "../Spinner";
+/**
+ * Корневой элемент для стилизации кнопки.
+ * Должен быть передан в функцию `createButton`.
+ */ export const ButtonRoot = styled.button.withConfig({
+    displayName: "Button__ButtonRoot",
+    componentId: "sc-3f9b01b4-0"
+})([
+    `position:relative;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);a&{text-decoration:none;}&:focus{outline:none;}`,
+    ` `,
+    ``
+], ({ $isLoading: isLoading })=>!isLoading && applyDisabled, applyBlur);
+/**
+ * Элемент лоадера для кнопки.
+ */ export const ButtonLoader = styled.div.withConfig({
+    displayName: "Button__ButtonLoader",
+    componentId: "sc-3f9b01b4-1"
+})([
+    `position:absolute;`
+]);
+/**
+ * Спиннер по умолчанию с фиксированной шириной.
+ */ export const StyledSpinner = styled(Spinner).withConfig({
+    displayName: "Button__StyledSpinner",
+    componentId: "sc-3f9b01b4-2"
+})([
+    `width:1.375rem;`
+]);
+/**
+ * Обёртка для содержимого кнопки.
+ */ export const ButtonContentWrapper = styled.span.withConfig({
+    displayName: "Button__ButtonContentWrapper",
+    componentId: "sc-3f9b01b4-3"
+})([
+    `display:flex;align-items:inherit;justify-content:inherit;width:100%;`,
+    ``
+], ({ $isLoading: isLoading })=>isLoading && 'opacity: 0;');
+/**
+ * A text wrapping element, that used when `text` prop is passed.
+ * @private
+ */ export const ButtonText = styled.span.withConfig({
+    displayName: "Button__ButtonText",
+    componentId: "sc-3f9b01b4-4"
+})([
+    `box-sizing:border-box;`,
+    ` `,
+    ` `,
+    ``
+], applyEllipsis, ({ $isContentLeft: isContentLeft })=>isContentLeft && 'margin-left: 0.375rem;', ({ $isContentRight: isContentRight })=>isContentRight && 'margin-right: 0.375rem;');
+/**
+ * Базовая кнопка.
+ * @deprecated
+ */ export const Button = /*#__PURE__*/ React.forwardRef(// eslint-disable-next-line prefer-arrow-callback
+function Button(props, ref) {
+    return /*#__PURE__*/ React.createElement(ButtonRoot, {
+        ref: ref,
+        ...props
+    });
+});
+Button.defaultProps = {
+    pin: 'square-square',
+    outlined: false
+};