@alfalab/core-components-pagination 2.1.2 → 2.1.3

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 (29) hide show
  1. package/Component.js +1 -1
  2. package/components/default-view/index.css +2 -2
  3. package/components/default-view/index.js +1 -1
  4. package/components/per-page-view/index.css +2 -2
  5. package/components/per-page-view/index.js +1 -1
  6. package/components/tag/index.css +8 -8
  7. package/components/tag/index.d.ts +2 -83
  8. package/components/tag/index.js +1 -1
  9. package/cssm/components/tag/index.d.ts +2 -83
  10. package/esm/Component.js +1 -1
  11. package/esm/components/default-view/index.css +2 -2
  12. package/esm/components/default-view/index.js +1 -1
  13. package/esm/components/per-page-view/index.css +2 -2
  14. package/esm/components/per-page-view/index.js +1 -1
  15. package/esm/components/tag/index.css +8 -8
  16. package/esm/components/tag/index.d.ts +2 -83
  17. package/esm/components/tag/index.js +1 -1
  18. package/esm/index.css +4 -4
  19. package/index.css +4 -4
  20. package/modern/Component.js +1 -1
  21. package/modern/components/default-view/index.css +2 -2
  22. package/modern/components/default-view/index.js +1 -1
  23. package/modern/components/per-page-view/index.css +2 -2
  24. package/modern/components/per-page-view/index.js +1 -1
  25. package/modern/components/tag/index.css +8 -8
  26. package/modern/components/tag/index.d.ts +2 -83
  27. package/modern/components/tag/index.js +1 -1
  28. package/modern/index.css +4 -4
  29. package/package.json +2 -2
package/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
20
+ var styles = {"component":"pagination__component_102kp","defaultView":"pagination__defaultView_102kp"};
21
21
  require('./index.css')
22
22
 
23
23
  var Pagination = function (_a) {
package/components/default-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lcgaf */
1
+ /* hash: 1hrje */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_1ijpy {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
package/components/default-view/index.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
- var styles = {"dots":"pagination__dots_1qwep"};
15
+ var styles = {"dots":"pagination__dots_1ijpy"};
16
16
  require('./index.css')
17
17
 
18
18
  /* eslint-disable react/no-array-index-key */
package/components/per-page-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13y3g */
1
+ /* hash: 2o2z4 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_de4bu {
18
+ } .pagination__component_nd4q6 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
package/components/per-page-view/index.js CHANGED
@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
10
 
11
- var styles = {"component":"pagination__component_de4bu"};
11
+ var styles = {"component":"pagination__component_nd4q6"};
12
12
  require('./index.css')
13
13
 
14
14
  var PerPageView = function (_a) {
package/components/tag/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mfhti */
1
+ /* hash: 1uow6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-quaternary: #dcdcdd;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_km5r8.pagination__tag_km5r8 {
24
+ } button.pagination__tag_1y875.pagination__tag_1y875 {
25
25
  color: var(--color-light-text-secondary);
26
26
  border-radius: var(--border-radius-m);
27
27
  border: none;
@@ -31,19 +31,19 @@
31
31
  width: 32px;
32
32
  height: 32px;
33
33
  padding: 0
34
- } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
34
+ } button.pagination__tag_1y875.pagination__tag_1y875:disabled:not(.pagination__checked_1y875) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_1y875.pagination__tag_1y875:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
39
+ } button.pagination__tag_1y875.pagination__tag_1y875:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
41
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
45
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
47
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/components/tag/index.d.ts CHANGED
@@ -1,85 +1,4 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
13
- type BaseTagProps = Omit<NativeProps, "onClick"> & {
14
- /**
15
- * Отображение кнопки в отмеченном (зажатом) состоянии
16
- */
17
- checked?: boolean;
18
- /**
19
- * Размер компонента
20
- */
21
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
22
- /**
23
- * Дочерние элементы.
24
- */
25
- children?: ReactNode;
26
- /**
27
- * Дополнительный класс для обёртки children
28
- */
29
- childrenClassName?: string;
30
- /**
31
- * Слот слева
32
- */
33
- leftAddons?: ReactNode;
34
- /**
35
- * Слот справа
36
- */
37
- rightAddons?: ReactNode;
38
- /**
39
- * Идентификатор для систем автоматизированного тестирования
40
- */
41
- dataTestId?: string;
42
- /**
43
- * Обработчик нажатия
44
- */
45
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
46
- checked: boolean;
47
- name?: string;
48
- }) => void;
49
- /**
50
- * ref на children
51
- */
52
- childrenRef?: RefObject<HTMLSpanElement>;
53
- /**
54
- * Набор цветов для компонента
55
- */
56
- colors?: "default" | "inverted";
57
- /**
58
- * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
59
- * Используйте props shape и view
60
- * Вариант тега
61
- */
62
- variant?: "default" | "alt";
63
- /**
64
- * Форма тега
65
- */
66
- shape?: "rounded" | "rectangular";
67
- /**
68
- * Стиль тега
69
- */
70
- view?: "outlined" | "filled";
71
- /**
72
- * Основные стили компонента.
73
- */
74
- styles?: {
75
- [key: string]: string;
76
- };
77
- /**
78
- * Стили компонента для default и inverted режима.
79
- */
80
- colorStylesMap?: StyleColors;
81
- };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
- type TagProps = TagDesktopProps;
1
+ import { FC } from 'react';
2
+ import { TagDesktopProps as TagProps } from "@alfalab/core-components-tag/desktop";
84
3
  declare const Tag: FC<TagProps>;
