skillgrid 0.0.25-dev-40846-input.1178444 → 0.0.25-dev-38682-image.1191040

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

@@ -1,6 +1,7 @@
+import { HTMLAttributes, ImgHTMLAttributes } from 'react';
 export type ImageStatus = 'loading' | 'loaded' | 'error';
 export type ImageRenderMap = Record<'loader' | 'error' | 'image', React.ReactElement>;
-export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'loading' | 'alt' | 'onLoad' | 'onError' | 'width' | 'height'> {
+export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'loading' | 'alt' | 'onLoad' | 'onError' | 'width' | 'height' | 'style'> {
     /**
      * Тип подгрузки картинки
      * @default 'lazy'
@@ -20,6 +21,14 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElemen
      * Дополнительный CSS класс
      */
     className?: string;
+    /**
+     * Пропсы для контейнера
+     */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Инлайн‑стили, применяемые к контейнеру изображения
+     */
+    style?: ImgHTMLAttributes<HTMLImageElement>['style'];
     /**
      * Test ID для тестирования
      * @default 'image'

package/dist/components/InputBase/Input.type.d.ts

@@ -6,11 +6,11 @@ export type InputComponent = 'input' | 'textarea';
 /**
  * Размер компонента Input
  */
-export type InputSize = 'S' | 'M' | 'L' | 'XL';
+export type InputSize = 'small' | 'medium' | 'large';
 /**
  * Размер компонента InputWrapper
  */
-export type InputWrapperSize = 'S' | 'M' | 'L' | 'XL';
+export type InputWrapperSize = 'small' | 'medium' | 'large';
 /**
  * Пропсы для компонента Input
  */

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

@@ -2,7 +2,7 @@ import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes,
 /**
  * Размеры для компонента InputBase
  */
-export type InputBaseSize = 'S' | 'M' | 'L' | 'XL';
+export type InputBaseSize = 'small' | 'medium' | 'large';
 /**
  * Типы компонентов для InputBase
  */

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

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { ListProps } from './List.type';
-export declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLOListElement | HTMLUListElement>> & {
-    Item: import('react').FC<import('./ListItem/ListItem').ListItemProps>;
+export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>> & {
+    Item: React.FC<import('./ListItem/ListItem').ListItemProps>;
 };

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

@@ -9,7 +9,7 @@ export interface BaseLoaderProps {
      * Вариант цвета лоадера
      * @default 'accent'
      */
-    variant?: 'accent' | 'neutral' | 'positive' | 'negative' | 'contrast' | 'gray' | 'special';
+    variant?: 'accent' | 'neutral' | 'positive' | 'negative' | 'contrast' | 'gray' | 'special' | 'custom';
     /**
      * Дополнительный CSS класс
      */

package/dist/components/Palette/Palette.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { PaletteProps } from './Palette.type';
 declare const Palette: React.FC<PaletteProps>;
 export default Palette;

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

@@ -2,7 +2,7 @@ import { TextareaHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 /**
  * Размеры для компонента TextArea
  */
-export type TextAreaSize = 'M' | 'L';
+export type TextAreaSize = 'small' | 'medium';
 /**
  * Пропсы для компонента TextArea
  */

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

@@ -2,22 +2,22 @@
  * Константы для размеров TextArea
  */
 export declare const SIZES: {
-    readonly M: "M";
-    readonly L: "L";
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
 };
 /**
  * Константы для позиций
  */
 export declare const POSITIONS: {
-    readonly M: "12px";
-    readonly L: "16px";
+    readonly SMALL: "12px";
+    readonly MEDIUM: "16px";
 };
 /**
  * Константы для размеров иконок
  */
 export declare const ICON_SIZES: {
-    readonly M: "xs";
-    readonly L: "sm";
+    readonly SMALL: "xs";
+    readonly MEDIUM: "sm";
 };
 /**
  * Константы для resize режимов
@@ -32,32 +32,32 @@ export declare const RESIZE_MODES: {
  * Константы для высот wrapper
  */
 export declare const WRAPPER_HEIGHTS: {
-    readonly M: "112px";
-    readonly L: "56px";
+    readonly SMALL: "112px";
+    readonly MEDIUM: "56px";
 };
 /**
  * Константы для высот textarea
  */
 export declare const TEXTAREA_HEIGHTS: {
-    readonly M: "48px";
-    readonly L: "22px";
+    readonly SMALL: "48px";
+    readonly MEDIUM: "22px";
 };
 /**
  * Константы для padding
  */
 export declare const PADDING: {
-    readonly M: "12px 12px 12px 12px";
-    readonly L: "16px 16px 16px 16px";
-    readonly L_WITH_PREFIX: "12px 16px 12px 16px";
-    readonly L_FLOATING_LABEL: "8px 16px 8px 16px";
+    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 M: 48;
-    readonly L: 56;
-    readonly XL: 112;
+    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];

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

@@ -23,7 +23,7 @@ export declare const getPadding: (size: TextAreaSize, minHeight?: number, should
 /**
  * Получает размер для InputBase в зависимости от размера TextArea и minHeight
  */
-export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "M" | "L";
+export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "small" | "medium";
 /**
  * Получает размер иконки в зависимости от размера TextArea
  */

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

@@ -2,7 +2,7 @@ import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 /**
  * Размеры для компонента TextInput
  */
-export type TextInputSize = 'S' | 'M' | 'L' | 'XL';
+export type TextInputSize = 'small' | 'medium' | 'large';
 /**
  * Пропсы для компонента TextInput
  */

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

@@ -2,9 +2,8 @@
  * Константы для размеров TextInput
  */
 export declare const SIZES: {
-    readonly S: "S";
-    readonly M: "M";
-    readonly L: "L";
-    readonly XL: "XL";
+    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

@@ -21,21 +21,17 @@ export declare const getHeight: (size: TextInputSize) => string;
  */
 export declare const getPrefixSuffixSpacing: (size: TextInputSize) => number;
 /**
- * Получает стили для S размера
+ * Получает стили для большого размера
  */
-export declare const getSSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getLargeSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
- * Получает стили для XL размера
+ * Получает стили для среднего размера
  */
-export declare const getXLSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getMediumSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
- * Получает стили для L размера
+ * Получает стили для малого размера
  */
-export declare const getLSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
-/**
- * Получает стили для M размера
- */
-export declare const getMSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getSmallSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
  * Основная функция для получения стилей размеров
  */