@alfalab/core-components-table 2.2.41 → 2.3.0

package/components/texpandable-row/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"row":"table__row_ef6ys","selected":"table__selected_ef6ys","expanded":"table__expanded_ef6ys","expandable":"table__expandable_ef6ys"};
+var styles = {"row":"table__row_3iagx","selected":"table__selected_3iagx","expanded":"table__expanded_3iagx","expandable":"table__expandable_3iagx"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: qkixn */
+/* hash: qf692 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_ef6ys {
+} .table__row_3iagx {
     cursor: pointer;
-} .table__selected_ef6ys.table__expanded_ef6ys {
+} .table__selected_3iagx.table__expanded_3iagx {
     background-color: inherit;
-} .table__expanded_ef6ys:hover {
+} .table__expanded_3iagx:hover {
         background-color: inherit;
-    } .table__expandable_ef6ys td {
+    } .table__expandable_3iagx td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/components/thead/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_v2ssl","row":"table__row_v2ssl"};
+var styles = {"component":"table__component_1gjld","row":"table__row_1gjld"};
 require('./index.css')
 
 var THead = function (_a) {

package/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p6uy */
+/* hash: 1q4jg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_v2ssl {
+} .table__component_1gjld {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_v2ssl th:not(:last-child):not(:empty):after {
+} .table__component_1gjld th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_v2ssl th:after {
+    } .table__component_1gjld th:after {
         opacity: 0;
-    } .table__component_v2ssl:hover th:after {
+    } .table__component_1gjld:hover th:after {
         opacity: 1;
-    } .table__row_v2ssl {
+    } .table__row_1gjld {
     height: 72px;
 }

package/components/thead-cell/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ThHTMLAttributes } from 'react';
+import React from 'react';
+import { ThHTMLAttributes } from "react";
 import { TextAlignProperty } from "../../typings";
 type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
      */
     dataTestId?: string;
 };
-declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
+declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
 export { THeadCellProps, THeadCell };