85
4
  export { Tag };
package/components/tag/index.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
15
+ var styles = {"tag":"pagination__tag_1y875","checked":"pagination__checked_1y875"};
16
16
  require('./index.css')
17
17
 
18
18
  var Tag = function (_a) {
package/cssm/components/tag/index.d.ts CHANGED
@@ -1,85 +1,4 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
13
- type BaseTagProps = Omit<NativeProps, "onClick"> & {
14
- /**
15
- * Отображение кнопки в отмеченном (зажатом) состоянии
16
- */
17
- checked?: boolean;
18
- /**
19
- * Размер компонента
20
- */
21
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
22
- /**
23
- * Дочерние элементы.
24
- */
25
- children?: ReactNode;
26
- /**
27
- * Дополнительный класс для обёртки children
28
- */
29
- childrenClassName?: string;
30
- /**
31
- * Слот слева
32
- */
33
- leftAddons?: ReactNode;
34
- /**
35
- * Слот справа
36
- */
37
- rightAddons?: ReactNode;
38
- /**
39
- * Идентификатор для систем автоматизированного тестирования
40
- */
41
- dataTestId?: string;
42
- /**
43
- * Обработчик нажатия
44
- */
45
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
46
- checked: boolean;
47
- name?: string;
48
- }) => void;
49
- /**
50
- * ref на children
51
- */
52
- childrenRef?: RefObject<HTMLSpanElement>;
53
- /**
54
- * Набор цветов для компонента
55
- */
56
- colors?: "default" | "inverted";
57
- /**
58
- * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
59
- * Используйте props shape и view
60
- * Вариант тега
61
- */
62
- variant?: "default" | "alt";
63
- /**
64
- * Форма тега
65
- */
66
- shape?: "rounded" | "rectangular";
67
- /**
68
- * Стиль тега
69
- */
70
- view?: "outlined" | "filled";
71
- /**
72
- * Основные стили компонента.
73
- */
74
- styles?: {
75
- [key: string]: string;
76
- };
77
- /**
78
- * Стили компонента для default и inverted режима.
79
- */
80
- colorStylesMap?: StyleColors;
81
- };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
- type TagProps = TagDesktopProps;
1
+ import { FC } from 'react';
2
+ import { TagDesktopProps as TagProps } from "@alfalab/core-components-tag/desktop";
84
3
  declare const Tag: FC<TagProps>;
