@alfalab/core-components-table 1.2.3 → 1.2.6

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-table@1.2.5...@alfalab/core-components-table@1.2.6) (2022-03-29)
+
+**Note:** Version bump only for package @alfalab/core-components-table
+
+
+
+
+
+## [1.2.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-table@1.2.4...@alfalab/core-components-table@1.2.5) (2022-03-28)
+
+**Note:** Version bump only for package @alfalab/core-components-table
+
+
+
+
+
+## [1.2.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-table@1.2.3...@alfalab/core-components-table@1.2.4) (2022-03-24)
+
+
+### Bug Fixes
+
+* **table:** update styles ([#1036](https://github.com/alfa-laboratory/core-components/issues/1036)) ([3fe236d](https://github.com/alfa-laboratory/core-components/commit/3fe236dfb584c3e96fc7fb8c499aee3e9e12e64e))
+
+
+
+
+
 ## [1.2.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-table@1.2.2...@alfalab/core-components-table@1.2.3) (2022-03-04)
 
 **Note:** Version bump only for package @alfalab/core-components-table

package/dist/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-7cf1f1d5.js');
+require('./tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./components/thead/Component.js');

package/dist/components/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-7cf1f1d5.js');
+require('../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./thead/Component.js');

package/dist/components/pagination/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_g1a2r","pagesWrapper":"table__pagesWrapper_g1a2r","tag":"table__tag_g1a2r","tagActive":"table__tagActive_g1a2r","menu":"table__menu_g1a2r","option":"table__option_g1a2r"};
+var styles = {"component":"table__component_13d2q","pagesWrapper":"table__pagesWrapper_13d2q","tag":"table__tag_13d2q","tagActive":"table__tagActive_13d2q","menu":"table__menu_13d2q","option":"table__option_13d2q"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/dist/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 15p58 */
+/* hash: iemcm */
 :root {
     --color-light-border-primary: #dbdee1;
 }
@@ -17,7 +17,7 @@
     --gap-xl: 24px;
     --gap-2xl: 32px;
 }
-.table__component_g1a2r {
+.table__component_13d2q {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -26,24 +26,24 @@
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
 }
-.table__pagesWrapper_g1a2r {
+.table__pagesWrapper_13d2q {
     display: flex;
 }
-.table__tag_g1a2r.table__tag_g1a2r {
+.table__tag_13d2q.table__tag_13d2q {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
 }
-.table__tag_g1a2r.table__tag_g1a2r:last-child {
+.table__tag_13d2q.table__tag_13d2q:last-child {
         margin-right: 0;
     }
-.table__tag_g1a2r.table__tag_g1a2r.table__tagActive_g1a2r {
+.table__tag_13d2q.table__tag_13d2q.table__tagActive_13d2q {
         cursor: default;
     }
-.table__menu_g1a2r {
+.table__menu_13d2q {
     margin: var(--gap-2xs) 0;
 }
-.table__option_g1a2r {
+.table__option_13d2q {
     min-width: 208px;
 }

package/dist/components/pagination/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

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

@@ -1,4 +1,4 @@
-/* hash: 1jxm5 */
+/* hash: wn3a4 */
 :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
 }
@@ -10,11 +10,11 @@
 
     /* Hard up */
 }
-.table__field_v079w svg {
+.table__field_1ibzx svg {
         width: 18px;
         height: 18px;
     }
-.table__open_v079w,
-.table__open_v079w:hover {
+.table__open_1ibzx,
+.table__open_1ibzx:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/dist/components/pagination/select-field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('@alfalab/core-components-button');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"field":"table__field_v079w","open":"table__open_v079w"};
+var styles = {"field":"table__field_1ibzx","open":"table__open_1ibzx"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {

package/dist/components/table/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 require('../thead/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_xykf4","wrapper":"table__wrapper_xykf4","hasPagination":"table__hasPagination_xykf4","table":"table__table_xykf4"};
+var styles = {"component":"table__component_94zde","wrapper":"table__wrapper_94zde","hasPagination":"table__hasPagination_94zde","table":"table__table_94zde"};
 require('./index.css')
 
 var Table = React.forwardRef(function (_a, ref) {

package/dist/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1on2v */
+/* hash: 1y198 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -18,19 +18,20 @@
 :root {
     --border-radius-m: 8px;
 }
-.table__component_xykf4 {
+.table__component_94zde {
     box-sizing: border-box;
 }
-.table__wrapper_xykf4 {
+.table__wrapper_94zde {
     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;
 }
-.table__hasPagination_xykf4 {
+.table__hasPagination_94zde {
     padding-bottom: 0;
 }
-.table__table_xykf4 {
+.table__table_94zde {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box

package/dist/components/table/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 require('../thead/Component.js');

package/dist/components/table/utils.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 require('classnames');
 var components_thead_Component = require('../thead/Component.js');

package/dist/components/tbody/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_zaywm"};
+var styles = {"component":"table__component_2b915"};
 require('./index.css')
 
 var TBody = function (_a) {

package/dist/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: qs0em */
+/* hash: 9ftw3 */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.table__component_zaywm {
+.table__component_2b915 {
     width: 100%;
     box-sizing: border-box;
 }

package/dist/components/tbody/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_tbody_Component = require('./Component.js');

package/dist/components/tcell/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_lxmri","hidden":"table__hidden_lxmri","compact":"table__compact_lxmri"};
+var styles = {"component":"table__component_nzxyo","hidden":"table__hidden_nzxyo","compact":"table__compact_nzxyo"};
 require('./index.css')
 
 var TCell = function (_a) {

package/dist/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lnv0 */
+/* hash: 1wr8l */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
@@ -16,7 +16,7 @@
     --gap-m: 16px;
     --gap-xl: 24px;
 }
-.table__component_lxmri {
+.table__component_nzxyo {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -28,10 +28,10 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__hidden_lxmri {
+.table__hidden_nzxyo {
     display: none;
 }
-.table__compact_lxmri {
+.table__compact_nzxyo {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/dist/components/tcell/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/dist/components/texpandable-row/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"row":"table__row_1o1qs","selected":"table__selected_1o1qs","expanded":"table__expanded_1o1qs","expandable":"table__expandable_1o1qs"};
+var styles = {"row":"table__row_qvvpq","selected":"table__selected_qvvpq","expanded":"table__expanded_qvvpq","expandable":"table__expandable_qvvpq"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/dist/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: cuxum */
+/* hash: 1h6qi */
 :root {
 
     /* Hard */
@@ -7,16 +7,16 @@
 
     /* Hard up */
 }
-.table__row_1o1qs {
+.table__row_qvvpq {
     cursor: pointer;
 }
-.table__selected_1o1qs.table__expanded_1o1qs {
+.table__selected_qvvpq.table__expanded_qvvpq {
     background-color: inherit;
 }
-.table__expanded_1o1qs:hover {
+.table__expanded_qvvpq:hover {
         background-color: inherit;
     }
-.table__expandable_1o1qs td {
+.table__expandable_qvvpq td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/dist/components/texpandable-row/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 require('../trow/Component.js');

package/dist/components/thead/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_46tdp","row":"table__row_46tdp"};
+var styles = {"component":"table__component_s9bse","row":"table__row_s9bse"};
 require('./index.css')
 
 var THead = function (_a) {

package/dist/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: nn27f */
+/* hash: bv8zp */
 :root {
     --color-light-graphic-neutral: #dbdee1;
 }
@@ -10,12 +10,12 @@
 
     /* Hard up */
 }
-.table__component_46tdp {
+.table__component_s9bse {
     position: relative;
     width: 100%;
     box-sizing: border-box
 }
-.table__component_46tdp th:not(:last-child):not(:empty):after {
+.table__component_s9bse th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -27,12 +27,12 @@
         bottom: 8px;
         background-color: var(--color-light-graphic-neutral);
     }
-.table__component_46tdp th:after {
+.table__component_s9bse th:after {
         opacity: 0;
     }
-.table__component_46tdp:hover th:after {
+.table__component_s9bse:hover th:after {
         opacity: 1;
     }
-.table__row_46tdp {
+.table__row_s9bse {
     height: 72px;
 }

package/dist/components/thead/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./Component.js');

package/dist/components/thead-cell/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_1p4si","sortable":"table__sortable_1p4si","sorted":"table__sorted_1p4si","hidden":"table__hidden_1p4si"};
+var styles = {"component":"table__component_1jbxf","sortable":"table__sortable_1jbxf","sorted":"table__sorted_1jbxf","hidden":"table__hidden_1jbxf"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/dist/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bc73 */
+/* hash: s5lcu */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -13,10 +13,11 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-m: 16px;
     --gap-2xl: 32px;
 }
-.table__component_1p4si {
+.table__component_1jbxf {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -27,18 +28,18 @@
     position: relative;
     text-align: left;
     color: var(--color-light-text-primary);
-    padding: var(--gap-2xl) var(--gap-m) 0;
+    padding: var(--gap-2xl) var(--gap-m) var(--gap-2xs);
     border-bottom: 1px solid var(--color-light-border-primary);
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__sortable_1p4si {
+.table__sortable_1jbxf {
     cursor: pointer;
 }
-.table__sorted_1p4si {
+.table__sorted_1jbxf {
     color: var(--color-light-text-primary);
 }
-.table__hidden_1p4si {
+.table__hidden_1jbxf {
     display: none;
 }

package/dist/components/thead-cell/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_theadCell_Component = require('./Component.js');

package/dist/components/trow/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_q0xtr","withoutBorder":"table__withoutBorder_q0xtr","clickable":"table__clickable_q0xtr","selected":"table__selected_q0xtr"};
+var styles = {"component":"table__component_19m6l","withoutBorder":"table__withoutBorder_19m6l","clickable":"table__clickable_19m6l","selected":"table__selected_19m6l"};
 require('./index.css')
 
 var TRow = function (_a) {

package/dist/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 2zd16 */
+/* hash: 16mq1 */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -14,30 +14,30 @@
 
     /* Hard up */
 }
-.table__component_q0xtr {
+.table__component_19m6l {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
 }
-.table__component_q0xtr:first-child td {
+.table__component_19m6l:first-child td {
         border-top: 0;
     }
-.table__withoutBorder_q0xtr {
+.table__withoutBorder_19m6l {
     td {
         border: none;
     }
 }
-.table__clickable_q0xtr {
+.table__clickable_19m6l {
     cursor: pointer
 }
-.table__clickable_q0xtr:hover {
+.table__clickable_19m6l:hover {
         background-color: var(--color-light-bg-secondary);
     }
-.table__selected_q0xtr {
+.table__selected_19m6l {
     background-color: #f2f8ff /* нет цвета в палитре */
 }
-.table__selected_q0xtr:hover {
+.table__selected_19m6l:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/dist/components/trow/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7cf1f1d5.js');
+require('../../tslib.es6-d00522ef.js');
 require('react');
 require('classnames');
 var components_trow_Component = require('./Component.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7cf1f1d5.js');
+var tslib_es6 = require('../../tslib.es6-d00522ef.js');
 var React = require('react');
 var cn = require('classnames');
 var components_theadCell_Component = require('../thead-cell/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_1xpua","content":"table__content_1xpua","icon":"table__icon_1xpua","reverse":"table__reverse_1xpua","sorted":"table__sorted_1xpua"};
+var styles = {"component":"table__component_umba1","content":"table__content_umba1","icon":"table__icon_umba1","reverse":"table__reverse_umba1","sorted":"table__sorted_umba1"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {