@hh.ru/magritte-ui-number-pages 4.0.73 → 4.0.74

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.
Files changed (7) hide show
  1. package/NumberPages.js +1 -1
  2. package/{NumberPagesAction-DY1TnX1X.js → NumberPagesAction-DGI0C4WS.js} +2 -2
  3. package/{NumberPagesAction-DY1TnX1X.js.map → NumberPagesAction-DGI0C4WS.js.map} +1 -1
  4. package/NumberPagesAction.js +1 -1
  5. package/index.css +95 -95
  6. package/index.js +1 -1
  7. package/package.json +6 -6
package/NumberPages.js CHANGED
@@ -4,7 +4,7 @@ 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-DY1TnX1X.js';
7
+ import { s as styles, N as NumberPagesAction } from './NumberPagesAction-DGI0C4WS.js';
8
8
  import { usePages, PageControls } from './usePages.js';
9
9
  import '@hh.ru/magritte-ui-typography';
10
10
 
package/{NumberPagesAction-DY1TnX1X.js → NumberPagesAction-DGI0C4WS.js} RENAMED
@@ -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-73","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-73","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-73","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-73","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-73","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-73","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-73","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-73","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-73","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-73","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-73","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-73","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-73","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-73"};
6
+ var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-74","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-74","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-74","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-74","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-74","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-74","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-74","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-74","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-74","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-74","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-74","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-74","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-74","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-74"};
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-DY1TnX1X.js.map
17
+ //# sourceMappingURL=NumberPagesAction-DGI0C4WS.js.map
package/{NumberPagesAction-DY1TnX1X.js.map → NumberPagesAction-DGI0C4WS.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberPagesAction-DY1TnX1X.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;;;;"}
1
+ {"version":3,"file":"NumberPagesAction-DGI0C4WS.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-DY1TnX1X.js';
5
+ export { N as NumberPagesAction } from './NumberPagesAction-DGI0C4WS.js';
6
6
  //# sourceMappingURL=NumberPagesAction.js.map
package/index.css CHANGED
@@ -1,114 +1,114 @@
1
1
  :root{
2
- --magritte-color-component-number-pages-background-content-v23-2-0:#ffffff;
3
- --magritte-color-component-number-pages-stroke-content-v23-2-0:#DCE3EB;
4
- --magritte-color-component-number-pages-item-text-unselected-v23-2-0:#768694;
5
- --magritte-color-component-number-pages-item-text-selected-v23-2-0:#000000;
6
- --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-0:#000000;
7
- --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-0:#000000;
8
- --magritte-color-component-number-pages-item-icon-content-v23-2-0:#768694;
9
- --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-0:#000000;
10
- --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-0:#000000;
11
- --magritte-color-component-number-pages-item-background-selected-v23-2-0:#F1F4F9;
12
- --magritte-color-component-number-pages-item-background-unselected-v23-2-0:#dce3eb00;
13
- --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-0:#F1F4F9;
14
- --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-0:#DCE3EB;
15
- --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-0:#0070ff7a;
2
+ --magritte-color-component-number-pages-background-content-v23-2-1:#ffffff;
3
+ --magritte-color-component-number-pages-stroke-content-v23-2-1:#DCE3EB;
4
+ --magritte-color-component-number-pages-item-text-unselected-v23-2-1:#768694;
5
+ --magritte-color-component-number-pages-item-text-selected-v23-2-1:#000000;
6
+ --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-1:#000000;
7
+ --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-1:#000000;
8
+ --magritte-color-component-number-pages-item-icon-content-v23-2-1:#768694;
9
+ --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-1:#000000;
10
+ --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-1:#000000;
11
+ --magritte-color-component-number-pages-item-background-selected-v23-2-1:#F1F4F9;
12
+ --magritte-color-component-number-pages-item-background-unselected-v23-2-1:#dce3eb00;
13
+ --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-1:#F1F4F9;
14
+ --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-1:#DCE3EB;
15
+ --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-1:#0070ff7a;
16
16
  }
17
17
 
18
18
  :root{
19
- --magritte-semantic-scale-pressed-v23-2-0:0.96;
20
- --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
21
- --magritte-semantic-animation-ease-in-out-100-duration-v23-2-0:100ms;
22
- --magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
23
- --magritte-semantic-animation-ease-in-out-200-duration-v23-2-0:200ms;
24
- --magritte-static-space-100-v23-2-0:4px;
25
- --magritte-static-space-150-v23-2-0:6px;
26
- --magritte-static-space-200-v23-2-0:8px;
19
+ --magritte-semantic-scale-pressed-v23-2-1:0.96;
20
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
21
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-2-1:100ms;
22
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
23
+ --magritte-semantic-animation-ease-in-out-200-duration-v23-2-1:200ms;
24
+ --magritte-static-space-100-v23-2-1:4px;
25
+ --magritte-static-space-150-v23-2-1:6px;
26
+ --magritte-static-space-200-v23-2-1:8px;
27
27
  }
28
28
 
29
29
  .magritte-night-theme{
30
- --magritte-color-component-number-pages-background-content-v23-2-0:#000000;
31
- --magritte-color-component-number-pages-stroke-content-v23-2-0:#3B3B3B;
32
- --magritte-color-component-number-pages-item-text-unselected-v23-2-0:#ABABAB;
33
- --magritte-color-component-number-pages-item-text-selected-v23-2-0:#ffffff;
34
- --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-0:#ffffff;
35
- --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-0:#ffffff;
36
- --magritte-color-component-number-pages-item-icon-content-v23-2-0:#ABABAB;
37
- --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-0:#ffffff;
38
- --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-0:#ffffff;
39
- --magritte-color-component-number-pages-item-background-selected-v23-2-0:#262626;
40
- --magritte-color-component-number-pages-item-background-unselected-v23-2-0:#dce3eb00;
41
- --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-0:#262626;
42
- --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-0:#262626;
43
- --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-0:#0070ff7a;
30
+ --magritte-color-component-number-pages-background-content-v23-2-1:#000000;
31
+ --magritte-color-component-number-pages-stroke-content-v23-2-1:#3B3B3B;
32
+ --magritte-color-component-number-pages-item-text-unselected-v23-2-1:#ABABAB;
33
+ --magritte-color-component-number-pages-item-text-selected-v23-2-1:#ffffff;
34
+ --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-1:#ffffff;
35
+ --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-1:#ffffff;
36
+ --magritte-color-component-number-pages-item-icon-content-v23-2-1:#ABABAB;
37
+ --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-1:#ffffff;
38
+ --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-1:#ffffff;
39
+ --magritte-color-component-number-pages-item-background-selected-v23-2-1:#262626;
40
+ --magritte-color-component-number-pages-item-background-unselected-v23-2-1:#dce3eb00;
41
+ --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-1:#262626;
42
+ --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-1:#262626;
43
+ --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-1:#0070ff7a;
44
44
  }
45
45
 
46
46
  .magritte-zp-day-theme{
47
- --magritte-color-component-number-pages-background-content-v23-2-0:#ffffff;
48
- --magritte-color-component-number-pages-stroke-content-v23-2-0:#DCE3EB;
49
- --magritte-color-component-number-pages-item-text-unselected-v23-2-0:#768694;
50
- --magritte-color-component-number-pages-item-text-selected-v23-2-0:#000000;
51
- --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-0:#000000;
52
- --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-0:#000000;
53
- --magritte-color-component-number-pages-item-icon-content-v23-2-0:#768694;
54
- --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-0:#000000;
55
- --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-0:#000000;
56
- --magritte-color-component-number-pages-item-background-selected-v23-2-0:#F1F4F9;
57
- --magritte-color-component-number-pages-item-background-unselected-v23-2-0:#dce3eb00;
58
- --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-0:#F1F4F9;
59
- --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-0:#DCE3EB;
60
- --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-0:#0070ff7a;
61
- }
62
- .magritte-number-pages-wrapper___lYp70_4-0-73{
47
+ --magritte-color-component-number-pages-background-content-v23-2-1:#ffffff;
48
+ --magritte-color-component-number-pages-stroke-content-v23-2-1:#DCE3EB;
49
+ --magritte-color-component-number-pages-item-text-unselected-v23-2-1:#768694;
50
+ --magritte-color-component-number-pages-item-text-selected-v23-2-1:#000000;
51
+ --magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-1:#000000;
52
+ --magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-1:#000000;
53
+ --magritte-color-component-number-pages-item-icon-content-v23-2-1:#768694;
54
+ --magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-1:#000000;
55
+ --magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-1:#000000;
56
+ --magritte-color-component-number-pages-item-background-selected-v23-2-1:#F1F4F9;
57
+ --magritte-color-component-number-pages-item-background-unselected-v23-2-1:#dce3eb00;
58
+ --magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-1:#F1F4F9;
59
+ --magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-1:#DCE3EB;
60
+ --magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-1:#0070ff7a;
61
+ }
62
+ .magritte-number-pages-wrapper___lYp70_4-0-74{
63
63
  display:flex;
64
64
  width:100%;
65
65
  }
66
66
  @media (min-width: 350px){
67
- .magritte-number-pages-wrapper___lYp70_4-0-73{
67
+ .magritte-number-pages-wrapper___lYp70_4-0-74{
68
68
  display:inline-flex;
69
69
  width:auto;
70
70
  }
71
71
  }
72
- .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-73{
72
+ .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-74{
73
73
  display:inline-flex;
74
74
  width:auto;
75
75
  }
76
- .magritte-number-pages-container___YIJLn_4-0-73{
76
+ .magritte-number-pages-container___YIJLn_4-0-74{
77
77
  display:flex;
78
78
  width:100%;
79
79
  justify-content:space-between;
80
80
  align-items:center;
81
81
  border-radius:26px;
82
- padding:calc(var(--magritte-static-space-150-v23-2-0) - 1px);
83
- border:1px solid var(--magritte-color-component-number-pages-stroke-content-v23-2-0);
84
- background:var(--magritte-color-component-number-pages-background-content-v23-2-0);
82
+ padding:calc(var(--magritte-static-space-150-v23-2-1) - 1px);
83
+ border:1px solid var(--magritte-color-component-number-pages-stroke-content-v23-2-1);
84
+ background:var(--magritte-color-component-number-pages-background-content-v23-2-1);
85
85
  }
86
86
  @media (min-width: 350px){
87
- .magritte-number-pages-container___YIJLn_4-0-73{
87
+ .magritte-number-pages-container___YIJLn_4-0-74{
88
88
  display:inline-flex;
89
89
  justify-content:center;
90
- gap:var(--magritte-static-space-200-v23-2-0);
90
+ gap:var(--magritte-static-space-200-v23-2-1);
91
91
  width:auto;
92
92
  }
93
93
  }
94
94
  @media (min-width: 600px){
95
- .magritte-number-pages-container___YIJLn_4-0-73{
96
- gap:var(--magritte-static-space-100-v23-2-0);
95
+ .magritte-number-pages-container___YIJLn_4-0-74{
96
+ gap:var(--magritte-static-space-100-v23-2-1);
97
97
  }
98
98
  }
99
99
  @media (min-width: 640px){
100
- .magritte-number-pages-container___YIJLn_4-0-73{
101
- gap:var(--magritte-static-space-200-v23-2-0);
100
+ .magritte-number-pages-container___YIJLn_4-0-74{
101
+ gap:var(--magritte-static-space-200-v23-2-1);
102
102
  }
103
103
  }
104
- .magritte-number-pages-ellipsis___GNIbV_4-0-73{
104
+ .magritte-number-pages-ellipsis___GNIbV_4-0-74{
105
105
  display:flex;
106
106
  height:40px;
107
107
  width:40px;
108
108
  align-items:center;
109
109
  justify-content:center;
110
110
  }
111
- .magritte-number-pages-action___e3ozw_4-0-73{
111
+ .magritte-number-pages-action___e3ozw_4-0-74{
112
112
  display:flex;
113
113
  align-items:center;
114
114
  justify-content:center;
@@ -118,54 +118,54 @@
118
118
  min-width:40px;
119
119
  border-radius:20px;
120
120
  padding:5px 14px;
121
- color:var(--magritte-color-component-number-pages-item-text-unselected-v23-2-0);
122
- background-color:var(--magritte-color-component-number-pages-item-background-unselected-v23-2-0);
123
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v23-2-0);
121
+ color:var(--magritte-color-component-number-pages-item-text-unselected-v23-2-1);
122
+ background-color:var(--magritte-color-component-number-pages-item-background-unselected-v23-2-1);
123
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v23-2-1);
124
124
  }
125
- .magritte-number-pages-action___e3ozw_4-0-73:active{
126
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-0);
127
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-0);
128
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-0);
125
+ .magritte-number-pages-action___e3ozw_4-0-74:active{
126
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v23-2-1);
127
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v23-2-1);
128
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v23-2-1);
129
129
  }
130
130
  @media (prefers-reduced-motion: no-preference){
131
- .magritte-number-pages-action___e3ozw_4-0-73:active{
132
- transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-0) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-0);
133
- transform:scale(var(--magritte-semantic-scale-pressed-v23-2-0));
131
+ .magritte-number-pages-action___e3ozw_4-0-74:active{
132
+ transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
133
+ transform:scale(var(--magritte-semantic-scale-pressed-v23-2-1));
134
134
  }
135
135
  }
136
- .magritte-number-pages-action___e3ozw_4-0-73.focus-visible{
137
- outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-0) solid 4px;
136
+ .magritte-number-pages-action___e3ozw_4-0-74.focus-visible{
137
+ outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v23-2-1) solid 4px;
138
138
  }
139
139
  @media (prefers-reduced-motion: no-preference){
140
- .magritte-number-pages-action___e3ozw_4-0-73{
141
- transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v23-2-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-0);
140
+ .magritte-number-pages-action___e3ozw_4-0-74{
141
+ transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v23-2-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1);
142
142
  transform:scale(1);
143
143
  }
144
144
  }