85
4
  export { Tag };
package/esm/Component.js CHANGED
@@ -8,7 +8,7 @@ import { Tag } from './components/tag/index.js';
8
8
  import 'tslib';
9
9
  import '@alfalab/core-components-tag/esm/desktop';
10
10
 
11
- var styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
11
+ var styles = {"component":"pagination__component_102kp","defaultView":"pagination__defaultView_102kp"};
12
12
  require('./index.css')
13
13
 
14
14
  var Pagination = function (_a) {
package/esm/components/default-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lcgaf */
1
+ /* hash: 1hrje */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_1ijpy {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
package/esm/components/default-view/index.js CHANGED
@@ -4,7 +4,7 @@ import 'tslib';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-tag/esm/desktop';
6
6
 
7
- var styles = {"dots":"pagination__dots_1qwep"};
7
+ var styles = {"dots":"pagination__dots_1ijpy"};
8
8
  require('./index.css')
9
9
 
10
10
  /* eslint-disable react/no-array-index-key */
package/esm/components/per-page-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13y3g */
1
+ /* hash: 2o2z4 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_de4bu {
18
+ } .pagination__component_nd4q6 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
package/esm/components/per-page-view/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"component":"pagination__component_de4bu"};
3
+ var styles = {"component":"pagination__component_nd4q6"};
4
4
  require('./index.css')
5
5
 
6
6
  var PerPageView = function (_a) {
package/esm/components/tag/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mfhti */
1
+ /* hash: 1uow6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-quaternary: #dcdcdd;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_km5r8.pagination__tag_km5r8 {
24
+ } button.pagination__tag_1y875.pagination__tag_1y875 {
25
25
  color: var(--color-light-text-secondary);
26
26
  border-radius: var(--border-radius-m);
27
27
  border: none;
@@ -31,19 +31,19 @@
31
31
  width: 32px;
32
32
  height: 32px;
33
33
  padding: 0
34
- } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
34
+ } button.pagination__tag_1y875.pagination__tag_1y875:disabled:not(.pagination__checked_1y875) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_1y875.pagination__tag_1y875:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
39
+ } button.pagination__tag_1y875.pagination__tag_1y875:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
41
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
45
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
47
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/esm/components/tag/index.d.ts CHANGED
@@ -1,85 +1,4 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
13
- type BaseTagProps = Omit<NativeProps, "onClick"> & {
14
- /**
15
- * Отображение кнопки в отмеченном (зажатом) состоянии
16
- */
17
- checked?: boolean;
18
- /**
19
- * Размер компонента
20
- */
21
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
22
- /**
23
- * Дочерние элементы.
24
- */
25
- children?: ReactNode;
26
- /**
27
- * Дополнительный класс для обёртки children
28
- */
29
- childrenClassName?: string;
30
- /**
31
- * Слот слева
32
- */
33
- leftAddons?: ReactNode;
34
- /**
35
- * Слот справа
36
- */
37
- rightAddons?: ReactNode;
38
- /**
39
- * Идентификатор для систем автоматизированного тестирования
40
- */
41
- dataTestId?: string;
42
- /**
43
- * Обработчик нажатия
44
- */
45
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
46
- checked: boolean;
47
- name?: string;
48
- }) => void;
49
- /**
50
- * ref на children
51
- */
52
- childrenRef?: RefObject<HTMLSpanElement>;
53
- /**
54
- * Набор цветов для компонента
55
- */
56
- colors?: "default" | "inverted";
57
- /**
58
- * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
59
- * Используйте props shape и view
60
- * Вариант тега
61
- */
62
- variant?: "default" | "alt";
63
- /**
64
- * Форма тега
65
- */
66
- shape?: "rounded" | "rectangular";
67
- /**
68
- * Стиль тега
69
- */
70
- view?: "outlined" | "filled";
71
- /**
72
- * Основные стили компонента.
73
- */
74
- styles?: {
75
- [key: string]: string;
76
- };
77
- /**
78
- * Стили компонента для default и inverted режима.
79
- */
80
- colorStylesMap?: StyleColors;
81
- };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
- type TagProps = TagDesktopProps;
1
+ import { FC } from 'react';
2
+ import { TagDesktopProps as TagProps } from "@alfalab/core-components-tag/desktop";
84
3
  declare const Tag: FC<TagProps>;
