@alfalab/core-components-table 2.2.14 → 2.2.16

package/components/trow/index.css

@@ -1,41 +1,38 @@
-/* hash: x2rxj */
-:root {
-    --color-static-graphic-solitude: #e8f2fe;
-}
+/* hash: uzhw5 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
-}
-:root {
+} :root {
+    --color-static-graphic-solitude: #e8f2fe;
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.table__component_zaon3 {
+} :root {
+} :root {
+} :root {
+} :root {
+} .table__component_1m46e {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-}
-.table__component_zaon3:first-child td {
+} .table__component_1m46e:first-child td {
         border-top: 0;
-    }
-.table__withoutBorder_zaon3 td {
+    } .table__withoutBorder_1m46e td {
         border: none;
-    }
-.table__clickable_zaon3 {
+    } .table__clickable_1m46e {
     cursor: pointer
-}
-.table__clickable_zaon3:hover {
+} .table__clickable_1m46e:hover {
         background-color: var(--color-light-bg-secondary);
-    }
-.table__selected_zaon3 {
+    } .table__selected_1m46e {
     background-color: #f2f8ff /* нет цвета в палитре */
-}
-.table__selected_zaon3:hover {
+} .table__selected_1m46e:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/components/trow/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_trow_Component = require('./Component.js');
-require('../../tslib.es6-06001441.js');
+require('../../tslib.es6-79d63e20.js');
 require('react');
 require('classnames');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-06001441.js');
+var tslib_es6 = require('../../tslib.es6-79d63e20.js');
 var React = require('react');
 var cn = require('classnames');
 var components_theadCell_Component = require('../thead-cell/Component.js');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_174gw","content":"table__content_174gw","icon":"table__icon_174gw","reverse":"table__reverse_174gw","sorted":"table__sorted_174gw"};
+var styles = {"component":"table__component_6e72l","content":"table__content_6e72l","icon":"table__icon_6e72l","reverse":"table__reverse_6e72l","sorted":"table__sorted_6e72l"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {

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

@@ -1,28 +1,29 @@
-/* hash: sf1qg */
+/* hash: 5rek6 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-link: #007aff;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-.table__component_174gw {
+} :root {
+} :root {
+} .table__component_6e72l {
     position: relative;
-}
-.table__content_174gw {
+} .table__content_6e72l {
     display: flex;
     align-items: flex-start;
-}
-.table__icon_174gw {
+} .table__icon_6e72l {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -34,20 +35,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-}
-.table__icon_174gw:hover {
+} .table__icon_6e72l:hover {
         color: var(--color-light-graphic-primary);
-    }
-.table__reverse_174gw {
+    } .table__reverse_6e72l {
     flex-direction: row-reverse
-}
-.table__reverse_174gw .table__icon_174gw {
+} .table__reverse_6e72l .table__icon_6e72l {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    }
-.table__sorted_174gw {
+    } .table__sorted_6e72l {
     color: var(--color-light-graphic-link)
-}
-.table__sorted_174gw:hover {
+} .table__sorted_6e72l:hover {
         color: var(--color-light-graphic-link);
     }

package/components/tsortable-head-cell/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_tsortableHeadCell_Component = require('./Component.js');
-require('../../tslib.es6-06001441.js');
+require('../../tslib.es6-79d63e20.js');
 require('react');
 require('classnames');
 require('../thead-cell/Component.js');

package/components/tsortable-head-cell/sort-icon-asc.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-06001441.js');
+var tslib_es6 = require('../../tslib.es6-79d63e20.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/components/tsortable-head-cell/sort-icon-desc.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-06001441.js');
+var tslib_es6 = require('../../tslib.es6-79d63e20.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/components/tsortable-head-cell/sort-icon-unset.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-06001441.js');
+var tslib_es6 = require('../../tslib.es6-79d63e20.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

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

@@ -1,22 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-2xl: 32px;
-}
-.component {
+} :root {
+} :root {
+} .component {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -24,25 +27,19 @@
     padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
-}
-.pagesWrapper {
+} .pagesWrapper {
     display: flex;
-}
-.tag.tag {
+} .tag.tag {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-}
-.tag.tag:last-child {
+} .tag.tag:last-child {
         margin-right: 0;
-    }
-.tag.tag.tagActive {
+    } .tag.tag.tagActive {
         cursor: default;
-    }
-.menu {
+    } .menu {
     margin: var(--gap-2xs) 0;
-}
-.option {
+} .option {
     min-width: 208px;
 }

package/cssm/components/pagination/select-field/index.module.css

@@ -1,19 +1,23 @@
 :root {
+} /* deprecated */ :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.field svg {
+} :root {
+} :root {
+} :root {
+} :root {
+} .field svg {
         width: 18px;
         height: 18px;
-    }
-.open,
+    } .open,
 .open:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

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

@@ -1,7 +1,9 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
     --shadow-xs-hard: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),
