@alfalab/core-components-table 2.6.0 → 2.6.2

package/modern/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w9fh */
+/* hash: 1198u */
 :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 */
 } /* deprecated */ :root {
     --color-light-base-bg-primary: #fff;
@@ -21,22 +21,22 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .table__component_n08ka {
+} /* сбрасывает синюю подсветку при нажатии */ .table__component_3uoid {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-base-bg-primary)
-} .table__component_n08ka:first-child td {
+} .table__component_3uoid:first-child td {
         border-top: 0;
-    } .table__withoutBorder_n08ka td {
+    } .table__withoutBorder_3uoid td {
         border: none;
-    } .table__clickable_n08ka {
+    } .table__clickable_3uoid {
     cursor: pointer
-} .table__clickable_n08ka:hover {
+} .table__clickable_3uoid:hover {
         background-color: var(--color-light-base-bg-secondary);
-    } .table__selected_n08ka {
+    } .table__selected_3uoid {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_n08ka:hover {
+} .table__selected_3uoid:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/modern/components/tsortable-head-cell/Component.js

@@ -5,7 +5,7 @@ import { SortIconAsc } from './sort-icon-asc.js';
 import { SortIconDesc } from './sort-icon-desc.js';
 import { SortIconUnset } from './sort-icon-unset.js';
 
-const styles = {"content":"table__content_1wxe9","icon":"table__icon_1wxe9","reverse":"table__reverse_1wxe9","sorted":"table__sorted_1wxe9"};
+const styles = {"content":"table__content_ey95r","icon":"table__icon_ey95r","reverse":"table__reverse_ey95r","sorted":"table__sorted_ey95r"};
 require('./index.css')
 
 const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {

package/modern/components/tsortable-head-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: c0pmz */
+/* hash: xr6kn */
 :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 */
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -20,13 +20,14 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} .table__content_1wxe9 {
+} /* сбрасывает синюю подсветку при нажатии */ .table__content_ey95r {
     display: flex;
     align-items: flex-start;
-} .table__icon_1wxe9 {
+} .table__icon_ey95r {
     cursor: pointer;
     margin-left: var(--gap-8);
 
@@ -38,15 +39,15 @@
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_1wxe9:hover {
+} .table__icon_ey95r:hover {
         color: var(--color-light-neutral-translucent-1300);
-    } .table__reverse_1wxe9 {
+    } .table__reverse_ey95r {
     flex-direction: row-reverse
-} .table__reverse_1wxe9 .table__icon_1wxe9 {
-        margin-left: 0;
+} .table__reverse_ey95r .table__icon_ey95r {
+        margin-left: var(--gap-0);
         margin-right: var(--gap-8);
-    } .table__sorted_1wxe9 {
+    } .table__sorted_ey95r {
     color: var(--color-light-status-info)
-} .table__sorted_1wxe9:hover {
+} .table__sorted_ey95r:hover {
         color: var(--color-light-status-info);
     }

package/moderncssm/components/pagination/index.module.css

@@ -2,7 +2,7 @@
 
 .component {
     position: sticky;
-    left: 0;
+    left: var(--gap-0);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -19,12 +19,12 @@
 .tag.tag {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-    padding: 0 var(--gap-8);
+    padding: var(--gap-0) var(--gap-8);
     min-width: 32px
 }
 
 .tag.tag:last-child {
-        margin-right: 0;
+        margin-right: var(--gap-0);
     }
 
 .tag.tag.tagActive {
@@ -36,7 +36,7 @@
 }
 
 .menu {
-    margin: var(--gap-4) 0;
+    margin: var(--gap-4) var(--gap-0);
 }
 
 .option {

package/moderncssm/components/table/index.module.css

@@ -5,10 +5,10 @@
 }
 
 .wrapper {
-    padding: 0 var(--gap-16) var(--gap-16);
+    padding: var(--gap-0) var(--gap-16) var(--gap-16);
     background: var(--color-light-base-bg-primary);
     box-shadow: var(--shadow-xs-hard);
-    border-radius: var(--border-radius-m);
+    border-radius: var(--border-radius-8);
     overflow: auto;
 }
 
@@ -17,7 +17,7 @@
 }
 
 .hasPagination {
-    padding-bottom: 0;
+    padding-bottom: var(--gap-0);
 }
 
 .table {
@@ -29,5 +29,5 @@
 }
 
 .table td:first-child label > *[class^='box'], .table th:first-child label > *[class^='box'] {
-            margin-top: 0;
+            margin-top: var(--gap-0);
         }

package/moderncssm/components/texpandable-row/index.module.css

@@ -13,9 +13,9 @@
     }
 
 .expandable td {
-        margin: 0;
-        padding-top: 0;
-        padding-bottom: 0;
+        margin: var(--gap-0);
+        padding-top: var(--gap-0);
+        padding-bottom: var(--gap-0);
         border: none;
         height: auto;
     }

package/moderncssm/components/thead/index.module.css

@@ -13,7 +13,7 @@
         display: block;
 
         width: 1px;
-        right: 0;
+        right: var(--gap-0);
         top: var(--gap-8);
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);

