@alfalab/core-components-table 4.0.7 → 4.0.8-alfasans

package/component.d.ts

@@ -1,18 +1,17 @@
-/// <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;
+    compactView?: boolean;
+    compactHorizontal?: boolean;
+    className?: string;
+    children: import("react").ReactElement | import("react").ReactElement[];
+    wrapper?: boolean;
     pagination?: import("react").ReactNode;
-    dataTestId?: string | undefined;
-    stickyHeader?: boolean | undefined;
+    dataTestId?: string;
+    stickyHeader?: boolean;
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & {
-        className?: string | undefined;
-        dataTestId?: string | undefined;
+        className?: string;
+        dataTestId?: string;
     } & 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;
@@ -20,23 +19,23 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
     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;
+        className?: string;
+        selected?: boolean;
+        withoutBorder?: boolean;
+        dataTestId?: string;
     } & 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;
+        className?: string;
+        selected?: boolean;
+        withoutBorder?: boolean;
+        dataTestId?: string;
     } & {
-        defaultExpanded?: boolean | undefined;
-        expanded?: boolean | undefined;
-        onToggle?: ((expanded: boolean) => void) | undefined;
+        defaultExpanded?: boolean;
+        expanded?: boolean;
+        onToggle?: (expanded: boolean) => void;
         renderContent: (expanded: boolean) => import("react").ReactNode;
-        rowRef?: import("react").Ref<HTMLTableRowElement> | undefined;
+        rowRef?: import("react").Ref<HTMLTableRowElement>;
     } & import("react").RefAttributes<HTMLTableRowElement>>;
     Pagination: import("react").FC<import("./components").PaginationProps>;
 };

package/components/pagination/Component.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination';
-export declare type PaginationProps = CorePaginationProps & {
+export type PaginationProps = CorePaginationProps & {
     /**
      * Количество строк на страницу
      */

package/components/pagination/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n    Pagination as CorePagination,\n    type PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n    /**\n     * Количество строк на страницу\n     */\n    perPage?: number;\n\n    /**\n     * Возможные варианты разбивки\n     */\n    possiblePerPage?: number[];\n\n    /**\n     * Обработчик переключения perPage\n     */\n    onPerPageChange?: (perPage: number) => void;\n\n    /**\n     * Скрывает переключатель количества строк на страницу\n     */\n    hidePerPageSelect?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    perPage = 25,\n    possiblePerPage = [25, 50, 100],\n    onPerPageChange = () => null,\n    hidePerPageSelect = false,\n    pagesCount,\n    onPageChange = () => null,\n    className,\n    dataTestId,\n    ...restPaginationProps\n}) => {\n    const { wrapperRef } = useContext(TableContext);\n\n    const options = useMemo(\n        () =>\n            Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n                .sort((a, b) => a - b)\n                .map((value) => ({\n                    key: value.toString(),\n                    content: `Показывать по ${value}`,\n                })),\n        [perPage, possiblePerPage],\n    );\n\n    const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n        ({ selected }: BaseSelectChangePayload) => {\n            onPerPageChange(Number(selected?.key));\n        },\n        [onPerPageChange],\n    );\n\n    const handlePageChange = useCallback(\n        (pageIndex: number) => {\n            onPageChange(pageIndex);\n\n            setTimeout(() => {\n                if (wrapperRef.current) {\n                    wrapperRef.current.scrollIntoView();\n                }\n            }, 0);\n        },\n        [onPageChange, wrapperRef],\n    );\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            {hidePerPageSelect === false && (\n                <SelectDesktop\n                    options={options}\n                    selected={perPage.toString()}\n                    onChange={handlePerPageChange}\n                    preventFlip={false}\n                    size={48}\n                    className={styles.select}\n                    optionsListClassName={styles.menu}\n                    optionClassName={styles.option}\n                    Field={CustomSelectField}\n                />\n            )}\n\n            {pagesCount > 1 && (\n                <CorePagination\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageChange}\n                    className={styles.pagination}\n                    {...restPaginationProps}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["__rest","useContext","TableContext","useMemo","useCallback","React","cn","styles","SelectDesktop","CustomSelectField","CorePagination","__assign"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n    Pagination as CorePagination,\n    type PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n    /**\n     * Количество строк на страницу\n     */\n    perPage?: number;\n\n    /**\n     * Возможные варианты разбивки\n     */\n    possiblePerPage?: number[];\n\n    /**\n     * Обработчик переключения perPage\n     */\n    onPerPageChange?: (perPage: number) => void;\n\n    /**\n     * Скрывает переключатель количества строк на страницу\n     */\n    hidePerPageSelect?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    perPage = 25,\n    possiblePerPage = [25, 50, 100],\n    onPerPageChange = () => null,\n    hidePerPageSelect = false,\n    pagesCount,\n    onPageChange = () => null,\n    className,\n    dataTestId,\n    ...restPaginationProps\n}) => {\n    const { wrapperRef } = useContext(TableContext);\n\n    const options = useMemo(\n        () =>\n            Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n                .sort((a, b) => a - b)\n                .map((value) => ({\n                    key: value.toString(),\n                    content: `Показывать по ${value}`,\n                })),\n        [perPage, possiblePerPage],\n    );\n\n    const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n        ({ selected }: BaseSelectChangePayload) => {\n            onPerPageChange(Number(selected?.key));\n        },\n        [onPerPageChange],\n    );\n\n    const handlePageChange = useCallback(\n        (pageIndex: number) => {\n            onPageChange(pageIndex);\n\n            setTimeout(() => {\n                if (wrapperRef.current) {\n                    wrapperRef.current.scrollIntoView();\n                }\n            }, 0);\n        },\n        [onPageChange, wrapperRef],\n    );\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            {hidePerPageSelect === false && (\n                <SelectDesktop\n                    options={options}\n                    selected={perPage.toString()}\n                    onChange={handlePerPageChange}\n                    preventFlip={false}\n                    size={48}\n                    className={styles.select}\n                    optionsListClassName={styles.menu}\n                    optionClassName={styles.option}\n                    Field={CustomSelectField}\n                />\n            )}\n\n            {pagesCount > 1 && (\n                <CorePagination\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageChange}\n                    className={styles.pagination}\n                    {...restPaginationProps}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["__rest","useContext","TableContext","useMemo","useCallback","React","cn","styles","SelectDesktop","CustomSelectField","CorePagination","__assign"],"mappings":"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"}

