@alfalab/core-components-pagination 2.1.0 → 2.1.2

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 +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 +1 -1
  8. package/components/tag/index.js +1 -1
  9. package/cssm/components/tag/index.d.ts +1 -1
  10. package/cssm/components/tag/index.module.css +7 -7
  11. package/esm/Component.js +1 -1
  12. package/esm/components/default-view/index.css +2 -2
  13. package/esm/components/default-view/index.js +1 -1
  14. package/esm/components/per-page-view/index.css +2 -2
  15. package/esm/components/per-page-view/index.js +1 -1
  16. package/esm/components/tag/index.css +8 -8
  17. package/esm/components/tag/index.d.ts +1 -1
  18. package/esm/components/tag/index.js +1 -1
  19. package/esm/index.css +4 -4
  20. package/index.css +4 -4
  21. package/modern/Component.js +1 -1
  22. package/modern/components/default-view/index.css +2 -2
  23. package/modern/components/default-view/index.js +1 -1
  24. package/modern/components/per-page-view/index.css +2 -2
  25. package/modern/components/per-page-view/index.js +1 -1
  26. package/modern/components/tag/index.css +8 -8
  27. package/modern/components/tag/index.d.ts +1 -1
  28. package/modern/components/tag/index.js +1 -1
  29. package/modern/index.css +4 -4
  30. package/package.json +2 -2
  31. package/src/components/tag/index.module.css +1 -1
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_2lk2l","defaultView":"pagination__defaultView_2lk2l"};
20
+ var styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
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: vt6rd */
1
+ /* hash: lcgaf */
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_bvjrq {
18
+ } .pagination__dots_1qwep {
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_bvjrq"};
15
+ var styles = {"dots":"pagination__dots_1qwep"};
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: js9yd */
1
+ /* hash: 13y3g */
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_bdgze {
18
+ } .pagination__component_de4bu {
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_bdgze"};
11
+ var styles = {"component":"pagination__component_de4bu"};
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: stdqr */
1
+ /* hash: mfhti */
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
- } .pagination__tag_1s9at.pagination__tag_1s9at {
24
+ } button.pagination__tag_km5r8.pagination__tag_km5r8 {
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
- } .pagination__tag_1s9at.pagination__tag_1s9at:disabled:not(.pagination__checked_1s9at) {
34
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
35
35
  opacity: 0.3;
36
- } .pagination__tag_1s9at.pagination__tag_1s9at:hover:not(:disabled) {
36
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } .pagination__tag_1s9at.pagination__tag_1s9at:active:not(:disabled) {
39
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at {
41
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:hover:not(:disabled) {
45
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:active:not(:disabled) {
47
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/components/tag/index.d.ts CHANGED
@@ -79,7 +79,7 @@ type BaseTagProps = Omit<NativeProps, "onClick"> & {
79
79
  */
80
80
  colorStylesMap?: StyleColors;
81
81
  };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles">;
82
+ type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
83
  type TagProps = TagDesktopProps;
84
84
  declare const Tag: FC<TagProps>;
85
85
  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_1s9at","checked":"pagination__checked_1s9at"};
15
+ var styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
16
16
  require('./index.css')
17
17
 
18
18
  var Tag = function (_a) {
package/cssm/components/tag/index.d.ts CHANGED
@@ -79,7 +79,7 @@ type BaseTagProps = Omit<NativeProps, "onClick"> & {
79
79
  */
80
80
  colorStylesMap?: StyleColors;
81
81
  };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles">;
82
+ type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
83
  type TagProps = TagDesktopProps;
84
84
  declare const Tag: FC<TagProps>;
85
85
  export { Tag };
package/cssm/components/tag/index.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  } :root {
21
21
  } :root {
22
22
  } :root {
23
- } .tag.tag {
23
+ } button.tag.tag {
24
24
  color: var(--color-light-text-secondary);
25
25
  border-radius: var(--border-radius-m);
26
26
  border: none;
@@ -30,19 +30,19 @@
30
30
  width: 32px;
31
31
  height: 32px;
32
32
  padding: 0
33
- } .tag.tag:disabled:not(.checked) {
33
+ } button.tag.tag:disabled:not(.checked) {
34
34
  opacity: 0.3;
35
- } .tag.tag:hover:not(:disabled) {
35
+ } button.tag.tag:hover:not(:disabled) {
36
36
  background-color: var(--color-light-bg-tertiary);
37
37
  color: var(--color-light-text-primary);
38
- } .tag.tag:active:not(:disabled) {
38
+ } button.tag.tag:active:not(:disabled) {
39
39
  background-color: var(--color-light-bg-quaternary);
40
- } .tag.tag.checked {
40
+ } button.tag.tag.checked {
41
41
  cursor: default;
42
42
  background-color: var(--color-light-bg-secondary-inverted);
43
43
  color: var(--color-light-text-primary-inverted);
44
- } .tag.tag.checked:hover:not(:disabled) {
44
+ } button.tag.tag.checked:hover:not(:disabled) {
45
45
  color: var(--color-light-text-primary-inverted);
46
- } .tag.tag.checked:active:not(:disabled) {
46
+ } button.tag.tag.checked:active:not(:disabled) {
47
47
  color: var(--color-light-text-primary);
48
48
  }
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_2lk2l","defaultView":"pagination__defaultView_2lk2l"};
11
+ var styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
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: vt6rd */
1
+ /* hash: lcgaf */
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_bvjrq {
18
+ } .pagination__dots_1qwep {
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_bvjrq"};
7
+ var styles = {"dots":"pagination__dots_1qwep"};
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: js9yd */
1
+ /* hash: 13y3g */
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_bdgze {
18
+ } .pagination__component_de4bu {
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_bdgze"};
3
+ var styles = {"component":"pagination__component_de4bu"};
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: stdqr */
1
+ /* hash: mfhti */
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
- } .pagination__tag_1s9at.pagination__tag_1s9at {
24
+ } button.pagination__tag_km5r8.pagination__tag_km5r8 {
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
- } .pagination__tag_1s9at.pagination__tag_1s9at:disabled:not(.pagination__checked_1s9at) {
34
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
35
35
  opacity: 0.3;
36
- } .pagination__tag_1s9at.pagination__tag_1s9at:hover:not(:disabled) {
36
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } .pagination__tag_1s9at.pagination__tag_1s9at:active:not(:disabled) {
39
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at {
41
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:hover:not(:disabled) {
45
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:active:not(:disabled) {
47
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/esm/components/tag/index.d.ts CHANGED
@@ -79,7 +79,7 @@ type BaseTagProps = Omit<NativeProps, "onClick"> & {
79
79
  */
80
80
  colorStylesMap?: StyleColors;
81
81
  };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles">;
82
+ type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
83
  type TagProps = TagDesktopProps;
84
84
  declare const Tag: FC<TagProps>;
85
85
  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_1s9at","checked":"pagination__checked_1s9at"};
6
+ var styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
7
7
  require('./index.css')
8
8
 
9
9
  var Tag = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: rsb7b */
1
+ /* hash: bwuv7 */
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_2lk2l {
19
+ } .pagination__component_1mufw {
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_2lk2l > * {
28
+ } .pagination__defaultView_1mufw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_2lk2l > *:last-child {
30
+ } .pagination__defaultView_1mufw > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: rsb7b */
1
+ /* hash: bwuv7 */
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_2lk2l {
19
+ } .pagination__component_1mufw {
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_2lk2l > * {
28
+ } .pagination__defaultView_1mufw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_2lk2l > *:last-child {
30
+ } .pagination__defaultView_1mufw > *: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_2lk2l","defaultView":"pagination__defaultView_2lk2l"};
10
+ const styles = {"component":"pagination__component_1mufw","defaultView":"pagination__defaultView_1mufw"};
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: vt6rd */
1
+ /* hash: lcgaf */
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_bvjrq {
18
+ } .pagination__dots_1qwep {
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_bvjrq"};
6
+ const styles = {"dots":"pagination__dots_1qwep"};
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: js9yd */
1
+ /* hash: 13y3g */
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_bdgze {
18
+ } .pagination__component_de4bu {
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_bdgze"};
3
+ const styles = {"component":"pagination__component_de4bu"};
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: stdqr */
1
+ /* hash: mfhti */
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
- } .pagination__tag_1s9at.pagination__tag_1s9at {
24
+ } button.pagination__tag_km5r8.pagination__tag_km5r8 {
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
- } .pagination__tag_1s9at.pagination__tag_1s9at:disabled:not(.pagination__checked_1s9at) {
34
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:disabled:not(.pagination__checked_km5r8) {
35
35
  opacity: 0.3;
36
- } .pagination__tag_1s9at.pagination__tag_1s9at:hover:not(:disabled) {
36
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:hover:not(:disabled) {
37
37
  background-color: var(--color-light-bg-tertiary);
38
38
  color: var(--color-light-text-primary);
39
- } .pagination__tag_1s9at.pagination__tag_1s9at:active:not(:disabled) {
39
+ } button.pagination__tag_km5r8.pagination__tag_km5r8:active:not(:disabled) {
40
40
  background-color: var(--color-light-bg-quaternary);
41
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at {
41
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8 {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-bg-secondary-inverted);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:hover:not(:disabled) {
45
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } .pagination__tag_1s9at.pagination__tag_1s9at.pagination__checked_1s9at:active:not(:disabled) {
47
+ } button.pagination__tag_km5r8.pagination__tag_km5r8.pagination__checked_km5r8:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
package/modern/components/tag/index.d.ts CHANGED
@@ -79,7 +79,7 @@ type BaseTagProps = Omit<NativeProps, "onClick"> & {
79
79
  */
80
80
  colorStylesMap?: StyleColors;
81
81
  };
82
- type TagDesktopProps = Omit<BaseTagProps, "styles">;
82
+ type TagDesktopProps = Omit<BaseTagProps, "styles" | "colorStylesMap">;
83
83
  type TagProps = TagDesktopProps;
84
84
  declare const Tag: FC<TagProps>;
85
85
  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_1s9at","checked":"pagination__checked_1s9at"};
5
+ const styles = {"tag":"pagination__tag_km5r8","checked":"pagination__checked_km5r8"};
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: rsb7b */
1
+ /* hash: bwuv7 */
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_2lk2l {
19
+ } .pagination__component_1mufw {
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_2lk2l > * {
28
+ } .pagination__defaultView_1mufw > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_2lk2l > *:last-child {
30
+ } .pagination__defaultView_1mufw > *: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.0",
3
+ "version": "2.1.2",
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.0",
18
+ "@alfalab/core-components-tag": "^6.0.1",
19
19
  "@alfalab/icons-glyph": "^2.108.0",
20
20
  "classnames": "^2.3.1",
21
21
  "tslib": "^2.4.0"
package/src/components/tag/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '@alfalab/core-components-themes/src/default.css';
2
2
 
3
- .tag.tag {
3
+ button.tag.tag {
4
4
  color: var(--color-light-text-secondary);
5
5
  border-radius: var(--border-radius-m);
6
6
  border: none;