@@ -10,36 +12,30 @@
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-m: 16px;
-}
-:root {
+} :root {
     --border-radius-m: 8px;
-}
-.component {
+} :root {
+    --gap-m: 16px;
+} :root {
+} :root {
+} .component {
     box-sizing: border-box;
-}
-.wrapper {
+} .wrapper {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-}
-.stickyHeader {
+} .stickyHeader {
     max-height: 100%;
-}
-.hasPagination {
+} .hasPagination {
     padding-bottom: 0;
-}
-.table {
+} .table {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-}
-.table td:first-child label > *[class^='box'], .table th:first-child label > *[class^='box'] {
+} .table td:first-child label > *[class^='box'], .table th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/cssm/components/tbody/index.module.css

@@ -1,12 +1,19 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.component {
+} :root {
+} :root {
+} :root {
+} :root {
+} .component {
     width: 100%;
     box-sizing: border-box;
 }

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

@@ -1,22 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-xl: 24px;
-}
-.component {
+} :root {
+} :root {
+} .component {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -27,18 +30,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-}
-.component:first-child {
+} .component:first-child {
         padding-left: var(--gap-m);
-    }
-.component:last-child {
+    } .component:last-child {
         padding-right: var(--gap-m);
-    }
-.compactHorizontal {
+    } .compactHorizontal {
     padding-left: 6px;
     padding-right: 6px;
-}
-.compact {
+} .compact {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

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

@@ -1,21 +1,25 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.row {
+} :root {
+} :root {
+} :root {
+} :root {
+} .row {
     cursor: pointer;
-}
-.selected.expanded {
+} .selected.expanded {
     background-color: inherit;
-}
-.expanded:hover {
+} .expanded:hover {
         background-color: inherit;
-    }
-.expandable td {
+    } .expandable td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

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

@@ -1,23 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-quaternary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-.component {
+} :root {
+} :root {
+} .component {
     position: relative;
     width: 100%;
     box-sizing: border-box
-}
-.component th:not(:last-child):not(:empty):after {
+} .component th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -28,13 +30,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    }
-.component th:after {
+    } .component th:after {
         opacity: 0;
-    }
-.component:hover th:after {
+    } .component:hover th:after {
         opacity: 1;
-    }
-.row {
+    } .row {
     height: 72px;
 }

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

@@ -1,23 +1,26 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-2xl: 32px;
-}
-.component {
+} :root {
+} :root {
+} .component {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -33,27 +36,21 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-}
-.component:first-child {
+} .component:first-child {
         padding-left: var(--gap-m);
-    }
-.component:last-child {
+    } .component:last-child {
         padding-right: var(--gap-m);
-    }
-.sortable {
+    } .sortable {
     cursor: pointer;
-}
-.sorted {
+} .sorted {
     color: var(--color-light-text-primary);
-}
-.stickyHeader {
+} .stickyHeader {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-}
-.compactHorizontal {
+} .compactHorizontal {
     padding-left: 6px;
     padding-right: 6px;
 }

package/cssm/components/trow/index.module.css

@@ -1,40 +1,37 @@
 :root {
-    --color-static-graphic-solitude: #e8f2fe;
-}
-:root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
-}
-:root {
+} :root {
+    --color-static-graphic-solitude: #e8f2fe;
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.component {
+} :root {
+} :root {
+} :root {
+} :root {
+} .component {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-}
-.component:first-child td {
+} .component:first-child td {
         border-top: 0;
-    }
-.withoutBorder td {
+    } .withoutBorder td {
         border: none;
-    }
-.clickable {
+    } .clickable {
     cursor: pointer
-}
-.clickable:hover {
+} .clickable:hover {
         background-color: var(--color-light-bg-secondary);
-    }
-.selected {
+    } .selected {
     background-color: #f2f8ff /* нет цвета в палитре */
-}
-.selected:hover {
+} .selected:hover {
         background-color: var(--color-static-graphic-solitude);
     }