@alfalab/core-components-table 2.5.9 → 2.5.11

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

@@ -1,4 +1,4 @@
-/* hash: 17v1z */
+/* hash: uize6 */
 :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,14 +20,15 @@
     --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-8: var(--gap-xs);
 } :root {
 } :root {
-} .table__content_61rnp {
+} .table__content_n3qm7 {
     display: flex;
     align-items: flex-start;
-} .table__icon_61rnp {
+} .table__icon_n3qm7 {
     cursor: pointer;
-    margin-left: var(--gap-xs);
+    margin-left: var(--gap-8);
 
     /**
      * иконка сортировки должна быть выровнена по верхнему краю,
@@ -37,15 +38,15 @@
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_61rnp:hover {
+} .table__icon_n3qm7:hover {
         color: var(--color-light-neutral-translucent-1300);
-    } .table__reverse_61rnp {
+    } .table__reverse_n3qm7 {
     flex-direction: row-reverse
-} .table__reverse_61rnp .table__icon_61rnp {
+} .table__reverse_n3qm7 .table__icon_n3qm7 {
         margin-left: 0;
-        margin-right: var(--gap-xs);
-    } .table__sorted_61rnp {
+        margin-right: var(--gap-8);
+    } .table__sorted_n3qm7 {
     color: var(--color-light-status-info)
-} .table__sorted_61rnp:hover {
+} .table__sorted_n3qm7:hover {
         color: var(--color-light-status-info);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "2.5.9",
+    "version": "2.5.11",
     "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.5.4",
-        "@alfalab/core-components-pagination": "^2.3.4",
-        "@alfalab/core-components-select": "^17.9.0",
+        "@alfalab/core-components-button": "^11.5.5",
+        "@alfalab/core-components-pagination": "^2.3.5",
+        "@alfalab/core-components-select": "^17.10.1",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.0.1",
+    "themesVersion": "13.0.2",
     "varsVersion": "9.11.1"
 }

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

@@ -7,7 +7,7 @@
     justify-content: space-between;
     align-items: flex-start;
     width: 100%;
-    padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
+    padding: var(--gap-24) var(--gap-16) var(--gap-32);
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
 }
@@ -18,8 +18,8 @@
 
 .tag.tag {
     flex-shrink: 0;
-    margin-right: var(--gap-xs);
-    padding: 0 var(--gap-xs);
+    margin-right: var(--gap-8);
+    padding: 0 var(--gap-8);
     min-width: 32px;
 
     &:last-child {
@@ -36,7 +36,7 @@
 }
 
 .menu {
-    margin: var(--gap-2xs) 0;
+    margin: var(--gap-4) 0;
 }
 
 .option {

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

@@ -5,7 +5,7 @@
 }
 
 .wrapper {
-    padding: 0 var(--gap-m) var(--gap-m);
+    padding: 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);

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

@@ -4,18 +4,18 @@
     @mixin paragraph_primary_small;
 
     color: var(--color-light-text-primary);
-    padding: var(--gap-xl) var(--gap-s);
+    padding: var(--gap-24) var(--gap-12);
     height: 72px;
     border-top: 1px solid var(--color-light-neutral-400);
     vertical-align: top;
     box-sizing: border-box;
 
     &:first-child {
-        padding-left: var(--gap-m);
+        padding-left: var(--gap-16);
     }
 
     &:last-child {
-        padding-right: var(--gap-m);
+        padding-right: var(--gap-16);
     }
 }
 
@@ -25,8 +25,8 @@
 }
 
 .compact {
-    padding-top: var(--gap-xs);
-    padding-bottom: var(--gap-xs);
+    padding-top: var(--gap-8);
+    padding-bottom: var(--gap-8);
 
     max-width: 0;
     overflow: hidden;

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

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

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

@@ -6,18 +6,18 @@
     line-height: 20px;
     text-align: left;
     color: var(--color-light-text-primary);
-    padding: var(--gap-2xl) var(--gap-s) var(--gap-2xs);
+    padding: var(--gap-32) var(--gap-12) var(--gap-4);
     border-bottom: 1px solid var(--color-light-neutral-400);
     background: var(--color-light-base-bg-primary);
     vertical-align: top;
     box-sizing: border-box;
 
     &:first-child {
-        padding-left: var(--gap-m);
+        padding-left: var(--gap-16);
     }
 
     &:last-child {
-        padding-right: var(--gap-m);
+        padding-right: var(--gap-16);
     }
 
     &:not(.stickyHeader) {

package/src/components/tsortable-head-cell/Component.tsx

@@ -35,7 +35,7 @@ export const TSortableHeadCell = ({
     }, [defaultIsSortedDesc, isSortedDesc]);
 
     return (
-        <THeadCell className={className} {...restProps}>
+        <THeadCell className={className} textAlign={textAlign} {...restProps}>
             <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>
                 {children}
                 <SortIcon

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

@@ -7,7 +7,7 @@
 
 .icon {
     cursor: pointer;
-    margin-left: var(--gap-xs);
+    margin-left: var(--gap-8);
 
     /**
      * иконка сортировки должна быть выровнена по верхнему краю,
@@ -28,7 +28,7 @@
 
     & .icon {
         margin-left: 0;
-        margin-right: var(--gap-xs);
+        margin-right: var(--gap-8);
     }
 }