skillgrid 0.0.21 → 0.0.22-dev-31782-avatar.1141064

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

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

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

@@ -0,0 +1,6 @@
+import { TextAreaProps } from './TextArea.type';
+/**
+ * Компонент многострочного текстового поля
+ * Восстановленная версия с полной логикой стилей
+ */
+export declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,66 @@
+import { TextareaHTMLAttributes, ReactNode } from 'react';
+/**
+ * Размеры для компонента TextArea
+ */
+export type TextAreaSize = 'small' | 'medium';
+/**
+ * Пропсы для компонента TextArea
+ */
+export interface TextAreaProps {
+    /** Значение поля */
+    value?: string | null;
+    /** Обработчик изменения значения */
+    onChange?: (value: string | null) => void;
+    /** Плейсхолдер для поля */
+    placeholder?: string;
+    /** Максимальная длина */
+    maxLength?: number;
+    /** Минимальная длина */
+    minLength?: number;
+    /** Показывать ли лейбл (по умолчанию true) */
+    showLabel?: boolean;
+    /** Автофокус */
+    autoFocus?: boolean;
+    /** Размер компонента */
+    size?: TextAreaSize;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Вспомогательный текст под полем */
+    helper?: string;
+    /** Суффикс (правая иконка) */
+    suffix?: ReactNode;
+    /** Показывать ли кнопку очистки */
+    clearable?: boolean;
+    /** ID компонента */
+    id?: string;
+    /** Обработчик фокуса */
+    onFocus?: () => void;
+    /** Обработчик потери фокуса */
+    onBlur?: () => void;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Количество строк для textarea */
+    rows?: number;
+    /** Максимальное количество строк */
+    maxRows?: number;
+    /** Показывать ли индикатор изменения размера */
+    showGrip?: boolean;
+    /** Показывать ли счетчик символов */
+    showLimit?: boolean;
+    /** Минимальная высота компонента */
+    minHeight?: number;
+    /** Тип изменения размера */
+    resize?: 'fill' | 'hug' | 'fixed';
+    /** Стили для обертки */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Стили для лейбла */
+    labelProps?: React.HTMLAttributes<HTMLLabelElement>;
+    /** Стили для вспомогательного текста */
+    helperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Дополнительные пропсы для элемента textarea */
+    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'placeholder' | 'maxLength' | 'minLength' | 'autoFocus' | 'rows' | 'disabled'>;
+}

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

@@ -0,0 +1,2 @@
+export { TextArea } from './TextArea';
+export type { TextAreaProps, TextAreaSize } from './TextArea.type';

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

@@ -0,0 +1,65 @@
+/**
+ * Константы для размеров TextArea
+ */
+export declare const SIZES: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+};
+/**
+ * Константы для позиций
+ */
+export declare const POSITIONS: {
+    readonly SMALL: "12px";
+    readonly MEDIUM: "16px";
+};
+/**
+ * Константы для размеров иконок
+ */
+export declare const ICON_SIZES: {
+    readonly SMALL: "xs";
+    readonly MEDIUM: "sm";
+};
+/**
+ * Константы для resize режимов
+ */
+export declare const RESIZE_MODES: {
+    readonly NONE: "none";
+    readonly HUG: "hug";
+    readonly FILL: "fill";
+    readonly FIXED: "fixed";
+};
+/**
+ * Константы для высот wrapper
+ */
+export declare const WRAPPER_HEIGHTS: {
+    readonly SMALL: "112px";
+    readonly MEDIUM: "56px";
+};
+/**
+ * Константы для высот textarea
+ */
+export declare const TEXTAREA_HEIGHTS: {
+    readonly SMALL: "48px";
+    readonly MEDIUM: "22px";
+};
+/**
+ * Константы для padding
+ */
+export declare const PADDING: {
+    readonly SMALL: "12px 12px 12px 12px";
+    readonly MEDIUM: "16px 16px 16px 16px";
+    readonly MEDIUM_WITH_PREFIX: "12px 16px 12px 16px";
+    readonly MEDIUM_FLOATING_LABEL: "8px 16px 8px 16px";
+};
+/**
+ * Константы для minHeight значений
+ */
+export declare const MIN_HEIGHTS: {
+    readonly SMALL: 48;
+    readonly MEDIUM: 56;
+    readonly LARGE: 112;
+};
+export type TextAreaSize = (typeof SIZES)[keyof typeof SIZES];
+export type TextAreaPosition = (typeof POSITIONS)[keyof typeof POSITIONS];
+export type TextAreaIconSize = (typeof ICON_SIZES)[keyof typeof ICON_SIZES];
+export type TextAreaResizeMode = (typeof RESIZE_MODES)[keyof typeof RESIZE_MODES];

package/dist/components/TextArea/lib/getters.d.ts

