npm - @salutejs/sdds-dfa - Versions diffs - 0.321.1-canary.2209.17603494170.0 → 0.321.1-canary.2209.17818324146.0 - Mend

@salutejs/sdds-dfa 0.321.1-canary.2209.17603494170.0 → 0.321.1-canary.2209.17818324146.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/components/Attach/Attach.config.js +8 -4
package/components/Avatar/Avatar.config.js +3 -3
package/components/Drawer/Drawer.d.ts +1 -0
package/components/Notification/Notification.d.ts +1 -1
package/components/Pagination/Pagination.config.js +18 -11
package/components/Range/Range.config.d.ts +1 -0
package/components/Range/Range.config.js +70 -17
package/components/Range/Range.d.ts +1 -0
package/components/Tree/Tree.config.js +4 -2
package/es/components/Attach/Attach.config.js +8 -4
package/es/components/Avatar/Avatar.config.js +3 -3
package/es/components/Pagination/Pagination.config.js +18 -11
package/es/components/Range/Range.config.js +70 -17
package/es/components/Tree/Tree.config.js +4 -2
package/package.json +7 -7

package/components/Attach/Attach.config.js CHANGED Viewed

@@ -492,6 +492,7 @@ function _templateObject12() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3.5rem;\n                ",
+        ": 3.5rem;\n                ",
         ": 12.5rem;\n                ",
         ": 1.5rem;\n                ",
         ": 0.875rem;\n                ",
@@ -568,6 +569,7 @@ function _templateObject13() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3rem;\n                ",
+        ": 3rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1.25rem;\n                ",
         ": 0.75rem;\n                ",
@@ -644,6 +646,7 @@ function _templateObject14() {
         ": 0.375rem;\n                ",
         ": 1.5rem;\n\n                ",
         ": 2.5rem;\n                ",
+        ": 2.5rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1rem;\n                ",
         ": 0.625rem;\n                ",
@@ -720,6 +723,7 @@ function _templateObject15() {
         ": 0.25rem;\n                ",
         ": 1.375rem;\n\n                ",
         ": 2rem;\n                ",
+        ": 2rem;\n                ",
         ": 10rem;\n                ",
         ": 0.75rem;\n                ",
         ": 0.5rem;\n                ",
@@ -814,10 +818,10 @@ var config = {
             negative: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.attachTokens.helperTextColor)
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
-            m: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
-            s: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
-            xs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
+            l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
+            m: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
+            s: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor),
+            xs: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
         }
     }
 };

package/components/Avatar/Avatar.config.js CHANGED Viewed

@@ -42,7 +42,7 @@ function _templateObject1() {
         ": 600;\n                ",
         ": 2rem;\n                ",
         ": 0.75rem;\n                ",
-        ": 1.25rem;\n\n                ",
+        ": 1.125rem;\n\n                ",
         ": 0.5rem;\n                ",
         ": 1.75rem;\n                ",
         ": 0 0.688rem;\n                ",
@@ -196,10 +196,10 @@ function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 50%;\n                ",
-        ": calc(1.02 * 0.85 * var(",
+        ": calc(0.867 * var(",
         ") - var(",
         ") / 2);\n                ",
-        ": calc(1.02 * 0.85 * var(",
+        ": calc(0.867 * var(",
         ") - var(",
         ") / 2);\n            "
     ]);

package/components/Drawer/Drawer.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
+    animationInfo?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerAnimationInfo;
     placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
     asModal?: boolean;
     customBackgroundColor?: string;

package/components/Notification/Notification.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ export declare const NotificationNewHope: React.FunctionComponent<import("@salut
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
+}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutDraggable<HTMLElement>)>;
 type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
 type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> & Omit<NotificationPropsNewHope, ConfigProps>;
 export declare const Notification: ForwardRefExoticComponent<NotificationProps>;

package/components/Pagination/Pagination.config.js CHANGED Viewed

