@alfalab/core-components-table 3.0.0 → 3.1.0-snapshot-92b8690

package/components/pagination/index.css

@@ -12,7 +12,7 @@
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
-} .table__component_4clx2 {
+} .table__component_1ugvb {
     position: sticky;
     left: var(--gap-0);
     display: flex;
@@ -22,21 +22,21 @@
     padding: var(--gap-24) var(--gap-16) var(--gap-32);
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
-} .table__pagesWrapper_4clx2 {
+} .table__pagesWrapper_1ugvb {
     display: flex;
-} .table__tag_4clx2.table__tag_4clx2 {
+} .table__tag_1ugvb.table__tag_1ugvb {
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
     min-width: 32px
-} .table__tag_4clx2.table__tag_4clx2:last-child {
+} .table__tag_1ugvb.table__tag_1ugvb:last-child {
         margin-right: var(--gap-0);
-    } .table__tag_4clx2.table__tag_4clx2.table__tagActive_4clx2 {
+    } .table__tag_1ugvb.table__tag_1ugvb.table__tagActive_1ugvb {
         cursor: default;
-    } .table__pagination_4clx2 {
+    } .table__pagination_1ugvb {
     margin-left: auto;
-} .table__menu_4clx2 {
+} .table__menu_1ugvb {
     margin: var(--gap-4) var(--gap-0);
-} .table__option_4clx2 {
+} .table__option_1ugvb {
     min-width: 208px;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_4clx2","pagination":"table__pagination_4clx2","menu":"table__menu_4clx2","option":"table__option_4clx2"};
+var styles = {"component":"table__component_1ugvb","pagination":"table__pagination_1ugvb","menu":"table__menu_1ugvb","option":"table__option_1ugvb"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/pagination/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: sticky;\n    left: var(--gap-0);\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    padding: var(--gap-24) var(--gap-16) var(--gap-32);\n    border-top: 1px solid var(--color-light-neutral-400);\n    box-sizing: border-box;\n}\n\n.pagesWrapper {\n    display: flex;\n}\n\n.tag.tag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n    padding: var(--gap-0) var(--gap-8);\n    min-width: 32px;\n\n    &:last-child {\n        margin-right: var(--gap-0);\n    }\n\n    &.tagActive {\n        cursor: default;\n    }\n}\n\n.pagination {\n    margin-left: auto;\n}\n\n.menu {\n    margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n    min-width: 208px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    position: sticky;\n    left: var(--gap-0);\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    padding: var(--gap-24) var(--gap-16) var(--gap-32);\n    border-top: 1px solid var(--color-light-neutral-400);\n    box-sizing: border-box;\n}\n\n.pagesWrapper {\n    display: flex;\n}\n\n.tag.tag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n    padding: var(--gap-0) var(--gap-8);\n    min-width: 32px;\n\n    &:last-child {\n        margin-right: var(--gap-0);\n    }\n\n    &.tagActive {\n        cursor: default;\n    }\n}\n\n.pagination {\n    margin-left: auto;\n}\n\n.menu {\n    margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n    min-width: 208px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

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

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
-} .table__field_il2uj svg {
+} .table__field_1d0wy svg {
         width: 18px;
         height: 18px;
-    } .table__open_il2uj,
-.table__open_il2uj:hover {
+    } .table__open_1d0wy,
+.table__open_1d0wy:hover {
     background-color: var(--color-light-neutral-translucent-200-hover);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"field":"table__field_il2uj","open":"table__open_il2uj"};
