@alfalab/core-components 32.0.0-beta.0 → 32.0.1

package/switch/index.css

@@ -49,7 +49,7 @@
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
 }
-.switch__component_18wnq {
+.switch__component_14992 {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -58,25 +58,25 @@
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.switch__component_18wnq input {
+.switch__component_14992 input {
     opacity: 0;
     position: absolute;
 }
-.switch__start_18wnq {
+.switch__start_14992 {
     align-items: flex-start;
 }
-.switch__center_18wnq {
+.switch__center_14992 {
     align-items: center;
 }
-.switch__addons_18wnq {
+.switch__addons_14992 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.switch__block_18wnq {
+.switch__block_14992 {
     width: 100%;
 }
-.switch__switch_18wnq {
+.switch__switch_14992 {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -88,7 +88,7 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
 }
-.switch__switch_18wnq:before {
+.switch__switch_14992:before {
     content: '';
     position: absolute;
     top: 0;
@@ -101,21 +101,21 @@
     box-sizing: border-box;
     transition: transform 0.2s ease;
 }
-.switch__content_18wnq {
+.switch__content_14992 {
     margin-left: var(--gap-s);
     flex-grow: 1;
 }
-.switch__label_18wnq {
+.switch__label_14992 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
 }
-.switch__label_18wnq:not(:only-child) {
+.switch__label_14992:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.switch__hint_18wnq {
+.switch__hint_14992 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -123,55 +123,55 @@
     color: var(--switch-hint-color);
 }
 /* Reversed state */
-.switch__component_18wnq.switch__reversed_18wnq {
+.switch__component_14992.switch__reversed_14992 {
     flex-direction: row-reverse;
 }
-.switch__reversed_18wnq .switch__content_18wnq {
+.switch__reversed_14992 .switch__content_14992 {
     margin-right: var(--gap-m);
     margin-left: 0;
 }
-.switch__reversed_18wnq .switch__addons_18wnq {
+.switch__reversed_14992 .switch__addons_14992 {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
 }
 /* Checked state */
-.switch__checked_18wnq .switch__switch_18wnq {
+.switch__checked_14992 .switch__switch_14992 {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
 }
-.switch__checked_18wnq .switch__switch_18wnq:before {
+.switch__checked_14992 .switch__switch_14992:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
 }
 /* Disabled state */
-.switch__disabled_18wnq {
+.switch__disabled_14992 {
     cursor: var(--disabled-cursor);
 }
-.switch__disabled_18wnq .switch__switch_18wnq {
+.switch__disabled_14992 .switch__switch_14992 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
 }
-.switch__disabled_18wnq .switch__label_18wnq {
+.switch__disabled_14992 .switch__label_14992 {
     color: var(--switch-disabled-color);
 }
-.switch__disabled_18wnq .switch__hint_18wnq {
+.switch__disabled_14992 .switch__hint_14992 {
     color: var(--switch-disabled-color);
 }
 /* Inactive */
-.switch__inactive_18wnq {
+.switch__inactive_14992 {
     cursor: var(--disabled-cursor);
 }
-.switch__inactive_18wnq .switch__switch_18wnq {
+.switch__inactive_14992 .switch__switch_14992 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
 }
-.switch__inactive_18wnq .switch__switch_18wnq:before {
+.switch__inactive_14992 .switch__switch_14992:before {
         background-color: var(--switch-inactive-color);
     }
 /* Focused state */
-.switch__focused_18wnq .switch__switch_18wnq {
+.switch__focused_14992 .switch__switch_14992 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"switch__component_18wnq","start":"switch__start_18wnq","center":"switch__center_18wnq","addons":"switch__addons_18wnq","block":"switch__block_18wnq","switch":"switch__switch_18wnq","content":"switch__content_18wnq","label":"switch__label_18wnq","hint":"switch__hint_18wnq","reversed":"switch__reversed_18wnq","checked":"switch__checked_18wnq","disabled":"switch__disabled_18wnq","inactive":"switch__inactive_18wnq","focused":"switch__focused_18wnq"};
+var styles = {"component":"switch__component_14992","start":"switch__start_14992","center":"switch__center_14992","addons":"switch__addons_14992","block":"switch__block_14992","switch":"switch__switch_14992","content":"switch__content_14992","label":"switch__label_14992","hint":"switch__hint_14992","reversed":"switch__reversed_14992","checked":"switch__checked_14992","disabled":"switch__disabled_14992","inactive":"switch__inactive_14992","focused":"switch__focused_14992"};
 require('./index.css');
 
 const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {

package/switch/modern/index.css

@@ -49,7 +49,7 @@
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
 }
-.switch__component_18wnq {
+.switch__component_14992 {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -58,25 +58,25 @@
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.switch__component_18wnq input {
+.switch__component_14992 input {
     opacity: 0;
     position: absolute;
 }
-.switch__start_18wnq {
+.switch__start_14992 {
     align-items: flex-start;
 }
-.switch__center_18wnq {
+.switch__center_14992 {
     align-items: center;
 }
-.switch__addons_18wnq {
+.switch__addons_14992 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.switch__block_18wnq {
+.switch__block_14992 {
     width: 100%;
 }
-.switch__switch_18wnq {
+.switch__switch_14992 {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -88,7 +88,7 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
 }
-.switch__switch_18wnq:before {
+.switch__switch_14992:before {
     content: '';
     position: absolute;
     top: 0;
@@ -101,21 +101,21 @@
     box-sizing: border-box;
     transition: transform 0.2s ease;
 }
-.switch__content_18wnq {
+.switch__content_14992 {
     margin-left: var(--gap-s);
     flex-grow: 1;
 }
-.switch__label_18wnq {
+.switch__label_14992 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
 }
-.switch__label_18wnq:not(:only-child) {
+.switch__label_14992:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.switch__hint_18wnq {
+.switch__hint_14992 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -123,55 +123,55 @@
     color: var(--switch-hint-color);
 }
 /* Reversed state */
-.switch__component_18wnq.switch__reversed_18wnq {
+.switch__component_14992.switch__reversed_14992 {
     flex-direction: row-reverse;
 }
-.switch__reversed_18wnq .switch__content_18wnq {
+.switch__reversed_14992 .switch__content_14992 {
     margin-right: var(--gap-m);
     margin-left: 0;
 }
-.switch__reversed_18wnq .switch__addons_18wnq {
+.switch__reversed_14992 .switch__addons_14992 {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
 }
 /* Checked state */
-.switch__checked_18wnq .switch__switch_18wnq {
+.switch__checked_14992 .switch__switch_14992 {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
 }
-.switch__checked_18wnq .switch__switch_18wnq:before {
+.switch__checked_14992 .switch__switch_14992:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
 }
 /* Disabled state */
-.switch__disabled_18wnq {
+.switch__disabled_14992 {
     cursor: var(--disabled-cursor);
 }
-.switch__disabled_18wnq .switch__switch_18wnq {
+.switch__disabled_14992 .switch__switch_14992 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
 }
-.switch__disabled_18wnq .switch__label_18wnq {
+.switch__disabled_14992 .switch__label_14992 {
     color: var(--switch-disabled-color);
 }
-.switch__disabled_18wnq .switch__hint_18wnq {
+.switch__disabled_14992 .switch__hint_14992 {
     color: var(--switch-disabled-color);
 }
 /* Inactive */
-.switch__inactive_18wnq {
+.switch__inactive_14992 {
     cursor: var(--disabled-cursor);
 }
-.switch__inactive_18wnq .switch__switch_18wnq {
+.switch__inactive_14992 .switch__switch_14992 {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
 }
-.switch__inactive_18wnq .switch__switch_18wnq:before {
+.switch__inactive_14992 .switch__switch_14992:before {
         background-color: var(--switch-inactive-color);
     }
 /* Focused state */
-.switch__focused_18wnq .switch__switch_18wnq {
+.switch__focused_14992 .switch__switch_14992 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/table/component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 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 | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[];
     wrapper?: boolean | undefined;
@@ -9,16 +10,11 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").FC<import("./components/index").TBodyProps>;
     THead: import("react").FC<import("./components/index").THeadProps>;
-    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => JSX.Element;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => JSX.Element | null;
     TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => JSX.Element;
-    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => JSX.Element | null;
     TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => JSX.Element;
     TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => JSX.Element;
-    Pagination: import("react").FC<import("packages/pagination/src").PaginationProps & {
-        perPage?: number | undefined;
-        possiblePerPage?: number[] | undefined;
-        onPerPageChange?: ((perPage: number) => void) | undefined;
-        dataTestId?: string | undefined;
-    }>;
+    Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };
 export { Table };

package/table/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-e01c8b10.js');
+require('./tslib.es6-9645505a.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./components/thead/Component.js');

package/table/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-e01c8b10.js');
+require('../tslib.es6-9645505a.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./thead/Component.js');

package/table/components/pagination/Component.d.ts

@@ -19,4 +19,4 @@ type PaginationProps = CorePaginationProps & {
     dataTestId?: string;
 };
 declare const Pagination: FC<PaginationProps>;
-export { Pagination };
+export { PaginationProps, Pagination };

package/table/components/pagination/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-e01c8b10.js');
+var tslib_es6 = require('../../tslib.es6-9645505a.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -14,7 +14,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_kqsb7","pagesWrapper":"table__pagesWrapper_kqsb7","tag":"table__tag_kqsb7","tagActive":"table__tagActive_kqsb7","menu":"table__menu_kqsb7","option":"table__option_kqsb7"};
+var styles = {"component":"table__component_1jrgr","pagesWrapper":"table__pagesWrapper_1jrgr","tag":"table__tag_1jrgr","tagActive":"table__tagActive_1jrgr","menu":"table__menu_1jrgr","option":"table__option_1jrgr"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/table/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 14y9a */
+/* hash: 12bnv */
 :root {
     --color-light-border-primary: #dbdee1;
 }
@@ -17,7 +17,7 @@
     --gap-xl: 24px;
     --gap-2xl: 32px;
 }
-.table__component_kqsb7 {
+.table__component_1jrgr {
     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_kqsb7 {
+.table__pagesWrapper_1jrgr {
     display: flex;
 }
-.table__tag_kqsb7.table__tag_kqsb7 {
+.table__tag_1jrgr.table__tag_1jrgr {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
 }
-.table__tag_kqsb7.table__tag_kqsb7:last-child {
+.table__tag_1jrgr.table__tag_1jrgr:last-child {
         margin-right: 0;
     }
-.table__tag_kqsb7.table__tag_kqsb7.table__tagActive_kqsb7 {
+.table__tag_1jrgr.table__tag_1jrgr.table__tagActive_1jrgr {
         cursor: default;
     }
-.table__menu_kqsb7 {
+.table__menu_1jrgr {
     margin: var(--gap-2xs) 0;
 }
-.table__option_kqsb7 {
+.table__option_1jrgr {
     min-width: 208px;
 }

package/table/components/pagination/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-e01c8b10.js');
+require('../../tslib.es6-9645505a.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

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

@@ -1,4 +1,4 @@
-/* hash: 1j6q7 */
+/* hash: 7rdi4 */
 :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
 }
@@ -10,11 +10,11 @@
 
     /* Hard up */
 }
-.table__field_zppid svg {
+.table__field_1yqdy svg {
         width: 18px;
         height: 18px;
     }
-.table__open_zppid,
-.table__open_zppid:hover {
+.table__open_1yqdy,
+.table__open_1yqdy:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-e01c8b10.js');
+var tslib_es6 = require('../../../tslib.es6-9645505a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../../button');
@@ -10,7 +10,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_zppid","open":"table__open_zppid"};
+var styles = {"field":"table__field_1yqdy","open":"table__open_1yqdy"};
 require('./index.css');
 
 var CustomSelectField = function (_a) {

package/table/components/table/Component.d.ts

@@ -6,6 +6,10 @@ type TableProps = TableHTMLAttributes<HTMLTableElement> & {
      * Компактный вид
      */
     compactView?: boolean;
+    /**
+     * Уменьшение горизонтальных паддингов
+     */
+    compactHorizontal?: boolean;
     /**
      * Дополнительный класс
      */
@@ -32,6 +36,10 @@ declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<H
      * Компактный вид
      */
     compactView?: boolean | undefined;
+    /**
+     * Уменьшение горизонтальных паддингов
+     */
+    compactHorizontal?: boolean | undefined;
     /**
      * Дополнительный класс
      */

package/table/components/table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-e01c8b10.js');
+var tslib_es6 = require('../../tslib.es6-9645505a.js');
 var React = require('react');
 var cn = require('classnames');
 require('../thead/Component.js');
@@ -13,12 +13,12 @@ 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_1opw0","wrapper":"table__wrapper_1opw0","hasPagination":"table__hasPagination_1opw0","table":"table__table_1opw0"};
+var styles = {"component":"table__component_1u7sy","wrapper":"table__wrapper_1u7sy","hasPagination":"table__hasPagination_1u7sy","table":"table__table_1u7sy"};
 require('./index.css');
 
 var Table = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.wrapper, wrapper = _d === void 0 ? true : _d, pagination = _a.pagination, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "compactView", "wrapper", "pagination", "dataTestId"]);
+    var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.compactHorizontal, compactHorizontal = _d === void 0 ? false : _d, _e = _a.wrapper, wrapper = _e === void 0 ? true : _e, pagination = _a.pagination, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "compactView", "compactHorizontal", "wrapper", "pagination", "dataTestId"]);
     var wrapperRef = React.useRef(null);
     var columnsConfiguration = React.useMemo(function () {
         return components_table_utils.findAllHeadCellsProps(children).map(function (columnProps, index) { return ({
@@ -28,7 +28,12 @@ var Table = React.forwardRef(function (_a, ref) {
             index: index,
         }); });
     }, [children]);
-    return (React__default['default'].createElement(components_tableContext_index.TableContext.Provider, { value: { columnsConfiguration: columnsConfiguration, compactView: compactView, wrapperRef: wrapperRef } },
+    return (React__default['default'].createElement(components_tableContext_index.TableContext.Provider, { value: {
+            columnsConfiguration: columnsConfiguration,
+            compactView: compactView,
+            compactHorizontal: compactHorizontal,
+            wrapperRef: wrapperRef,
+        } },
         React__default['default'].createElement("div", { ref: wrapperRef, className: cn__default['default'](styles.component, className, (_b = {},
                 _b[styles.wrapper] = wrapper,
                 _b[styles.hasPagination] = !!pagination,

package/table/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1dpac */
+/* hash: 15adg */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -18,26 +18,26 @@
 :root {
     --border-radius-m: 8px;
 }
-.table__component_1opw0 {
+.table__component_1u7sy {
     box-sizing: border-box;
 }
-.table__wrapper_1opw0 {
+.table__wrapper_1u7sy {
     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_1opw0 {
+.table__hasPagination_1u7sy {
     padding-bottom: 0;
 }
-.table__table_1opw0 {
+.table__table_1u7sy {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
 }
-.table__table_1opw0 td:first-child label > *[class^='box'], .table__table_1opw0 th:first-child label > *[class^='box'] {
+.table__table_1u7sy td:first-child label > *[class^='box'], .table__table_1u7sy th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/table/components/table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-e01c8b10.js');
+require('../../tslib.es6-9645505a.js');
 require('react');
 require('classnames');
 require('../thead/Component.js');

package/table/components/table/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-e01c8b10.js');
+require('../../tslib.es6-9645505a.js');
 var React = require('react');
 require('classnames');
 var components_thead_Component = require('../thead/Component.js');

package/table/components/table-context/index.d.ts

@@ -11,6 +11,7 @@ type ColumnConfiguration = {
 type TableContextType = {
     columnsConfiguration: ColumnConfiguration[];
     compactView: boolean;
+    compactHorizontal: boolean;
     wrapperRef: RefObject<HTMLDivElement>;
 };
 declare const DEFAULT_TABLE_CONTEXT: TableContextType;

package/table/components/table-context/index.js

@@ -9,6 +9,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DEFAULT_TABLE_CONTEXT = {
     columnsConfiguration: [],
     compactView: false,
+    compactHorizontal: false,
     wrapperRef: { current: null },
 };
 var TableContext = React__default['default'].createContext(DEFAULT_TABLE_CONTEXT);

package/table/components/tbody/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-e01c8b10.js');
+var tslib_es6 = require('../../tslib.es6-9645505a.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -9,7 +9,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_y24s1"};
+var styles = {"component":"table__component_imeax"};
 require('./index.css');
 
 var TBody = function (_a) {

package/table/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 1crja */
+/* hash: 1jl86 */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.table__component_y24s1 {
+.table__component_imeax {
     width: 100%;
     box-sizing: border-box;
 }

package/table/components/tbody/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-e01c8b10.js');
+require('../../tslib.es6-9645505a.js');
 require('react');
 require('classnames');
 var components_tbody_Component = require('./Component.js');

package/table/components/tcell/Component.d.ts

@@ -14,5 +14,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
      */
     index?: number;
 };
-declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element;
+declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
 export { TCellProps, TCell };