@hh.ru/magritte-ui-number-pages 4.0.31 → 4.0.32
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 +1 -1
- package/{NumberPagesAction-CPM6UB9f.js → NumberPagesAction-BmpsXsLs.js} +2 -2
- package/{NumberPagesAction-CPM6UB9f.js.map → NumberPagesAction-BmpsXsLs.js.map} +1 -1
- package/NumberPagesAction.js +1 -1
- package/index.css +19 -19
- package/index.js +1 -1
- package/package.json +3 -3
package/NumberPages.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useState, useEffect } 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-BmpsXsLs.js';
|
|
8
8
|
import { usePages, PageControls } from './usePages.js';
|
|
9
9
|
import '@hh.ru/magritte-ui-typography';
|
|
10
10
|
|
|
@@ -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-32","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-32","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-32","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-32","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-32","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-32","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-32","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-32","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-32","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-32","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-32","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-32","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-32","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-32"};
|
|
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-BmpsXsLs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberPagesAction-
|
|
1
|
+
{"version":3,"file":"NumberPagesAction-BmpsXsLs.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-BmpsXsLs.js';
|
|
6
6
|
//# sourceMappingURL=NumberPagesAction.js.map
|
package/index.css
CHANGED
|
@@ -570,21 +570,21 @@
|
|
|
570
570
|
--magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
|
|
571
571
|
--magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
|
|
572
572
|
}
|
|
573
|
-
.magritte-number-pages-wrapper___lYp70_4-0-
|
|
573
|
+
.magritte-number-pages-wrapper___lYp70_4-0-32{
|
|
574
574
|
display:flex;
|
|
575
575
|
width:100%;
|
|
576
576
|
}
|
|
577
577
|
@media (min-width: 350px){
|
|
578
|
-
.magritte-number-pages-wrapper___lYp70_4-0-
|
|
578
|
+
.magritte-number-pages-wrapper___lYp70_4-0-32{
|
|
579
579
|
display:inline-flex;
|
|
580
580
|
width:auto;
|
|
581
581
|
}
|
|
582
582
|
}
|
|
583
|
-
.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-
|
|
583
|
+
.magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-32{
|
|
584
584
|
display:inline-flex;
|
|
585
585
|
width:auto;
|
|
586
586
|
}
|
|
587
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
587
|
+
.magritte-number-pages-container___YIJLn_4-0-32{
|
|
588
588
|
display:flex;
|
|
589
589
|
width:100%;
|
|
590
590
|
justify-content:space-between;
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
background:var(--magritte-color-component-number-pages-background-content-v20-1-0);
|
|
596
596
|
}
|
|
597
597
|
@media (min-width: 350px){
|
|
598
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
598
|
+
.magritte-number-pages-container___YIJLn_4-0-32{
|
|
599
599
|
display:inline-flex;
|
|
600
600
|
justify-content:center;
|
|
601
601
|
gap:var(--magritte-static-space-200-v20-1-0);
|
|
@@ -603,23 +603,23 @@
|
|
|
603
603
|
}
|
|
604
604
|
}
|
|
605
605
|
@media (min-width: 600px){
|
|
606
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
606
|
+
.magritte-number-pages-container___YIJLn_4-0-32{
|
|
607
607
|
gap:var(--magritte-static-space-100-v20-1-0);
|
|
608
608
|
}
|
|
609
609
|
}
|
|
610
610
|
@media (min-width: 640px){
|
|
611
|
-
.magritte-number-pages-container___YIJLn_4-0-
|
|
611
|
+
.magritte-number-pages-container___YIJLn_4-0-32{
|
|
612
612
|
gap:var(--magritte-static-space-200-v20-1-0);
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
-
.magritte-number-pages-ellipsis___GNIbV_4-0-
|
|
615
|
+
.magritte-number-pages-ellipsis___GNIbV_4-0-32{
|
|
616
616
|
display:flex;
|
|
617
617
|
height:40px;
|
|
618
618
|
width:40px;
|
|
619
619
|
align-items:center;
|
|
620
620
|
justify-content:center;
|
|
621
621
|
}
|
|
622
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
622
|
+
.magritte-number-pages-action___e3ozw_4-0-32{
|
|
623
623
|
display:flex;
|
|
624
624
|
align-items:center;
|
|
625
625
|
justify-content:center;
|
|
@@ -633,46 +633,46 @@
|
|
|
633
633
|
background-color:var(--magritte-color-component-number-pages-item-background-unselected-v20-1-0);
|
|
634
634
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v20-1-0);
|
|
635
635
|
}
|
|
636
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
636
|
+
.magritte-number-pages-action___e3ozw_4-0-32:active{
|
|
637
637
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v20-1-0);
|
|
638
638
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v20-1-0);
|
|
639
639
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v20-1-0);
|
|
640
640
|
}
|
|
641
641
|
@media (prefers-reduced-motion: no-preference){
|
|
642
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
642
|
+
.magritte-number-pages-action___e3ozw_4-0-32:active{
|
|
643
643
|
transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v20-1-0) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v20-1-0);
|
|
644
644
|
transform:scale(var(--magritte-semantic-scale-pressed-v20-1-0));
|
|
645
645
|
}
|
|
646
646
|
}
|
|
647
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
647
|
+
.magritte-number-pages-action___e3ozw_4-0-32.focus-visible{
|
|
648
648
|
outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v20-1-0) solid 4px;
|
|
649
649
|
}
|
|
650
650
|
@media (prefers-reduced-motion: no-preference){
|
|
651
|
-
.magritte-number-pages-action___e3ozw_4-0-
|
|
651
|
+
.magritte-number-pages-action___e3ozw_4-0-32{
|
|
652
652
|
transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
|
|
653
653
|
transform:scale(1);
|
|
654
654
|
}
|
|
655
655
|
}
|
|
656
656
|
@media (min-width: 1020px){
|
|
657
|
-
body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-
|
|
657
|
+
body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-32:hover:not(:active){
|
|
658
658
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v20-1-0);
|
|
659
659
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-1-0);
|
|
660
660
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-1-0);
|
|
661
661
|
}
|
|
662
662
|
}
|
|
663
663
|
@media (min-width: 1024px){
|
|
664
|
-
body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-
|
|
664
|
+
body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-32:hover:not(:active){
|
|
665
665
|
--magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v20-1-0);
|
|
666
666
|
color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v20-1-0);
|
|
667
667
|
background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v20-1-0);
|
|
668
668
|
}
|
|
669
669
|
}
|
|
670
|
-
.magritte-number-pages-action-icon___lwXFB_4-0-
|
|
670
|
+
.magritte-number-pages-action-icon___lwXFB_4-0-32{
|
|
671
671
|
padding:5px var(--magritte-static-space-200-v20-1-0);
|
|
672
672
|
}
|
|
673
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
674
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
675
|
-
.magritte-number-pages-action-selected___N5Tl4_4-0-
|
|
673
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-32,
|
|
674
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-32:hover,
|
|
675
|
+
.magritte-number-pages-action-selected___N5Tl4_4-0-32:active{
|
|
676
676
|
pointer-events:none;
|
|
677
677
|
user-select:none;
|
|
678
678
|
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-BmpsXsLs.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.32",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@hh.ru/magritte-design-tokens": "20.1.0",
|
|
24
24
|
"@hh.ru/magritte-types": "5.0.1",
|
|
25
|
-
"@hh.ru/magritte-ui-breakpoint": "
|
|
25
|
+
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
26
26
|
"@hh.ru/magritte-ui-icon": "7.9.10",
|
|
27
27
|
"@hh.ru/magritte-ui-typography": "3.0.25"
|
|
28
28
|
},
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "1f85c1274063f28c68e856b26db4540e4f210fa1"
|
|
37
37
|
}
|