@alfalab/core-components-table 2.6.0 → 2.6.1

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 (79) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +14 -13
  3. package/components/pagination/select-field/index.css +4 -4
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +13 -11
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +2 -2
  9. package/components/tcell/Component.js +1 -1
  10. package/components/tcell/index.css +6 -6
  11. package/components/texpandable-row/Component.js +1 -1
  12. package/components/texpandable-row/index.css +9 -8
  13. package/components/thead/Component.js +1 -1
  14. package/components/thead/index.css +8 -7
  15. package/components/thead-cell/Component.js +1 -1
  16. package/components/thead-cell/index.css +11 -10
  17. package/components/trow/Component.js +1 -1
  18. package/components/trow/index.css +8 -8
  19. package/components/tsortable-head-cell/Component.js +1 -1
  20. package/components/tsortable-head-cell/index.css +10 -9
  21. package/cssm/components/pagination/index.module.css +5 -4
  22. package/cssm/components/table/index.module.css +6 -4
  23. package/cssm/components/texpandable-row/index.module.css +4 -3
  24. package/cssm/components/thead/index.module.css +2 -1
  25. package/cssm/components/thead-cell/index.module.css +2 -1
  26. package/cssm/components/tsortable-head-cell/index.module.css +2 -1
  27. package/esm/components/pagination/Component.js +1 -1
  28. package/esm/components/pagination/index.css +14 -13
  29. package/esm/components/pagination/select-field/index.css +4 -4
  30. package/esm/components/pagination/select-field/index.js +1 -1
  31. package/esm/components/table/Component.js +1 -1
  32. package/esm/components/table/index.css +13 -11
  33. package/esm/components/tbody/Component.js +1 -1
  34. package/esm/components/tbody/index.css +2 -2
  35. package/esm/components/tcell/Component.js +1 -1
  36. package/esm/components/tcell/index.css +6 -6
  37. package/esm/components/texpandable-row/Component.js +1 -1
  38. package/esm/components/texpandable-row/index.css +9 -8
  39. package/esm/components/thead/Component.js +1 -1
  40. package/esm/components/thead/index.css +8 -7
  41. package/esm/components/thead-cell/Component.js +1 -1
  42. package/esm/components/thead-cell/index.css +11 -10
  43. package/esm/components/trow/Component.js +1 -1
  44. package/esm/components/trow/index.css +8 -8
  45. package/esm/components/tsortable-head-cell/Component.js +1 -1
  46. package/esm/components/tsortable-head-cell/index.css +10 -9
  47. package/modern/components/pagination/Component.js +1 -1
  48. package/modern/components/pagination/index.css +14 -13
  49. package/modern/components/pagination/select-field/index.css +4 -4
  50. package/modern/components/pagination/select-field/index.js +1 -1
  51. package/modern/components/table/Component.js +1 -1
  52. package/modern/components/table/index.css +13 -11
  53. package/modern/components/tbody/Component.js +1 -1
  54. package/modern/components/tbody/index.css +2 -2
  55. package/modern/components/tcell/Component.js +1 -1
  56. package/modern/components/tcell/index.css +6 -6
  57. package/modern/components/texpandable-row/Component.js +1 -1
  58. package/modern/components/texpandable-row/index.css +9 -8
  59. package/modern/components/thead/Component.js +1 -1
  60. package/modern/components/thead/index.css +8 -7
  61. package/modern/components/thead-cell/Component.js +1 -1
  62. package/modern/components/thead-cell/index.css +11 -10
  63. package/modern/components/trow/Component.js +1 -1
  64. package/modern/components/trow/index.css +8 -8
  65. package/modern/components/tsortable-head-cell/Component.js +1 -1
  66. package/modern/components/tsortable-head-cell/index.css +10 -9
  67. package/moderncssm/components/pagination/index.module.css +4 -4
  68. package/moderncssm/components/table/index.module.css +4 -4
  69. package/moderncssm/components/texpandable-row/index.module.css +3 -3
  70. package/moderncssm/components/thead/index.module.css +1 -1
  71. package/moderncssm/components/thead-cell/index.module.css +1 -1
  72. package/moderncssm/components/tsortable-head-cell/index.module.css +1 -1
  73. package/package.json +6 -6
  74. package/src/components/pagination/index.module.css +4 -4
  75. package/src/components/table/index.module.css +4 -4
  76. package/src/components/texpandable-row/index.module.css +3 -3
  77. package/src/components/thead/index.module.css +1 -1
  78. package/src/components/thead-cell/index.module.css +1 -1
  79. package/src/components/tsortable-head-cell/index.module.css +1 -1
