@hh.ru/magritte-ui-number-pages 4.1.10 → 4.1.12

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-C_gv6blU.js → NumberPagesAction-oBcUfra-.js} +2 -2
  3. package/{NumberPagesAction-C_gv6blU.js.map → NumberPagesAction-oBcUfra-.js.map} +1 -1
  4. package/NumberPagesAction.js +1 -1
  5. package/index.css +19 -19
  6. package/index.js +1 -1
  7. package/package.json +4 -4
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-C_gv6blU.js';
7
+ import { s as styles, N as NumberPagesAction } from './NumberPagesAction-oBcUfra-.js';
8
8
  import { usePages, PageControls } from './usePages.js';
9
9
  import '@hh.ru/magritte-ui-typography';
10
10
 
package/{NumberPagesAction-C_gv6blU.js → NumberPagesAction-oBcUfra-.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-1-10","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-1-10","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-10","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-10","number-pages-container":"magritte-number-pages-container___YIJLn_4-1-10","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-1-10","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-10","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-10","number-pages-action":"magritte-number-pages-action___e3ozw_4-1-10","numberPagesAction":"magritte-number-pages-action___e3ozw_4-1-10","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-1-10","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-1-10","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-1-10","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-1-10"};
6
+ var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-1-12","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-1-12","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-12","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-12","number-pages-container":"magritte-number-pages-container___YIJLn_4-1-12","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-1-12","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-12","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-1-12","number-pages-action":"magritte-number-pages-action___e3ozw_4-1-12","numberPagesAction":"magritte-number-pages-action___e3ozw_4-1-12","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-1-12","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-1-12","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-1-12","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-1-12"};
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-C_gv6blU.js.map
17
+ //# sourceMappingURL=NumberPagesAction-oBcUfra-.js.map
package/{NumberPagesAction-C_gv6blU.js.map → NumberPagesAction-oBcUfra-.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberPagesAction-C_gv6blU.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-oBcUfra-.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-C_gv6blU.js';
5
+ export { N as NumberPagesAction } from './NumberPagesAction-oBcUfra-.js';
6
6
  //# sourceMappingURL=NumberPagesAction.js.map
package/index.css CHANGED
@@ -36,21 +36,21 @@
36
36
  --magritte-color-component-number-pages-item-background-state-unselected-hovered-v24-5-0:#262626;
37
37
  --magritte-color-component-number-pages-item-background-state-unselected-pressed-v24-5-0:#262626;
38
38
  }
39
- .magritte-number-pages-wrapper___lYp70_4-1-10{
39
+ .magritte-number-pages-wrapper___lYp70_4-1-12{
40
40
  display:flex;
41
41
  width:100%;
42
42
  }
43
43
  @media (min-width: 350px){
44
- .magritte-number-pages-wrapper___lYp70_4-1-10{
44
+ .magritte-number-pages-wrapper___lYp70_4-1-12{
45
45
  display:inline-flex;
46
46
  width:auto;
47
47
  }
48
48
  }
49
- .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-10{
49
+ .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-1-12{
50
50
  display:inline-flex;
51
51
  width:auto;
52
52
  }
53
- .magritte-number-pages-container___YIJLn_4-1-10{
53
+ .magritte-number-pages-container___YIJLn_4-1-12{
54
54
  display:flex;
55
55
  width:100%;
56
56
  justify-content:space-between;
@@ -61,7 +61,7 @@
61
61
  background:var(--magritte-color-component-number-pages-background-content-v24-5-0);
62
62
  }
63
63
  @media (min-width: 350px){
64
- .magritte-number-pages-container___YIJLn_4-1-10{
64
+ .magritte-number-pages-container___YIJLn_4-1-12{
65
65
  display:inline-flex;
66
66
  justify-content:center;
67
67
  gap:8px;
@@ -69,23 +69,23 @@
69
69
  }
70
70
  }
71
71
  @media (min-width: 600px){
72
- .magritte-number-pages-container___YIJLn_4-1-10{
72
+ .magritte-number-pages-container___YIJLn_4-1-12{
73
73
  gap:4px;
74
74
  }
75
75
  }
76
76
  @media (min-width: 640px){
77
- .magritte-number-pages-container___YIJLn_4-1-10{
77
+ .magritte-number-pages-container___YIJLn_4-1-12{
78
78
  gap:8px;
79
79
  }
80
80
  }
81
- .magritte-number-pages-ellipsis___GNIbV_4-1-10{
81
+ .magritte-number-pages-ellipsis___GNIbV_4-1-12{
82
82
  display:flex;
83
83
  height:40px;
84
84
  width:40px;
85
85
  align-items:center;
86
86
  justify-content:center;
87
87
  }
88
- .magritte-number-pages-action___e3ozw_4-1-10{
88
+ .magritte-number-pages-action___e3ozw_4-1-12{
89
89
  display:flex;
90
90
  align-items:center;
91
91
  justify-content:center;
@@ -99,46 +99,46 @@
99
99
  background-color:var(--magritte-color-component-number-pages-item-background-unselected-v24-5-0);
100
100
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v24-5-0);
101
101
  }
102
- .magritte-number-pages-action___e3ozw_4-1-10:active{
102
+ .magritte-number-pages-action___e3ozw_4-1-12:active{
103
103
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v24-5-0);
104
104
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v24-5-0);
105
105
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v24-5-0);
106
106
  }
107
107
  @media (prefers-reduced-motion: no-preference){
108
- .magritte-number-pages-action___e3ozw_4-1-10:active{
108
+ .magritte-number-pages-action___e3ozw_4-1-12:active{
109
109
  transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v24-5-0) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-5-0);
110
110
  transform:scale(0.96);
111
111
  }
112
112
  }
113
- .magritte-number-pages-action___e3ozw_4-1-10.focus-visible{
113
+ .magritte-number-pages-action___e3ozw_4-1-12.focus-visible{
114
114
  outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v24-5-0) solid 4px;
115
115
  }
116
116
  @media (prefers-reduced-motion: no-preference){
117
- .magritte-number-pages-action___e3ozw_4-1-10{
117
+ .magritte-number-pages-action___e3ozw_4-1-12{
118
118
  transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v24-5-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-5-0);
119
119
  transform:scale(1);
120
120
  }
121
121
  }
122
122
  @media (min-width: 1020px){
123
- body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-1-10:hover:not(:active){
123
+ body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-1-12:hover:not(:active){
124
124
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v24-5-0);
125
125
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v24-5-0);
126
126
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v24-5-0);
127
127
  }
128
128
  }
129
129
  @media (min-width: 1024px){
130
- body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-1-10:hover:not(:active){
130
+ body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-1-12:hover:not(:active){
131
131
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v24-5-0);
132
132
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v24-5-0);
133
133
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v24-5-0);
134
134
  }
135
135
  }
136
- .magritte-number-pages-action-icon___lwXFB_4-1-10{
136
+ .magritte-number-pages-action-icon___lwXFB_4-1-12{
137
137
  padding:5px 8px;
138
138
  }
139
- .magritte-number-pages-action-selected___N5Tl4_4-1-10,
140
- .magritte-number-pages-action-selected___N5Tl4_4-1-10:hover,
141
- .magritte-number-pages-action-selected___N5Tl4_4-1-10:active{
139
+ .magritte-number-pages-action-selected___N5Tl4_4-1-12,
140
+ .magritte-number-pages-action-selected___N5Tl4_4-1-12:hover,
141
+ .magritte-number-pages-action-selected___N5Tl4_4-1-12:active{
142
142
  pointer-events:none;
143
143
  user-select:none;
144
144
  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-C_gv6blU.js';
3
+ export { N as NumberPagesAction } from './NumberPagesAction-oBcUfra-.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.1.10",
3
+ "version": "4.1.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,8 +22,8 @@
22
22
  "@hh.ru/magritte-design-tokens": "24.5.0",
23
23
  "@hh.ru/magritte-types": "5.0.6",
24
24
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
25
- "@hh.ru/magritte-ui-icon": "14.0.0",
26
- "@hh.ru/magritte-ui-typography": "5.0.0"
25
+ "@hh.ru/magritte-ui-icon": "14.1.0",
26
+ "@hh.ru/magritte-ui-typography": "5.0.1"
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": "e019f700cfff466975b65b96124aaac592268720"
35
+ "gitHead": "3f1aa3b58a7e74d784b1af1a2a1950700ebe08d0"
36
36
  }