@hh.ru/magritte-ui-number-pages 4.0.22 → 4.0.24

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 (10) hide show
  1. package/NumberPages.js +1 -1
  2. package/{NumberPagesAction-DYjPlIG4.js → NumberPagesAction-G_6R7PKf.js} +2 -2
  3. package/NumberPagesAction-G_6R7PKf.js.map +1 -0
  4. package/NumberPagesAction.d.ts +2 -1
  5. package/NumberPagesAction.js +1 -1
  6. package/index.css +19 -19
  7. package/index.js +1 -1
  8. package/package.json +6 -6
  9. package/types.d.ts +1 -3
  10. package/NumberPagesAction-DYjPlIG4.js.map +0 -1
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-DYjPlIG4.js';
7
+ import { s as styles, N as NumberPagesAction } from './NumberPagesAction-G_6R7PKf.js';
8
8
  import { usePages, PageControls } from './usePages.js';
9
9
  import '@hh.ru/magritte-ui-typography';
10
10
 
package/{NumberPagesAction-DYjPlIG4.js → NumberPagesAction-G_6R7PKf.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-22","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-22","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-22","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-22","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-22","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-22","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-22","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-22","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-22","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-22","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-22","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-22","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-22","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-22"};
6
+ var styles = {"number-pages-wrapper":"magritte-number-pages-wrapper___lYp70_4-0-24","numberPagesWrapper":"magritte-number-pages-wrapper___lYp70_4-0-24","number-pages-wrapper-without-navigation-buttons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-24","numberPagesWrapperWithoutNavigationButtons":"magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-24","number-pages-container":"magritte-number-pages-container___YIJLn_4-0-24","numberPagesContainer":"magritte-number-pages-container___YIJLn_4-0-24","number-pages-ellipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-24","numberPagesEllipsis":"magritte-number-pages-ellipsis___GNIbV_4-0-24","number-pages-action":"magritte-number-pages-action___e3ozw_4-0-24","numberPagesAction":"magritte-number-pages-action___e3ozw_4-0-24","number-pages-action-icon":"magritte-number-pages-action-icon___lwXFB_4-0-24","numberPagesActionIcon":"magritte-number-pages-action-icon___lwXFB_4-0-24","number-pages-action-selected":"magritte-number-pages-action-selected___N5Tl4_4-0-24","numberPagesActionSelected":"magritte-number-pages-action-selected___N5Tl4_4-0-24"};
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-DYjPlIG4.js.map
17
+ //# sourceMappingURL=NumberPagesAction-G_6R7PKf.js.map
package/NumberPagesAction-G_6R7PKf.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumberPagesAction-G_6R7PKf.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.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import type { PolymorphicComponent } from '@hh.ru/magritte-types';
1
2
  import type { NumberPagesActionProps } from '@hh.ru/magritte-ui-number-pages/types';
2
- export declare const NumberPagesAction: NumberPagesActionProps;
3
+ export declare const NumberPagesAction: PolymorphicComponent<NumberPagesActionProps, 'button'>;
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-DYjPlIG4.js';
5
+ export { N as NumberPagesAction } from './NumberPagesAction-G_6R7PKf.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-v19-1-2:#262626;
41
41
  --magritte-color-component-number-pages-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
42
42
  }