+var styles = {"field":"table__field_1d0wy","open":"table__open_1d0wy"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/pagination/select-field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.field {\n    & svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n.open,\n.open:hover {\n    background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.field {\n    & svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n.open,\n.open:hover {\n    background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}

package/components/table/index.css

@@ -9,22 +9,22 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .table__component_x038d {
+} .table__component_7jaq6 {
     box-sizing: border-box;
-} .table__wrapper_x038d {
+} .table__wrapper_7jaq6 {
     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-8);
     overflow: auto;
-} .table__stickyHeader_x038d {
+} .table__stickyHeader_7jaq6 {
     max-height: 100%;
-} .table__hasPagination_x038d {
+} .table__hasPagination_7jaq6 {
     padding-bottom: var(--gap-0);
-} .table__table_x038d {
+} .table__table_7jaq6 {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
-} .table__table_x038d td:first-child label > *[class^='box'], .table__table_x038d th:first-child label > *[class^='box'] {
+} .table__table_7jaq6 td:first-child label > *[class^='box'], .table__table_7jaq6 th:first-child label > *[class^='box'] {
             margin-top: var(--gap-0);
         }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_x038d","wrapper":"table__wrapper_x038d","stickyHeader":"table__stickyHeader_x038d","hasPagination":"table__hasPagination_x038d","table":"table__table_x038d"};
+var styles = {"component":"table__component_7jaq6","wrapper":"table__wrapper_7jaq6","stickyHeader":"table__stickyHeader_7jaq6","hasPagination":"table__hasPagination_7jaq6","table":"table__table_7jaq6"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/table/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    box-sizing: border-box;\n}\n\n.wrapper {\n    padding: var(--gap-0) var(--gap-16) var(--gap-16);\n    background: var(--color-light-base-bg-primary);\n    box-shadow: var(--shadow-xs-hard);\n    border-radius: var(--border-radius-8);\n    overflow: auto;\n}\n\n.stickyHeader {\n    max-height: 100%;\n}\n\n.hasPagination {\n    padding-bottom: var(--gap-0);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    box-sizing: border-box;\n\n    /* TODO: Хак для выравнивания чекбокса */\n    & td:first-child,\n    & th:first-child {\n        & label > *[class^='box'] {\n            margin-top: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    box-sizing: border-box;\n}\n\n.wrapper {\n    padding: var(--gap-0) var(--gap-16) var(--gap-16);\n    background: var(--color-light-base-bg-primary);\n    box-shadow: var(--shadow-xs-hard);\n    border-radius: var(--border-radius-8);\n    overflow: auto;\n}\n\n.stickyHeader {\n    max-height: 100%;\n}\n\n.hasPagination {\n    padding-bottom: var(--gap-0);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    box-sizing: border-box;\n\n    /* TODO: Хак для выравнивания чекбокса */\n    & td:first-child,\n    & th:first-child {\n        & label > *[class^='box'] {\n            margin-top: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_c5vx7 {
+.table__component_w3eka {
     width: 100%;
     box-sizing: border-box;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_c5vx7"};
+var styles = {"component":"table__component_w3eka"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tbody/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    width: 100%;\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    width: 100%;\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

package/components/tcell/index.css

@@ -10,7 +10,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
-} .table__component_1u8ee {
+} .table__component_mpnxs {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -21,14 +21,14 @@
     border-top: 1px solid var(--color-light-neutral-400);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1u8ee:first-child {
+} .table__component_mpnxs:first-child {
         padding-left: var(--gap-16);
-    } .table__component_1u8ee:last-child {
+    } .table__component_mpnxs:last-child {
         padding-right: var(--gap-16);
-    } .table__compactHorizontal_1u8ee {
+    } .table__compactHorizontal_mpnxs {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1u8ee {
+} .table__compact_mpnxs {
     padding-top: var(--gap-8);
     padding-bottom: var(--gap-8);
 

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1u8ee","compactHorizontal":"table__compactHorizontal_1u8ee","compact":"table__compact_1u8ee"};
+var styles = {"component":"table__component_mpnxs","compactHorizontal":"table__compactHorizontal_mpnxs","compact":"table__compact_mpnxs"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tcell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    @mixin paragraph_primary_small;\n\n    color: var(--color-light-text-primary);\n    padding: var(--gap-24) var(--gap-12);\n    height: 72px;\n    border-top: 1px solid var(--color-light-neutral-400);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n\n.compact {\n    padding-top: var(--gap-8);\n    padding-bottom: var(--gap-8);\n\n    max-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    @mixin paragraph_primary_small;\n\n    color: var(--color-light-text-primary);\n    padding: var(--gap-24) var(--gap-12);\n    height: 72px;\n    border-top: 1px solid var(--color-light-neutral-400);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n\n.compact {\n    padding-top: var(--gap-8);\n    padding-bottom: var(--gap-8);\n\n    max-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}

package/components/texpandable-row/index.css

@@ -1,12 +1,12 @@
 :root {
     --gap-0: 0px;
-} .table__row_1k929 {
+} .table__row_vwlsi {
     cursor: pointer;
-} .table__selected_1k929.table__expanded_1k929 {
+} .table__selected_vwlsi.table__expanded_vwlsi {
     background-color: inherit;
-} .table__expanded_1k929:hover {
+} .table__expanded_vwlsi:hover {
         background-color: inherit;
-    } .table__expandable_1k929 td {
+    } .table__expandable_vwlsi td {
         margin: var(--gap-0);
         padding-top: var(--gap-0);
         padding-bottom: var(--gap-0);

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"row":"table__row_1k929","selected":"table__selected_1k929","expanded":"table__expanded_1k929","expandable":"table__expandable_1k929"};
+var styles = {"row":"table__row_vwlsi","selected":"table__selected_vwlsi","expanded":"table__expanded_vwlsi","expandable":"table__expandable_vwlsi"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/texpandable-row/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.row {\n    cursor: pointer;\n}\n\n.selected.expanded {\n    background-color: inherit;\n}\n\n.expanded {\n    &:hover {\n        background-color: inherit;\n    }\n}\n\n.expandable {\n    & td {\n        margin: var(--gap-0);\n        padding-top: var(--gap-0);\n        padding-bottom: var(--gap-0);\n        border: none;\n        height: auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.row {\n    cursor: pointer;\n}\n\n.selected.expanded {\n    background-color: inherit;\n}\n\n.expanded {\n    &:hover {\n        background-color: inherit;\n    }\n}\n\n.expandable {\n    & td {\n        margin: var(--gap-0);\n        padding-top: var(--gap-0);\n        padding-bottom: var(--gap-0);\n        border: none;\n        height: auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}

package/components/thead/index.css

@@ -4,11 +4,11 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} .table__component_1fa1u {
+} .table__component_4uin0 {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_1fa1u th:not(:last-child):not(:empty):after {
+} .table__component_4uin0 th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -19,10 +19,10 @@
         top: var(--gap-8);
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);
-    } .table__component_1fa1u th:after {
+    } .table__component_4uin0 th:after {
         opacity: 0;
-    } .table__component_1fa1u:hover th:after {
+    } .table__component_4uin0:hover th:after {
         opacity: 1;
-    } .table__row_1fa1u {
+    } .table__row_4uin0 {
     height: 72px;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1fa1u","row":"table__row_1fa1u"};
+var styles = {"component":"table__component_4uin0","row":"table__row_4uin0"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/thead/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n\n    & th:not(:last-child):not(:empty):after {\n        transition: opacity 0.2s;\n        position: absolute;\n        content: '';\n        display: block;\n\n        width: 1px;\n        right: var(--gap-0);\n        top: var(--gap-8);\n        bottom: var(--gap-8);\n        background-color: var(--color-light-neutral-400);\n    }\n\n    & th:after {\n        opacity: 0;\n    }\n\n    &:hover th:after {\n        opacity: 1;\n    }\n}\n\n.row {\n    height: 72px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n\n    & th:not(:last-child):not(:empty):after {\n        transition: opacity 0.2s;\n        position: absolute;\n        content: '';\n        display: block;\n\n        width: 1px;\n        right: var(--gap-0);\n        top: var(--gap-8);\n        bottom: var(--gap-8);\n        background-color: var(--color-light-neutral-400);\n    }\n\n    & th:after {\n        opacity: 0;\n    }\n\n    &:hover th:after {\n        opacity: 1;\n    }\n}\n\n.row {\n    height: 72px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}

package/components/thead-cell/index.css

@@ -12,7 +12,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
-} .table__component_1pybl {
+} .table__component_15peu {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -27,23 +27,23 @@
     background: var(--color-light-base-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1pybl:first-child {
+} .table__component_15peu:first-child {
         padding-left: var(--gap-16);
-    } .table__component_1pybl:last-child {
+    } .table__component_15peu:last-child {
         padding-right: var(--gap-16);
-    } .table__component_1pybl:not(.table__stickyHeader_1pybl) {
+    } .table__component_15peu:not(.table__stickyHeader_15peu) {
         position: relative;
-    } .table__sortable_1pybl {
+    } .table__sortable_15peu {
     cursor: pointer;
-} .table__sorted_1pybl {
+} .table__sorted_15peu {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1pybl {
+} .table__stickyHeader_15peu {
     top: var(--gap-0);
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1pybl {
+} .table__compactHorizontal_15peu {
     padding-left: 6px;
     padding-right: 6px;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1pybl","stickyHeader":"table__stickyHeader_1pybl","compactHorizontal":"table__compactHorizontal_1pybl"};
+var styles = {"component":"table__component_15peu","stickyHeader":"table__stickyHeader_15peu","compactHorizontal":"table__compactHorizontal_15peu"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/thead-cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    @mixin paragraph_caps;\n\n    line-height: 20px;\n    text-align: left;\n    color: var(--color-light-text-primary);\n    padding: var(--gap-32) var(--gap-12) var(--gap-4);\n    border-bottom: 1px solid var(--color-light-neutral-400);\n    background: var(--color-light-base-bg-primary);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n\n    &:not(.stickyHeader) {\n        position: relative;\n    }\n}\n\n.sortable {\n    cursor: pointer;\n}\n\n.sorted {\n    color: var(--color-light-text-primary);\n}\n\n.stickyHeader {\n    top: var(--gap-0);\n    position: sticky;\n    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);\n    border: none;\n    z-index: 1;\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    @mixin paragraph_caps;\n\n    line-height: 20px;\n    text-align: left;\n    color: var(--color-light-text-primary);\n    padding: var(--gap-32) var(--gap-12) var(--gap-4);\n    border-bottom: 1px solid var(--color-light-neutral-400);\n    background: var(--color-light-base-bg-primary);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n\n    &:not(.stickyHeader) {\n        position: relative;\n    }\n}\n\n.sortable {\n    cursor: pointer;\n}\n\n.sorted {\n    color: var(--color-light-text-primary);\n}\n\n.stickyHeader {\n    top: var(--gap-0);\n    position: sticky;\n    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);\n    border: none;\n    z-index: 1;\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

package/components/trow/index.css

@@ -3,22 +3,22 @@
     --color-light-base-bg-secondary: #f2f3f5;
 } :root {
     --color-static-graphic-solitude: #e8f2fe;
-} .table__component_bjwep {
+} .table__component_8k2sw {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-base-bg-primary)
-} .table__component_bjwep:first-child td {
+} .table__component_8k2sw:first-child td {
         border-top: 0;
-    } .table__withoutBorder_bjwep td {
+    } .table__withoutBorder_8k2sw td {
         border: none;
-    } .table__clickable_bjwep {
+    } .table__clickable_8k2sw {
     cursor: pointer
-} .table__clickable_bjwep:hover {
+} .table__clickable_8k2sw:hover {
         background-color: var(--color-light-base-bg-secondary);
-    } .table__selected_bjwep {
+    } .table__selected_8k2sw {
     background-color: #f2f8ff
-} .table__selected_bjwep:hover {
+} .table__selected_8k2sw:hover {
         background-color: var(--color-static-graphic-solitude);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_bjwep","withoutBorder":"table__withoutBorder_bjwep","clickable":"table__clickable_bjwep","selected":"table__selected_bjwep"};
+var styles = {"component":"table__component_8k2sw","withoutBorder":"table__withoutBorder_8k2sw","clickable":"table__clickable_8k2sw","selected":"table__selected_8k2sw"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/trow/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/trow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    padding-top: 1px;\n    width: 100%;\n    transition: background-color 0.2s;\n    box-sizing: border-box;\n    background: var(--color-light-base-bg-primary);\n\n    &:first-child td {\n        border-top: 0;\n    }\n}\n\n.withoutBorder {\n    & td {\n        border: none;\n    }\n}\n\n.clickable {\n    cursor: pointer;\n\n    &:hover {\n        background-color: var(--color-light-base-bg-secondary);\n    }\n}\n\n.selected {\n    background-color: #f2f8ff; /* нет цвета в палитре */\n\n    &:hover {\n        background-color: var(--color-static-graphic-solitude);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/trow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    padding-top: 1px;\n    width: 100%;\n    transition: background-color 0.2s;\n    box-sizing: border-box;\n    background: var(--color-light-base-bg-primary);\n\n    &:first-child td {\n        border-top: 0;\n    }\n}\n\n.withoutBorder {\n    & td {\n        border: none;\n    }\n}\n\n.clickable {\n    cursor: pointer;\n\n    &:hover {\n        background-color: var(--color-light-base-bg-secondary);\n    }\n}\n\n.selected {\n    background-color: #f2f8ff; /* нет цвета в палитре */\n\n    &:hover {\n        background-color: var(--color-static-graphic-solitude);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}

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

@@ -6,25 +6,25 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} .table__content_2rcwj {
+} .table__content_1n33j {
     display: flex;
     align-items: flex-start;
-} .table__icon_2rcwj {
+} .table__icon_1n33j {
     cursor: pointer;
     margin-left: var(--gap-8);
     margin-top: 1px;
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_2rcwj:hover {
+} .table__icon_1n33j:hover {
         color: var(--color-light-neutral-translucent-1300);
-    } .table__reverse_2rcwj {
+    } .table__reverse_1n33j {
     flex-direction: row-reverse
-} .table__reverse_2rcwj .table__icon_2rcwj {
+} .table__reverse_1n33j .table__icon_1n33j {
         margin-left: var(--gap-0);
         margin-right: var(--gap-8);
-    } .table__sorted_2rcwj {
+    } .table__sorted_1n33j {
     color: var(--color-light-status-info)
-} .table__sorted_2rcwj:hover {
+} .table__sorted_1n33j:hover {
         color: var(--color-light-status-info);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"table__content_2rcwj","icon":"table__icon_2rcwj","reverse":"table__reverse_2rcwj","sorted":"table__sorted_2rcwj"};
+var styles = {"content":"table__content_1n33j","icon":"table__icon_1n33j","reverse":"table__reverse_1n33j","sorted":"table__sorted_1n33j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tsortable-head-cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.content {\n    display: flex;\n    align-items: flex-start;\n}\n\n.icon {\n    cursor: pointer;\n    margin-left: var(--gap-8);\n\n    /**\n     * иконка сортировки должна быть выровнена по верхнему краю,\n     * т.к. текст может быть в две строки\n     */\n    margin-top: 1px;\n    color: var(--color-light-neutral-700);\n    transition: color 0.2s ease;\n    flex-shrink: 0;\n\n    &:hover {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.reverse {\n    flex-direction: row-reverse;\n\n    & .icon {\n        margin-left: var(--gap-0);\n        margin-right: var(--gap-8);\n    }\n}\n\n.sorted {\n    color: var(--color-light-status-info);\n\n    &:hover {\n        color: var(--color-light-status-info);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.content {\n    display: flex;\n    align-items: flex-start;\n}\n\n.icon {\n    cursor: pointer;\n    margin-left: var(--gap-8);\n\n    /**\n     * иконка сортировки должна быть выровнена по верхнему краю,\n     * т.к. текст может быть в две строки\n     */\n    margin-top: 1px;\n    color: var(--color-light-neutral-700);\n    transition: color 0.2s ease;\n    flex-shrink: 0;\n\n    &:hover {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.reverse {\n    flex-direction: row-reverse;\n\n    & .icon {\n        margin-left: var(--gap-0);\n        margin-right: var(--gap-8);\n    }\n}\n\n.sorted {\n    color: var(--color-light-status-info);\n\n    &:hover {\n        color: var(--color-light-status-info);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/dynamic-mixins/component.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { Pagination, Table as TableComponent, TBody, TCell, TExpandableRow, THead, THeadCell, TRow, TSortableHeadCell } from './components';
+export declare const Table: import("react").ForwardRefExoticComponent<import("react").TableHTMLAttributes<HTMLTableElement> & {
+    compactView?: boolean | undefined;
+    compactHorizontal?: boolean | undefined;
+    className?: string | undefined;
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+    wrapper?: boolean | undefined;
+    pagination?: import("react").ReactNode;
+    dataTestId?: string | undefined;
+    stickyHeader?: boolean | undefined;
+} & import("react").RefAttributes<HTMLTableElement>> & {
+    TBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & {
+        className?: string | undefined;
+        dataTestId?: string | undefined;
+    } & import("react").RefAttributes<HTMLTableSectionElement>>;
+    THead: import("react").FC<import("./components").THeadProps>;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components").THeadCellProps) => import("react").JSX.Element | null;
+    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components").TSortableHeadCellProps) => import("react").JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null;
+    TRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
+        children: import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null>[];
+        className?: string | undefined;
+        selected?: boolean | undefined;
+        withoutBorder?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & import("react").RefAttributes<HTMLTableRowElement>>;
+    TExpandableRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
+        children: import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null>[];
+        className?: string | undefined;
+        selected?: boolean | undefined;
+        withoutBorder?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & {
+        defaultExpanded?: boolean | undefined;
+        expanded?: boolean | undefined;
+        onToggle?: ((expanded: boolean) => void) | undefined;
+        renderContent: (expanded: boolean) => import("react").ReactNode;
+        rowRef?: import("react").Ref<HTMLTableRowElement> | undefined;
+    } & import("react").RefAttributes<HTMLTableRowElement>>;
+    Pagination: import("react").FC<import("./components").PaginationProps>;
+};
+export { TableComponent, TBody, THead, THeadCell, TSortableHeadCell, TCell, TRow, TExpandableRow, Pagination, };

package/dynamic-mixins/component.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./components/table/Component.js');
+var Component$8 = require('./components/pagination/Component.js');
+var Component$2 = require('./components/thead/Component.js');
+var Component$3 = require('./components/thead-cell/Component.js');
+var Component$4 = require('./components/tsortable-head-cell/Component.js');
+var Component$1 = require('./components/tbody/Component.js');
+var Component$5 = require('./components/tcell/Component.js');
+var Component$6 = require('./components/trow/Component.js');
+var Component$7 = require('./components/texpandable-row/Component.js');
+
+var Table = Object.assign(Component.Table, {
+    TBody: Component$1.TBody,
+    THead: Component$2.THead,
+    THeadCell: Component$3.THeadCell,
+    TSortableHeadCell: Component$4.TSortableHeadCell,
+    TCell: Component$5.TCell,
+    TRow: Component$6.TRow,
+    TExpandableRow: Component$7.TExpandableRow,
+    Pagination: Component$8.Pagination,
+});
+
+exports.TableComponent = Component.Table;
+exports.Pagination = Component$8.Pagination;
+exports.THead = Component$2.THead;
+exports.THeadCell = Component$3.THeadCell;
+exports.TSortableHeadCell = Component$4.TSortableHeadCell;
+exports.TBody = Component$1.TBody;
+exports.TCell = Component$5.TCell;
+exports.TRow = Component$6.TRow;
+exports.TExpandableRow = Component$7.TExpandableRow;
+exports.Table = Table;
+//# sourceMappingURL=component.js.map

package/dynamic-mixins/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import {\n    Pagination,\n    Table as TableComponent,\n    TBody,\n    TCell,\n    TExpandableRow,\n    THead,\n    THeadCell,\n    TRow,\n    TSortableHeadCell,\n} from './components';\n\nexport const Table = Object.assign(TableComponent, {\n    TBody,\n    THead,\n    THeadCell,\n    TSortableHeadCell,\n    TCell,\n    TRow,\n    TExpandableRow,\n    Pagination,\n});\n\nexport {\n    TableComponent,\n    TBody,\n    THead,\n    THeadCell,\n    TSortableHeadCell,\n    TCell,\n    TRow,\n    TExpandableRow,\n    Pagination,\n};\n"],"names":["TableComponent","TBody","THead","THeadCell","TSortableHeadCell","TCell","TRow","TExpandableRow","Pagination"],"mappings":";;;;;;;;;;;;;;IAYa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,eAAc,EAAE;AAC/C,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,SAAS,EAAAC,qBAAA;AACT,IAAA,iBAAiB,EAAAC,6BAAA;AACjB,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,IAAI,EAAAC,gBAAA;AACJ,IAAA,cAAc,EAAAC,0BAAA;AACd,IAAA,UAAU,EAAAC,sBAAA;AACb,CAAA;;;;;;;;;;;;;"}

package/dynamic-mixins/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './table';
+export * from './pagination';
+export * from './thead';
+export * from './thead-cell';
+export * from './tsortable-head-cell';
+export * from './tbody';
+export * from './tcell';
+export * from './trow';
+export * from './texpandable-row';

package/dynamic-mixins/components/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./table/Component.js');
+var Component$1 = require('./pagination/Component.js');
+var Component$2 = require('./thead/Component.js');
+var Component$3 = require('./thead-cell/Component.js');
+var Component$4 = require('./tsortable-head-cell/Component.js');
+var Component$5 = require('./tbody/Component.js');
+var Component$6 = require('./tcell/Component.js');
+var Component$7 = require('./trow/Component.js');
+var Component$8 = require('./texpandable-row/Component.js');
+
+
+
+exports.Table = Component.Table;
+exports.Pagination = Component$1.Pagination;
+exports.THead = Component$2.THead;
+exports.THeadCell = Component$3.THeadCell;
+exports.TSortableHeadCell = Component$4.TSortableHeadCell;
+exports.TBody = Component$5.TBody;
+exports.TCell = Component$6.TCell;
+exports.TRow = Component$7.TRow;
+exports.TExpandableRow = Component$8.TExpandableRow;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dynamic-mixins/components/pagination/Component.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination';
+export declare type PaginationProps = CorePaginationProps & {
+    /**
+     * Количество строк на страницу
+     */
+    perPage?: number;
+    /**
+     * Возможные варианты разбивки
+     */
+    possiblePerPage?: number[];
+    /**
+     * Обработчик переключения perPage
+     */
+    onPerPageChange?: (perPage: number) => void;
+    /**
+     * Скрывает переключатель количества строк на страницу
+     */
+    hidePerPageSelect?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Pagination: FC<PaginationProps>;