@alfalab/core-components-pagination 2.3.0 → 2.3.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 (35) hide show
  1. package/Component.js +1 -3
  2. package/components/default-view/index.css +3 -3
  3. package/components/default-view/index.js +1 -4
  4. package/components/per-page-view/index.css +3 -3
  5. package/components/per-page-view/index.js +1 -1
  6. package/components/tag/index.css +9 -9
  7. package/components/tag/index.js +1 -1
  8. package/cssm/Component.js +0 -5
  9. package/cssm/components/default-view/index.js +0 -4
  10. package/cssm/components/default-view/index.module.css +1 -1
  11. package/cssm/components/per-page-view/index.module.css +1 -1
  12. package/cssm/components/tag/index.module.css +1 -1
  13. package/cssm/index.js +0 -13
  14. package/cssm/index.module.css +1 -1
  15. package/esm/Component.js +1 -3
  16. package/esm/components/default-view/index.css +3 -3
  17. package/esm/components/default-view/index.js +1 -4
  18. package/esm/components/per-page-view/index.css +3 -3
  19. package/esm/components/per-page-view/index.js +1 -1
  20. package/esm/components/tag/index.css +9 -9
  21. package/esm/components/tag/index.js +1 -1
  22. package/esm/index.css +5 -5
  23. package/esm/index.js +0 -9
  24. package/index.css +5 -5
  25. package/index.js +0 -9
  26. package/modern/Component.js +1 -2
  27. package/modern/components/default-view/index.css +3 -3
  28. package/modern/components/default-view/index.js +1 -3
  29. package/modern/components/per-page-view/index.css +3 -3
  30. package/modern/components/per-page-view/index.js +1 -1
  31. package/modern/components/tag/index.css +9 -9
  32. package/modern/components/tag/index.js +1 -1
  33. package/modern/index.css +5 -5
  34. package/modern/index.js +0 -8
  35. package/package.json +2 -2
package/Component.js CHANGED
@@ -9,15 +9,13 @@ var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
9
9
  var components_defaultView_index = require('./components/default-view/index.js');
10
10
  var components_perPageView_index = require('./components/per-page-view/index.js');
11
11
  var components_tag_index = require('./components/tag/index.js');
12
- require('tslib');
13
- require('@alfalab/core-components-tag/desktop');
14
12
 
15
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
16
14
 
17
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
17
 
20
- var styles = {"component":"pagination__component_o8w0w","defaultView":"pagination__defaultView_o8w0w"};
18
+ var styles = {"component":"pagination__component_j4jls","defaultView":"pagination__defaultView_j4jls"};
21
19
  require('./index.css')
22
20
 
23
21
  var Pagination = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: red6x */