145
145
  @media (min-width: 1020px){
146
- body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-73:hover:not(:active){
147
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-0);
148
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-0);
149
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-0);
146
+ body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-74:hover:not(:active){
147
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-1);
148
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-1);
149
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-1);
150
150
  }
151
151
  }
152
152
  @media (min-width: 1024px){
153
- body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-73:hover:not(:active){
154
- --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-0);
155
- color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-0);
156
- background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-0);
153
+ body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-74:hover:not(:active){
154
+ --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v23-2-1);
155
+ color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v23-2-1);
156
+ background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v23-2-1);
157
157
  }
158
158
  }
159
- .magritte-number-pages-action-icon___lwXFB_4-0-73{
160
- padding:5px var(--magritte-static-space-200-v23-2-0);
159
+ .magritte-number-pages-action-icon___lwXFB_4-0-74{
160
+ padding:5px var(--magritte-static-space-200-v23-2-1);
161
161
  }
162
- .magritte-number-pages-action-selected___N5Tl4_4-0-73,
163
- .magritte-number-pages-action-selected___N5Tl4_4-0-73:hover,
164
- .magritte-number-pages-action-selected___N5Tl4_4-0-73:active{
162
+ .magritte-number-pages-action-selected___N5Tl4_4-0-74,
163
+ .magritte-number-pages-action-selected___N5Tl4_4-0-74:hover,
164
+ .magritte-number-pages-action-selected___N5Tl4_4-0-74:active{
165
165
  pointer-events:none;
166
166
  user-select:none;
167
167
  transform:none;
168
- color:var(--magritte-color-component-number-pages-item-text-selected-v23-2-0);
169
- background-color:var(--magritte-color-component-number-pages-item-background-selected-v23-2-0);
168
+ color:var(--magritte-color-component-number-pages-item-text-selected-v23-2-1);
169
+ background-color:var(--magritte-color-component-number-pages-item-background-selected-v23-2-1);
170
170
  cursor:default;
171
171
  }
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-DY1TnX1X.js';
3
+ export { N as NumberPagesAction } from './NumberPagesAction-DGI0C4WS.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.73",
3
+ "version": "4.0.74",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,11 +19,11 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-design-tokens": "23.2.0",
22
+ "@hh.ru/magritte-design-tokens": "23.2.1",
23
23
  "@hh.ru/magritte-types": "5.0.4",
24
- "@hh.ru/magritte-ui-breakpoint": "6.0.0",
25
- "@hh.ru/magritte-ui-icon": "12.3.1",
26
- "@hh.ru/magritte-ui-typography": "4.2.1"
24
+ "@hh.ru/magritte-ui-breakpoint": "6.0.1",
25
+ "@hh.ru/magritte-ui-icon": "12.3.2",
26
+ "@hh.ru/magritte-ui-typography": "4.2.2"
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": "fb6e7a383f8c329c0b5bc46df4d4bb11e44d9d24"
35
+ "gitHead": "18a4c9f53b8572077ce0fba28266865c1b619cee"
36
36
  }