85
4
  export { Tag };
package/esm/components/tag/index.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
5
5
 
6
- var styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
6
+ var styles = {"tag":"pagination__tag_1y875","checked":"pagination__checked_1y875"};
7
7
  require('./index.css')
8
8
 
9
9
  var Tag = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwuv7 */
1
+ /* hash: 1g8c5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_1mufw {
19
+ } .pagination__component_102kp {
20
20
  font-size: 14px;
21
21
  line-height: 20px;
22
22
  font-weight: 400;
@@ -25,8 +25,8 @@
25
25
  align-items: center;
26
26
  color: var(--color-light-text-primary);
27
27
  font-variant-numeric: tabular-nums;
28
- } .pagination__defaultView_1mufw > * {
28
+ } .pagination__defaultView_102kp > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_102kp > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwuv7 */
1
+ /* hash: 1g8c5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_1mufw {
19
+ } .pagination__component_102kp {
20
20
  font-size: 14px;
21
21
  line-height: 20px;
22
22
  font-weight: 400;
@@ -25,8 +25,8 @@
25
25
  align-items: center;
26
26
  color: var(--color-light-text-primary);
27
27
  font-variant-numeric: tabular-nums;
28
- } .pagination__defaultView_1mufw > * {
28
+ } .pagination__defaultView_102kp > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_102kp > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/modern/Component.js CHANGED
@@ -7,7 +7,7 @@ import { PerPageView } from './components/per-page-view/index.js';
7
7
  import { Tag } from './components/tag/index.js';
8
8
  import '@alfalab/core-components-tag/modern/desktop';
9
9
 
10
- const styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
10
+ const styles = {"component":"pagination__component_102kp","defaultView":"pagination__defaultView_102kp"};
11
11
  require('./index.css')
12
12
 
13
13
  const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {
package/modern/components/default-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lcgaf */
1
+ /* hash: 1hrje */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_1ijpy {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
package/modern/components/default-view/index.js CHANGED
@@ -3,7 +3,7 @@ import { Tag } from '../tag/index.js';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-tag/modern/desktop';
5
5
 
6
- const styles = {"dots":"pagination__dots_1qwep"};
6
+ const styles = {"dots":"pagination__dots_1ijpy"};
7
7
  require('./index.css')
8
8
 
9
9
  /* eslint-disable react/no-array-index-key */
package/modern/components/per-page-view/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13y3g */
1
+ /* hash: 2o2z4 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_de4bu {
18
+ } .pagination__component_nd4q6 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
package/modern/components/per-page-view/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- const styles = {"component":"pagination__component_de4bu"};
3
+ const styles = {"component":"pagination__component_nd4q6"};
4
4
  require('./index.css')
5
5
 
6
6
  const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },
package/modern/components/tag/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mfhti */
1
+ /* hash: 1uow6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-quaternary: #dcdcdd;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_km5r8.pagination__tag_km5r8 {
24
+ } button.pagination__tag_1y875.pagination__tag_1y875 {
25
25
  color: var(--color-light-text-secondary);
26
26
  border-radius: var(--border-radius-m);
27
27
  border: none;
@@ -31,19 +31,19 @@
31
31
  width: 32px;
32
32
  height: 32px;
33
33
  padding: 0
34
- } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
34
+ } button.pagination__tag_1y875.pagination__tag_1y875:disabled:not(.pagination__checked_1y875) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_1y875.pagination__tag_1y875:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
39
+ } button.pagination__tag_1y875.pagination__tag_1y875:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
41
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
45
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
47
+ } button.pagination__tag_1y875.pagination__tag_1y875.pagination__checked_1y875:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/modern/components/tag/index.d.ts CHANGED
@@ -1,85 +1,4 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
13
- type BaseTagProps = Omit<NativeProps, "onClick"> & {
14
- /**
15
- * Отображение кнопки в отмеченном (зажатом) состоянии
16
- */
17
- checked?: boolean;
18
- /**
19
- * Размер компонента
20
- */
21
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
22
- /**
23
- * Дочерние элементы.
24
- */
25
- children?: ReactNode;
26
- /**
27
- * Дополнительный класс для обёртки children
28
- */
29
- childrenClassName?: string;
30
- /**
31
- * Слот слева
32
- */
33
- leftAddons?: ReactNode;
34
- /**
35
- * Слот справа
36
- */
37
- rightAddons?: ReactNode;
38
- /**
39
- * Идентификатор для систем автоматизированного тестирования
40
- */
41
- dataTestId?: string;
42
- /**
43
- * Обработчик нажатия
44
- */
45
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
46
- checked: boolean;
47
- name?: string;
48
- }) => void;
49
- /**
50
- * ref на children
51
- */
52
- childrenRef?: RefObject<HTMLSpanElement>;
53
- /**
54
- * Набор цветов для компонента
55
- */
56
- colors?: "default" | "inverted";
57
- /**
58
- * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
59
- * Используйте props shape и view
60
- * Вариант тега
61
- */
62
- variant?: "default" | "alt";
63
- /**
64
- * Форма тега
65
- */
66
- shape?: "rounded" | "rectangular";
67
- /**
68
- * Стиль тега
69
- */
70
- view?: "outlined" | "filled";
71
- /**
72
- * Основные стили компонента.
73
- */
74
- styles?: {
75
- [key: string]: string;
76
- };
77
- /**
78
- * Стили компонента для default и inverted режима.
79
- */
80
- colorStylesMap?: StyleColors;
81
- };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
- type TagProps = TagDesktopProps;
1
+ import { FC } from 'react';
2
+ import { TagDesktopProps as TagProps } from "@alfalab/core-components-tag/desktop";
84
3
  declare const Tag: FC<TagProps>;