@@ -13,7 +13,7 @@
13
13
  display: block;
14
14
 
15
15
  width: 1px;
16
- right: 0;
16
+ right: var(--gap-0);
17
17
  top: var(--gap-8);
18
18
  bottom: var(--gap-8);
19
19
  background-color: var(--color-light-neutral-400);
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .stickyHeader {
41
- top: 0;
41
+ top: var(--gap-0);
42
42
  position: sticky;
43
43
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
44
44
  border: none;
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  .reverse .icon {
31
- margin-left: 0;
31
+ margin-left: var(--gap-0);
32
32
  margin-right: var(--gap-8);
33
33
  }
34
34
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-table",
3
- "version": "2.6.0",
3
+ "version": "2.6.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,12 +15,12 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^11.6.0",
19
- "@alfalab/core-components-pagination": "^2.4.0",
20
- "@alfalab/core-components-select": "^17.11.0",
18
+ "@alfalab/core-components-button": "^11.7.0",
19
+ "@alfalab/core-components-pagination": "^2.4.1",
20
+ "@alfalab/core-components-select": "^17.12.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
- "themesVersion": "13.1.0",
25
- "varsVersion": "9.12.0"
24
+ "themesVersion": "13.2.0",
25
+ "varsVersion": "9.13.0"
26
26
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  .component {
4
4
  position: sticky;
5
- left: 0;
5
+ left: var(--gap-0);
6
6
  display: flex;
7
7
  justify-content: space-between;
8
8
  align-items: flex-start;
@@ -19,11 +19,11 @@
19
19
  .tag.tag {
20
20
  flex-shrink: 0;
21
21
  margin-right: var(--gap-8);
22
- padding: 0 var(--gap-8);
22
+ padding: var(--gap-0) var(--gap-8);
23
23
  min-width: 32px;
24
24
 
25
25
  &:last-child {
26
- margin-right: 0;
26
+ margin-right: var(--gap-0);
27
27
  }
28
28
 
29
29
  &.tagActive {
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
  .menu {
39
- margin: var(--gap-4) 0;
39
+ margin: var(--gap-4) var(--gap-0);
40
40
  }
41
41
 
42
42
  .option {
@@ -5,10 +5,10 @@
5
5
  }
6
6
 
7
7
  .wrapper {
8
- padding: 0 var(--gap-16) var(--gap-16);
8
+ padding: var(--gap-0) var(--gap-16) var(--gap-16);
9
9
  background: var(--color-light-base-bg-primary);
10
10
  box-shadow: var(--shadow-xs-hard);
11
- border-radius: var(--border-radius-m);
11
+ border-radius: var(--border-radius-8);
12
12
  overflow: auto;
13
13
  }
14
14
 
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .hasPagination {
20
- padding-bottom: 0;
20
+ padding-bottom: var(--gap-0);
21
21
  }
22
22
 
23
23
  .table {
@@ -29,7 +29,7 @@
29
29
  & td:first-child,
30
30
  & th:first-child {
31
31
  & label > *[class^='box'] {
32
- margin-top: 0;
32
+ margin-top: var(--gap-0);
33
33
  }
34
34
  }
35
35
  }
@@ -16,9 +16,9 @@
16
16
 
17
17
  .expandable {
18
18
  & td {
19
- margin: 0;
20
- padding-top: 0;
21
- padding-bottom: 0;
19
+ margin: var(--gap-0);
20
+ padding-top: var(--gap-0);
21
+ padding-bottom: var(--gap-0);
22
22
  border: none;
23
23
  height: auto;
24
24
  }
@@ -12,7 +12,7 @@
12
12
  display: block;
13
13
 
14
14
  width: 1px;
15
- right: 0;
15
+ right: var(--gap-0);
16
16
  top: var(--gap-8);
17
17
  bottom: var(--gap-8);
18
18
  background-color: var(--color-light-neutral-400);
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .stickyHeader {
37
- top: 0;
37
+ top: var(--gap-0);
38
38
  position: sticky;
39
39
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
40
40
  border: none;
@@ -27,7 +27,7 @@
27
27
  flex-direction: row-reverse;
28
28
 
29
29
  & .icon {
30
- margin-left: 0;
30
+ margin-left: var(--gap-0);
31
31
  margin-right: var(--gap-8);
32
32
  }
33
33
  }