package/components/pagination/index.css

@@ -14,7 +14,7 @@
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
 }
-.table__component_1ukqc {
+.table__component_177m2 {
     position: sticky;
     left: var(--gap-0);
     display: flex;
@@ -25,27 +25,27 @@
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
 }
-.table__pagesWrapper_1ukqc {
+.table__pagesWrapper_177m2 {
     display: flex;
 }
-.table__tag_1ukqc.table__tag_1ukqc {
+.table__tag_177m2.table__tag_177m2 {
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
     min-width: 32px;
 }
-.table__tag_1ukqc.table__tag_1ukqc:last-child {
+.table__tag_177m2.table__tag_177m2:last-child {
         margin-right: var(--gap-0);
     }
-.table__tag_1ukqc.table__tag_1ukqc.table__tagActive_1ukqc {
+.table__tag_177m2.table__tag_177m2.table__tagActive_177m2 {
         cursor: default;
     }
-.table__pagination_1ukqc {
+.table__pagination_177m2 {
     margin-left: auto;
 }
-.table__menu_1ukqc {
+.table__menu_177m2 {
     margin: var(--gap-4) var(--gap-0);
 }
-.table__option_1ukqc {
+.table__option_177m2 {
     min-width: 208px;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1ukqc","pagination":"table__pagination_1ukqc","menu":"table__menu_1ukqc","option":"table__option_1ukqc"};
+var styles = {"component":"table__component_177m2","pagination":"table__pagination_177m2","menu":"table__menu_177m2","option":"table__option_177m2"};
 
 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/no-typography-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/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,11 +1,11 @@
 :root {
     --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
 }
-.table__field_9s37y svg {
+.table__field_10s7d svg {
         width: 18px;
         height: 18px;
     }
-.table__open_9s37y,
-.table__open_9s37y:hover {
+.table__open_10s7d,
+.table__open_10s7d: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_9s37y","open":"table__open_9s37y"};
+var styles = {"field":"table__field_10s7d","open":"table__open_10s7d"};
 
 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/no-typography-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/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/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode, type TableHTMLAttributes } from 'react';
-export declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+export type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * Компактный вид
      */
@@ -37,15 +37,15 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Компактный вид
      */
-    compactView?: boolean | undefined;
+    compactView?: boolean;
     /**
      * Уменьшение горизонтальных паддингов
      */
-    compactHorizontal?: boolean | undefined;
+    compactHorizontal?: boolean;
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Дочерние компоненты
      */
@@ -53,7 +53,7 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Оборачивает таблицу в стилизованный контейнер
      */
-    wrapper?: boolean | undefined;
+    wrapper?: boolean;
     /**
      * Слот для пагинации
      */
@@ -61,9 +61,9 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * Если true то заголовок будет фиксироваться при скроле
      */
-    stickyHeader?: boolean | undefined;
+    stickyHeader?: boolean;
 } & React.RefAttributes<HTMLTableElement>>;

package/components/table/index.css

@@ -13,27 +13,27 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.table__component_aw1bn {
+.table__component_qb1ol {
     box-sizing: border-box;
 }
-.table__wrapper_aw1bn {
+.table__wrapper_qb1ol {
     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_aw1bn {
+.table__stickyHeader_qb1ol {
     max-height: 100%;
 }
-.table__hasPagination_aw1bn {
+.table__hasPagination_qb1ol {
     padding-bottom: var(--gap-0);
 }
-.table__table_aw1bn {
+.table__table_qb1ol {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
 }
-.table__table_aw1bn td:first-child label > *[class^='box'], .table__table_aw1bn th:first-child label > *[class^='box'] {
+.table__table_qb1ol td:first-child label > *[class^='box'], .table__table_qb1ol 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_aw1bn","wrapper":"table__wrapper_aw1bn","stickyHeader":"table__stickyHeader_aw1bn","hasPagination":"table__hasPagination_aw1bn","table":"table__table_aw1bn"};
+var styles = {"component":"table__component_qb1ol","wrapper":"table__wrapper_qb1ol","stickyHeader":"table__stickyHeader_qb1ol","hasPagination":"table__hasPagination_qb1ol","table":"table__table_qb1ol"};
 
 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/no-typography-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/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/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":["React","isChildInstanceOf","THead"],"mappings":";;;;;;;;;;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnCA,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAIC,uBAAiB,CAAC,KAAK,EAAEC,eAAK,CAAC,EAAE;AACjC,YAAAF,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,SAAS,EAAA;AACnD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":["React","isChildInstanceOf","THead"],"mappings":";;;;;;;;;;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnCA,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAIC,uBAAiB,CAAC,KAAK,EAAEC,eAAK,CAAC,EAAE;AACjC,YAAAF,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,SAAS,EAAA;AACnD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;;AAEV,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

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

@@ -1,12 +1,12 @@
 import { type RefObject } from 'react';
 import { type TextAlignProperty } from '../../typings';
-export declare type ColumnConfiguration = {
+export type ColumnConfiguration = {
     width?: string | number;
     textAlign?: TextAlignProperty;
     hidden?: boolean;
     index: number;
 };
-export declare type TableContextType = {
+export type TableContextType = {
     columnsConfiguration: ColumnConfiguration[];
     stickyHeader: boolean;
     compactView: boolean;

package/components/tbody/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-export declare type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
+export type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс
      */
@@ -13,9 +13,9 @@ export declare const TBody: React.ForwardRefExoticComponent<React.HTMLAttributes
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
 } & React.RefAttributes<HTMLTableSectionElement>>;

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_3cwam {
+.table__component_hy49v {
     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_3cwam"};
+var styles = {"component":"table__component_hy49v"};
 
 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/no-typography-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/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/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type TdHTMLAttributes } from 'react';
-export declare type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+export type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
      */

package/components/tcell/index.css

@@ -14,14 +14,16 @@
     --gap-24: var(--gap-xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.table__component_1lb4f {
+.table__component_s3dlh {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+    font-family: var(--font-family-alfasans);
 
     color: var(--color-light-text-primary);
     padding: var(--gap-24) var(--gap-12);
@@ -30,17 +32,17 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__component_1lb4f:first-child {
+.table__component_s3dlh:first-child {
         padding-left: var(--gap-16);
     }
-.table__component_1lb4f:last-child {
+.table__component_s3dlh:last-child {
         padding-right: var(--gap-16);
     }
-.table__compactHorizontal_1lb4f {
+.table__compactHorizontal_s3dlh {
     padding-left: var(--gap-6);
     padding-right: var(--gap-6);
 }
-.table__compact_1lb4f {
+.table__compact_s3dlh {
     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_1lb4f","compactHorizontal":"table__compactHorizontal_1lb4f","compact":"table__compact_1lb4f"};
+var styles = {"component":"table__component_s3dlh","compactHorizontal":"table__compactHorizontal_s3dlh","compact":"table__compact_s3dlh"};
 
 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/no-typography-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: var(--gap-6);\n    padding-right: var(--gap-6);\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/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: var(--gap-6);\n    padding-right: var(--gap-6);\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/Component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode, type Ref } from 'react';
 import { type TRowProps } from '../trow';
-export declare type TExpandableRowProps = TRowProps & {
+export type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;
     onToggle?: (expanded: boolean) => void;
@@ -9,14 +9,14 @@ export declare type TExpandableRowProps = TRowProps & {
 };
 export declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
     children: React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null> | React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null>[];
-    className?: string | undefined;
-    selected?: boolean | undefined;
-    withoutBorder?: boolean | undefined;
-    dataTestId?: string | undefined;
+    className?: string;
+    selected?: boolean;
+    withoutBorder?: boolean;
+    dataTestId?: string;
 } & {
-    defaultExpanded?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onToggle?: ((expanded: boolean) => void) | undefined;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
-    rowRef?: React.Ref<HTMLTableRowElement> | undefined;
+    rowRef?: Ref<HTMLTableRowElement>;
 } & React.RefAttributes<HTMLTableRowElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = uncontrolled ? expandedState : expanded;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":["forwardRef","__rest","useState","React","TRow","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAmBa,cAAc,GAAGA,gBAAU,CACpC,UACI,EASsB,EACtB,GAAG,EAAA;;IATC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,gBAAqB,EAArB,QAAQ,mBAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,aAA0B,EAA1B,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,GAAA,GAAA,EAAA,EAC1B,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAAC,YAAA,CAAA,EAAA,EARhB,+FASC,CADe;IAIV,IAAA,EAAA,GAAoCC,cAAQ,CAAU,eAAe,CAAC,EAArE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAsC;AAE5E,IAAA,IAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,IAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;AAE1D,IAAA,IAAM,YAAY,GAAG,YAAA;AACjB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;QACXA,sBAAC,CAAA,aAAA,CAAAC,cAAI,EACDC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC/B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU;AAC/B,gBAAA,EAAA,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,EACP,SAAS,CACf,CAAA;QAEFJ,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU,EAAA,EAAA,EAAG,EAC5E,EAAA,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = uncontrolled ? expandedState : expanded;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":["forwardRef","__rest","useState","React","TRow","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAmBa,cAAc,GAAGA,gBAAU,CACpC,UACI,EASsB,EACtB,GAAG,EAAA;;IATC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,gBAAqB,EAArB,QAAQ,mBAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,aAA0B,EAA1B,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,GAAA,GAAA,EAAA,EAC1B,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAAC,YAAA,CAAA,EAAA,EARhB,+FASC,CADe;IAIV,IAAA,EAAA,GAAoCC,cAAQ,CAAU,eAAe,CAAC,EAArE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAsC;AAE5E,IAAA,IAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,IAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;AAE1D,IAAA,IAAM,YAAY,GAAG,YAAA;QACjB,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;;QAGjC,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;QACXA,sBAAC,CAAA,aAAA,CAAAC,cAAI,EACDC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC/B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU;AAC/B,gBAAA,EAAA,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,EACP,SAAS,CACf,CAAA;QAEFJ,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU,EAAA,EAAA,EAAG,EAC5E,EAAA,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/components/texpandable-row/index.css

@@ -1,16 +1,16 @@
 :root {
     --gap-0: 0px;
 }
-.table__row_qm5cc {
+.table__row_147gv {
     cursor: pointer;
 }
-.table__selected_qm5cc.table__expanded_qm5cc {
+.table__selected_147gv.table__expanded_147gv {
     background-color: inherit;
 }
-.table__expanded_qm5cc:hover {
+.table__expanded_147gv:hover {
         background-color: inherit;
     }
-.table__expandable_qm5cc td {
+.table__expandable_147gv 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_qm5cc","selected":"table__selected_qm5cc","expanded":"table__expanded_qm5cc","expandable":"table__expandable_qm5cc"};
+var styles = {"row":"table__row_147gv","selected":"table__selected_147gv","expanded":"table__expanded_147gv","expandable":"table__expandable_147gv"};
 
 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/no-typography-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/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/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-export declare type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
+export type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс
      */

package/components/thead/index.css

@@ -6,12 +6,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.table__component_mklyi {
+.table__component_cqqsp {
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }
-.table__component_mklyi th:not(:last-child):not(:empty):after {
+.table__component_cqqsp th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -23,12 +23,12 @@
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);
     }
-.table__component_mklyi th:after {
+.table__component_cqqsp th:after {
         opacity: 0;
     }
-.table__component_mklyi:hover th:after {
+.table__component_cqqsp:hover th:after {
         opacity: 1;
     }
-.table__row_mklyi {
+.table__row_cqqsp {
     height: 72px;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_mklyi","row":"table__row_mklyi"};
+var styles = {"component":"table__component_cqqsp","row":"table__row_cqqsp"};
 
 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/no-typography-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/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/Component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ThHTMLAttributes } from 'react';
 import { type TextAlignProperty } from '../../typings';
-export declare type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
+export type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
      * Дополнительный класс
      */