85
4
  export { Tag };
package/modern/components/tag/index.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TagDesktop } from '@alfalab/core-components-tag/modern/desktop';
4
4
 
5
- const styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
5
+ const styles = {"tag":"pagination__tag_1y875","checked":"pagination__checked_1y875"};
6
6
  require('./index.css')
7
7
 
8
8
  const Tag = ({ className, checked, ...restProps }) => (React.createElement(TagDesktop, { ...restProps, checked: checked, size: 'xxs', className: cn(className, styles.tag, { [styles.checked]: checked }) }));
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwuv7 */
1
+ /* hash: 1g8c5 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_1mufw {
19
+ } .pagination__component_102kp {
20
20
  font-size: 14px;
21
21
  line-height: 20px;
22
22
  font-weight: 400;
@@ -25,8 +25,8 @@
25
25
  align-items: center;
26
26
  color: var(--color-light-text-primary);
27
27
  font-variant-numeric: tabular-nums;
28
- } .pagination__defaultView_1mufw > * {
28
+ } .pagination__defaultView_102kp > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_102kp > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pagination",
3
- "version": "2.1.2",
3
+ "version": "2.1.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-tag": "^6.0.1",
18
+ "@alfalab/core-components-tag": "^6.1.0",
19
19
  "@alfalab/icons-glyph": "^2.108.0",
20
20
  "classnames": "^2.3.1",
21
21
  "tslib": "^2.4.0"