@salutejs/plasma-web 1.598.0-canary.2325.19236948330.0 → 1.598.0-dev.0

package/css/index.d.ts

@@ -56,6 +56,7 @@ export * from '../components/Radiobox';
 export * from '../components/Range';
 export * from '../components/Rating';
 export * from '../components/SSRProvider';
+export * from '../components/Scrollbar';
 export * from '../components/Segment';
 export * from '../components/Select';
 export * from '../components/Sheet';
@@ -136,6 +137,7 @@ export * from '../components/Radiobox';
 export * from '../components/Range';
 export * from '../components/Rating';
 export * from '../components/SSRProvider';
+export * from '../components/Scrollbar';
 export * from '../components/Segment';
 export * from '../components/Select';
 export * from '../components/Sheet';

package/es/components/DatePicker/DatePicker.config.js

@@ -23,8 +23,17 @@ function _templateObject() {
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-primary-hover);\n                ",
+        ": var(--text-primary-active);\n\n                ",
+        ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
@@ -631,7 +640,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
+            default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
         },
         size: {
             l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),

package/es/components/DateTimePicker/DateTimePicker.config.js

@@ -16,6 +16,12 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-transparent-tertiary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n                ",
@@ -838,7 +844,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
+            default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
         },
         size: {
             xl: css(_templateObject1(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),

package/es/components/Range/Range.config.js

@@ -20,6 +20,9 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-negative);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
@@ -350,7 +353,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
+            default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorHover, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
         },
         size: {
             xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),

package/es/components/Scrollbar/Scrollbar.config.js

@@ -0,0 +1,16 @@
+export var config = {
+    view: {
+        default: {
+            trackColor: 'var(--surface-transparent-primary)',
+            thumbColor: 'var(--surface-transparent-tertiary)'
+        }
+    },
+    size: {
+        s: {
+            scrollWidth: '0.125rem'
+        },
+        m: {
+            scrollWidth: '0.25rem'
+        }
+    }
+};

package/es/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,33 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { addScrollbar as mixin } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Scrollbar.config';
+export var addScrollbar = function(size) {
+    return mixin(_object_spread({}, config.size[size], config.view.default));
+};

package/es/mixins/index.js

@@ -1,4 +1,5 @@
 import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/styled-components';
 import * as allTokens from '@salutejs/plasma-themes/tokens/plasma_web';
 export { addFocus, syntheticFocus, applyBlur, blurs, applyDisabled, applyEllipsis, applyHyphens, applyMaxLines, applyNoSelect, applyRoundness, radiuses, applySkeletonGradient, applyView, views, applyScrollSnap, shadows, applySpacing, spacing } from '@salutejs/plasma-core';
+export { addScrollbar } from '../components/Scrollbar/Scrollbar';
 export var applyPaper = createApplyPaperMixin(allTokens);

package/mixins/index.d.ts

@@ -1,5 +1,6 @@
 export { addFocus, syntheticFocus, applyBlur, blurs, applyDisabled, applyEllipsis, applyHyphens, applyMaxLines, applyNoSelect, applyRoundness, radiuses, applySkeletonGradient, applyView, views, applyScrollSnap, shadows, applySpacing, spacing, } from '@salutejs/plasma-core';
 export type { FocusProps, OutlinedProps, BlurProps, DisabledProps, MaxLinesProps, RoundnessProps, Roundness, SkeletonGradientProps, ViewProps, View, ScrollSnapProps, SpacingProps, BreakWordProps, } from '@salutejs/plasma-core';
