@semcore/pagination 17.0.1 → 17.1.0-prerelease.1
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/CHANGELOG.md +6 -0
- package/lib/cjs/Pagination.js +12 -12
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/pagination.shadow.css +4 -4
- package/lib/es6/Pagination.js +12 -12
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/pagination.shadow.css +4 -4
- package/lib/esm/Pagination.mjs +13 -13
- package/lib/esm/style/pagination.shadow.css +4 -4
- package/lib/types/index.d.ts +2 -2
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
package/lib/cjs/Pagination.js
CHANGED
|
@@ -18,20 +18,20 @@ var _typography = require("@semcore/typography");
|
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
20
20
|
/*!__reshadow-styles__:"./style/pagination.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPagination_zoqhv_gg_{justify-content:flex-start;align-items:center}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_._size_l_zoqhv_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_zoqhv_gg_,.___SPrevPage_zoqhv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_zoqhv_gg_._size_l_zoqhv_gg_,.___SPrevPage_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_zoqhv_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SLabel_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_zoqhv_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___STotalPagesLabel_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_zoqhv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_zoqhv_gg_:focus-within .___SPageInputAddon_zoqhv_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_zoqhv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_,.___STotalPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"zoqhv_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SPagination": "
|
|
25
|
-
"__SLabel": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"__STotalPages": "
|
|
28
|
-
"__STotalPagesLabel": "
|
|
29
|
-
"__SPageInput": "
|
|
30
|
-
"__SPageInputAddon": "
|
|
31
|
-
"_withGap": "
|
|
32
|
-
"__SNextPage": "
|
|
33
|
-
"__SPrevPage": "
|
|
34
|
-
"__STotalLastPages": "
|
|
24
|
+
"__SPagination": "___SPagination_zoqhv_gg_",
|
|
25
|
+
"__SLabel": "___SLabel_zoqhv_gg_",
|
|
26
|
+
"_size_l": "_size_l_zoqhv_gg_",
|
|
27
|
+
"__STotalPages": "___STotalPages_zoqhv_gg_",
|
|
28
|
+
"__STotalPagesLabel": "___STotalPagesLabel_zoqhv_gg_",
|
|
29
|
+
"__SPageInput": "___SPageInput_zoqhv_gg_",
|
|
30
|
+
"__SPageInputAddon": "___SPageInputAddon_zoqhv_gg_",
|
|
31
|
+
"_withGap": "__withGap_zoqhv_gg_",
|
|
32
|
+
"__SNextPage": "___SNextPage_zoqhv_gg_",
|
|
33
|
+
"__SPrevPage": "___SPrevPage_zoqhv_gg_",
|
|
34
|
+
"__STotalLastPages": "___STotalLastPages_zoqhv_gg_"
|
|
35
35
|
});
|
|
36
36
|
class PaginationRoot extends _core.Component {
|
|
37
37
|
constructor(...args) {
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { InputProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { InputProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { NSText } from '@semcore/typography';\n\nexport type PaginationProps = BoxProps &\n WithI18nEnhanceProps & {\n /**\n * Total number of pages\n * @default 1\n */\n totalPages?: number;\n /**\n * Active page number\n * @default 1\n */\n currentPage?: number;\n /**\n * Callback for changing the active page\n * @param pageNumber\n */\n onCurrentPageChange?: (pageNumber: number) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Sizes for pagination panel\n * @default 'm'\n */\n size?: 'm' | 'l';\n };\n\nexport type TotalPagesProps = NSText.Props & WithI18nEnhanceProps & {};\n\nexport type PageInputProps = InputProps & WithI18nEnhanceProps & {};\n\nexport type PaginationContext = {\n getFirstPageProps: PropGetterFn;\n getPrevPageProps: PropGetterFn;\n getNextPageProps: PropGetterFn;\n getPageInputProps: PropGetterFn;\n getTotalPagesProps: PropGetterFn;\n};\n\nexport type PaginationHandlers = {\n totalPages: (value: number) => void;\n currentPage: (value: number) => void;\n};\n\ndeclare const Pagination: Intergalactic.Component<\n 'div',\n PaginationProps,\n PaginationContext,\n [handlers: PaginationHandlers]\n> & {\n PrevPage: typeof Button;\n NextPage: typeof Button;\n FirstPage: typeof Button;\n TotalPages: Intergalactic.Component<\n 'button',\n TotalPagesProps,\n {},\n [handlers: PaginationHandlers]\n >;\n PageInput: Intergalactic.Component<'div', PageInputProps, {}, [handlers: PaginationHandlers]> & {\n Value: typeof Input.Value;\n Addon: typeof Input.Addon;\n };\n};\n\nexport default Pagination;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -22,7 +22,7 @@ SPrevPage {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SLabel {
|
|
25
|
-
color: var(--intergalactic-text-primary,
|
|
25
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SLabel:not(:first-child) {
|
|
@@ -36,19 +36,19 @@ SLabel[size='l']:not(:first-child) {
|
|
|
36
36
|
STotalPages {
|
|
37
37
|
align-self: center;
|
|
38
38
|
line-height: normal;
|
|
39
|
-
color: var(--intergalactic-text-link,
|
|
39
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
STotalPagesLabel {
|
|
43
43
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
44
44
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
45
|
-
color: var(--intergalactic-text-primary,
|
|
45
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
STotalLastPages {
|
|
49
49
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
50
50
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
51
|
-
color: var(--intergalactic-text-primary,
|
|
51
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
52
52
|
|
|
53
53
|
&[size='l'] {
|
|
54
54
|
font-size: var(--intergalactic-fs-300, 16px);
|
package/lib/es6/Pagination.js
CHANGED
|
@@ -18,20 +18,20 @@ import InputNumber from '@semcore/input-number';
|
|
|
18
18
|
import { Text } from '@semcore/typography';
|
|
19
19
|
import React from 'react';
|
|
20
20
|
/*!__reshadow-styles__:"./style/pagination.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPagination_zoqhv_gg_{justify-content:flex-start;align-items:center}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_._size_l_zoqhv_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_zoqhv_gg_,.___SPrevPage_zoqhv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_zoqhv_gg_._size_l_zoqhv_gg_,.___SPrevPage_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_zoqhv_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SLabel_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_zoqhv_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___STotalPagesLabel_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_zoqhv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_zoqhv_gg_:focus-within .___SPageInputAddon_zoqhv_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_zoqhv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_,.___STotalPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"zoqhv_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SPagination": "
|
|
25
|
-
"__SLabel": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"__STotalPages": "
|
|
28
|
-
"__STotalPagesLabel": "
|
|
29
|
-
"__SPageInput": "
|
|
30
|
-
"__SPageInputAddon": "
|
|
31
|
-
"_withGap": "
|
|
32
|
-
"__SNextPage": "
|
|
33
|
-
"__SPrevPage": "
|
|
34
|
-
"__STotalLastPages": "
|
|
24
|
+
"__SPagination": "___SPagination_zoqhv_gg_",
|
|
25
|
+
"__SLabel": "___SLabel_zoqhv_gg_",
|
|
26
|
+
"_size_l": "_size_l_zoqhv_gg_",
|
|
27
|
+
"__STotalPages": "___STotalPages_zoqhv_gg_",
|
|
28
|
+
"__STotalPagesLabel": "___STotalPagesLabel_zoqhv_gg_",
|
|
29
|
+
"__SPageInput": "___SPageInput_zoqhv_gg_",
|
|
30
|
+
"__SPageInputAddon": "___SPageInputAddon_zoqhv_gg_",
|
|
31
|
+
"_withGap": "__withGap_zoqhv_gg_",
|
|
32
|
+
"__SNextPage": "___SNextPage_zoqhv_gg_",
|
|
33
|
+
"__SPrevPage": "___SPrevPage_zoqhv_gg_",
|
|
34
|
+
"__STotalLastPages": "___STotalLastPages_zoqhv_gg_"
|
|
35
35
|
});
|
|
36
36
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
37
37
|
class PaginationRoot extends Component {
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { InputProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { InputProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { NSText } from '@semcore/typography';\n\nexport type PaginationProps = BoxProps &\n WithI18nEnhanceProps & {\n /**\n * Total number of pages\n * @default 1\n */\n totalPages?: number;\n /**\n * Active page number\n * @default 1\n */\n currentPage?: number;\n /**\n * Callback for changing the active page\n * @param pageNumber\n */\n onCurrentPageChange?: (pageNumber: number) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Sizes for pagination panel\n * @default 'm'\n */\n size?: 'm' | 'l';\n };\n\nexport type TotalPagesProps = NSText.Props & WithI18nEnhanceProps & {};\n\nexport type PageInputProps = InputProps & WithI18nEnhanceProps & {};\n\nexport type PaginationContext = {\n getFirstPageProps: PropGetterFn;\n getPrevPageProps: PropGetterFn;\n getNextPageProps: PropGetterFn;\n getPageInputProps: PropGetterFn;\n getTotalPagesProps: PropGetterFn;\n};\n\nexport type PaginationHandlers = {\n totalPages: (value: number) => void;\n currentPage: (value: number) => void;\n};\n\ndeclare const Pagination: Intergalactic.Component<\n 'div',\n PaginationProps,\n PaginationContext,\n [handlers: PaginationHandlers]\n> & {\n PrevPage: typeof Button;\n NextPage: typeof Button;\n FirstPage: typeof Button;\n TotalPages: Intergalactic.Component<\n 'button',\n TotalPagesProps,\n {},\n [handlers: PaginationHandlers]\n >;\n PageInput: Intergalactic.Component<'div', PageInputProps, {}, [handlers: PaginationHandlers]> & {\n Value: typeof Input.Value;\n Addon: typeof Input.Addon;\n };\n};\n\nexport default Pagination;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -22,7 +22,7 @@ SPrevPage {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SLabel {
|
|
25
|
-
color: var(--intergalactic-text-primary,
|
|
25
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SLabel:not(:first-child) {
|
|
@@ -36,19 +36,19 @@ SLabel[size='l']:not(:first-child) {
|
|
|
36
36
|
STotalPages {
|
|
37
37
|
align-self: center;
|
|
38
38
|
line-height: normal;
|
|
39
|
-
color: var(--intergalactic-text-link,
|
|
39
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
STotalPagesLabel {
|
|
43
43
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
44
44
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
45
|
-
color: var(--intergalactic-text-primary,
|
|
45
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
STotalLastPages {
|
|
49
49
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
50
50
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
51
|
-
color: var(--intergalactic-text-primary,
|
|
51
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
52
52
|
|
|
53
53
|
&[size='l'] {
|
|
54
54
|
font-size: var(--intergalactic-fs-300, 16px);
|
package/lib/esm/Pagination.mjs
CHANGED
|
@@ -14,22 +14,22 @@ const style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
17
|
+
".___SPagination_zoqhv_gg_{justify-content:flex-start;align-items:center}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_zoqhv_gg_.__withGap_zoqhv_gg_._size_l_zoqhv_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_zoqhv_gg_,.___SPrevPage_zoqhv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_zoqhv_gg_._size_l_zoqhv_gg_,.___SPrevPage_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_zoqhv_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SLabel_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_zoqhv_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___STotalPagesLabel_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_zoqhv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_zoqhv_gg_._size_l_zoqhv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_zoqhv_gg_:focus-within .___SPageInputAddon_zoqhv_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_zoqhv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_,.___STotalPages_zoqhv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPagesLabel_zoqhv_gg_._size_l_zoqhv_gg_,.___STotalPages_zoqhv_gg_._size_l_zoqhv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}",
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"zoqhv_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SPagination": "
|
|
23
|
-
"__SLabel": "
|
|
24
|
-
"_size_l": "
|
|
25
|
-
"__STotalPages": "
|
|
26
|
-
"__STotalPagesLabel": "
|
|
27
|
-
"__SPageInput": "
|
|
28
|
-
"__SPageInputAddon": "
|
|
29
|
-
"_withGap": "
|
|
30
|
-
"__SNextPage": "
|
|
31
|
-
"__SPrevPage": "
|
|
32
|
-
"__STotalLastPages": "
|
|
22
|
+
"__SPagination": "___SPagination_zoqhv_gg_",
|
|
23
|
+
"__SLabel": "___SLabel_zoqhv_gg_",
|
|
24
|
+
"_size_l": "_size_l_zoqhv_gg_",
|
|
25
|
+
"__STotalPages": "___STotalPages_zoqhv_gg_",
|
|
26
|
+
"__STotalPagesLabel": "___STotalPagesLabel_zoqhv_gg_",
|
|
27
|
+
"__SPageInput": "___SPageInput_zoqhv_gg_",
|
|
28
|
+
"__SPageInputAddon": "___SPageInputAddon_zoqhv_gg_",
|
|
29
|
+
"_withGap": "__withGap_zoqhv_gg_",
|
|
30
|
+
"__SNextPage": "___SNextPage_zoqhv_gg_",
|
|
31
|
+
"__SPrevPage": "___SPrevPage_zoqhv_gg_",
|
|
32
|
+
"__STotalLastPages": "___STotalLastPages_zoqhv_gg_"
|
|
33
33
|
})
|
|
34
34
|
);
|
|
35
35
|
class PaginationRoot extends Component {
|
|
@@ -22,7 +22,7 @@ SPrevPage {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SLabel {
|
|
25
|
-
color: var(--intergalactic-text-primary,
|
|
25
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SLabel:not(:first-child) {
|
|
@@ -36,19 +36,19 @@ SLabel[size='l']:not(:first-child) {
|
|
|
36
36
|
STotalPages {
|
|
37
37
|
align-self: center;
|
|
38
38
|
line-height: normal;
|
|
39
|
-
color: var(--intergalactic-text-link,
|
|
39
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
STotalPagesLabel {
|
|
43
43
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
44
44
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
45
|
-
color: var(--intergalactic-text-primary,
|
|
45
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
STotalLastPages {
|
|
49
49
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
50
50
|
line-height: var(--intergalactic-lh-200, 142%);
|
|
51
|
-
color: var(--intergalactic-text-primary,
|
|
51
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
52
52
|
|
|
53
53
|
&[size='l'] {
|
|
54
54
|
font-size: var(--intergalactic-fs-300, 16px);
|
package/lib/types/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import type { PropGetterFn, Intergalactic } from '@semcore/core';
|
|
|
4
4
|
import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
5
5
|
import type { InputProps } from '@semcore/input';
|
|
6
6
|
import type Input from '@semcore/input';
|
|
7
|
-
import type {
|
|
7
|
+
import type { NSText } from '@semcore/typography';
|
|
8
8
|
|
|
9
9
|
export type PaginationProps = BoxProps &
|
|
10
10
|
WithI18nEnhanceProps & {
|
|
@@ -32,7 +32,7 @@ export type PaginationProps = BoxProps &
|
|
|
32
32
|
size?: 'm' | 'l';
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
export type TotalPagesProps =
|
|
35
|
+
export type TotalPagesProps = NSText.Props & WithI18nEnhanceProps & {};
|
|
36
36
|
|
|
37
37
|
export type PageInputProps = InputProps & WithI18nEnhanceProps & {};
|
|
38
38
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/pagination",
|
|
3
3
|
"description": "Semrush Pagination Component",
|
|
4
|
-
"version": "17.0.1",
|
|
4
|
+
"version": "17.1.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "^17.0.1",
|
|
18
|
-
"@semcore/input-number": "^17.0.1",
|
|
19
|
-
"@semcore/input": "^17.0.1",
|
|
20
|
-
"@semcore/link": "^17.0.1",
|
|
21
|
-
"@semcore/typography": "^17.0.1"
|
|
17
|
+
"@semcore/button": "^17.1.0-prerelease.1",
|
|
18
|
+
"@semcore/input-number": "^17.1.0-prerelease.1",
|
|
19
|
+
"@semcore/input": "^17.1.0-prerelease.1",
|
|
20
|
+
"@semcore/link": "^17.1.0-prerelease.1",
|
|
21
|
+
"@semcore/typography": "^17.1.0-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^17.0.
|
|
24
|
+
"@semcore/base-components": "^17.0.2",
|
|
25
25
|
"@semcore/icon": "^17.0.1"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
"directory": "semcore/pagination"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@semcore/core": "17.0.1",
|
|
33
|
+
"@semcore/core": "17.1.0-prerelease.1",
|
|
34
|
+
"@semcore/base-components": "17.0.2-prerelease.1",
|
|
34
35
|
"@semcore/testing-utils": "1.0.0",
|
|
35
|
-
"@semcore/
|
|
36
|
-
"@semcore/icon": "17.0.1"
|
|
36
|
+
"@semcore/icon": "17.1.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|