2
- :root {
1
+ /* hash: xnfhl */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1e7d7 {
18
+ } .pagination__dots_1jbpm {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
@@ -4,15 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var components_tag_index = require('../tag/index.js');
7
- require('tslib');
8
- require('classnames');
9
- require('@alfalab/core-components-tag/desktop');
10
7
 
11
8
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
9
 
13
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
11
 
15
- var styles = {"dots":"pagination__dots_1e7d7"};
12
+ var styles = {"dots":"pagination__dots_1jbpm"};
16
13
  require('./index.css')
17
14
 
18
15
  /* eslint-disable react/no-array-index-key */
@@ -1,5 +1,5 @@
1
- /* hash: 1ts76 */
2
- :root {
1
+ /* hash: rn48y */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
5
5
  } :root {
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_w4fqf {
18
+ } .pagination__component_118s5 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
@@ -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_w4fqf"};
11
+ var styles = {"component":"pagination__component_118s5"};
12
12
  require('./index.css')
13
13
 
14
14
  var PerPageView = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: 1l8mj */
2
- :root {
1
+ /* hash: 1918n */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-secondary: #0e0e0e;
5
5
  --color-light-text-primary: #0e0e0e;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe {
24
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t {
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_1bdpe.pagination__tag_1bdpe:disabled:not(.pagination__checked_1bdpe) {
34
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:disabled:not(.pagination__checked_1gi1t) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:hover:not(:disabled) {
36
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:hover:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-hover);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:active:not(:disabled) {
39
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:active:not(:disabled) {
40
40
  background-color: var(--color-light-transparent-default-press);
41
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe {
41
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-accent-secondary);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:hover:not(:disabled) {
45
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:active:not(:disabled) {
47
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -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_1bdpe","checked":"pagination__checked_1bdpe"};
15
+ var styles = {"tag":"pagination__tag_1gi1t","checked":"pagination__checked_1gi1t"};
16
16
  require('./index.css')
17
17
 
18
18
  var Tag = function (_a) {
package/cssm/Component.js CHANGED
@@ -10,11 +10,6 @@ var components_defaultView_index = require('./components/default-view/index.js')
10
10
  var components_perPageView_index = require('./components/per-page-view/index.js');
11
11
  var components_tag_index = require('./components/tag/index.js');
12
12
  var styles = require('./index.module.css');
13
- require('./components/default-view/index.module.css');
14
- require('./components/per-page-view/index.module.css');
15
- require('tslib');
16
- require('@alfalab/core-components-tag/cssm/desktop');
17
- require('./components/tag/index.module.css');
18
13
 
19
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
20
15
 
@@ -5,10 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var components_tag_index = require('../tag/index.js');
7
7
  var styles = require('./index.module.css');
8
- require('tslib');
9
- require('classnames');
10
- require('@alfalab/core-components-tag/cssm/desktop');
11
- require('../tag/index.module.css');
12
8
 
13
9
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
10
 
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
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 */
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* 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 */
3
3
  } :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 */
4
4
  } :root {
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-accent-secondary: #0e0e0e;
4
4
  --color-light-text-primary: #0e0e0e;
package/cssm/index.js CHANGED
@@ -3,19 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('react');
7
- require('classnames');
8
- require('@alfalab/icons-glyph/ChevronBackMIcon');
9
- require('@alfalab/icons-glyph/ChevronForwardMIcon');
10
- require('./components/default-view/index.js');
11
- require('./components/tag/index.js');
12
- require('tslib');
13
- require('@alfalab/core-components-tag/cssm/desktop');
14
- require('./components/tag/index.module.css');
15
- require('./components/default-view/index.module.css');
16
- require('./components/per-page-view/index.js');
17
- require('./components/per-page-view/index.module.css');
18
- require('./index.module.css');
19
6
 
20
7
 
21
8
 
@@ -1,4 +1,4 @@
1
- :root {
1
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
3
  --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 */
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 */
package/esm/Component.js CHANGED
@@ -5,10 +5,8 @@ import { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';
5
5
  import { DefaultView } from './components/default-view/index.js';
6
6
  import { PerPageView } from './components/per-page-view/index.js';
7
7
  import { Tag } from './components/tag/index.js';
8
- import 'tslib';
9
- import '@alfalab/core-components-tag/esm/desktop';
10
8
 
11
- var styles = {"component":"pagination__component_o8w0w","defaultView":"pagination__defaultView_o8w0w"};
9
+ var styles = {"component":"pagination__component_j4jls","defaultView":"pagination__defaultView_j4jls"};
12
10
  require('./index.css')
13
11
 
14
12
  var Pagination = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: red6x */
2
- :root {
1
+ /* hash: xnfhl */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1e7d7 {
18
+ } .pagination__dots_1jbpm {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
@@ -1,10 +1,7 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { Tag } from '../tag/index.js';
3
- import 'tslib';
4
- import 'classnames';
5
- import '@alfalab/core-components-tag/esm/desktop';
6
3
 
7
- var styles = {"dots":"pagination__dots_1e7d7"};
4
+ var styles = {"dots":"pagination__dots_1jbpm"};
8
5
  require('./index.css')
9
6
 
10
7
  /* eslint-disable react/no-array-index-key */
@@ -1,5 +1,5 @@
1
- /* hash: 1ts76 */
2
- :root {
1
+ /* hash: rn48y */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
5
5
  } :root {
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_w4fqf {
18
+ } .pagination__component_118s5 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"component":"pagination__component_w4fqf"};
3
+ var styles = {"component":"pagination__component_118s5"};
4
4
  require('./index.css')
5
5
 
6
6
  var PerPageView = function (_a) {
@@ -1,5 +1,5 @@
1
- /* hash: 1l8mj */
2
- :root {
1
+ /* hash: 1918n */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-secondary: #0e0e0e;
5
5
  --color-light-text-primary: #0e0e0e;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe {
24
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t {
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_1bdpe.pagination__tag_1bdpe:disabled:not(.pagination__checked_1bdpe) {
34
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:disabled:not(.pagination__checked_1gi1t) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:hover:not(:disabled) {
36
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:hover:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-hover);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:active:not(:disabled) {
39
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:active:not(:disabled) {
40
40
  background-color: var(--color-light-transparent-default-press);
41
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe {
41
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-accent-secondary);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:hover:not(:disabled) {
45
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:active:not(:disabled) {
47
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -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_1bdpe","checked":"pagination__checked_1bdpe"};
6
+ var styles = {"tag":"pagination__tag_1gi1t","checked":"pagination__checked_1gi1t"};
7
7
  require('./index.css')
8
8
 
9
9
  var Tag = function (_a) {
package/esm/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 1y9ki */
2
- :root {
1
+ /* hash: 1m26m */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
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 */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_o8w0w {
19
+ } .pagination__component_j4jls {
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_o8w0w > * {
28
+ } .pagination__defaultView_j4jls > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_o8w0w > *:last-child {
30
+ } .pagination__defaultView_j4jls > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/esm/index.js CHANGED
@@ -1,10 +1 @@
1
1
  export { Pagination } from './Component.js';
2
- import 'react';
3
- import 'classnames';
4
- import '@alfalab/icons-glyph/ChevronBackMIcon';
5
- import '@alfalab/icons-glyph/ChevronForwardMIcon';
6
- import './components/default-view/index.js';
7
- import './components/tag/index.js';
8
- import 'tslib';
9
- import '@alfalab/core-components-tag/esm/desktop';
10
- import './components/per-page-view/index.js';
package/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* hash: 1y9ki */
2
- :root {
1
+ /* hash: 1m26m */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
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 */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_o8w0w {
19
+ } .pagination__component_j4jls {
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_o8w0w > * {
28
+ } .pagination__defaultView_j4jls > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_o8w0w > *:last-child {
30
+ } .pagination__defaultView_j4jls > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/index.js CHANGED
@@ -3,15 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('react');
7
- require('classnames');
8
- require('@alfalab/icons-glyph/ChevronBackMIcon');
9
- require('@alfalab/icons-glyph/ChevronForwardMIcon');
10
- require('./components/default-view/index.js');
11
- require('./components/tag/index.js');
12
- require('tslib');
13
- require('@alfalab/core-components-tag/desktop');
14
- require('./components/per-page-view/index.js');
15
6
 
16
7
 
17
8
 
@@ -5,9 +5,8 @@ import { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';
5
5
  import { DefaultView } from './components/default-view/index.js';
6
6
  import { PerPageView } from './components/per-page-view/index.js';
7
7
  import { Tag } from './components/tag/index.js';
8
- import '@alfalab/core-components-tag/modern/desktop';
9
8
 
10
- const styles = {"component":"pagination__component_o8w0w","defaultView":"pagination__defaultView_o8w0w"};
9
+ const styles = {"component":"pagination__component_j4jls","defaultView":"pagination__defaultView_j4jls"};
11
10
  require('./index.css')
12
11
 
13
12
  const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {
@@ -1,5 +1,5 @@
1
- /* hash: red6x */
2
- :root {
1
+ /* hash: xnfhl */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__dots_1e7d7 {
18
+ } .pagination__dots_1jbpm {
19
19
  width: 32px;
20
20
  height: 32px;
21
21
  text-align: center;
@@ -1,9 +1,7 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { Tag } from '../tag/index.js';
3
- import 'classnames';
4
- import '@alfalab/core-components-tag/modern/desktop';
5
3
 
6
- const styles = {"dots":"pagination__dots_1e7d7"};
4
+ const styles = {"dots":"pagination__dots_1jbpm"};
7
5
  require('./index.css')
8
6
 
9
7
  /* eslint-disable react/no-array-index-key */
@@ -1,5 +1,5 @@
1
- /* hash: 1ts76 */
2
- :root {
1
+ /* hash: rn48y */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
5
5
  } :root {
@@ -15,7 +15,7 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pagination__component_w4fqf {
18
+ } .pagination__component_118s5 {
19
19
  display: block;
20
20
  margin: 0 var(--gap-m);
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- const styles = {"component":"pagination__component_w4fqf"};
3
+ const styles = {"component":"pagination__component_118s5"};
4
4
  require('./index.css')
5
5
 
6
6
  const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },
@@ -1,5 +1,5 @@
1
- /* hash: 1l8mj */
2
- :root {
1
+ /* hash: 1918n */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-secondary: #0e0e0e;
5
5
  --color-light-text-primary: #0e0e0e;
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  } :root {
24
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe {
24
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t {
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_1bdpe.pagination__tag_1bdpe:disabled:not(.pagination__checked_1bdpe) {
34
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:disabled:not(.pagination__checked_1gi1t) {
35
35
  opacity: 0.3;
36
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:hover:not(:disabled) {
36
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:hover:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-hover);
38
38
  color: var(--color-light-text-primary);
39
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe:active:not(:disabled) {
39
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t:active:not(:disabled) {
40
40
  background-color: var(--color-light-transparent-default-press);
41
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe {
41
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t {
42
42
  cursor: default;
43
43
  background-color: var(--color-light-accent-secondary);
44
44
  color: var(--color-light-text-primary-inverted);
45
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:hover:not(:disabled) {
45
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:hover:not(:disabled) {
46
46
  color: var(--color-light-text-primary-inverted);
47
- } button.pagination__tag_1bdpe.pagination__tag_1bdpe.pagination__checked_1bdpe:active:not(:disabled) {
47
+ } button.pagination__tag_1gi1t.pagination__tag_1gi1t.pagination__checked_1gi1t:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -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_1bdpe","checked":"pagination__checked_1bdpe"};
5
+ const styles = {"tag":"pagination__tag_1gi1t","checked":"pagination__checked_1gi1t"};
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,5 +1,5 @@
1
- /* hash: 1y9ki */
2
- :root {
1
+ /* hash: 1m26m */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
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 */
@@ -16,7 +16,7 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .pagination__component_o8w0w {
19
+ } .pagination__component_j4jls {
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_o8w0w > * {
28
+ } .pagination__defaultView_j4jls > * {
29
29
  margin-right: var(--gap-xs)
30
- } .pagination__defaultView_o8w0w > *:last-child {
30
+ } .pagination__defaultView_j4jls > *:last-child {
31
31
  margin-right: 0;
32
32
  }
package/modern/index.js CHANGED
@@ -1,9 +1 @@
1
1
  export { Pagination } from './Component.js';
2
- import 'react';
3
- import 'classnames';
4
- import '@alfalab/icons-glyph/ChevronBackMIcon';
5
- import '@alfalab/icons-glyph/ChevronForwardMIcon';
6
- import './components/default-view/index.js';
7
- import './components/tag/index.js';
8
- import '@alfalab/core-components-tag/modern/desktop';
9
- import './components/per-page-view/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pagination",
3
- "version": "2.3.0",
3
+ "version": "2.3.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": "^8.0.1",
18
+ "@alfalab/core-components-tag": "^8.2.0",
19
19
  "@alfalab/icons-glyph": "^2.139.0",
20
20
  "classnames": "^2.3.1",
21
21
  "tslib": "^2.4.0"