43
- .magritte-number-pages-wrapper___lYp70_4-0-22{
43
+ .magritte-number-pages-wrapper___lYp70_4-0-24{
44
44
  display:flex;
45
45
  width:100%;
46
46
  }
47
47
  @media (min-width: 350px){
48
- .magritte-number-pages-wrapper___lYp70_4-0-22{
48
+ .magritte-number-pages-wrapper___lYp70_4-0-24{
49
49
  display:inline-flex;
50
50
  width:auto;
51
51
  }
52
52
  }
53
- .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-22{
53
+ .magritte-number-pages-wrapper-without-navigation-buttons___78a7R_4-0-24{
54
54
  display:inline-flex;
55
55
  width:auto;
56
56
  }
57
- .magritte-number-pages-container___YIJLn_4-0-22{
57
+ .magritte-number-pages-container___YIJLn_4-0-24{
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-v19-1-2);
66
66
  }
67
67
  @media (min-width: 350px){
68
- .magritte-number-pages-container___YIJLn_4-0-22{
68
+ .magritte-number-pages-container___YIJLn_4-0-24{
69
69
  display:inline-flex;
70
70
  justify-content:center;
71
71
  gap:var(--magritte-static-space-200-v19-1-2);
@@ -73,23 +73,23 @@
73
73
  }
74
74
  }
75
75
  @media (min-width: 600px){
76
- .magritte-number-pages-container___YIJLn_4-0-22{
76
+ .magritte-number-pages-container___YIJLn_4-0-24{
77
77
  gap:var(--magritte-static-space-100-v19-1-2);
78
78
  }
79
79
  }
80
80
  @media (min-width: 640px){
81
- .magritte-number-pages-container___YIJLn_4-0-22{
81
+ .magritte-number-pages-container___YIJLn_4-0-24{
82
82
  gap:var(--magritte-static-space-200-v19-1-2);
83
83
  }
84
84
  }
85
- .magritte-number-pages-ellipsis___GNIbV_4-0-22{
85
+ .magritte-number-pages-ellipsis___GNIbV_4-0-24{
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-22{
92
+ .magritte-number-pages-action___e3ozw_4-0-24{
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-v19-1-2);
104
104
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-content-v19-1-2);
105
105
  }
106
- .magritte-number-pages-action___e3ozw_4-0-22:active{
106
+ .magritte-number-pages-action___e3ozw_4-0-24:active{
107
107
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-pressed-v19-1-2);
108
108
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-pressed-v19-1-2);
109
109
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-pressed-v19-1-2);
110
110
  }
111
111
  @media (prefers-reduced-motion: no-preference){
112
- .magritte-number-pages-action___e3ozw_4-0-22:active{
112
+ .magritte-number-pages-action___e3ozw_4-0-24:active{
113
113
  transition:transform var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-2);
114
114
  transform:scale(var(--magritte-semantic-scale-pressed-v19-1-2));
115
115
  }
116
116
  }
117
- .magritte-number-pages-action___e3ozw_4-0-22.focus-visible{
117
+ .magritte-number-pages-action___e3ozw_4-0-24.focus-visible{
118
118
  outline:var(--magritte-color-component-number-pages-stroke-state-focused-accessible-v19-1-2) solid 4px;
119
119
  }
120
120
  @media (prefers-reduced-motion: no-preference){
121
- .magritte-number-pages-action___e3ozw_4-0-22{
121
+ .magritte-number-pages-action___e3ozw_4-0-24{
122
122
  transition:transform var(--magritte-semantic-animation-ease-in-out-200-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2);
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-22:hover:not(:active){
127
+ body.magritte-old-layout .magritte-number-pages-action___e3ozw_4-0-24:hover:not(:active){
128
128
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2);
129
129
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2);
130
130
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2);
131
131
  }
132
132
  }
133
133
  @media (min-width: 1024px){
134
- body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-22:hover:not(:active){
134
+ body:not(.magritte-old-layout) .magritte-number-pages-action___e3ozw_4-0-24:hover:not(:active){
135
135
  --magritte-ui-icon-color-override:var(--magritte-color-component-number-pages-item-icon-state-content-hovered-v19-1-2);
136
136
  color:var(--magritte-color-component-number-pages-item-text-state-unselected-hovered-v19-1-2);
137
137
  background-color:var(--magritte-color-component-number-pages-item-background-state-unselected-hovered-v19-1-2);
138
138
  }
139
139
  }
140
- .magritte-number-pages-action-icon___lwXFB_4-0-22{
140
+ .magritte-number-pages-action-icon___lwXFB_4-0-24{
141
141
  padding:5px var(--magritte-static-space-200-v19-1-2);
142
142
  }
143
- .magritte-number-pages-action-selected___N5Tl4_4-0-22,
144
- .magritte-number-pages-action-selected___N5Tl4_4-0-22:hover,
145
- .magritte-number-pages-action-selected___N5Tl4_4-0-22:active{
143
+ .magritte-number-pages-action-selected___N5Tl4_4-0-24,
144
+ .magritte-number-pages-action-selected___N5Tl4_4-0-24:hover,
145
+ .magritte-number-pages-action-selected___N5Tl4_4-0-24: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-DYjPlIG4.js';
3
+ export { N as NumberPagesAction } from './NumberPagesAction-G_6R7PKf.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.22",
3
+ "version": "4.0.24",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,10 +21,10 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-design-tokens": "19.1.2",
24
- "@hh.ru/magritte-types": "4.0.3",
25
- "@hh.ru/magritte-ui-breakpoint": "4.0.4",
26
- "@hh.ru/magritte-ui-icon": "7.9.2",
27
- "@hh.ru/magritte-ui-typography": "3.0.18"
24
+ "@hh.ru/magritte-types": "5.0.0",
25
+ "@hh.ru/magritte-ui-breakpoint": "4.1.0",
26
+ "@hh.ru/magritte-ui-icon": "7.9.3",
27
+ "@hh.ru/magritte-ui-typography": "3.0.19"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "classnames": ">=2.3.2",
@@ -33,5 +33,5 @@
33
33
  "publishConfig": {
34
34
  "access": "public"
35
35
  },
36
- "gitHead": "1ac30fb3b6ed8df5e0683e4551925b6ab8bf08d9"
36
+ "gitHead": "4adeae453af768d9a43f23cd7f9f43bb54676a3b"
37
37
  }
package/types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { PropsWithChildren, ReactNode } from 'react';
2
- import type { ComponentWithCustomElement } from '@hh.ru/magritte-types';
3
2
  type NumberPagesRenderItemBaseProps = PropsWithChildren<{
4
3
  /** Флаг выбрана текущая страница или нет */
5
4
  selected: boolean;
@@ -21,13 +20,12 @@ type NumberPagesRenderItemProps = NumberPagesRenderItemBaseProps & {
21
20
  export interface NumberPagesRenderItem {
22
21
  (props: NumberPagesRenderItemProps): ReactNode;
23
22
  }
24
- export type BaseNumberPagesActionProps = Partial<NumberPagesRenderItemBaseProps> & {
23
+ export type NumberPagesActionProps = Partial<NumberPagesRenderItemBaseProps> & {
25
24
  /** Кастомный компонент */
26
25
  Element?: 'button' | 'a';
27
26
  /** Флаг иконка или текст являются содержимым */
28
27
  isIcon?: boolean;
29
28
  };
30
- export type NumberPagesActionProps = ComponentWithCustomElement<BaseNumberPagesActionProps, 'button'>;
31
29
  export interface BaseNumberPagesProps {
32
30
  /** Первая страница */
33
31
  first: number;
package/NumberPagesAction-DYjPlIG4.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberPagesAction-DYjPlIG4.js","sources":["../src/NumberPagesAction.tsx"],"sourcesContent":["import classnames from 'classnames';\n\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: NumberPagesActionProps = ({\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":";;;;;;AAOO,MAAM,iBAAiB,GAA2B,CAAC,EACtD,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;;;;"}