+export { addScrollbar } from '../components/Scrollbar/Scrollbar';
 export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
     backgroundColor?: ("text" | "accent" | "primary" | "secondary" | "tertiary" | "paragraph" | "warning" | "overlay" | "success" | "critical" | "textPrimaryHover" | "textPrimaryActive" | "textPrimary" | "textPrimaryBrightness" | "textSecondaryHover" | "textSecondaryActive" | "textSecondary" | "textTertiaryHover" | "textTertiaryActive" | "textTertiary" | "textParagraphHover" | "textParagraphActive" | "textParagraph" | "textAccentHover" | "textAccentActive" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositiveHover" | "textPositiveActive" | "textWarningHover" | "textWarningActive" | "textNegativeHover" | "textNegativeActive" | "textInfoHover" | "textInfoActive" | "textPositiveMinorHover" | "textPositiveMinorActive" | "textWarningMinorHover" | "textWarningMinorActive" | "textNegativeMinorHover" | "textNegativeMinorActive" | "textInfoMinorHover" | "textInfoMinorActive" | "textAccent" | "textAccentMinor" | "textPositive" | "textWarning" | "textNegative" | "textPositiveMinor" | "textWarningMinor" | "textNegativeMinor" | "textInfo" | "textInfoMinor" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextSecondary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextTertiary" | "onDarkTextParagraphHover" | "onDarkTextParagraphActive" | "onDarkTextParagraph" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccent" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextPositiveMinorHover" | "onDarkTextPositiveMinorActive" | "onDarkTextWarningMinorHover" | "onDarkTextWarningMinorActive" | "onDarkTextNegativeMinorHover" | "onDarkTextNegativeMinorActive" | "onDarkTextInfoMinorHover" | "onDarkTextInfoMinorActive" | "onDarkTextAccentMinor" | "onDarkTextPositive" | "onDarkTextWarning" | "onDarkTextNegative" | "onDarkTextPositiveMinor" | "onDarkTextWarningMinor" | "onDarkTextNegativeMinor" | "onDarkTextInfo" | "onDarkTextInfoMinor" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextSecondary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextTertiary" | "onLightTextParagraphHover" | "onLightTextParagraphActive" | "onLightTextParagraph" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccent" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfoHover" | "onLightTextInfoActive" | "onLightTextPositiveMinorHover" | "onLightTextPositiveMinorActive" | "onLightTextWarningMinorHover" | "onLightTextWarningMinorActive" | "onLightTextNegativeMinorHover" | "onLightTextNegativeMinorActive" | "onLightTextInfoMinorHover" | "onLightTextInfoMinorActive" | "onLightTextAccentMinor" | "onLightTextPositive" | "onLightTextWarning" | "onLightTextNegative" | "onLightTextPositiveMinor" | "onLightTextWarningMinor" | "onLightTextNegativeMinor" | "onLightTextInfo" | "onLightTextInfoMinor" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextSecondary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextTertiary" | "inverseTextParagraphHover" | "inverseTextParagraphActive" | "inverseTextParagraph" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "inverseTextInfoHover" | "inverseTextInfoActive" | "inverseTextPositiveMinorHover" | "inverseTextPositiveMinorActive" | "inverseTextWarningMinorHover" | "inverseTextWarningMinorActive" | "inverseTextNegativeMinorHover" | "inverseTextNegativeMinorActive" | "inverseTextInfoMinorHover" | "inverseTextInfoMinorActive" | "inverseTextAccent" | "inverseTextAccentMinor" | "inverseTextPositive" | "inverseTextWarning" | "inverseTextNegative" | "inverseTextInfo" | "inverseTextPositiveMinor" | "inverseTextWarningMinor" | "inverseTextNegativeMinor" | "inverseTextInfoMinor" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidSecondary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidTertiary" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceSolidDefault" | "surfaceTransparentPrimaryHover" | "surfaceTransparentPrimaryActive" | "surfaceTransparentPrimary" | "surfaceTransparentSecondaryHover" | "surfaceTransparentSecondaryActive" | "surfaceTransparentSecondary" | "surfaceTransparentTertiaryHover" | "surfaceTransparentTertiaryActive" | "surfaceTransparentTertiary" | "surfaceTransparentDeepHover" | "surfaceTransparentDeepActive" | "surfaceTransparentDeep" | "surfaceTransparentCardHover" | "surfaceTransparentCardActive" | "surfaceTransparentCard" | "surfaceTransparentCardBrightness" | "surfaceClearHover" | "surfaceClearActive" | "surfaceClear" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceAccent" | "surfaceAccentMinorHover" | "surfaceAccentMinorActive" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfacePositive" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceWarning" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceNegative" | "surfaceInfoHover" | "surfaceInfoActive" | "surfacePositiveMinorHover" | "surfacePositiveMinorActive" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "surfaceTransparentPositiveHover" | "surfaceTransparentPositiveActive" | "surfaceTransparentWarningHover" | "surfaceTransparentWarningActive" | "surfaceTransparentNegativeHover" | "surfaceTransparentNegativeActive" | "surfaceTransparentInfoHover" | "surfaceTransparentInfoActive" | "surfaceAccentMinor" | "surfacePositiveMinor" | "surfaceWarningMinor" | "surfaceNegativeMinor" | "surfaceTransparentPositive" | "surfaceTransparentWarning" | "surfaceTransparentNegative" | "surfaceInfo" | "surfaceInfoMinor" | "surfaceTransparentAccent" | "surfaceTransparentInfo" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceTransparentPrimaryHover" | "onDarkSurfaceTransparentPrimaryActive" | "onDarkSurfaceTransparentPrimary" | "onDarkSurfaceTransparentSecondaryHover" | "onDarkSurfaceTransparentSecondaryActive" | "onDarkSurfaceTransparentSecondary" | "onDarkSurfaceTransparentTertiaryHover" | "onDarkSurfaceTransparentTertiaryActive" | "onDarkSurfaceTransparentTertiary" | "onDarkSurfaceTransparentDeepHover" | "onDarkSurfaceTransparentDeepActive" | "onDarkSurfaceTransparentDeep" | "onDarkSurfaceTransparentCardHover" | "onDarkSurfaceTransparentCardActive" | "onDarkSurfaceTransparentCard" | "onDarkSurfaceTransparentCardBrightness" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentMinorHover" | "onDarkSurfaceAccentMinorActive" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfacePositive" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceWarning" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceNegative" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfacePositiveMinorHover" | "onDarkSurfacePositiveMinorActive" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onDarkSurfaceTransparentPositiveHover" | "onDarkSurfaceTransparentPositiveActive" | "onDarkSurfaceTransparentWarningHover" | "onDarkSurfaceTransparentWarningActive" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeActive" | "onDarkSurfaceTransparentInfoHover" | "onDarkSurfaceTransparentInfoActive" | "onDarkSurfaceAccentMinor" | "onDarkSurfaceTransparentAccent" | "onDarkSurfacePositiveMinor" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceTransparentPositive" | "onDarkSurfaceTransparentWarning" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceTransparentInfo" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceTransparentPrimaryHover" | "onLightSurfaceTransparentPrimaryActive" | "onLightSurfaceTransparentPrimary" | "onLightSurfaceTransparentSecondaryHover" | "onLightSurfaceTransparentSecondaryActive" | "onLightSurfaceTransparentSecondary" | "onLightSurfaceTransparentTertiaryHover" | "onLightSurfaceTransparentTertiaryActive" | "onLightSurfaceTransparentTertiary" | "onLightSurfaceTransparentDeepHover" | "onLightSurfaceTransparentDeepActive" | "onLightSurfaceTransparentDeep" | "onLightSurfaceTransparentCardHover" | "onLightSurfaceTransparentCardActive" | "onLightSurfaceTransparentCard" | "onLightSurfaceTransparentCardBrightness" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentMinorHover" | "onLightSurfaceAccentMinorActive" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfacePositiveMinorHover" | "onLightSurfacePositiveMinorActive" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "onLightSurfaceTransparentPositiveHover" | "onLightSurfaceTransparentPositiveActive" | "onLightSurfaceTransparentWarningHover" | "onLightSurfaceTransparentWarningActive" | "onLightSurfaceTransparentNegativeHover" | "onLightSurfaceTransparentNegativeActive" | "onLightSurfaceTransparentInfoHover" | "onLightSurfaceTransparentInfoActive" | "onLightSurfaceAccentMinor" | "onLightSurfaceTransparentAccent" | "onLightSurfacePositive" | "onLightSurfaceWarning" | "onLightSurfaceNegative" | "onLightSurfacePositiveMinor" | "onLightSurfaceWarningMinor" | "onLightSurfaceNegativeMinor" | "onLightSurfaceTransparentPositive" | "onLightSurfaceTransparentWarning" | "onLightSurfaceTransparentNegative" | "onLightSurfaceInfo" | "onLightSurfaceInfoMinor" | "onLightSurfaceTransparentInfo" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceTransparentPrimaryHover" | "inverseSurfaceTransparentPrimaryActive" | "inverseSurfaceTransparentSecondaryHover" | "inverseSurfaceTransparentSecondaryActive" | "inverseSurfaceTransparentTertiaryHover" | "inverseSurfaceTransparentTertiaryActive" | "inverseSurfaceTransparentDeepHover" | "inverseSurfaceTransparentDeepActive" | "inverseSurfaceTransparentCardHover" | "inverseSurfaceTransparentCardActive" | "inverseSurfaceTransparentCardBrightness" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceAccentMinorHover" | "inverseSurfaceAccentMinorActive" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfacePositiveMinorHover" | "inverseSurfacePositiveMinorActive" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "inverseSurfaceTransparentPositiveHover" | "inverseSurfaceTransparentPositiveActive" | "inverseSurfaceTransparentWarningHover" | "inverseSurfaceTransparentWarningActive" | "inverseSurfaceTransparentNegativeHover" | "inverseSurfaceTransparentNegativeActive" | "inverseSurfaceTransparentInfoHover" | "inverseSurfaceTransparentInfoActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidDefault" | "inverseSurfaceTransparentCard" | "inverseSurfaceTransparentPrimary" | "inverseSurfaceTransparentSecondary" | "inverseSurfaceTransparentTertiary" | "inverseSurfaceTransparentDeep" | "inverseSurfaceClear" | "inverseSurfaceAccent" | "inverseSurfaceAccentMinor" | "inverseSurfaceTransparentAccent" | "inverseSurfacePositive" | "inverseSurfaceWarning" | "inverseSurfaceNegative" | "inverseSurfaceInfo" | "inverseSurfacePositiveMinor" | "inverseSurfaceWarningMinor" | "inverseSurfaceNegativeMinor" | "inverseSurfaceInfoMinor" | "inverseSurfaceTransparentPositive" | "inverseSurfaceTransparentWarning" | "inverseSurfaceTransparentNegative" | "inverseSurfaceTransparentInfo" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "inverseBackgroundPrimary" | "overlaySoft" | "overlayHard" | "overlayBlur" | "onDarkOverlaySoft" | "onDarkOverlayHard" | "onDarkOverlayBlur" | "onLightOverlaySoft" | "onLightOverlayHard" | "onLightOverlayBlur" | "inverseOverlaySoft" | "inverseOverlayHard" | "inverseOverlayBlur" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineSolidTertiaryHover" | "outlineSolidTertiaryActive" | "outlineTransparentPrimaryHover" | "outlineTransparentPrimaryActive" | "outlineTransparentSecondaryHover" | "outlineTransparentSecondaryActive" | "outlineTransparentTertiaryHover" | "outlineTransparentTertiaryActive" | "outlineClearHover" | "outlineClearActive" | "outlineAccentHover" | "outlineAccentActive" | "outlineAccentMinorHover" | "outlineAccentMinorActive" | "outlineTransparentAccentHover" | "outlineTransparentAccentActive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineWarningHover" | "outlineWarningActive" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfoHover" | "outlineInfoActive" | "outlinePositiveMinorHover" | "outlinePositiveMinorActive" | "outlineWarningMinorHover" | "outlineWarningMinorActive" | "outlineNegativeMinorHover" | "outlineNegativeMinorActive" | "outlineInfoMinorHover" | "outlineInfoMinorActive" | "outlineTransparentPositiveHover" | "outlineTransparentPositiveActive" | "outlineTransparentWarningHover" | "outlineTransparentWarningActive" | "outlineTransparentNegativeHover" | "outlineTransparentNegativeActive" | "outlineTransparentInfoHover" | "outlineTransparentInfoActive" | "outlineSolidPrimary" | "outlineSolidSecondary" | "outlineSolidTertiary" | "outlineDefaultHover" | "outlineDefaultActive" | "outlineTransparentPrimary" | "outlineTransparentSecondary" | "outlineTransparentTertiary" | "outlineClear" | "outlineAccent" | "outlineAccentMinor" | "outlineTransparentAccent" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlinePositiveMinor" | "outlineWarningMinor" | "outlineNegativeMinor" | "outlineTransparentPositive" | "outlineTransparentWarning" | "outlineTransparentNegative" | "outlineInfo" | "outlineInfoMinor" | "outlineTransparentInfo" | "outlineSolidDefault" | "outlineSolidDefaultHover" | "outlineSolidDefaultActive" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineSolidTertiaryHover" | "onDarkOutlineSolidTertiaryActive" | "onDarkOutlineTransparentPrimaryHover" | "onDarkOutlineTransparentPrimaryActive" | "onDarkOutlineTransparentSecondaryHover" | "onDarkOutlineTransparentSecondaryActive" | "onDarkOutlineTransparentTertiaryHover" | "onDarkOutlineTransparentTertiaryActive" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlineAccentMinorHover" | "onDarkOutlineAccentMinorActive" | "onDarkOutlineTransparentAccentHover" | "onDarkOutlineTransparentAccentActive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineWarningHover" | "onDarkOutlineWarningActive" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onDarkOutlinePositiveMinorHover" | "onDarkOutlinePositiveMinorActive" | "onDarkOutlineWarningMinorHover" | "onDarkOutlineWarningMinorActive" | "onDarkOutlineNegativeMinorHover" | "onDarkOutlineNegativeMinorActive" | "onDarkOutlineInfoMinorHover" | "onDarkOutlineInfoMinorActive" | "onDarkOutlineTransparentPositiveHover" | "onDarkOutlineTransparentPositiveActive" | "onDarkOutlineTransparentWarningHover" | "onDarkOutlineTransparentWarningActive" | "onDarkOutlineTransparentNegativeHover" | "onDarkOutlineTransparentNegativeActive" | "onDarkOutlineTransparentInfoHover" | "onDarkOutlineTransparentInfoActive" | "onDarkOutlineDefaultHover" | "onDarkOutlineDefaultActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidTertiary" | "onDarkOutlineTransparentPrimary" | "onDarkOutlineTransparentSecondary" | "onDarkOutlineTransparentTertiary" | "onDarkOutlineAccent" | "onDarkOutlineAccentMinor" | "onDarkOutlineTransparentAccent" | "onDarkOutlinePositive" | "onDarkOutlineWarning" | "onDarkOutlineNegative" | "onDarkOutlinePositiveMinor" | "onDarkOutlineWarningMinor" | "onDarkOutlineNegativeMinor" | "onDarkOutlineTransparentPositive" | "onDarkOutlineTransparentWarning" | "onDarkOutlineTransparentNegative" | "onDarkOutlineInfo" | "onDarkOutlineInfoMinor" | "onDarkOutlineTransparentInfo" | "onDarkOutlineSolidDefault" | "onDarkOutlineSolidDefaultHover" | "onDarkOutlineSolidDefaultActive" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineSolidTertiaryHover" | "onLightOutlineSolidTertiaryActive" | "onLightOutlineTransparentPrimaryHover" | "onLightOutlineTransparentPrimaryActive" | "onLightOutlineTransparentSecondaryHover" | "onLightOutlineTransparentSecondaryActive" | "onLightOutlineTransparentTertiaryHover" | "onLightOutlineTransparentTertiaryActive" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlineAccentMinorHover" | "onLightOutlineAccentMinorActive" | "onLightOutlineTransparentAccentHover" | "onLightOutlineTransparentAccentActive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineWarningHover" | "onLightOutlineWarningActive" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "onLightOutlinePositiveMinorHover" | "onLightOutlinePositiveMinorActive" | "onLightOutlineWarningMinorHover" | "onLightOutlineWarningMinorActive" | "onLightOutlineNegativeMinorHover" | "onLightOutlineNegativeMinorActive" | "onLightOutlineInfoMinorHover" | "onLightOutlineInfoMinorActive" | "onLightOutlineTransparentPositiveHover" | "onLightOutlineTransparentPositiveActive" | "onLightOutlineTransparentWarningHover" | "onLightOutlineTransparentWarningActive" | "onLightOutlineTransparentNegativeHover" | "onLightOutlineTransparentNegativeActive" | "onLightOutlineTransparentInfoHover" | "onLightOutlineTransparentInfoActive" | "onLightOutlineDefaultHover" | "onLightOutlineDefaultActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidTertiary" | "onLightOutlineTransparentPrimary" | "onLightOutlineTransparentSecondary" | "onLightOutlineTransparentTertiary" | "onLightOutlineAccent" | "onLightOutlineAccentMinor" | "onLightOutlineTransparentAccent" | "onLightOutlinePositive" | "onLightOutlineWarning" | "onLightOutlineNegative" | "onLightOutlinePositiveMinor" | "onLightOutlineWarningMinor" | "onLightOutlineNegativeMinor" | "onLightOutlineTransparentPositive" | "onLightOutlineTransparentWarning" | "onLightOutlineTransparentNegative" | "onLightOutlineInfo" | "onLightOutlineInfoMinor" | "onLightOutlineTransparentInfo" | "onLightOutlineSolidDefault" | "onLightOutlineSolidDefaultHover" | "onLightOutlineSolidDefaultActive" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineSolidTertiaryHover" | "inverseOutlineSolidTertiaryActive" | "inverseOutlineTransparentPrimaryHover" | "inverseOutlineTransparentPrimaryActive" | "inverseOutlineTransparentSecondaryHover" | "inverseOutlineTransparentSecondaryActive" | "inverseOutlineTransparentTertiaryHover" | "inverseOutlineTransparentTertiaryActive" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlineAccentMinorHover" | "inverseOutlineAccentMinorActive" | "inverseOutlineTransparentAccentHover" | "inverseOutlineTransparentAccentActive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineWarningHover" | "inverseOutlineWarningActive" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "inverseOutlinePositiveMinorHover" | "inverseOutlinePositiveMinorActive" | "inverseOutlineWarningMinorHover" | "inverseOutlineWarningMinorActive" | "inverseOutlineNegativeMinorHover" | "inverseOutlineNegativeMinorActive" | "inverseOutlineInfoMinorHover" | "inverseOutlineInfoMinorActive" | "inverseOutlineTransparentPositiveHover" | "inverseOutlineTransparentPositiveActive" | "inverseOutlineTransparentWarningHover" | "inverseOutlineTransparentWarningActive" | "inverseOutlineTransparentNegativeHover" | "inverseOutlineTransparentNegativeActive" | "inverseOutlineTransparentInfoHover" | "inverseOutlineTransparentInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidTertiary" | "inverseOutlineTransparentPrimary" | "inverseOutlineTransparentSecondary" | "inverseOutlineTransparentTertiary" | "inverseOutlineClear" | "inverseOutlineDefaultHover" | "inverseOutlineDefaultActive" | "inverseOutlineAccent" | "inverseOutlineAccentMinor" | "inverseOutlineTransparentAccent" | "inverseOutlinePositive" | "inverseOutlineWarning" | "inverseOutlineNegative" | "inverseOutlineInfo" | "inverseOutlinePositiveMinor" | "inverseOutlineWarningMinor" | "inverseOutlineNegativeMinor" | "inverseOutlineInfoMinor" | "inverseOutlineTransparentPositive" | "inverseOutlineTransparentWarning" | "inverseOutlineTransparentNegative" | "inverseOutlineTransparentInfo" | "inverseOutlineSolidDefault" | "inverseOutlineSolidDefaultHover" | "inverseOutlineSolidDefaultActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "whitePrimary" | "whiteSecondary" | "whiteTertiary" | "blackPrimary" | "blackSecondary" | "blackTertiary" | "buttonBlack" | "buttonBlackSecondary" | "buttonWhite" | "buttonWhiteSecondary" | "background" | "surfaceLiquid01" | "surfaceLiquid02" | "surfaceLiquid03" | "surfaceSolid01" | "surfaceSolid02" | "surfaceSolid03" | "surfaceCard" | "buttonSecondary" | "buttonAccent" | "buttonSuccess" | "buttonWarning" | "buttonCritical" | "textAccentGradientHover" | "textAccentGradientActive" | "textAccentGradient" | "onDarkTextAccentGradientHover" | "onDarkTextAccentGradientActive" | "onDarkTextAccentGradient" | "onLightTextAccentGradientHover" | "onLightTextAccentGradientActive" | "onLightTextAccentGradient" | "inverseTextAccentGradientHover" | "inverseTextAccentGradientActive" | "inverseTextAccentGradient" | "surfaceAccentGradientHover" | "surfaceAccentGradientActive" | "surfaceAccentGradient" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceAccentGradientHover" | "onDarkSurfaceAccentGradientActive" | "onDarkSurfaceAccentGradient" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceAccentGradientHover" | "onLightSurfaceAccentGradientActive" | "onLightSurfaceAccentGradient" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceAccentGradientHover" | "inverseSurfaceAccentGradientActive" | "inverseSurfaceAccentGradient" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
     shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;

package/mixins/index.js

@@ -12,6 +12,9 @@ _export(exports, {
     get addFocus () {
         return _plasmacore.addFocus;
     },
+    get addScrollbar () {
+        return _Scrollbar.addScrollbar;
+    },
     get applyBlur () {
         return _plasmacore.applyBlur;
     },
@@ -70,6 +73,7 @@ _export(exports, {
 var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 var _plasma_web = /*#__PURE__*/ _interop_require_wildcard(require("@salutejs/plasma-themes/tokens/plasma_web"));
 var _plasmacore = require("@salutejs/plasma-core");
+var _Scrollbar = require("../components/Scrollbar/Scrollbar");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.598.0-canary.2325.19236948330.0",
+  "version": "1.598.0-dev.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.209.0",
     "@salutejs/plasma-hope": "1.355.0",
-    "@salutejs/plasma-new-hope": "0.340.0-canary.2325.19236948330.0",
+    "@salutejs/plasma-new-hope": "0.340.0-dev.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@salutejs/plasma-tokens-b2b": "1.54.0",
     "@salutejs/plasma-tokens-b2c": "0.65.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "a83a73565ae826e657afa62e355ab58f6d1d3bbc"
+  "gitHead": "1760040c4ea442761d6969c5eed76a27709ec5d6"
 }