@alfalab/core-components-pagination 2.1.2 → 2.1.4

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 (31) hide show
  1. package/Component.js +1 -1
  2. package/components/default-view/index.css +3 -3
  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 +12 -12
  7. package/components/tag/index.d.ts +2 -83
  8. package/components/tag/index.js +1 -1
  9. package/cssm/components/default-view/index.module.css +1 -1
  10. package/cssm/components/tag/index.d.ts +2 -83
  11. package/cssm/components/tag/index.module.css +4 -4
  12. package/esm/Component.js +1 -1
  13. package/esm/components/default-view/index.css +3 -3
  14. package/esm/components/default-view/index.js +1 -1
  15. package/esm/components/per-page-view/index.css +2 -2
  16. package/esm/components/per-page-view/index.js +1 -1
  17. package/esm/components/tag/index.css +12 -12
  18. package/esm/components/tag/index.d.ts +2 -83
  19. package/esm/components/tag/index.js +1 -1
  20. package/esm/index.css +4 -4
  21. package/index.css +4 -4
  22. package/modern/Component.js +1 -1
  23. package/modern/components/default-view/index.css +3 -3
  24. package/modern/components/default-view/index.js +1 -1
  25. package/modern/components/per-page-view/index.css +2 -2
  26. package/modern/components/per-page-view/index.js +1 -1
  27. package/modern/components/tag/index.css +12 -12
  28. package/modern/components/tag/index.d.ts +2 -83
  29. package/modern/components/tag/index.js +1 -1
  30. package/modern/index.css +4 -4
  31. 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_18pxw","defaultView":"pagination__defaultView_18pxw"};
21
21
  require('./index.css')
22
22
 
23
23
  var Pagination = function (_a) {
package/components/default-view/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: lcgaf */
1
+ /* hash: 98now */
2
2
  :root {
3
3
  } /* deprecated */ :root {
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 */
4
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_116jn {
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_116jn"};
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: 1g1w1 */
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_5zyfi {
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_5zyfi"};
12
12
  require('./index.css')
13
13
 
14
14
  var PerPageView = function (_a) {
package/components/tag/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: mfhti */
1
+ /* hash: kmguk */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-quaternary: #dcdcdd;
5
- --color-light-bg-secondary-inverted: #202022;
6
- --color-light-bg-tertiary: #e9e9eb;
4
+ --color-light-bg-quaternary: #dcdee2;
5
+ --color-light-bg-secondary-inverted: #1c1c1e;
6
+ --color-light-bg-tertiary: #e7e8ea;
7
7
  --color-light-text-primary: #0e0e0e;
8
8
  --color-light-text-primary-inverted: #fff;
9
- --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 */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
10
10
  } :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 */
11
11
  } :root {
12
12
  } :root {
@@ -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_7ugah.pagination__tag_7ugah {
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_7ugah.pagination__tag_7ugah:disabled:not(.pagination__checked_7ugah) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah {
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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah","checked":"pagination__checked_7ugah"};
16
16
  require('./index.css')
17
17
 
18
18
  var Tag = function (_a) {
package/cssm/components/default-view/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --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 */
3
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
5
5
  } :root {
6
6
  } :root {
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/cssm/components/tag/index.module.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-bg-quaternary: #dcdcdd;
4
- --color-light-bg-secondary-inverted: #202022;
5
- --color-light-bg-tertiary: #e9e9eb;
3
+ --color-light-bg-quaternary: #dcdee2;
4
+ --color-light-bg-secondary-inverted: #1c1c1e;
5
+ --color-light-bg-tertiary: #e7e8ea;
6
6
  --color-light-text-primary: #0e0e0e;
7
7
  --color-light-text-primary-inverted: #fff;
8
- --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 */
8
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
9
9
  } :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 */
10
10
  } :root {
11
11
  } :root {
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_18pxw","defaultView":"pagination__defaultView_18pxw"};
12
12
  require('./index.css')
13
13
 
14
14
  var Pagination = function (_a) {
package/esm/components/default-view/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: lcgaf */
1
+ /* hash: 98now */
2
2
  :root {
3
3
  } /* deprecated */ :root {
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 */
4
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_116jn {
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_116jn"};
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: 1g1w1 */
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_5zyfi {
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_5zyfi"};
4
4
  require('./index.css')
5
5
 
6
6
  var PerPageView = function (_a) {
package/esm/components/tag/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: mfhti */
1
+ /* hash: kmguk */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-quaternary: #dcdcdd;
5
- --color-light-bg-secondary-inverted: #202022;
6
- --color-light-bg-tertiary: #e9e9eb;
4
+ --color-light-bg-quaternary: #dcdee2;
5
+ --color-light-bg-secondary-inverted: #1c1c1e;
6
+ --color-light-bg-tertiary: #e7e8ea;
7
7
  --color-light-text-primary: #0e0e0e;
8
8
  --color-light-text-primary-inverted: #fff;
9
- --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 */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
10
10
  } :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 */
11
11
  } :root {
12
12
  } :root {
@@ -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_7ugah.pagination__tag_7ugah {
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_7ugah.pagination__tag_7ugah:disabled:not(.pagination__checked_7ugah) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah {
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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah","checked":"pagination__checked_7ugah"};
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: bfud1 */
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_18pxw {
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_18pxw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_18pxw > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwuv7 */
1
+ /* hash: bfud1 */
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_18pxw {
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_18pxw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_18pxw > *: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_18pxw","defaultView":"pagination__defaultView_18pxw"};
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,7 +1,7 @@
1
- /* hash: lcgaf */
1
+ /* hash: 98now */
2
2
  :root {
3
3
  } /* deprecated */ :root {
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 */
4
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1qwep {
18
+ } .pagination__dots_116jn {
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_116jn"};
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: 1g1w1 */
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_5zyfi {
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_5zyfi"};
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,12 +1,12 @@
1
- /* hash: mfhti */
1
+ /* hash: kmguk */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-quaternary: #dcdcdd;
5
- --color-light-bg-secondary-inverted: #202022;
6
- --color-light-bg-tertiary: #e9e9eb;
4
+ --color-light-bg-quaternary: #dcdee2;
5
+ --color-light-bg-secondary-inverted: #1c1c1e;
6
+ --color-light-bg-tertiary: #e7e8ea;
7
7
  --color-light-text-primary: #0e0e0e;
8
8
  --color-light-text-primary-inverted: #fff;
9
- --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 */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
10
10
  } :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 */
11
11
  } :root {
12
12
  } :root {
@@ -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_7ugah.pagination__tag_7ugah {
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_7ugah.pagination__tag_7ugah:disabled:not(.pagination__checked_7ugah) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
36
+ } button.pagination__tag_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah {
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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah.pagination__tag_7ugah.pagination__checked_7ugah: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_7ugah","checked":"pagination__checked_7ugah"};
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: bfud1 */
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_18pxw {
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_18pxw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_1mufw > *:last-child {
30
+ } .pagination__defaultView_18pxw > *: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.4",
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": "^7.0.0",
19
19
  "@alfalab/icons-glyph": "^2.108.0",
20
20
  "classnames": "^2.3.1",
21
21
  "tslib": "^2.4.0"