@@ -38,6 +38,7 @@ function _templateObject() {
         ":transparent;\n                ",
         ": color-mix(\n                    in srgb,\n                    var(--inverse-text-primary),\n                    var(--surface-solid-default) 85%\n                );\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject = function _templateObject() {
@@ -64,6 +65,7 @@ function _templateObject1() {
         ": var(--surface-solid-secondary);\n                ",
         ": transparent;\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject1 = function _templateObject() {
@@ -90,6 +92,7 @@ function _templateObject2() {
         ": var(--surface-solid-card);\n                ",
         ": transparent;\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject2 = function _templateObject() {
@@ -176,7 +179,8 @@ function _templateObject6() {
         ": 4rem;\n                ",
         ": 3.5rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -217,7 +221,8 @@ function _templateObject7() {
         ": 3.5rem;\n                ",
         ": 3rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -258,7 +263,8 @@ function _templateObject8() {
         ": 3rem;\n                ",
         ": 2.5rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -299,7 +305,8 @@ function _templateObject9() {
         ": 2.5rem;\n                ",
         ": 2rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject9 = function _templateObject() {
         return data;
@@ -332,9 +339,9 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
-            secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
-            clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
+            secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
+            clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor)
         },
         viewCurrentPage: {
             default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -342,10 +349,10 @@ var config = {
             clear: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
-            m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
-            s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
-            xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth)
+            l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
+            m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
+            s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
+            xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap)
         },
         type: {
             compact: (0, _styledcomponents.css)(_templateObject10()),

package/components/Range/Range.config.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export declare const config: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         size: {
+            xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Range/Range.config.js CHANGED Viewed

@@ -53,6 +53,58 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n\n                ",
+        ": 0 0.375rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 0 0 0 1.125rem;\n                ",
+        ": 0;\n\n                ",
+        ": 0.75rem;\n\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 4rem;\n                ",
+        ": 1rem;\n                ",
+        ": 1.3125rem 1.125rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 0.25rem 0 0 0;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": -0.0625rem 0.5rem -0.0625rem 0;\n                ",
+        ": -0.0625rem 0 -0.0625rem 0.75rem;\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0 0 0 0;\n                ",
+        ": 0.5rem auto auto -0.75rem;\n                ",
+        ": 0 0 auto auto;\n                ",
+        ": 0.25rem -0.625rem auto auto;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.875rem;\n\n                ",
@@ -99,12 +151,12 @@ function _templateObject1() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject1 = function _templateObject() {
+    _templateObject2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2() {
+function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n\n                ",
@@ -151,12 +203,12 @@ function _templateObject2() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject2 = function _templateObject() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3() {
+function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n\n                ",
@@ -203,12 +255,12 @@ function _templateObject3() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject3 = function _templateObject() {
+    _templateObject4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject4() {
+function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n\n                ",
@@ -255,22 +307,22 @@ function _templateObject4() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject4 = function _templateObject() {
+    _templateObject5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject5() {
+function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject5 = function _templateObject() {
+    _templateObject6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6() {
+function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--surface-transparent-primary);\n                ",
@@ -284,7 +336,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": var(--text-secondary);\n            "
     ]);
-    _templateObject6 = function _templateObject() {
+    _templateObject7 = function _templateObject() {
         return data;
     };
     return data;
@@ -299,16 +351,17 @@ var config = {
             default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorHover, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
-            xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin)
+            xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight),
+            l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
+            m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
+            s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
+            xs: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.rangeTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.rangeTokens.disabledOpacity)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.rangeTokens.backgroundReadOnly, _styledcomponents.rangeTokens.labelColorReadOnly, _styledcomponents.rangeTokens.leftHelperColorReadOnly, _styledcomponents.rangeTokens.dividerColorReadOnly, _styledcomponents.rangeTokens.readOnlyOpacity, _styledcomponents.rangeTokens.dividerOpacityReadOnly, _styledcomponents.rangeTokens.rightContentOpacityReadOnly, _styledcomponents.rangeTokens.textFieldColorReadOnly, _styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly, _styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly)
+            true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.rangeTokens.backgroundReadOnly, _styledcomponents.rangeTokens.labelColorReadOnly, _styledcomponents.rangeTokens.leftHelperColorReadOnly, _styledcomponents.rangeTokens.dividerColorReadOnly, _styledcomponents.rangeTokens.readOnlyOpacity, _styledcomponents.rangeTokens.dividerOpacityReadOnly, _styledcomponents.rangeTokens.rightContentOpacityReadOnly, _styledcomponents.rangeTokens.textFieldColorReadOnly, _styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly, _styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/components/Range/Range.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Tree/Tree.config.js CHANGED Viewed

@@ -36,7 +36,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 0.4;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -170,7 +172,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
         },
         size: {
             l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),

package/es/components/Attach/Attach.config.js CHANGED Viewed

@@ -481,6 +481,7 @@ function _templateObject12() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3.5rem;\n                ",
+        ": 3.5rem;\n                ",
         ": 12.5rem;\n                ",
         ": 1.5rem;\n                ",
         ": 0.875rem;\n                ",
@@ -557,6 +558,7 @@ function _templateObject13() {
         ": 0.5rem;\n                ",
         ": 1.625rem;\n\n                ",
         ": 3rem;\n                ",
+        ": 3rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1.25rem;\n                ",
         ": 0.75rem;\n                ",
@@ -633,6 +635,7 @@ function _templateObject14() {
         ": 0.375rem;\n                ",
         ": 1.5rem;\n\n                ",
         ": 2.5rem;\n                ",
+        ": 2.5rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1rem;\n                ",
         ": 0.625rem;\n                ",
@@ -709,6 +712,7 @@ function _templateObject15() {
         ": 0.25rem;\n                ",
         ": 1.375rem;\n\n                ",
         ": 2rem;\n                ",
+        ": 2rem;\n                ",
         ": 10rem;\n                ",
         ": 0.75rem;\n                ",
         ": 0.5rem;\n                ",
@@ -804,10 +808,10 @@ export var config = {
             negative: css(_templateObject11(), attachTokens.helperTextColor)
         },
         size: {
-            l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
-            xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
+            l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
+            xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
         }
     }
 };

package/es/components/Avatar/Avatar.config.js CHANGED Viewed

@@ -31,7 +31,7 @@ function _templateObject1() {
         ": 600;\n                ",
         ": 2rem;\n                ",
         ": 0.75rem;\n                ",
-        ": 1.25rem;\n\n                ",
+        ": 1.125rem;\n\n                ",
         ": 0.5rem;\n                ",
         ": 1.75rem;\n                ",
         ": 0 0.688rem;\n                ",
@@ -185,10 +185,10 @@ function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 50%;\n                ",
-        ": calc(1.02 * 0.85 * var(",
+        ": calc(0.867 * var(",
         ") - var(",
         ") / 2);\n                ",
-        ": calc(1.02 * 0.85 * var(",
+        ": calc(0.867 * var(",
         ") - var(",
         ") / 2);\n            "
     ]);

package/es/components/Pagination/Pagination.config.js CHANGED Viewed

@@ -27,6 +27,7 @@ function _templateObject() {
         ":transparent;\n                ",
         ": color-mix(\n                    in srgb,\n                    var(--inverse-text-primary),\n                    var(--surface-solid-default) 85%\n                );\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject = function _templateObject() {
@@ -53,6 +54,7 @@ function _templateObject1() {
         ": var(--surface-solid-secondary);\n                ",
         ": transparent;\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject1 = function _templateObject() {
@@ -79,6 +81,7 @@ function _templateObject2() {
         ": var(--surface-solid-card);\n                ",
         ": transparent;\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n            "
     ]);
     _templateObject2 = function _templateObject() {
@@ -165,7 +168,8 @@ function _templateObject6() {
         ": 4rem;\n                ",
         ": 3.5rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -206,7 +210,8 @@ function _templateObject7() {
         ": 3.5rem;\n                ",
         ": 3rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -247,7 +252,8 @@ function _templateObject8() {
         ": 3rem;\n                ",
         ": 2.5rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -288,7 +294,8 @@ function _templateObject9() {
         ": 2.5rem;\n                ",
         ": 2rem;\n                ",
         ": 0 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
+        ": 0.0625rem;\n\n                ",
+        ": 0.5rem 2.5rem;\n            "
     ]);
     _templateObject9 = function _templateObject() {
         return data;
@@ -322,9 +329,9 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
-            secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
-            clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
+            default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
+            secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
+            clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
         },
         viewCurrentPage: {
             default: css(_templateObject3(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -332,10 +339,10 @@ export var config = {
             clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
         },
         size: {
-            l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-            m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-            s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-            xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
+            l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
         },
         type: {
             compact: css(_templateObject10()),

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

@@ -42,6 +42,58 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n\n                ",
+        ": 0 0.375rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 0 0 0 1.125rem;\n                ",
+        ": 0;\n\n                ",
+        ": 0.75rem;\n\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 4rem;\n                ",
+        ": 1rem;\n                ",
+        ": 1.3125rem 1.125rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 0.25rem 0 0 0;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": -0.0625rem 0.5rem -0.0625rem 0;\n                ",
+        ": -0.0625rem 0 -0.0625rem 0.75rem;\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0 0 0 0;\n                ",
+        ": 0.5rem auto auto -0.75rem;\n                ",
+        ": 0 0 auto auto;\n                ",
+        ": 0.25rem -0.625rem auto auto;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.875rem;\n\n                ",
@@ -88,12 +140,12 @@ function _templateObject1() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject1 = function _templateObject() {
+    _templateObject2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2() {
+function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n\n                ",
@@ -140,12 +192,12 @@ function _templateObject2() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject2 = function _templateObject() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3() {
+function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n\n                ",
@@ -192,12 +244,12 @@ function _templateObject3() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject3 = function _templateObject() {
+    _templateObject4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject4() {
+function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n\n                ",
@@ -244,22 +296,22 @@ function _templateObject4() {
         ": 0 0.25rem 0 0;\n                ",
         ": 0 0 0 0.25rem;\n            "
     ]);
-    _templateObject4 = function _templateObject() {
+    _templateObject5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject5() {
+function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject5 = function _templateObject() {
+    _templateObject6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6() {
+function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--surface-transparent-primary);\n                ",
@@ -273,7 +325,7 @@ function _templateObject6() {
         ": transparent;\n                ",
         ": var(--text-secondary);\n            "
     ]);
-    _templateObject6 = function _templateObject() {
+    _templateObject7 = function _templateObject() {
         return data;
     };
     return data;
@@ -289,16 +341,17 @@ export var config = {
             default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
         },
         size: {
-            l: css(_templateObject1(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
-            m: css(_templateObject2(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
-            s: css(_templateObject3(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
-            xs: css(_templateObject4(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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)
+            xl: css(_templateObject1(), tokens.borderRadius, 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.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),
+            l: css(_templateObject2(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
+            m: css(_templateObject3(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
+            s: css(_templateObject4(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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),
+            xs: css(_templateObject5(), tokens.borderRadius, 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.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, 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)
         },
         disabled: {
-            true: css(_templateObject5(), tokens.disabledOpacity)
+            true: css(_templateObject6(), tokens.disabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+            true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
         }
     }
 };

package/es/components/Tree/Tree.config.js CHANGED Viewed

@@ -25,7 +25,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 0.4;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -160,7 +162,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
+            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
         },
         size: {
             l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.321.1-canary.2209.17603494170.0",
+  "version": "0.321.1-canary.2209.17818324146.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.335.1-canary.2209.17603494170.0",
+    "@salutejs/plasma-new-hope": "0.335.1-canary.2209.17818324146.0",
     "@salutejs/sdds-themes": "0.47.0"
   },
   "peerDependencies": {
@@ -37,10 +37,10 @@
     "@babel/preset-typescript": "7.24.1",
     "@microsoft/api-extractor": "7.38.3",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.207.0",
-    "@salutejs/plasma-cy-utils": "0.137.0",
-    "@salutejs/plasma-icons": "1.223.0",
-    "@salutejs/plasma-sb-utils": "0.207.0",
+    "@salutejs/plasma-core": "1.207.1-canary.2209.17818324146.0",
+    "@salutejs/plasma-cy-utils": "0.137.1-canary.2209.17818324146.0",
+    "@salutejs/plasma-icons": "1.223.1-canary.2209.17818324146.0",
+    "@salutejs/plasma-sb-utils": "0.207.1-canary.2209.17818324146.0",
     "@storybook/addon-docs": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
     "@storybook/manager-api": "8.6.14",
@@ -94,5 +94,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "2c797fac026f1c295adbc10f922747a80cd00134"
+  "gitHead": "109522c7d733a4be0ca7ac3bf012636e3302d7c3"
 }