@alfalab/core-components-pagination 4.0.1 → 4.0.2-alfasans

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.
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
3
3
  }
4
- .pagination__dots_hatb9 {
4
+ .pagination__dots_1kev2 {
5
5
  width: 32px;
6
6
  height: 32px;
7
7
  text-align: center;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"dots":"pagination__dots_hatb9"};
5
+ var styles = {"dots":"pagination__dots_1kev2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .pagination__component_6sd49 {
6
+ .pagination__component_n6iho {
7
7
  display: block;
8
8
  margin: var(--gap-0) var(--gap-16);
9
9
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pagination__component_6sd49"};
5
+ var styles = {"component":"pagination__component_n6iho"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -14,7 +14,7 @@
14
14
  --gap-0: 0px;
15
15
  --gap-6: 6px;
16
16
  }
17
- button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
17
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr {
18
18
  color: var(--color-light-text-secondary);
19
19
  border-radius: var(--border-radius-8);
20
20
  border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
23
23
  min-width: 32px;
24
24
  height: 32px;
25
25
  }
26
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:not(.pagination__arrow_1k5v4) {
26
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:not(.pagination__arrow_1c1mr) {
27
27
  padding: var(--gap-0) var(--gap-6);
28
28
  }
29
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:disabled:not(.pagination__checked_1k5v4) {
29
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:disabled:not(.pagination__checked_1c1mr) {
30
30
  opacity: 0.3;
31
31
  }
32
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:hover:not(:disabled) {
32
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:hover:not(:disabled) {
33
33
  background-color: var(--color-light-transparent-default-hover);
34
34
  color: var(--color-light-text-primary);
35
35
  }
36
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:active:not(:disabled) {
36
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:active:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-press);
38
38
  }
39
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4 {
39
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr {
40
40
  cursor: default;
41
41
  background-color: var(--color-light-accent-secondary);
42
42
  color: var(--color-light-text-primary-inverted);
43
43
  }
44
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:hover:not(:disabled) {
44
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:hover:not(:disabled) {
45
45
  color: var(--color-light-text-primary-inverted);
46
46
  }
47
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:active:not(:disabled) {
47
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"tag":"pagination__tag_1k5v4","arrow":"pagination__arrow_1k5v4","checked":"pagination__checked_1k5v4"};
5
+ var styles = {"tag":"pagination__tag_1c1mr","arrow":"pagination__arrow_1c1mr","checked":"pagination__checked_1c1mr"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,8 +7,9 @@
7
7
  --gap-8: var(--gap-xs);
8
8
  }
9
9
  :root {
10
- --font-family-system:
11
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
10
+ --font-family-alfasans:
11
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
12
+ Helvetica, sans-serif;
12
13
  }
13
14
  button.arrow.arrow {
14
15
  width: 32px;
@@ -17,7 +18,8 @@ button.arrow.arrow {
17
18
  font-size: 14px;
18
19
  line-height: 20px;
19
20
  font-weight: 400;
20
- font-family: var(--font-family-system);
21
+ letter-spacing: -0.08px;
22
+ font-family: var(--font-family-alfasans);
21
23
 
22
24
  display: flex;
23
25
  align-items: center;
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
3
3
  }
4
- .pagination__dots_hatb9 {
4
+ .pagination__dots_1kev2 {
5
5
  width: 32px;
6
6
  height: 32px;
7
7
  text-align: center;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"dots":"pagination__dots_hatb9"};
3
+ var styles = {"dots":"pagination__dots_1kev2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .pagination__component_6sd49 {
6
+ .pagination__component_n6iho {
7
7
  display: block;
8
8
  margin: var(--gap-0) var(--gap-16);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"pagination__component_6sd49"};
3
+ var styles = {"component":"pagination__component_n6iho"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -14,7 +14,7 @@
14
14
  --gap-0: 0px;
15
15
  --gap-6: 6px;
16
16
  }
17
- button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
17
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr {
18
18
  color: var(--color-light-text-secondary);
19
19
  border-radius: var(--border-radius-8);
20
20
  border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
23
23
  min-width: 32px;
24
24
  height: 32px;
25
25
  }
26
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:not(.pagination__arrow_1k5v4) {
26
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:not(.pagination__arrow_1c1mr) {
27
27
  padding: var(--gap-0) var(--gap-6);
28
28
  }
29
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:disabled:not(.pagination__checked_1k5v4) {
29
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:disabled:not(.pagination__checked_1c1mr) {
30
30
  opacity: 0.3;
31
31
  }
32
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:hover:not(:disabled) {
32
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:hover:not(:disabled) {
33
33
  background-color: var(--color-light-transparent-default-hover);
34
34
  color: var(--color-light-text-primary);
35
35
  }
36
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:active:not(:disabled) {
36
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:active:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-press);
38
38
  }
39
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4 {
39
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr {
40
40
  cursor: default;
41
41
  background-color: var(--color-light-accent-secondary);
42
42
  color: var(--color-light-text-primary-inverted);
43
43
  }
44
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:hover:not(:disabled) {
44
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:hover:not(:disabled) {
45
45
  color: var(--color-light-text-primary-inverted);
46
46
  }
47
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:active:not(:disabled) {
47
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"tag":"pagination__tag_1k5v4","arrow":"pagination__arrow_1k5v4","checked":"pagination__checked_1k5v4"};
3
+ var styles = {"tag":"pagination__tag_1c1mr","arrow":"pagination__arrow_1c1mr","checked":"pagination__checked_1c1mr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -7,17 +7,19 @@
7
7
  --gap-8: var(--gap-xs);
8
8
  }
9
9
  :root {
10
- --font-family-system:
11
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
10
+ --font-family-alfasans:
11
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
12
+ Helvetica, sans-serif;
12
13
  }
13
- button.pagination__arrow_12clf.pagination__arrow_12clf {
14
+ button.pagination__arrow_mzvpo.pagination__arrow_mzvpo {
14
15
  width: 32px;
15
16
  }
16
- .pagination__component_12clf {
17
+ .pagination__component_mzvpo {
17
18
  font-size: 14px;
18
19
  line-height: 20px;
19
20
  font-weight: 400;
20
- font-family: var(--font-family-system);
21
+ letter-spacing: -0.08px;
22
+ font-family: var(--font-family-alfasans);
21
23
 
22
24
  display: flex;
23
25
  align-items: center;
@@ -25,9 +27,9 @@ button.pagination__arrow_12clf.pagination__arrow_12clf {
25
27
  font-feature-settings: "tnum";
26
28
  font-variant-numeric: tabular-nums;
27
29
  }
28
- .pagination__defaultView_12clf > * {
30
+ .pagination__defaultView_mzvpo > * {
29
31
  margin-right: var(--gap-8);
30
32
  }
31
- .pagination__defaultView_12clf > *:last-child {
33
+ .pagination__defaultView_mzvpo > *:last-child {
32
34
  margin-right: var(--gap-0);
33
35
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"arrow":"pagination__arrow_12clf","component":"pagination__component_12clf","defaultView":"pagination__defaultView_12clf"};
3
+ var styles = {"arrow":"pagination__arrow_mzvpo","component":"pagination__component_mzvpo","defaultView":"pagination__defaultView_mzvpo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -7,17 +7,19 @@
7
7
  --gap-8: var(--gap-xs);
8
8
  }
9
9
  :root {
10
- --font-family-system:
11
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
10
+ --font-family-alfasans:
11
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
12
+ Helvetica, sans-serif;
12
13
  }
13
- button.pagination__arrow_12clf.pagination__arrow_12clf {
14
+ button.pagination__arrow_mzvpo.pagination__arrow_mzvpo {
14
15
  width: 32px;
15
16
  }
16
- .pagination__component_12clf {
17
+ .pagination__component_mzvpo {
17
18
  font-size: 14px;
18
19
  line-height: 20px;
19
20
  font-weight: 400;
20
- font-family: var(--font-family-system);
21
+ letter-spacing: -0.08px;
22
+ font-family: var(--font-family-alfasans);
21
23
 
22
24
  display: flex;
23
25
  align-items: center;
@@ -25,9 +27,9 @@ button.pagination__arrow_12clf.pagination__arrow_12clf {
25
27
  font-feature-settings: "tnum";
26
28
  font-variant-numeric: tabular-nums;
27
29
  }
28
- .pagination__defaultView_12clf > * {
30
+ .pagination__defaultView_mzvpo > * {
29
31
  margin-right: var(--gap-8);
30
32
  }
31
- .pagination__defaultView_12clf > *:last-child {
33
+ .pagination__defaultView_mzvpo > *:last-child {
32
34
  margin-right: var(--gap-0);
33
35
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"arrow":"pagination__arrow_12clf","component":"pagination__component_12clf","defaultView":"pagination__defaultView_12clf"};
5
+ var styles = {"arrow":"pagination__arrow_mzvpo","component":"pagination__component_mzvpo","defaultView":"pagination__defaultView_mzvpo"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
3
3
  }
4
- .pagination__dots_hatb9 {
4
+ .pagination__dots_1kev2 {
5
5
  width: 32px;
6
6
  height: 32px;
7
7
  text-align: center;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"dots":"pagination__dots_hatb9"};
3
+ const styles = {"dots":"pagination__dots_1kev2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .pagination__component_6sd49 {
6
+ .pagination__component_n6iho {
7
7
  display: block;
8
8
  margin: var(--gap-0) var(--gap-16);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"pagination__component_6sd49"};
3
+ const styles = {"component":"pagination__component_n6iho"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -14,7 +14,7 @@
14
14
  --gap-0: 0px;
15
15
  --gap-6: 6px;
16
16
  }
17
- button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
17
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr {
18
18
  color: var(--color-light-text-secondary);
19
19
  border-radius: var(--border-radius-8);
20
20
  border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_1k5v4.pagination__tag_1k5v4 {
23
23
  min-width: 32px;
24
24
  height: 32px;
25
25
  }
26
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:not(.pagination__arrow_1k5v4) {
26
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:not(.pagination__arrow_1c1mr) {
27
27
  padding: var(--gap-0) var(--gap-6);
28
28
  }
29
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:disabled:not(.pagination__checked_1k5v4) {
29
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:disabled:not(.pagination__checked_1c1mr) {
30
30
  opacity: 0.3;
31
31
  }
32
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:hover:not(:disabled) {
32
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:hover:not(:disabled) {
33
33
  background-color: var(--color-light-transparent-default-hover);
34
34
  color: var(--color-light-text-primary);
35
35
  }
36
- button.pagination__tag_1k5v4.pagination__tag_1k5v4:active:not(:disabled) {
36
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr:active:not(:disabled) {
37
37
  background-color: var(--color-light-transparent-default-press);
38
38
  }
39
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4 {
39
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr {
40
40
  cursor: default;
41
41
  background-color: var(--color-light-accent-secondary);
42
42
  color: var(--color-light-text-primary-inverted);
43
43
  }
44
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:hover:not(:disabled) {
44
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:hover:not(:disabled) {
45
45
  color: var(--color-light-text-primary-inverted);
46
46
  }
47
- button.pagination__tag_1k5v4.pagination__tag_1k5v4.pagination__checked_1k5v4:active:not(:disabled) {
47
+ button.pagination__tag_1c1mr.pagination__tag_1c1mr.pagination__checked_1c1mr:active:not(:disabled) {
48
48
  color: var(--color-light-text-primary);
49
49
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"tag":"pagination__tag_1k5v4","arrow":"pagination__arrow_1k5v4","checked":"pagination__checked_1k5v4"};
3
+ const styles = {"tag":"pagination__tag_1c1mr","arrow":"pagination__arrow_1c1mr","checked":"pagination__checked_1c1mr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -7,17 +7,19 @@
7
7
  --gap-8: var(--gap-xs);
8
8
  }
9
9
  :root {
10
- --font-family-system:
11
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
10
+ --font-family-alfasans:
11
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
12
+ Helvetica, sans-serif;
12
13
  }
13
- button.pagination__arrow_12clf.pagination__arrow_12clf {
14
+ button.pagination__arrow_mzvpo.pagination__arrow_mzvpo {
14
15
  width: 32px;
15
16
  }
16
- .pagination__component_12clf {
17
+ .pagination__component_mzvpo {
17
18
  font-size: 14px;
18
19
  line-height: 20px;
19
20
  font-weight: 400;
20
- font-family: var(--font-family-system);
21
+ letter-spacing: -0.08px;
22
+ font-family: var(--font-family-alfasans);
21
23
 
22
24
  display: flex;
23
25
  align-items: center;
@@ -25,9 +27,9 @@ button.pagination__arrow_12clf.pagination__arrow_12clf {
25
27
  font-feature-settings: "tnum";
26
28
  font-variant-numeric: tabular-nums;
27
29
  }
28
- .pagination__defaultView_12clf > * {
30
+ .pagination__defaultView_mzvpo > * {
29
31
  margin-right: var(--gap-8);
30
32
  }
31
- .pagination__defaultView_12clf > *:last-child {
33
+ .pagination__defaultView_mzvpo > *:last-child {
32
34
  margin-right: var(--gap-0);
33
35
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"arrow":"pagination__arrow_12clf","component":"pagination__component_12clf","defaultView":"pagination__defaultView_12clf"};
3
+ const styles = {"arrow":"pagination__arrow_mzvpo","component":"pagination__component_mzvpo","defaultView":"pagination__defaultView_mzvpo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,7 +8,8 @@ button.arrow.arrow {
8
8
  font-size: 14px;
9
9
  line-height: 20px;
10
10
  font-weight: 400;
11
- font-family: var(--font-family-system);
11
+ letter-spacing: -0.08px;
12
+ font-family: var(--font-family-alfasans);
12
13
 
13
14
  display: flex;
14
15
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pagination",
3
- "version": "4.0.1",
3
+ "version": "4.0.2-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-tag": "^10.0.1",
13
+ "@alfalab/core-components-tag": "10.0.2-alfasans",
14
14
  "@alfalab/icons-glyph": "^2.260.0",
15
15
  "classnames": "^2.5.1",
16
16
  "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
23
23
  "access": "public",
24
24
  "directory": "dist"
25
25
  },
26
- "themesVersion": "15.0.1",
27
- "varsVersion": "11.0.1"
26
+ "themesVersion": "15.0.1-alfasans",
27
+ "varsVersion": "11.0.1-alfasans"
28
28
  }