@salutejs/plasma-new-hope 0.336.0-canary.2163.17485485502.0 → 0.336.0-canary.2184.17486296992.0

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

@@ -10,39 +10,37 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
 var ButtonGroup = component(mergedButtonGroupConfig);
 export var PaginationRoot = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-bc0400ba-0"
+    componentId: "sc-123175d4-0"
 })([
     "display:flex;color:var(",
     ");&.",
     "{display:flex;flex-direction:column;gap:0.5rem;}&.",
-    "{width:100%;display:flex;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
+    "{display:flex;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:wrap;}"
 ], tokens.paginationColor, classes.compactType, classes.defaultType);
 export var PaginationPages = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-bc0400ba-1"
+    componentId: "sc-123175d4-1"
 })([
-    "display:flex;align-items:center;gap:0.25rem;margin:0 auto;flex-shrink:0;"
+    "display:flex;align-items:center;gap:0.25rem;margin:0 auto;"
 ]);
 export var PaginationActions = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-bc0400ba-2"
+    componentId: "sc-123175d4-2"
 })([
-    "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
-    ");flex-shrink:1;&.",
-    "{flex-direction:row;width:100%;}&.",
+    "display:flex;justify-content:space-between;flex-grow:1;gap:0.625rem;&.",
     "{flex-direction:row;}&.",
     "{flex-direction:row-reverse;}&.",
     "{flex-direction:row;}"
-], tokens.paginationHelperTextGap, classes.compactType, classes.defaultType, classes.withHasPerPageSelect, classes.withHasQuickJump);
+], classes.compactType, classes.withHasPerPageSelect, classes.withHasQuickJump);
 export var PaginationSection = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-bc0400ba-3"
+    componentId: "sc-123175d4-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-bc0400ba-4"
+    componentId: "sc-123175d4-4"
 })([
     "",
     ":var(",
@@ -84,7 +82,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
 ], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
 export var PaginationButton = styled(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-bc0400ba-5"
+    componentId: "sc-123175d4-5"
 })([
     "",
     ":var(",
@@ -150,24 +148,10 @@ export var PaginationButton = styled(Button).withConfig({
 }));
 export var PaginationShorter = styled(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-bc0400ba-6"
+    componentId: "sc-123175d4-6"
 })([
     "",
     ":var(",
     ");",
     ":0;"
 ], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
-export var PaginationActionsLeft = styled.div.withConfig({
-    displayName: "Pagination.styles__PaginationActionsLeft",
-    componentId: "sc-bc0400ba-7"
-})([
-    "display:flex;align-items:center;gap:var(",
-    ");min-width:0;flex:1;flex-shrink:1;"
-], tokens.paginationHelperTextGap);
-export var PaginationHelperText = styled.div.withConfig({
-    displayName: "Pagination.styles__PaginationHelperText",
-    componentId: "sc-bc0400ba-8"
-})([
-    "color:var(",
-    ");text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;flex-shrink:1;"
-], tokens.paginationHelperTextColor);

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

@@ -17,8 +17,6 @@ export var classes = {
 export var tokens = {
     paginationWidth: '--plasma-pagination-width',
     paginationColor: '--plasma-pagination-color',
-    paginationHelperTextColor: '--plasma-pagination-helper-text-color',
-    paginationHelperTextGap: '--plasma-pagination-helper-text-gap',
     buttonBackgroundColor: '--plasma-pagination-button-bg-color',
     buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',
     buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',

package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js

@@ -2,9 +2,9 @@ import styled from "styled-components";
 import { tokens } from "../../Pagination.tokens";
 export var QuickJumpToPageRoot = styled.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageRoot",
-    componentId: "sc-d437c7e1-0"
+    componentId: "sc-baf7e727-0"
 })([
-    "display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-family:var(",
+    "display:flex;align-items:center;gap:0.5rem;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");font-weight:var(",
@@ -14,13 +14,13 @@ export var QuickJumpToPageRoot = styled.div.withConfig({
 ], tokens.paginationFontFamily, tokens.paginationFontSize, tokens.paginationFontStyle, tokens.paginationFontWeight, tokens.paginationLetterSpacing, tokens.paginationLineHeight);
 export var QuickJumpToPageTypography = styled.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageTypography",
-    componentId: "sc-d437c7e1-1"
+    componentId: "sc-baf7e727-1"
 })([
-    "white-space:nowrap;"
+    ""
 ]);
 export var QuickJumpToPageInput = styled.input.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageInput",
-    componentId: "sc-d437c7e1-2"
+    componentId: "sc-baf7e727-2"
 })([
     "background:var(",
     ");color:var(",

package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -6,13 +6,13 @@ var mergedSelectConfig = mergeConfig(selectConfig);
 var Select = component(mergedSelectConfig);
 export var SelectPerPageRoot = styled.div.withConfig({
     displayName: "PaginationSelectPerPage.styles__SelectPerPageRoot",
-    componentId: "sc-25261485-0"
+    componentId: "sc-1d4a086-0"
 })([
-    "display:flex;align-items:center;gap:0.5rem;flex-shrink:0;"
+    "display:flex;align-items:center;gap:0.5rem;"
 ]);
 export var SelectPerPageSelect = styled(Select).withConfig({
     displayName: "PaginationSelectPerPage.styles__SelectPerPageSelect",
-    componentId: "sc-25261485-1"
+    componentId: "sc-1d4a086-1"
 })([
     "",
     ":var(",
@@ -65,7 +65,7 @@ export var SelectPerPageSelect = styled(Select).withConfig({
 ], selectTokens.buttonColor, tokens.buttonColor, selectTokens.buttonColorHover, tokens.buttonColorHover, selectTokens.buttonColorActive, tokens.buttonColorActive, selectTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, selectTokens.targetHeight, tokens.buttonHeight, selectTokens.buttonPadding, tokens.selectTargetPadding, selectTokens.borderRadius, tokens.buttonRadius, selectTokens.buttonArrowColor, tokens.buttonArrowColor, selectTokens.buttonArrowColorHover, tokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, tokens.buttonArrowColorActive, selectTokens.buttonArrowMargin, tokens.buttonArrowMargin, selectTokens.padding, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.buttonRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.fontFamily, tokens.paginationFontFamily, selectTokens.fontSize, tokens.paginationFontSize, selectTokens.fontStyle, tokens.paginationFontStyle, selectTokens.fontWeight, tokens.paginationFontWeight, selectTokens.fontLetterSpacing, tokens.paginationLetterSpacing, selectTokens.fontLineHeight, tokens.paginationLineHeight);
 export var SelectPerPageTypography = styled.div.withConfig({
     displayName: "PaginationSelectPerPage.styles__SelectPerPageTypography",
-    componentId: "sc-25261485-2"
+    componentId: "sc-1d4a086-2"
 })([
     "font-family:var(",
     ");font-size:var(",