skillgrid 0.0.29 → 0.0.30

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-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 = 'small' | 'medium';
+export type TextAreaSize = 'M' | 'L';
 /**
  * Пропсы для компонента TextArea
  */

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

@@ -2,22 +2,22 @@
  * Константы для размеров TextArea
  */
 export declare const SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
+    readonly M: "M";
+    readonly L: "L";
 };
 /**
  * Константы для позиций
  */
 export declare const POSITIONS: {
-    readonly SMALL: "12px";
-    readonly MEDIUM: "16px";
+    readonly M: "12px";
+    readonly L: "16px";
 };
 /**
  * Константы для размеров иконок
  */
 export declare const ICON_SIZES: {
-    readonly SMALL: "xs";
-    readonly MEDIUM: "sm";
+    readonly M: "xs";
+    readonly L: "sm";
 };
 /**
  * Константы для resize режимов
@@ -32,32 +32,32 @@ export declare const RESIZE_MODES: {
  * Константы для высот wrapper
  */
 export declare const WRAPPER_HEIGHTS: {
-    readonly SMALL: "112px";
-    readonly MEDIUM: "56px";
+    readonly M: "112px";
+    readonly L: "56px";
 };
 /**
  * Константы для высот textarea
  */
 export declare const TEXTAREA_HEIGHTS: {
-    readonly SMALL: "48px";
-    readonly MEDIUM: "22px";
+    readonly M: "48px";
+    readonly L: "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";
+    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";
 };
 /**
  * Константы для minHeight значений
  */
 export declare const MIN_HEIGHTS: {
-    readonly SMALL: 48;
-    readonly MEDIUM: 56;
-    readonly LARGE: 112;
+    readonly M: 48;
+    readonly L: 56;
+    readonly XL: 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) => "small" | "medium";
+export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "M" | "L";
 /**
  * Получает размер иконки в зависимости от размера TextArea
  */

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

@@ -2,7 +2,7 @@ import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 /**
  * Размеры для компонента TextInput
  */
-export type TextInputSize = 'small' | 'medium' | 'large';
+export type TextInputSize = 'S' | 'M' | 'L' | 'XL';
 /**
  * Пропсы для компонента TextInput
  */
@@ -22,7 +22,7 @@ export interface TextInputProps {
     /** Показывать ли метку (по умолчанию: true) */
     showLabel?: boolean;
     /** Автозаполнение */
-    autoComplete?: string;
+    autoComplete?: HTMLInputElement['autocomplete'];
     /** Автофокус */
     autoFocus?: boolean;
     /** Размер компонента */

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

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

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

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