@@ -0,0 +1,38 @@
+import { TextAreaSize, TextAreaResizeMode } from './constants';
+/**
+ * Интерфейс для стилей размеров TextArea
+ */
+export interface TextAreaSizeStyles {
+    wrapperStyles: React.CSSProperties;
+    floatingLabelStyles: React.CSSProperties;
+    suffixStyles: React.CSSProperties;
+    textareaStyles: React.CSSProperties;
+}
+/**
+ * Получает высоту wrapper в зависимости от размера и minHeight
+ */
+export declare const getWrapperHeight: (size: TextAreaSize, minHeight?: number) => string;
+/**
+ * Получает высоту textarea в зависимости от размера и minHeight
+ */
+export declare const getTextareaHeight: (size: TextAreaSize, minHeight?: number) => string;
+/**
+ * Получает padding в зависимости от размера, minHeight и состояния плавающего лейбла
+ */
+export declare const getPadding: (size: TextAreaSize, minHeight?: number, shouldShowFloatingLabel?: boolean) => string;
+/**
+ * Получает размер для InputBase в зависимости от размера TextArea и minHeight
+ */
+export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "small" | "medium";
+/**
+ * Получает размер иконки в зависимости от размера TextArea
+ */
+export declare const getIconSize: (size: TextAreaSize) => "xs" | "sm";
+/**
+ * Получает позицию суффикса в зависимости от размера
+ */
+export declare const getSuffixPosition: (size: TextAreaSize) => string;
+/**
+ * Основная функция для получения стилей размеров TextArea
+ */
+export declare const getSizeStyles: (size: TextAreaSize, minHeight?: number, shouldShowFloatingLabel?: boolean, resize?: TextAreaResizeMode) => TextAreaSizeStyles;

package/dist/components/TextArea/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './getters';

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

@@ -0,0 +1,6 @@
+import { TextInputProps } from './TextInput.type';
+/**
+ * Компонент текстового поля ввода
+ * Построен на основе InputBase с дополнительной логикой для текстового ввода
+ */
+export declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,72 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Размеры для компонента TextInput
+ */
+export type TextInputSize = 'small' | 'medium' | 'large';
+/**
+ * Пропсы для компонента TextInput
+ */
+export interface TextInputProps {
+    /** Значение поля */
+    value?: string | null;
+    /** Обработчик изменения значения */
+    onChange?: (value: string | null) => void;
+    /** Плейсхолдер для поля */
+    placeholder?: string;
+    /** Тип элемента input */
+    type?: InputHTMLAttributes<HTMLInputElement>['type'];
+    /** Максимальная длина */
+    maxLength?: number;
+    /** Минимальная длина */
+    minLength?: number;
+    /** Показывать ли метку (по умолчанию: true) */
+    showLabel?: boolean;
+    /** Автозаполнение */
+    autoComplete?: string;
+    /** Автофокус */
+    autoFocus?: boolean;
+    /** Размер компонента */
+    size?: TextInputSize;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Вспомогательный текст под полем */
+    helper?: string;
+    /** Префикс (иконка слева) */
+    prefix?: ReactNode;
+    /** Суффикс (иконка справа) */
+    suffix?: ReactNode;
+    /** Показывать ли кнопку очистки */
+    clearable?: boolean;
+    /** ID компонента */
+    id?: string;
+    /** Обработчик фокуса */
+    onFocus?: () => void;
+    /** Обработчик потери фокуса */
+    onBlur?: () => void;
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Включить обрезку текста с многоточием */
+    truncate?: boolean;
+    /** Подсказка внутри поля ввода (максимум 30 символов) */
+    hint?: string;
+    /** Показывать ли подсказку (по умолчанию: false) */
+    showHint?: boolean;
+    /** Показывать подсказку когда значение пустое (по умолчанию: false) */
+    showHintOnEmpty?: boolean;
+    /** Стили для обертки */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Стили для метки */
+    labelProps?: React.HTMLAttributes<HTMLLabelElement>;
+    /** Стили для вспомогательного текста */
+    helperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Стили для префикса */
+    prefixStyles?: React.CSSProperties;
+    /** Стили для суффикса */
+    suffixStyles?: React.CSSProperties;
+    /** Дополнительные пропсы для элемента input */
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'placeholder' | 'type' | 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'size'>;
+}

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

@@ -0,0 +1,2 @@
+export { TextInput } from './TextInput';
+export type { TextInputProps, TextInputSize } from './TextInput.type';

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

@@ -0,0 +1,9 @@
+/**
+ * Константы для размеров TextInput
+ */
+export declare const SIZES: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type TextInputSize = (typeof SIZES)[keyof typeof SIZES];

package/dist/components/TextInput/lib/getters.d.ts