package/moderncssm/components/thead-cell/index.module.css

@@ -38,7 +38,7 @@
 }
 
 .stickyHeader {
-    top: 0;
+    top: var(--gap-0);
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;

package/moderncssm/components/tsortable-head-cell/index.module.css

@@ -28,7 +28,7 @@
 }
 
 .reverse .icon {
-        margin-left: 0;
+        margin-left: var(--gap-0);
         margin-right: var(--gap-8);
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "2.6.0",
+    "version": "2.6.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,12 +15,12 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.6.0",
-        "@alfalab/core-components-pagination": "^2.4.0",
-        "@alfalab/core-components-select": "^17.11.0",
+        "@alfalab/core-components-button": "^11.7.1",
+        "@alfalab/core-components-pagination": "^2.4.1",
+        "@alfalab/core-components-select": "^17.12.1",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.1.0",
-    "varsVersion": "9.12.0"
+    "themesVersion": "13.2.0",
+    "varsVersion": "9.13.1"
 }

package/src/components/pagination/index.module.css

@@ -2,7 +2,7 @@
 
 .component {
     position: sticky;
-    left: 0;
+    left: var(--gap-0);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -19,11 +19,11 @@
 .tag.tag {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-    padding: 0 var(--gap-8);
+    padding: var(--gap-0) var(--gap-8);
     min-width: 32px;
 
     &:last-child {
-        margin-right: 0;
+        margin-right: var(--gap-0);
     }
 
     &.tagActive {
@@ -36,7 +36,7 @@
 }
 
 .menu {
-    margin: var(--gap-4) 0;
+    margin: var(--gap-4) var(--gap-0);
 }
 
 .option {

package/src/components/table/index.module.css

@@ -5,10 +5,10 @@
 }
 
 .wrapper {
-    padding: 0 var(--gap-16) var(--gap-16);
+    padding: var(--gap-0) var(--gap-16) var(--gap-16);
     background: var(--color-light-base-bg-primary);
     box-shadow: var(--shadow-xs-hard);
-    border-radius: var(--border-radius-m);
+    border-radius: var(--border-radius-8);
     overflow: auto;
 }
 
@@ -17,7 +17,7 @@
 }
 
 .hasPagination {
-    padding-bottom: 0;
+    padding-bottom: var(--gap-0);
 }
 
 .table {
@@ -29,7 +29,7 @@
     & td:first-child,
     & th:first-child {
         & label > *[class^='box'] {
-            margin-top: 0;
+            margin-top: var(--gap-0);
         }
     }
 }

package/src/components/texpandable-row/index.module.css

@@ -16,9 +16,9 @@
 
 .expandable {
     & td {
-        margin: 0;
-        padding-top: 0;
-        padding-bottom: 0;
+        margin: var(--gap-0);
+        padding-top: var(--gap-0);
+        padding-bottom: var(--gap-0);
         border: none;
         height: auto;
     }

package/src/components/thead/index.module.css

@@ -12,7 +12,7 @@
         display: block;
 
         width: 1px;
-        right: 0;
+        right: var(--gap-0);
         top: var(--gap-8);
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);

package/src/components/thead-cell/index.module.css

@@ -34,7 +34,7 @@
 }
 
 .stickyHeader {
-    top: 0;
+    top: var(--gap-0);
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;

package/src/components/tsortable-head-cell/index.module.css

@@ -27,7 +27,7 @@
     flex-direction: row-reverse;
 
     & .icon {
-        margin-left: 0;
+        margin-left: var(--gap-0);
         margin-right: var(--gap-8);
     }
 }