skillgrid 0.0.53 → 0.0.55

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Адаптивный контейнер для содержимого страницы.
+ *
+ * Занимает 100% ширины экрана и автоматически применяет отступы, скругления
+ * в зависимости от ширины viewport. Контентная область ограничивается до 1416px
+ * на больших экранах (XL/XXL) через динамические padding.
+ *
+ * Принимает все стандартные HTML-атрибуты div (className, style, onClick и т.д.)
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Базовое использование
+ * <Container>
+ *   <div>Контент</div>
+ * </Container>
+ *
+ * // С кастомными стилями
+ * <Container className="my-section" style={{ backgroundColor: '#f0f0f0' }}>
+ *   <Content />
+ * </Container>
+ * ```
+ */
+export declare const Container: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Container/Container.type.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export type ContainerProps = ComponentPropsWithRef<'div'>;

package/dist/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { ContainerProps } from './Container.type';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { DividerProps } from './Divider.types';
+/**
+ * Компонент разделителя для визуального разделения контента.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Divider layout="horizontal" margin={[16, 8]} />
+ * ```
+ */
+export declare const Divider: FC<DividerProps>;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties } from 'react';
+import { DIVIDER_SPACING_VALUES } from './lib/constants';
+type DividerSpacingKey = keyof typeof DIVIDER_SPACING_VALUES;
+export type DividerSize = number | string;
+type DividerMargin = [] | [DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey, DividerSpacingKey] | [DividerSpacingKey, DividerSpacingKey, DividerSpacingKey, DividerSpacingKey];
+export interface DividerProps {
+    /**
+     * Ориентация разделителя.
+     * @default horizontal
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * Внешние отступы вокруг разделителя (аналог CSS-свойства margin).
+     * Поддерживаются массивы из 1–4 значений с ключами: 0, 8, 12, 16, 24.
+     */
+    margin?: DividerMargin;
+    /**
+     * Длина разделителя по основной оси.
+     * Для horizontal — ширина, для vertical — высота.
+     * @default 100%
+     */
+    length?: DividerSize;
+    /**
+     * Толщина линии разделителя.
+     * @default 1px
+     */
+    thickness?: DividerSize;
+    /**
+     * Дополнительный CSS-класс для элемента разделителя.
+     */
+    className?: string;
+    /**
+     * Inline-стили для элемента разделителя.
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID для автотестов.
+     */
+    'data-testid'?: string;
+}
+export {};

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/dist/components/Divider/lib/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const DIVIDER_SPACING_VALUES: {
+    readonly 0: "0px";
+    readonly 8: "8px";
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 24: "24px";
+};

package/dist/components/Divider/lib/get-spacing-props.d.ts

@@ -0,0 +1,14 @@
+import { DividerProps, DividerSize } from '../Divider.types';
+/**
+ * Преобразует числовое или строковое значение в корректное CSS-значение длины.
+ * @param value Число (будет преобразовано в строку с суффиксом `px`)
+ *              или строка с уже валидным CSS-значением (%, px, rem и т.п.).
+ * @returns Строка с CSS-значением длины или undefined, если value не передано.
+ */
+export declare const transformToSize: (value?: DividerSize) => string | undefined;
+/**
+ * Преобразует массив отступов в строку CSS.
+ * @param margin - Массив значений отступов [0, 8, 12, 16, 24]
+ * @returns Строка для CSS-свойства margin
+ */
+export declare const getMarginProps: (margin?: DividerProps["margin"]) => string;

package/dist/components/Divider/lib/get-spacing-props.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Drop/Drop.type.d.ts

@@ -30,6 +30,13 @@ export interface DropCommonProps {
      * @default 'left-start'
      */
     position?: PositionDrop;
+    /**
+     * Поведение по высоте дропа
+     * * auto - высота дропа подстраивается под контент
+     * * fixed - фиксированная высота дропа с возможностью скролла
+     * @default 'fixed'
+     */
+    heightBehavior?: 'auto' | 'fixed';
     /**
      * Контент футера
      */
@@ -71,6 +78,11 @@ export interface DropCommonProps {
      * @default: { padding: 24, paddingType: 'all' }
      */
     footerPadding?: ButtonsContainerPadding;
+    /**
+     * Отступ между toggle-ом и выпадающим меню (drop) в пикселях
+     * @default 8
+     */
+    dropToggleOffset?: number;
     /**
      * Дополнительные классы для:
      * @wrapper для обертки

package/dist/components/TextArea/TextArea.type.d.ts

@@ -66,5 +66,7 @@ export interface TextAreaProps {
     /** Стили для вспомогательного текста */
     helperProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Дополнительные пропсы для элемента textarea */
-    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'placeholder' | 'maxLength' | 'minLength' | 'autoFocus' | 'rows' | 'disabled'>;
+    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'placeholder' | 'maxLength' | 'minLength' | 'autoFocus' | 'rows' | 'disabled'> & {
+        [key: `data-${string}`]: unknown;
+    };
 }

package/dist/components/TextInput/TextInput.type.d.ts

@@ -72,5 +72,7 @@ export interface TextInputProps {
     /** Стили для суффикса */
     suffixStyles?: React.CSSProperties;
     /** Дополнительные пропсы для элемента input */
-    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'placeholder' | 'type' | 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'size'>;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'placeholder' | 'type' | 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'size'> & {
+        [key: `data-${string}`]: unknown;
+    };
 }