@@ -0,0 +1,38 @@
+import { TextInputSize } from './constants';
+/**
+ * Интерфейс для стилей размеров
+ */
+export interface SizeStyles {
+    wrapperStyles: React.CSSProperties;
+    floatingLabelStyles: React.CSSProperties;
+    prefixStyles: React.CSSProperties;
+    suffixStyles: React.CSSProperties;
+}
+/**
+ * Получает отступы в зависимости от размера и состояния
+ */
+export declare const getPadding: (size: TextInputSize, showFloatingLabel: boolean, hasValue: boolean, hasPrefix: boolean) => string;
+/**
+ * Получает высоту в зависимости от размера
+ */
+export declare const getHeight: (size: TextInputSize) => string;
+/**
+ * Получает отступы префикса и суффикса
+ */
+export declare const getPrefixSuffixSpacing: (size: TextInputSize) => number;
+/**
+ * Получает стили для большого размера
+ */
+export declare const getLargeSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+/**
+ * Получает стили для среднего размера
+ */
+export declare const getMediumSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+/**
+ * Получает стили для малого размера
+ */
+export declare const getSmallSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+/**
+ * Основная функция для получения стилей размеров
+ */
+export declare const getSizeStyles: (size: TextInputSize, showFloatingLabel: boolean, hasValue: boolean, hasPrefix: boolean) => SizeStyles;

package/dist/components/TextInput/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './getters';

package/dist/components/Typography/Typography.constants.d.ts

@@ -0,0 +1,2 @@
+import { TypographySize } from './Typography.type';
+export declare const TYPOGRAPHY_HEADING_BY_SIZE: Record<TypographySize, 'h1' | 'h2' | 'h3' | 'h4' | 'h5'>;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,21 @@
+import { TypographyTitleProps, TypographyTextProps } from './Typography.type';
+import * as React from 'react';
+/**
+ * Object containing typography components.
+ *
+ * @example
+ * ```tsx
+ * import { Typography } from './Typography';
+ *
+ * <Typography.Title size={1}>Heading</Typography.Title>
+ * <Typography.Subtitle size={2}>Subheading</Typography.Subtitle>
+ * <Typography.Label size={3}>Label</Typography.Label>
+ * <Typography.Paragraph size={4}>Paragraph</Typography.Paragraph>
+ * ```
+ */
+export declare const Typography: {
+    Title: React.ForwardRefExoticComponent<TypographyTitleProps & React.RefAttributes<HTMLHeadingElement | null>>;
+    Subtitle: React.ForwardRefExoticComponent<TypographyTitleProps & React.RefAttributes<HTMLHeadingElement | null>>;
+    Label: React.ForwardRefExoticComponent<TypographyTextProps & React.RefAttributes<HTMLSpanElement | HTMLDivElement | HTMLLabelElement | HTMLParagraphElement | null>>;
+    Paragraph: React.ForwardRefExoticComponent<TypographyTextProps & React.RefAttributes<HTMLSpanElement | HTMLDivElement | HTMLLabelElement | HTMLParagraphElement | null>>;
+};

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

@@ -0,0 +1,68 @@
+export type TypographyStyle = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'accent-secondary' | 'positive' | 'positive-secondary' | 'negative' | 'negative-secondary' | 'warning' | 'warning-secondary' | 'special' | 'special-secondary' | 'contrast' | 'contrast-secondary';
+export type TypographySize = 1 | 2 | 3 | 4 | 5;
+export type TypographyTitleFontWeight = 'semibold';
+export type TypographyTitleVariant = 'title' | 'subtitle';
+export type TypographyTextFontWeight = 'regular' | 'medium';
+export type TypographyTextVariant = 'paragraph' | 'label';
+export interface TypographyBaseProps {
+    /**
+     * Children content
+     */
+    children?: React.ReactNode;
+    /**
+     * Typography style
+     * @default 'primary'
+     */
+    typographyStyle?: TypographyStyle;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Typography size
+     * @default 3
+     */
+    size?: TypographySize;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+    /**
+     * Disable typography
+     * @default false
+     */
+    disabled?: boolean;
+}
+export interface TypographyTitleProps extends TypographyBaseProps, React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Typography variant by design system
+     * @default 'title'
+     */
+    variant?: TypographyTitleVariant;
+    /**
+     * Typography HTML tag
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Typography font weight
+     * @default 'semibold'
+     */
+    fontWeight?: TypographyTitleFontWeight;
+}
+export interface TypographyTextProps extends TypographyBaseProps, React.HTMLAttributes<HTMLParagraphElement | HTMLSpanElement | HTMLLabelElement | HTMLDivElement> {
+    /**
+     * Typography variant by design system
+     * @default 'label'
+     */
+    variant?: TypographyTextVariant;
+    /**
+     * Typography HTML tag
+     * @default 'p'
+     */
+    as?: 'p' | 'span' | 'label' | 'div';
+    /**
+     * Typography font weight
+     * @default 'regular'
+     */
+    fontWeight?: TypographyTextFontWeight;
+}

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

@@ -0,0 +1 @@
+export { Typography } from './Typography';