@hh.ru/magritte-ui-number-pages 4.0.53 → 4.0.54
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/NumberPages.js +4 -4
- package/NumberPages.js.map +1 -1
- package/{NumberPagesAction-CtVhKJs0.js → NumberPagesAction-D291_Bvk.js} +2 -2
- package/{NumberPagesAction-CtVhKJs0.js.map → NumberPagesAction-D291_Bvk.js.map} +1 -1
- package/NumberPagesAction.js +1 -1
- package/index.css +19 -19
- package/index.js +1 -1
- package/package.json +5 -5
package/NumberPages.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
3
|
+
import { useState, useEffect, createElement } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
|
|
6
6
|
import { ChevronRightOutlinedSize24, ChevronLeftOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
|
|
7
|
-
import { s as styles, N as NumberPagesAction } from './NumberPagesAction-
|
|
7
|
+
import { s as styles, N as NumberPagesAction } from './NumberPagesAction-D291_Bvk.js';
|
|
8
8
|
import { usePages, PageControls } from './usePages.js';
|
|
9
9
|
import '@hh.ru/magritte-ui-typography';
|
|
10
10
|
|
|
11
|
-
const baseRenderItem = ({ isPrevious, isNext, ...props }) => {
|
|
12
|
-
return
|
|
11
|
+
const baseRenderItem = ({ isPrevious, isNext, key, ...props }) => {
|
|
12
|
+
return createElement(NumberPagesAction, { ...props, isIcon: isPrevious || isNext, key: key });
|
|
13
13
|
};
|
|
14
14
|
const getPropsByScreenSize = (isXS, isS) => {
|
|
15
15
|
if (isXS) {
|
package/NumberPages.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberPages.js","sources":["../src/NumberPages.tsx"],"sourcesContent":["import { ReactNode, FC, useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NumberPagesAction } from '@hh.ru/magritte-ui-number-pages/NumberPagesAction';\nimport type { NumberPagesRenderItem, NumberPagesProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { usePages, PageControls } from '@hh.ru/magritte-ui-number-pages/usePages';\n\nimport styles from './styles.less';\n\nconst baseRenderItem: NumberPagesRenderItem = ({ isPrevious, isNext, ...props }) => {\n return <NumberPagesAction {...props} isIcon={isPrevious || isNext} />;\n};\n\nconst getPropsByScreenSize = (isXS: boolean, isS: boolean): number[] => {\n if (isXS) {\n return [0, 0];\n } else if (isS) {\n return [1, 1];\n }\n return [2, 1];\n};\n\nexport const NumberPages: FC<NumberPagesProps> = ({\n first,\n last,\n current,\n onChange,\n 'aria-label': ariaLabel,\n renderItem = baseRenderItem,\n renderNavigation = baseRenderItem,\n getAriaLabelItem,\n ...props\n}) => {\n const { isXS, isS } = useBreakpoint();\n const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);\n const [siblingCount, setSiblingCount] = useState(initialSiblingCount);\n const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);\n const pages = usePages({ first, last, current, siblingCount, boundaryCount });\n\n useEffect(() => {\n const [siblingCount, boundaryCount] = getPropsByScreenSize(isXS, isS);\n setSiblingCount(siblingCount);\n setBoundaryCount(boundaryCount);\n }, [isXS, isS]);\n\n if (first > last) {\n throw new Error(\n `Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`\n );\n }\n\n if (current < first || current > last) {\n throw new Error(\n `Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`\n );\n }\n\n if (last - first < 1) {\n return null;\n }\n\n const renderPageItem = (item: number): ReactNode => {\n const isSelected = item === current;\n\n const baseProps = {\n selected: isSelected,\n key: item,\n 'aria-label': getAriaLabelItem?.(item),\n };\n\n switch (item) {\n case PageControls.Previous:\n return renderNavigation({\n ...baseProps,\n 'data-qa': 'number-pages-previous',\n onClick: () => {\n onChange?.(current - 1);\n },\n isPrevious: true,\n page: current - 1,\n children: <ChevronLeftOutlinedSize24 />,\n });\n case PageControls.StartEllipsis:\n case PageControls.EndEllipsis:\n return (\n <li key={item} data-qa=\"number-pages-ellipsis\" className={styles.numberPagesEllipsis}>\n ...\n </li>\n );\n case PageControls.Next:\n return renderNavigation({\n ...baseProps,\n 'data-qa': 'number-pages-next',\n onClick: () => {\n onChange?.(current + 1);\n },\n isNext: true,\n page: current + 1,\n children: <ChevronRightOutlinedSize24 />,\n });\n default:\n return renderItem({\n ...baseProps,\n onClick: () => {\n if (!isSelected) {\n onChange?.(item);\n }\n },\n 'data-qa': `number-pages-${item} ${isSelected ? 'number-pages-selected' : ''}`,\n page: item,\n selected: isSelected,\n children: item,\n });\n }\n };\n\n return (\n <nav\n {...props}\n aria-label={ariaLabel}\n className={classnames(styles.numberPagesWrapper, {\n [styles.numberPagesWrapperWithoutNavigationButtons]:\n !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous),\n })}\n >\n <ul className={styles.numberPagesContainer}>{pages.map(renderPageItem)}</ul>\n </nav>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAWA,MAAM,cAAc,GAA0B,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,KAAI;
|
|
1
|
+
{"version":3,"file":"NumberPages.js","sources":["../src/NumberPages.tsx"],"sourcesContent":["import { ReactNode, FC, useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NumberPagesAction } from '@hh.ru/magritte-ui-number-pages/NumberPagesAction';\nimport type { NumberPagesRenderItem, NumberPagesProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { usePages, PageControls } from '@hh.ru/magritte-ui-number-pages/usePages';\n\nimport styles from './styles.less';\n\nconst baseRenderItem: NumberPagesRenderItem = ({ isPrevious, isNext, key, ...props }) => {\n return <NumberPagesAction {...props} isIcon={isPrevious || isNext} key={key} />;\n};\n\nconst getPropsByScreenSize = (isXS: boolean, isS: boolean): number[] => {\n if (isXS) {\n return [0, 0];\n } else if (isS) {\n return [1, 1];\n }\n return [2, 1];\n};\n\nexport const NumberPages: FC<NumberPagesProps> = ({\n first,\n last,\n current,\n onChange,\n 'aria-label': ariaLabel,\n renderItem = baseRenderItem,\n renderNavigation = baseRenderItem,\n getAriaLabelItem,\n ...props\n}) => {\n const { isXS, isS } = useBreakpoint();\n const [initialSiblingCount, initialBoundaryCount] = getPropsByScreenSize(isXS, isS);\n const [siblingCount, setSiblingCount] = useState(initialSiblingCount);\n const [boundaryCount, setBoundaryCount] = useState(initialBoundaryCount);\n const pages = usePages({ first, last, current, siblingCount, boundaryCount });\n\n useEffect(() => {\n const [siblingCount, boundaryCount] = getPropsByScreenSize(isXS, isS);\n setSiblingCount(siblingCount);\n setBoundaryCount(boundaryCount);\n }, [isXS, isS]);\n\n if (first > last) {\n throw new Error(\n `Magritte component NumberPages: First prop more than last prop. first: ${first}, last: ${last}`\n );\n }\n\n if (current < first || current > last) {\n throw new Error(\n `Magritte component NumberPages: Current is wrong. current: ${current}, first: ${first}, last: ${last}`\n );\n }\n\n if (last - first < 1) {\n return null;\n }\n\n const renderPageItem = (item: number): ReactNode => {\n const isSelected = item === current;\n\n const baseProps = {\n selected: isSelected,\n key: item,\n 'aria-label': getAriaLabelItem?.(item),\n };\n\n switch (item) {\n case PageControls.Previous:\n return renderNavigation({\n ...baseProps,\n 'data-qa': 'number-pages-previous',\n onClick: () => {\n onChange?.(current - 1);\n },\n isPrevious: true,\n page: current - 1,\n children: <ChevronLeftOutlinedSize24 />,\n });\n case PageControls.StartEllipsis:\n case PageControls.EndEllipsis:\n return (\n <li key={item} data-qa=\"number-pages-ellipsis\" className={styles.numberPagesEllipsis}>\n ...\n </li>\n );\n case PageControls.Next:\n return renderNavigation({\n ...baseProps,\n 'data-qa': 'number-pages-next',\n onClick: () => {\n onChange?.(current + 1);\n },\n isNext: true,\n page: current + 1,\n children: <ChevronRightOutlinedSize24 />,\n });\n default:\n return renderItem({\n ...baseProps,\n onClick: () => {\n if (!isSelected) {\n onChange?.(item);\n }\n },\n 'data-qa': `number-pages-${item} ${isSelected ? 'number-pages-selected' : ''}`,\n page: item,\n selected: isSelected,\n children: item,\n });\n }\n };\n\n return (\n <nav\n {...props}\n aria-label={ariaLabel}\n className={classnames(styles.numberPagesWrapper, {\n [styles.numberPagesWrapperWithoutNavigationButtons]:\n !pages.includes(PageControls.Next) && !pages.includes(PageControls.Previous),\n })}\n >\n <ul className={styles.numberPagesContainer}>{pages.map(renderPageItem)}</ul>\n </nav>\n );\n};\n"],"names":["_createElement","_jsx"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
5
5
|
|
|
6
|
-
var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-
|
|
6
|
+
var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-54","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-54","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-54","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-54","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-54","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-54","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-54","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-54","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-54","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-54","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-54","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-54","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-54","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-54"};
|
|
7
7
|
|
|
8
8
|
const NumberPagesAction = ({ children, selected = false, isIcon = false, Element = 'button', 'aria-label': ariaLabel, page, ...props }) => {
|
|
9
9
|
const buttonProps = Element === 'button' ? { type: 'button' } : {};
|
|
@@ -14,4 +14,4 @@ const NumberPagesAction = ({ children, selected = false, isIcon = false, Element
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { NumberPagesAction as N, styles as s };
|
|
17
|
-
//# sourceMappingURL=NumberPagesAction-
|
|
17
|
+
//# sourceMappingURL=NumberPagesAction-D291_Bvk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberPagesAction-
|
|
1
|
+
{"version":3,"file":"NumberPagesAction-D291_Bvk.js","sources":["../src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { PolymorphicComponent } from '@hh.ru/magritte-types';\nimport type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\nexport const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'> = ({\n children,\n selected = false,\n isIcon = false,\n Element = 'button',\n 'aria-label': ariaLabel,\n page,\n ...props\n}) => {\n const buttonProps = Element === 'button' ? ({ type: 'button' } as const) : {};\n\n return (\n <li>\n <Text typography=\"label-2-regular\">\n <Element\n {...props}\n {...buttonProps}\n aria-current={selected}\n aria-label={ariaLabel}\n className={classnames(styles.numberPagesAction, {\n [styles.numberPagesActionSelected]: selected,\n [styles.numberPagesActionIcon]: isIcon,\n })}\n >\n {children}\n </Element>\n </Text>\n </li>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQO,MAAM,iBAAiB,GAA2D,CAAC,EACtF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,QAAQ,EAClB,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,QAAQ,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAY,GAAG,EAAE,CAAC;IAE9E,QACIA,GACI,CAAA,IAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAC9BA,GAAC,CAAA,OAAO,EACA,EAAA,GAAA,KAAK,EACL,GAAA,WAAW,EACD,cAAA,EAAA,QAAQ,EACV,YAAA,EAAA,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE;AAC5C,oBAAA,CAAC,MAAM,CAAC,yBAAyB,GAAG,QAAQ;AAC5C,oBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,MAAM;AACzC,iBAAA,CAAC,YAED,QAAQ,EAAA,CACH,EACP,CAAA,EAAA,CACN,EACP;AACN;;;;"}
|
package/NumberPagesAction.js
CHANGED
|
@@ -2,5 +2,5 @@ import './index.css';
|
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@hh.ru/magritte-ui-typography';
|
|
5
|
-
export { N as NumberPagesAction } from './NumberPagesAction-
|
|
5
|
+
export { N as NumberPagesAction } from './NumberPagesAction-D291_Bvk.js';
|
|
6
6
|
//# sourceMappingURL=NumberPagesAction.js.map
|
package/index.css
CHANGED
|
@@ -40,21 +40,21 @@
|
|
|
40
40
|
--magritte-color-component-number-pages-item-background-state-unselected-pressed-v21-4-6:#262626;
|
|
41
41
|
--magritte-color-component-number-pages-stroke-state-focused-accessible-v21-4-6:#0070ff7a;
|
|
42
42
|
}
|
|
43
|
-
.magritte-number-pages-wrapper___lYp70_4-0-
|
|
43
|
+
.magritte-number-pages-wrapper___lYp70_4-0-54{
|
|
44
44
|
display:flex;
|
|
45
45
|
width:100%;
|
|
46
46
|
}
|
|
47
47
|
@media (min-width: 350px){
|
|
48
|
-
.magritte-number-pages-wrapper___lYp70_4-0-
|
|
48
|
+
.magritte-number-pages-wrapper___lYp70_4-0-54{
|
|
49
49
|
display:inline-flex;
|
|
50
50
|
width:auto;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-
|
|
53
|
+
.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-54{
|
|
54
54
|
display:inline-flex;
|
|
55
55
|
width:auto;
|
|
56
56
|
}
|
|
57
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
57
|
+
.magritte-number-pages-container___YIJLn_4-0-54{
|
|
58
58
|
display:flex;
|
|
59
59
|
width:100%;
|
|
60
60
|
justify-content:space-between;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
background:var(--magritte-color-component-number-pages-background-content-v21-4-6);
|
|
66
66
|
}
|
|
67
67
|
@media (min-width: 350px){
|
|
68
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
68
|
+
.magritte-number-pages-container___YIJLn_4-0-54{
|
|
69
69
|
display:inline-flex;
|
|
70
70
|
justify-content:center;
|
|
71
71
|
gap:var(--magritte-static-space-200-v21-4-6);
|
|
@@ -73,23 +73,23 @@
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
@media (min-width: 600px){
|
|
76
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
76
|
+
.magritte-number-pages-container___YIJLn_4-0-54{
|
|
77
77
|
gap:var(--magritte-static-space-100-v21-4-6);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
@media (min-width: 640px){
|
|
81
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
81
|
+
.magritte-number-pages-container___YIJLn_4-0-54{
|
|
82
82
|
gap:var(--magritte-static-space-200-v21-4-6);
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
.magritte-number-pages-ellipsis___GNIbV_4-0-
|
|
85
|
+
.magritte-number-pages-ellipsis___GNIbV_4-0-54{
|
|
86
86
|
display:flex;
|
|
87
87
|
height:40px;
|
|
88
88
|
width:40px;
|
|
89
89
|
align-items:center;
|
|
90
90
|
justify-content:center;
|
|
91
91
|
}
|
|
92
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
92
|
+
.magritte-number-pages-action___e3ozw_4-0-54{
|
|
93
93
|
display:flex;
|
|
94
94
|
align-items:center;
|
|
95
95
|
justify-content:center;
|
|
@@ -103,46 +103,46 @@
|
|
|
103
103
|
background-color:var(--magritte-color-component-number-pages-item-background-unselected-v21-4-6);
|
|
104
104
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v21-4-6);
|
|
105
105
|
}
|
|
106
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
106
|
+
.magritte-number-pages-action___e3ozw_4-0-54:active{
|
|
107
107
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v21-4-6);
|
|
108
108
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v21-4-6);
|
|
109
109
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v21-4-6);
|
|
110
110
|
}
|
|
111
111
|
@media (prefers-reduced-motion: no-preference){
|
|
112
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
112
|
+
.magritte-number-pages-action___e3ozw_4-0-54:active{
|
|
113
113
|
transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-6) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-4-6);
|
|
114
114
|
transform:scale(var(--magritte-semantic-scale-pressed-v21-4-6));
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
117
|
+
.magritte-number-pages-action___e3ozw_4-0-54.focus-visible{
|
|
118
118
|
outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v21-4-6) solid 4px;
|
|
119
119
|
}
|
|
120
120
|
@media (prefers-reduced-motion: no-preference){
|
|
121
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
121
|
+
.magritte-number-pages-action___e3ozw_4-0-54{
|
|
122
122
|
transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-6) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-6);
|
|
123
123
|
transform:scale(1);
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
@media (min-width: 1020px){
|
|
127
|
-
body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-
|
|
127
|
+
body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-54:hover:not(:active){
|
|
128
128
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v21-4-6);
|
|
129
129
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v21-4-6);
|
|
130
130
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v21-4-6);
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
@media (min-width: 1024px){
|
|
134
|
-
body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-
|
|
134
|
+
body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-54:hover:not(:active){
|
|
135
135
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v21-4-6);
|
|
136
136
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v21-4-6);
|
|
137
137
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v21-4-6);
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
-
.magritte-number-pages-action-icon___lwXFB_4-0-
|
|
140
|
+
.magritte-number-pages-action-icon___lwXFB_4-0-54{
|
|
141
141
|
padding:5px var(--magritte-static-space-200-v21-4-6);
|
|
142
142
|
}
|
|
143
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
144
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
145
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
143
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-54,
|
|
144
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-54:hover,
|
|
145
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-54:active{
|
|
146
146
|
pointer-events:none;
|
|
147
147
|
user-select:none;
|
|
148
148
|
transform:none;
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
export { NumberPages } from './NumberPages.js';
|
|
3
|
-
export { N as NumberPagesAction } from './NumberPagesAction-
|
|
3
|
+
export { N as NumberPagesAction } from './NumberPagesAction-D291_Bvk.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
|
6
6
|
import 'classnames';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-number-pages",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.54",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@hh.ru/magritte-design-tokens": "21.4.6",
|
|
23
|
-
"@hh.ru/magritte-types": "5.0.
|
|
23
|
+
"@hh.ru/magritte-types": "5.0.4",
|
|
24
24
|
"@hh.ru/magritte-ui-breakpoint": "5.0.3",
|
|
25
|
-
"@hh.ru/magritte-ui-icon": "11.0.
|
|
26
|
-
"@hh.ru/magritte-ui-typography": "3.0.
|
|
25
|
+
"@hh.ru/magritte-ui-icon": "11.0.8",
|
|
26
|
+
"@hh.ru/magritte-ui-typography": "3.0.42"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"classnames": ">=2.3.2",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"publishConfig": {
|
|
33
33
|
"access": "public"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "be8eca52a35671e903b5206118181e1a2bd9ccb8"
|
|
36
36
|
}
|