@salutejs/plasma-new-hope 0.342.1-canary.2376.19952506237.0 → 0.343.0-canary.2241.19959327691.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/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/Pagination.styles.js +7 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_li5fxx.css → Pagination.styles_wrarr1.css} +1 -1
- package/cjs/components/Pagination/Pagination.tokens.js +0 -1
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +0 -1
- package/emotion/cjs/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/es/components/Pagination/Pagination.tokens.js +0 -1
- package/emotion/es/examples/components/Pagination/Pagination.config.js +12 -12
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/Pagination.styles.js +7 -7
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_li5fxx.css → Pagination.styles_wrarr1.css} +1 -1
- package/es/components/Pagination/Pagination.tokens.js +0 -1
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/index.css +9 -9
- package/package.json +6 -6
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +11 -12
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +0 -1
- package/styled-components/cjs/examples/components/Pagination/Pagination.config.js +4 -8
- package/styled-components/es/components/Pagination/Pagination.styles.js +11 -12
- package/styled-components/es/components/Pagination/Pagination.tokens.js +0 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Pagination/Pagination.config.js +4 -8
- package/types/components/Pagination/Pagination.tokens.d.ts +0 -1
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/examples/components/Pagination/Pagination.config.d.ts.map +1 -1
|
@@ -39,15 +39,15 @@
|
|
|
39
39
|
|
|
40
40
|
.ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
41
41
|
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
42
|
+
.Pagination_styles_wrarr1_p1m4gnut__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
|
|
43
|
+
.Pagination_styles_wrarr1_p195n7xj__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
44
|
+
.Pagination_styles_wrarr1_p19axp12__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasPerpageSelect__288737f8{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasQuickJump__288737f8{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
|
|
45
|
+
.Pagination_styles_wrarr1_p1rlzvhv__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
|
|
46
|
+
.Pagination_styles_wrarr1_pivhg1z__288737f8{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
|
|
47
|
+
.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationPageButtonActive__288737f8{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationButtonDisabled__288737f8{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_wrarr1_pshury3__288737f8:focus{outline:none;}.Pagination_styles_wrarr1_pshury3__288737f8::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_focusVisible__288737f8:focus::before,.Pagination_styles_wrarr1_pshury3__288737f8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
|
|
48
|
+
.Pagination_styles_wrarr1_pwlctp1__288737f8.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
|
|
49
|
+
.Pagination_styles_wrarr1_p1tvr3oq__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_wrarr1_paginationTypeDefault__288737f8 .Pagination_styles_wrarr1_p1tvr3oq__288737f8{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
|
|
50
|
+
.Pagination_styles_wrarr1_p1ea7rbb__288737f8{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationEllipsisText__288737f8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
51
51
|
|
|
52
52
|
.base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
53
53
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Pagination.
|
|
1
|
+
import './Pagination.styles_wrarr1.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { component, mergeConfig } from '../../engines/common.js';
|
|
4
4
|
import { buttonConfig } from '../Button/Button.js';
|
|
@@ -28,26 +28,26 @@ var PaginationSection = /*#__PURE__*/styled('div')({
|
|
|
28
28
|
"class": "p1rlzvhv",
|
|
29
29
|
propsAsIs: false
|
|
30
30
|
});
|
|
31
|
-
var
|
|
31
|
+
var _exp8 = function _exp8() {
|
|
32
32
|
return ButtonGroup;
|
|
33
33
|
};
|
|
34
|
-
var PaginationButtonGroup = /*#__PURE__*/styled(
|
|
34
|
+
var PaginationButtonGroup = /*#__PURE__*/styled(_exp8())({
|
|
35
35
|
name: "PaginationButtonGroup",
|
|
36
36
|
"class": "pivhg1z",
|
|
37
37
|
propsAsIs: true
|
|
38
38
|
});
|
|
39
|
-
var
|
|
39
|
+
var _exp45 = function _exp45() {
|
|
40
40
|
return Button;
|
|
41
41
|
};
|
|
42
|
-
var PaginationButton = /*#__PURE__*/styled(
|
|
42
|
+
var PaginationButton = /*#__PURE__*/styled(_exp45())({
|
|
43
43
|
name: "PaginationButton",
|
|
44
44
|
"class": "pshury3",
|
|
45
45
|
propsAsIs: true
|
|
46
46
|
});
|
|
47
|
-
var
|
|
47
|
+
var _exp101 = function _exp101() {
|
|
48
48
|
return PaginationButton;
|
|
49
49
|
};
|
|
50
|
-
var PaginationShorter = /*#__PURE__*/styled(
|
|
50
|
+
var PaginationShorter = /*#__PURE__*/styled(_exp101())({
|
|
51
51
|
name: "PaginationShorter",
|
|
52
52
|
"class": "pwlctp1",
|
|
53
53
|
propsAsIs: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus, applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n flex-direction: column;\n gap:
|
|
1
|
+
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus, applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n flex-direction: column;\n gap: 0.5rem;\n justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n flex-direction: row;\n\n &.${classes.compactType} {\n width: 100%;\n flex-wrap: wrap;\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(${tokens.paginationHelperTextGap});\n\n .${classes.defaultType} & {\n min-width: 0;\n flex-wrap: nowrap;\n flex-shrink: 1;\n }\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n\n &.${classes.defaultType} {\n min-width: 0;\n ${applyEllipsis()}\n flex-shrink: 1;\n }\n\n &.${classes.ellipsisText} {\n ${applyEllipsis()}\n }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp8","PaginationButtonGroup","_exp45","PaginationButton","_exp101","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GAjEgBA,SAiEhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GA3FgBA,SA2FhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,GApJgBA,SAoJhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAEM,IAAMU,qBAAqB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW1C,EAAA;AAEM,IAAMW,oBAAoB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYzC;;;;"}
|
package/es/components/Pagination/{Pagination.styles_li5fxx.css → Pagination.styles_wrarr1.css}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:
|
|
1
|
+
.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.p1m4gnut.pagination-type-default{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
|
|
2
2
|
.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
3
3
|
.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-type-compact{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.p19axp12.pagination-type-compact.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-type-compact.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
|
|
4
4
|
.p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
|
|
@@ -41,7 +41,6 @@ var tokens = {
|
|
|
41
41
|
paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
|
|
42
42
|
paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
|
|
43
43
|
paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
|
|
44
|
-
paginationCompactTypeGap: '--plasma-pagination-compact-type-gap',
|
|
45
44
|
buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
|
|
46
45
|
buttonHeight: '--plasma-pagination-button-height',
|
|
47
46
|
buttonWidthShorter: '--plasma-pagination-button-width-shorter',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n ellipsisText: 'pagination-ellipsis-text',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n paginationHelperTextColor: '--plasma-pagination-helper-text-color',\n paginationHelperTextGap: '--plasma-pagination-helper-text-gap',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n
|
|
1
|
+
{"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n ellipsisText: 'pagination-ellipsis-text',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n paginationHelperTextColor: '--plasma-pagination-helper-text-color',\n paginationHelperTextGap: '--plasma-pagination-helper-text-gap',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","ellipsisText","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","paginationHelperTextColor","paginationHelperTextGap","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,KAAK,EAAE,kBAAkB;AACzBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,YAAY,EAAE,0BAA0B;AAExCC,EAAAA,aAAa,EAAE,2BAA2B;AAE1CC,EAAAA,WAAW,EAAE,yBAAyB;AACtCC,EAAAA,WAAW,EAAE,yBAAyB;AAEtCC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,oBAAoB,EAAE,+BAA+B;AAErDC,EAAAA,oBAAoB,EAAE,wBAAwB;AAC9CC,EAAAA,0BAA0B,EAAE,+BAA+B;AAE3DC,EAAAA,qBAAqB,EAAE,yBAAyB;AAChDC,EAAAA,cAAc,EAAE,4BAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,qBAAqB,EAAE,qCAAqC;AAC5DC,EAAAA,0BAA0B,EAAE,2CAA2C;AACvEC,EAAAA,2BAA2B,EAAE,4CAA4C;AACzEC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,sCAAsC,EAAE,6CAA6C;AACrFC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,2CAA2C,EAAE,mDAAmD;AAChGC,EAAAA,iCAAiC,EAAE,gDAAgD;AACnFC,EAAAA,4CAA4C,EAAE,oDAAoD;AAClGC,EAAAA,kCAAkC,EAAE,kDAAkD;AACtFC,EAAAA,6BAA6B,EAAE,4CAA4C;AAC3EC,EAAAA,uCAAuC,EAAE,+CAA+C;AAExFC,EAAAA,qBAAqB,EAAE,6CAA6C;AAEpEC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,wBAAwB,EAAE,sCAAsC;AAEhEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,qBAAqB,EAAE,qCAAqC;AAE5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,oBAAoB,EAAE,0CAA0C;AAEhEC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAE9EC,EAAAA,oBAAoB,EAAE,oCAAoC;AAC1DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,YAAY,EAAE,mCAAA;AAClB;;;;"}
|
package/es/index.css
CHANGED
|
@@ -560,15 +560,15 @@
|
|
|
560
560
|
|
|
561
561
|
.AvatarGroup_styles_rsmybl_bxtue4e__126d9711{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711{margin-left:calc(var(--plasma-avatar-size) * -0.2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:first-child{margin-left:0;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask-image:none;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible{position:relative;-webkit-mask:none;mask:none;cursor:pointer;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );-webkit-mask-composite:intersect;mask-composite:intersect;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}
|
|
562
562
|
|
|
563
|
-
.
|
|
564
|
-
.
|
|
565
|
-
.
|
|
566
|
-
.
|
|
567
|
-
.
|
|
568
|
-
.
|
|
569
|
-
.
|
|
570
|
-
.
|
|
571
|
-
.
|
|
563
|
+
.Pagination_styles_wrarr1_p1m4gnut__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_wrarr1_p1m4gnut__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
|
|
564
|
+
.Pagination_styles_wrarr1_p195n7xj__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
565
|
+
.Pagination_styles_wrarr1_p19axp12__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasPerpageSelect__288737f8{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_wrarr1_p19axp12__288737f8.Pagination_styles_wrarr1_paginationTypeCompact__288737f8.Pagination_styles_wrarr1_paginationHasQuickJump__288737f8{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
|
|
566
|
+
.Pagination_styles_wrarr1_p1rlzvhv__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
|
|
567
|
+
.Pagination_styles_wrarr1_pivhg1z__288737f8{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
|
|
568
|
+
.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationPageButtonActive__288737f8{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_paginationButtonDisabled__288737f8{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_wrarr1_pshury3__288737f8:focus{outline:none;}.Pagination_styles_wrarr1_pshury3__288737f8::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_wrarr1_pshury3__288737f8.Pagination_styles_wrarr1_focusVisible__288737f8:focus::before,.Pagination_styles_wrarr1_pshury3__288737f8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
|
|
569
|
+
.Pagination_styles_wrarr1_pwlctp1__288737f8.Pagination_styles_wrarr1_pshury3__288737f8{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
|
|
570
|
+
.Pagination_styles_wrarr1_p1tvr3oq__288737f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_wrarr1_paginationTypeDefault__288737f8 .Pagination_styles_wrarr1_p1tvr3oq__288737f8{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
|
|
571
|
+
.Pagination_styles_wrarr1_p1ea7rbb__288737f8{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationTypeDefault__288737f8{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_wrarr1_p1ea7rbb__288737f8.Pagination_styles_wrarr1_paginationEllipsisText__288737f8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
572
572
|
|
|
573
573
|
.base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
574
574
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.343.0-canary.2241.19959327691.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
"@rollup/plugin-babel": "^6.0.4",
|
|
79
79
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
80
80
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
81
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
83
|
-
"@salutejs/plasma-themes": "0.
|
|
81
|
+
"@salutejs/plasma-cy-utils": "0.141.0-canary.2241.19959327691.0",
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.211.0-canary.2241.19959327691.0",
|
|
83
|
+
"@salutejs/plasma-themes": "0.39.0-canary.2241.19959327691.0",
|
|
84
84
|
"@types/lodash": "^4.14.191",
|
|
85
85
|
"@types/lodash.chunk": "4.2.9",
|
|
86
86
|
"@types/lodash.throttle": "4.1.6",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@linaria/react": "5.0.3",
|
|
109
109
|
"@popperjs/core": "2.11.8",
|
|
110
110
|
"@salutejs/input-core": "2.1.2",
|
|
111
|
-
"@salutejs/plasma-core": "1.
|
|
111
|
+
"@salutejs/plasma-core": "1.211.0-canary.2241.19959327691.0",
|
|
112
112
|
"@salutejs/react-maskinput": "3.3.2",
|
|
113
113
|
"@tanstack/react-table": "8.21.2",
|
|
114
114
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"sideEffects": [
|
|
129
129
|
"*.css"
|
|
130
130
|
],
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "712717b31d1603181dfd729b816df762ac86cb00"
|
|
132
132
|
}
|
|
@@ -54,23 +54,22 @@ var mergedButtonGroupConfig = (0, _engines.mergeConfig)(_ButtonGroup.buttonGroup
|
|
|
54
54
|
var ButtonGroup = (0, _engines.component)(mergedButtonGroupConfig);
|
|
55
55
|
var PaginationRoot = _styledcomponents.default.div.withConfig({
|
|
56
56
|
displayName: "Pagination.styles__PaginationRoot",
|
|
57
|
-
componentId: "sc-
|
|
57
|
+
componentId: "sc-1be87a14-0"
|
|
58
58
|
})([
|
|
59
59
|
"display:flex;color:var(",
|
|
60
60
|
");&.",
|
|
61
|
-
"{flex-direction:column;gap:
|
|
62
|
-
");justify-content:flex-start;}&.",
|
|
61
|
+
"{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
|
|
63
62
|
"{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
|
|
64
|
-
], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.
|
|
63
|
+
], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType);
|
|
65
64
|
var PaginationPages = _styledcomponents.default.div.withConfig({
|
|
66
65
|
displayName: "Pagination.styles__PaginationPages",
|
|
67
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-1be87a14-1"
|
|
68
67
|
})([
|
|
69
68
|
"display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
|
|
70
69
|
]);
|
|
71
70
|
var PaginationActions = _styledcomponents.default.div.withConfig({
|
|
72
71
|
displayName: "Pagination.styles__PaginationActions",
|
|
73
|
-
componentId: "sc-
|
|
72
|
+
componentId: "sc-1be87a14-2"
|
|
74
73
|
})([
|
|
75
74
|
"display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
|
|
76
75
|
");flex-shrink:1;flex-direction:row;&.",
|
|
@@ -80,13 +79,13 @@ var PaginationActions = _styledcomponents.default.div.withConfig({
|
|
|
80
79
|
], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
|
|
81
80
|
var PaginationSection = _styledcomponents.default.div.withConfig({
|
|
82
81
|
displayName: "Pagination.styles__PaginationSection",
|
|
83
|
-
componentId: "sc-
|
|
82
|
+
componentId: "sc-1be87a14-3"
|
|
84
83
|
})([
|
|
85
84
|
"display:flex;gap:0.125rem;"
|
|
86
85
|
]);
|
|
87
86
|
var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConfig({
|
|
88
87
|
displayName: "Pagination.styles__PaginationButtonGroup",
|
|
89
|
-
componentId: "sc-
|
|
88
|
+
componentId: "sc-1be87a14-4"
|
|
90
89
|
})([
|
|
91
90
|
"",
|
|
92
91
|
":var(",
|
|
@@ -128,7 +127,7 @@ var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConf
|
|
|
128
127
|
], _ButtonGroup.buttonGroupTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Paginationtokens.tokens.buttonRadius);
|
|
129
128
|
var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
|
|
130
129
|
displayName: "Pagination.styles__PaginationButton",
|
|
131
|
-
componentId: "sc-
|
|
130
|
+
componentId: "sc-1be87a14-5"
|
|
132
131
|
})([
|
|
133
132
|
"",
|
|
134
133
|
":var(",
|
|
@@ -194,7 +193,7 @@ var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
|
|
|
194
193
|
}));
|
|
195
194
|
var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withConfig({
|
|
196
195
|
displayName: "Pagination.styles__PaginationShorter",
|
|
197
|
-
componentId: "sc-
|
|
196
|
+
componentId: "sc-1be87a14-6"
|
|
198
197
|
})([
|
|
199
198
|
"",
|
|
200
199
|
":var(",
|
|
@@ -203,7 +202,7 @@ var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withCon
|
|
|
203
202
|
], _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidthShorter, _Button.buttonTokens.buttonPadding);
|
|
204
203
|
var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
|
|
205
204
|
displayName: "Pagination.styles__PaginationActionsLeft",
|
|
206
|
-
componentId: "sc-
|
|
205
|
+
componentId: "sc-1be87a14-7"
|
|
207
206
|
})([
|
|
208
207
|
"display:flex;align-items:center;flex-wrap:wrap;gap:var(",
|
|
209
208
|
");.",
|
|
@@ -211,7 +210,7 @@ var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
|
|
|
211
210
|
], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.defaultType);
|
|
212
211
|
var PaginationHelperText = _styledcomponents.default.div.withConfig({
|
|
213
212
|
displayName: "Pagination.styles__PaginationHelperText",
|
|
214
|
-
componentId: "sc-
|
|
213
|
+
componentId: "sc-1be87a14-8"
|
|
215
214
|
})([
|
|
216
215
|
"color:var(",
|
|
217
216
|
");&.",
|
|
@@ -59,7 +59,6 @@ var tokens = {
|
|
|
59
59
|
paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
|
|
60
60
|
paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
|
|
61
61
|
paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
|
|
62
|
-
paginationCompactTypeGap: '--plasma-pagination-compact-type-gap',
|
|
63
62
|
buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
|
|
64
63
|
buttonHeight: '--plasma-pagination-button-height',
|
|
65
64
|
buttonWidthShorter: '--plasma-pagination-button-width-shorter',
|
|
@@ -114,7 +114,6 @@ var config = {
|
|
|
114
114
|
size: {
|
|
115
115
|
l: (0, _styledcomponents.css)([
|
|
116
116
|
"",
|
|
117
|
-
":0.5rem;",
|
|
118
117
|
":var(--plasma-typo-body-l-font-family);",
|
|
119
118
|
":var(--plasma-typo-body-l-font-size);",
|
|
120
119
|
":var(--plasma-typo-body-l-font-style);",
|
|
@@ -148,10 +147,9 @@ var config = {
|
|
|
148
147
|
":0 0.625rem;",
|
|
149
148
|
":0.0625rem;",
|
|
150
149
|
":0.5rem 2.5rem;"
|
|
151
|
-
], _Pagination.paginationTokens.
|
|
150
|
+
], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
|
|
152
151
|
m: (0, _styledcomponents.css)([
|
|
153
152
|
"",
|
|
154
|
-
":0.5rem;",
|
|
155
153
|
":var(--plasma-typo-body-m-font-family);",
|
|
156
154
|
":var(--plasma-typo-body-m-font-size);",
|
|
157
155
|
":var(--plasma-typo-body-m-font-style);",
|
|
@@ -185,10 +183,9 @@ var config = {
|
|
|
185
183
|
":0 0.625rem;",
|
|
186
184
|
":0.0625rem;",
|
|
187
185
|
":0.5rem 2.5rem;"
|
|
188
|
-
], _Pagination.paginationTokens.
|
|
186
|
+
], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
|
|
189
187
|
s: (0, _styledcomponents.css)([
|
|
190
188
|
"",
|
|
191
|
-
":0.5rem;",
|
|
192
189
|
":var(--plasma-typo-body-s-font-family);",
|
|
193
190
|
":var(--plasma-typo-body-s-font-size);",
|
|
194
191
|
":var(--plasma-typo-body-s-font-style);",
|
|
@@ -222,10 +219,9 @@ var config = {
|
|
|
222
219
|
":0 0.625rem;",
|
|
223
220
|
":0.0625rem;",
|
|
224
221
|
":0.5rem 2.5rem;"
|
|
225
|
-
], _Pagination.paginationTokens.
|
|
222
|
+
], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
|
|
226
223
|
xs: (0, _styledcomponents.css)([
|
|
227
224
|
"",
|
|
228
|
-
":0.5rem;",
|
|
229
225
|
":var(--plasma-typo-body-xs-font-family);",
|
|
230
226
|
":var(--plasma-typo-body-xs-font-size);",
|
|
231
227
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -259,7 +255,7 @@ var config = {
|
|
|
259
255
|
":0 0.625rem;",
|
|
260
256
|
":0.0625rem;",
|
|
261
257
|
":0.5rem 2.5rem;"
|
|
262
|
-
], _Pagination.paginationTokens.
|
|
258
|
+
], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap)
|
|
263
259
|
},
|
|
264
260
|
type: {
|
|
265
261
|
compact: (0, _styledcomponents.css)([
|
|
@@ -10,23 +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-1be87a14-0"
|
|
14
14
|
})([
|
|
15
15
|
"display:flex;color:var(",
|
|
16
16
|
");&.",
|
|
17
|
-
"{flex-direction:column;gap:
|
|
18
|
-
");justify-content:flex-start;}&.",
|
|
17
|
+
"{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
|
|
19
18
|
"{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
|
|
20
|
-
], tokens.paginationColor, classes.compactType,
|
|
19
|
+
], tokens.paginationColor, classes.compactType, classes.defaultType);
|
|
21
20
|
export var PaginationPages = styled.div.withConfig({
|
|
22
21
|
displayName: "Pagination.styles__PaginationPages",
|
|
23
|
-
componentId: "sc-
|
|
22
|
+
componentId: "sc-1be87a14-1"
|
|
24
23
|
})([
|
|
25
24
|
"display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
|
|
26
25
|
]);
|
|
27
26
|
export var PaginationActions = styled.div.withConfig({
|
|
28
27
|
displayName: "Pagination.styles__PaginationActions",
|
|
29
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-1be87a14-2"
|
|
30
29
|
})([
|
|
31
30
|
"display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
|
|
32
31
|
");flex-shrink:1;flex-direction:row;&.",
|
|
@@ -36,13 +35,13 @@ export var PaginationActions = styled.div.withConfig({
|
|
|
36
35
|
], tokens.paginationHelperTextGap, classes.compactType, classes.withHasPerPageSelect, classes.withHasQuickJump);
|
|
37
36
|
export var PaginationSection = styled.div.withConfig({
|
|
38
37
|
displayName: "Pagination.styles__PaginationSection",
|
|
39
|
-
componentId: "sc-
|
|
38
|
+
componentId: "sc-1be87a14-3"
|
|
40
39
|
})([
|
|
41
40
|
"display:flex;gap:0.125rem;"
|
|
42
41
|
]);
|
|
43
42
|
export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
|
44
43
|
displayName: "Pagination.styles__PaginationButtonGroup",
|
|
45
|
-
componentId: "sc-
|
|
44
|
+
componentId: "sc-1be87a14-4"
|
|
46
45
|
})([
|
|
47
46
|
"",
|
|
48
47
|
":var(",
|
|
@@ -84,7 +83,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
|
|
84
83
|
], 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
84
|
export var PaginationButton = styled(Button).withConfig({
|
|
86
85
|
displayName: "Pagination.styles__PaginationButton",
|
|
87
|
-
componentId: "sc-
|
|
86
|
+
componentId: "sc-1be87a14-5"
|
|
88
87
|
})([
|
|
89
88
|
"",
|
|
90
89
|
":var(",
|
|
@@ -150,7 +149,7 @@ export var PaginationButton = styled(Button).withConfig({
|
|
|
150
149
|
}));
|
|
151
150
|
export var PaginationShorter = styled(PaginationButton).withConfig({
|
|
152
151
|
displayName: "Pagination.styles__PaginationShorter",
|
|
153
|
-
componentId: "sc-
|
|
152
|
+
componentId: "sc-1be87a14-6"
|
|
154
153
|
})([
|
|
155
154
|
"",
|
|
156
155
|
":var(",
|
|
@@ -159,7 +158,7 @@ export var PaginationShorter = styled(PaginationButton).withConfig({
|
|
|
159
158
|
], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
|
|
160
159
|
export var PaginationActionsLeft = styled.div.withConfig({
|
|
161
160
|
displayName: "Pagination.styles__PaginationActionsLeft",
|
|
162
|
-
componentId: "sc-
|
|
161
|
+
componentId: "sc-1be87a14-7"
|
|
163
162
|
})([
|
|
164
163
|
"display:flex;align-items:center;flex-wrap:wrap;gap:var(",
|
|
165
164
|
");.",
|
|
@@ -167,7 +166,7 @@ export var PaginationActionsLeft = styled.div.withConfig({
|
|
|
167
166
|
], tokens.paginationHelperTextGap, classes.defaultType);
|
|
168
167
|
export var PaginationHelperText = styled.div.withConfig({
|
|
169
168
|
displayName: "Pagination.styles__PaginationHelperText",
|
|
170
|
-
componentId: "sc-
|
|
169
|
+
componentId: "sc-1be87a14-8"
|
|
171
170
|
})([
|
|
172
171
|
"color:var(",
|
|
173
172
|
");&.",
|
|
@@ -41,7 +41,6 @@ export var tokens = {
|
|
|
41
41
|
paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
|
|
42
42
|
paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
|
|
43
43
|
paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
|
|
44
|
-
paginationCompactTypeGap: '--plasma-pagination-compact-type-gap',
|
|
45
44
|
buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
|
|
46
45
|
buttonHeight: '--plasma-pagination-button-height',
|
|
47
46
|
buttonWidthShorter: '--plasma-pagination-button-width-shorter',
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|