package/components/thead-cell/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1v2jt","sortable":"table__sortable_1v2jt","sorted":"table__sorted_1v2jt","stickyHeader":"table__stickyHeader_1v2jt","compactHorizontal":"table__compactHorizontal_1v2jt"};
+var styles = {"component":"table__component_19lr8","stickyHeader":"table__stickyHeader_19lr8","sortable":"table__sortable_19lr8","sorted":"table__sorted_19lr8","compactHorizontal":"table__compactHorizontal_19lr8"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: ztmeg */
+/* hash: 1jjvr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1v2jt {
+} .table__component_19lr8 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -29,7 +29,6 @@
     text-transform: uppercase;
 
     line-height: 20px;
-    position: relative;
     text-align: left;
     color: var(--color-light-text-primary);
     padding: var(--gap-2xl) var(--gap-s) var(--gap-2xs);
@@ -37,21 +36,23 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1v2jt:first-child {
+} .table__component_19lr8:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1v2jt:last-child {
+    } .table__component_19lr8:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_1v2jt {
+    } .table__component_19lr8:not(.table__stickyHeader_19lr8) {
+        position: relative;
+    } .table__sortable_19lr8 {
     cursor: pointer;
-} .table__sorted_1v2jt {
+} .table__sorted_19lr8 {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1v2jt {
+} .table__stickyHeader_19lr8 {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1v2jt {
+} .table__compactHorizontal_19lr8 {
     padding-left: 6px;
     padding-right: 6px;
 }

package/components/trow/Component.d.ts

@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
+declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
 export { TRowProps, TRow };

package/components/trow/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1jdfp","withoutBorder":"table__withoutBorder_1jdfp","clickable":"table__clickable_1jdfp","selected":"table__selected_1jdfp"};
+var styles = {"component":"table__component_jb2m6","withoutBorder":"table__withoutBorder_jb2m6","clickable":"table__clickable_jb2m6","selected":"table__selected_jb2m6"};
 require('./index.css')
 
 var TRow = function (_a) {

package/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 5olj8 */
+/* hash: vd79c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_1jdfp {
+} .table__component_jb2m6 {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_1jdfp:first-child td {
+} .table__component_jb2m6:first-child td {
         border-top: 0;
-    } .table__withoutBorder_1jdfp td {
+    } .table__withoutBorder_jb2m6 td {
         border: none;
-    } .table__clickable_1jdfp {
+    } .table__clickable_jb2m6 {
     cursor: pointer
-} .table__clickable_1jdfp:hover {
+} .table__clickable_jb2m6:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_1jdfp {
+    } .table__selected_jb2m6 {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_1jdfp:hover {
+} .table__selected_jb2m6:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/components/tsortable-head-cell/Component.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import React from 'react';
 import { THeadCellProps } from "../thead-cell/index";
 type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;
 };
-declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
+declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;
 export { TSortableHeadCellProps, TSortableHeadCell };

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

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_yiint","content":"table__content_yiint","icon":"table__icon_yiint","reverse":"table__reverse_yiint","sorted":"table__sorted_yiint"};
+var styles = {"content":"table__content_ni7wn","icon":"table__icon_ni7wn","reverse":"table__reverse_ni7wn","sorted":"table__sorted_ni7wn"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {
@@ -30,7 +30,7 @@ var TSortableHeadCell = function (_a) {
             return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
         return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
     }, [defaultIsSortedDesc, isSortedDesc]);
-    return (React__default.default.createElement(components_theadCell_Component.THeadCell, tslib.__assign({ className: cn__default.default(className, styles.component) }, restProps),
+    return (React__default.default.createElement(components_theadCell_Component.THeadCell, tslib.__assign({ className: className }, restProps),
         React__default.default.createElement("div", { className: cn__default.default(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
             children,
             React__default.default.createElement(SortIcon, { onClick: onSort, className: cn__default.default(styles.icon, (_c = {},

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

@@ -1,4 +1,4 @@
-/* hash: 17er7 */
+/* hash: 16h2p */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-link: #0072ef;
@@ -18,12 +18,10 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_yiint {
-    position: relative;
-} .table__content_yiint {
+} .table__content_ni7wn {
     display: flex;
     align-items: flex-start;
-} .table__icon_yiint {
+} .table__icon_ni7wn {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,15 +33,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_yiint:hover {
+} .table__icon_ni7wn:hover {
         color: var(--color-light-graphic-primary);
-    } .table__reverse_yiint {
+    } .table__reverse_ni7wn {
     flex-direction: row-reverse
-} .table__reverse_yiint .table__icon_yiint {
+} .table__reverse_ni7wn .table__icon_ni7wn {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    } .table__sorted_yiint {
+    } .table__sorted_ni7wn {
     color: var(--color-light-graphic-link)
-} .table__sorted_yiint:hover {
+} .table__sorted_ni7wn:hover {
         color: var(--color-light-graphic-link);
     }

package/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/cssm/Component-5e1b8383.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
+export { BaseCheckmark };

package/cssm/Component-63dec22f.d.ts

@@ -0,0 +1,167 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
+export type { TitleProps, TextProps, Color };

package/cssm/Component-89a3cf4c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-ebda875c";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/cssm/Component-bdb4c6b9.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/cssm/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/cssm/Component-ebda875c.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/cssm/Component.desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { InputDesktopProps, InputDesktop };

package/cssm/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/cssm/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/cssm/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/cssm/Context-bdb4c6b9.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-bdb4c6b9";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/cssm/ResponsiveContext-baf4875b.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-bdb4c6b9";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/cssm/component-89a3cf4c.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode, RefObject } from "react";
+import { NavigationBarProps } from "./index-e81c389f";
+import { SwipeableHandlers } from "react-swipeable";
+import { BackdropProps } from "./index-ebda875c";
+import { BottomSheetProps } from "./types-425c8522";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
+type SwipeableBackdropProps = BackdropProps & {
+    /**
+     * Прозрачность бэкдропа
+     */
+    opacity?: number;
+    /**
+     * Обработчики свайпа
+     */
+    handlers?: SwipeableHandlers;
+    /**
+     * Время анимации opacity
+     */
+    opacityTimeout?: number;
+};
+declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/cssm/component.d.ts

@@ -11,11 +11,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 | 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 | 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;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => import("react").JSX.Element | null;
+    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => import("react").JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null;
+    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => import("react").JSX.Element;
+    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => import("react").JSX.Element;
     Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };
 export { Table };