@salutejs/plasma-new-hope 0.336.0-canary.2163.17581420375.0 → 0.336.0-canary.2163.17602400013.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.
- package/cjs/components/Dropdown/FloatingPopover.js +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/Pagination.js +18 -17
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +1 -1
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_1ptuxg8.css → Pagination.styles_qs9qeo.css} +1 -1
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +1 -1
- package/emotion/cjs/components/Pagination/Pagination.js +18 -17
- package/emotion/cjs/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Dropdown/FloatingPopover.js +1 -1
- package/emotion/es/components/Pagination/Pagination.js +18 -17
- package/emotion/es/components/Pagination/Pagination.styles.js +19 -19
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Dropdown/FloatingPopover.js +1 -1
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/Pagination.js +18 -17
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +1 -1
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_1ptuxg8.css → Pagination.styles_qs9qeo.css} +1 -1
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +1 -1
- package/styled-components/cjs/components/Pagination/Pagination.js +18 -17
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +16 -14
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/Dropdown/FloatingPopover.js +1 -1
- package/styled-components/es/components/Pagination/Pagination.js +18 -17
- package/styled-components/es/components/Pagination/Pagination.styles.js +17 -15
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
@@ -2,7 +2,7 @@ import styled from "styled-components";
|
|
2
2
|
import { buttonConfig, buttonTokens } from "../Button";
|
3
3
|
import { buttonGroupConfig, buttonGroupTokens } from "../ButtonGroup";
|
4
4
|
import { component, mergeConfig } from "../../engines";
|
5
|
-
import { addFocus } from "../../mixins";
|
5
|
+
import { addFocus, applyEllipsis } from "../../mixins";
|
6
6
|
import { classes, tokens } from "./Pagination.tokens";
|
7
7
|
var mergedButtonConfig = mergeConfig(buttonConfig);
|
8
8
|
var Button = component(mergedButtonConfig);
|
@@ -10,22 +10,22 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
|
|
10
10
|
var ButtonGroup = component(mergedButtonGroupConfig);
|
11
11
|
export var PaginationRoot = styled.div.withConfig({
|
12
12
|
displayName: "Pagination.styles__PaginationRoot",
|
13
|
-
componentId: "sc-
|
13
|
+
componentId: "sc-d23cab0e-0"
|
14
14
|
})([
|
15
15
|
"display:flex;color:var(",
|
16
16
|
");&.",
|
17
|
-
"{
|
18
|
-
"{width:100%;
|
17
|
+
"{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
|
18
|
+
"{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
|
19
19
|
], tokens.paginationColor, classes.compactType, classes.defaultType);
|
20
20
|
export var PaginationPages = styled.div.withConfig({
|
21
21
|
displayName: "Pagination.styles__PaginationPages",
|
22
|
-
componentId: "sc-
|
22
|
+
componentId: "sc-d23cab0e-1"
|
23
23
|
})([
|
24
24
|
"display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
|
25
25
|
]);
|
26
26
|
export var PaginationActions = styled.div.withConfig({
|
27
27
|
displayName: "Pagination.styles__PaginationActions",
|
28
|
-
componentId: "sc-
|
28
|
+
componentId: "sc-d23cab0e-2"
|
29
29
|
})([
|
30
30
|
"display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:0.5rem var(",
|
31
31
|
");flex-shrink:1;&.",
|
@@ -36,13 +36,13 @@ export var PaginationActions = styled.div.withConfig({
|
|
36
36
|
], tokens.paginationHelperTextGap, classes.compactType, classes.defaultType, classes.withHasPerPageSelect, classes.withHasQuickJump);
|
37
37
|
export var PaginationSection = styled.div.withConfig({
|
38
38
|
displayName: "Pagination.styles__PaginationSection",
|
39
|
-
componentId: "sc-
|
39
|
+
componentId: "sc-d23cab0e-3"
|
40
40
|
})([
|
41
41
|
"display:flex;gap:0.125rem;"
|
42
42
|
]);
|
43
43
|
export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
44
44
|
displayName: "Pagination.styles__PaginationButtonGroup",
|
45
|
-
componentId: "sc-
|
45
|
+
componentId: "sc-d23cab0e-4"
|
46
46
|
})([
|
47
47
|
"",
|
48
48
|
":var(",
|
@@ -84,7 +84,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
|
84
84
|
], 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);
|
85
85
|
export var PaginationButton = styled(Button).withConfig({
|
86
86
|
displayName: "Pagination.styles__PaginationButton",
|
87
|
-
componentId: "sc-
|
87
|
+
componentId: "sc-d23cab0e-5"
|
88
88
|
})([
|
89
89
|
"",
|
90
90
|
":var(",
|
@@ -150,7 +150,7 @@ export var PaginationButton = styled(Button).withConfig({
|
|
150
150
|
}));
|
151
151
|
export var PaginationShorter = styled(PaginationButton).withConfig({
|
152
152
|
displayName: "Pagination.styles__PaginationShorter",
|
153
|
-
componentId: "sc-
|
153
|
+
componentId: "sc-d23cab0e-6"
|
154
154
|
})([
|
155
155
|
"",
|
156
156
|
":var(",
|
@@ -159,7 +159,7 @@ export var PaginationShorter = styled(PaginationButton).withConfig({
|
|
159
159
|
], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
|
160
160
|
export var PaginationActionsLeft = styled.div.withConfig({
|
161
161
|
displayName: "Pagination.styles__PaginationActionsLeft",
|
162
|
-
componentId: "sc-
|
162
|
+
componentId: "sc-d23cab0e-7"
|
163
163
|
})([
|
164
164
|
"display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem var(",
|
165
165
|
");.",
|
@@ -167,10 +167,12 @@ export var PaginationActionsLeft = styled.div.withConfig({
|
|
167
167
|
], tokens.paginationHelperTextGap, classes.defaultType);
|
168
168
|
export var PaginationHelperText = styled.div.withConfig({
|
169
169
|
displayName: "Pagination.styles__PaginationHelperText",
|
170
|
-
componentId: "sc-
|
170
|
+
componentId: "sc-d23cab0e-8"
|
171
171
|
})([
|
172
172
|
"color:var(",
|
173
173
|
");&.",
|
174
|
-
"{min-width:0;
|
175
|
-
"
|
176
|
-
|
174
|
+
"{min-width:0;",
|
175
|
+
" flex-shrink:1;}&.",
|
176
|
+
"{",
|
177
|
+
"}"
|
178
|
+
], tokens.paginationHelperTextColor, classes.defaultType, applyEllipsis(), classes.ellipsisText, applyEllipsis());
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,
|
1
|
+
{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,qKAgB1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAyB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,sPAwBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAuD5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAWjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAYhC,CAAC"}
|