skillgrid 0.0.58 → 0.0.59

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,18 @@
+import { SwitchProps } from './Switch.type';
+/**
+ * Switch компонент для переключения состояний
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Switch
+ *   name="notifications"
+ *   value={enabled}
+ *   onChange={setEnabled}
+ *   size="L"
+ * >
+ *   Включить уведомления
+ * </Switch>
+ * ```
+ */
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,97 @@
+import { ChangeEvent, CSSProperties, ReactNode } from 'react';
+/**
+ * Размеры для компонента Switch
+ */
+export type SwitchSize = 'S' | 'M' | 'L';
+/** Цветовая схема */
+export declare const COLOR_SCHEME_CLASS_MAP: {
+    readonly primary: string;
+    readonly green: string;
+    readonly red: string;
+    readonly blue: string;
+};
+/**
+ * Пропсы для компонента Switch
+ */
+export interface SwitchProps {
+    /**
+     * Уникальное имя переключателя, значение для id тэга input
+     */
+    name?: string;
+    /**
+     * Текущее значение переключателя
+     * - true - включен
+     * - false - выключен
+     * Если не передан, используется внутреннее состояние
+     */
+    value?: boolean;
+    /**
+     * Размер переключателя
+     * @default 'L'
+     */
+    size?: SwitchSize;
+    /**
+     * Состояние загрузки (переключатель становится неактивным)
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Сообщение об ошибке
+     */
+    error?: string;
+    /**
+     * Отключенное состояние
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Дополнительные CSS классы для контейнера
+     */
+    containerClassName?: string;
+    /**
+     * Дополнительные CSS классы для переключателя
+     */
+    className?: string;
+    /**
+     * Дополнительные CSS стили для контейнера
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * Дополнительные CSS стили для переключателя
+     */
+    style?: CSSProperties;
+    /**
+     * Цвет бэкграунда переключателя в состоянии checked=true
+     * @example '#FFC804' или 'var(--brand-primary-500)'
+     */
+    checkedColor?: string;
+    /**
+     * Цвет бэкграунда переключателя в состоянии checked=false
+     * @example '#ccd5df' или 'var(--base-graphite-85)'
+     */
+    uncheckedColor?: string;
+    /**
+     * Дефолтные цвета бэкграунда переключателя в состоянии checked=true
+     * @example 'primary' = 'var(--brand-primary-500)'
+     */
+    colorScheme?: 'primary' | 'green' | 'red' | 'blue';
+    /**
+     * Вложенный компонент справа от переключателя (label)
+     */
+    children?: ReactNode;
+    /**
+     * Делать ли весь элемент (включая label) кликабельным
+     * @default true
+     */
+    clickableLabel?: boolean;
+    /**
+     * Обработчик изменения состояния переключателя
+     * @param checked - boolean, текущее состояние переключателя
+     * @param e - ChangeEvent<HTMLInputElement>, ивент нажатия на инпут
+     */
+    onChange?: (checked: boolean, e?: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Идентификатор для тестирования
+     */
+    'data-testid'?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchSize } from './Switch.type';

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

@@ -0,0 +1,9 @@
+import { SwitchSize } from '../Switch.type';
+/**
+ * Длительность анимации растягивания в мс
+ */
+export declare const STRETCH_DURATION = 150;
+/**
+ * Маппинг размеров Switch на размеры иконки
+ */
+export declare const LOCK_ICON_SIZE_MAP: Record<SwitchSize, number>;

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

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