@itcase/ui 1.8.109 → 1.8.111

package/dist/types/components/Segmented/appearance/segmentedWarning.d.ts

@@ -2,6 +2,7 @@ declare const segmentedAppearanceWarning: {
     warningPrimary: {
         fill: string;
         fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextActiveColor: string;
         labelTextColor: string;

package/dist/types/components/Select/appearance/selectDefault.d.ts

@@ -1,19 +1,19 @@
 declare const selectAppearanceDefault: {
     defaultPrimary: {
-        elevation: number;
-        errorInputBorderColor: string;
+        fill: string;
+        fillHover: string;
         optionFillDisabled: string;
         optionTextColorDisabled: string;
+        borderColor: string;
+        borderColorHover: string;
+        elevation: number;
         badgeAppearance: string;
         clearIconFill: string;
         dropdownIconFill: string;
         groupFill: string;
         groupTextColor: string;
         groupTextWeight: string;
-        inputBorderColor: string;
-        inputBorderColorHover: string;
         inputCaretColor: string;
-        inputFill: string;
         inputTextColor: string;
         loaderAppearance: string;
         loadingMessageTextColor: string;

package/dist/types/components/Select/appearance/selectDisabled.d.ts

@@ -1,7 +1,6 @@
 declare const selectAppearanceDisabled: {
     disabledPrimary: {
         elevation: number;
-        errorInputBorderColor: string;
         badgeAppearance: string;
         clearIconFill: string;
         dropdownIconFill: string;

package/dist/types/components/Select/appearance/selectError.d.ts

@@ -1,18 +1,23 @@
 declare const selectAppearanceError: {
     errorPrimary: {
+        fill: string;
+        fillHover: string;
+        optionFillDisabled: string;
+        optionTextColorDisabled: string;
+        borderColor: string;
+        borderColorHover: string;
         elevation: number;
-        errorInputBorderColor: string;
         badgeAppearance: string;
         clearIconFill: string;
         dropdownIconFill: string;
-        headingFill: string;
-        headingTextColor: string;
-        inputBorderColor: string;
-        inputBorderColorHover: string;
+        groupFill: string;
+        groupTextColor: string;
+        groupTextWeight: string;
         inputCaretColor: string;
-        inputFill: string;
-        inputShape: string;
         inputTextColor: string;
+        loaderAppearance: string;
+        loadingMessageTextColor: string;
+        menuFill: string;
         multipleItemFill: string;
         multipleItemFillHover: string;
         multipleItemIconFill: string;
@@ -21,9 +26,12 @@ declare const selectAppearanceError: {
         noOptionsTextColor: string;
         optionBorder: string;
         optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
         optionFillHover: string;
-        optionShape: string;
+        optionSelectedIconFillIcon: string;
         optionTextColor: string;
+        optionTextColorActive: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Select/appearance/selectRequire.d.ts

@@ -1,18 +1,23 @@
 declare const selectAppearanceRequire: {
     requirePrimary: {
+        fill: string;
+        fillHover: string;
+        optionFillDisabled: string;
+        optionTextColorDisabled: string;
+        borderColor: string;
+        borderColorHover: string;
         elevation: number;
-        errorInputBorderColor: string;
         badgeAppearance: string;
         clearIconFill: string;
         dropdownIconFill: string;
-        headingFill: string;
-        headingTextColor: string;
-        inputBorderColor: string;
-        inputBorderColorHover: string;
+        groupFill: string;
+        groupTextColor: string;
+        groupTextWeight: string;
         inputCaretColor: string;
-        inputFill: string;
-        inputShape: string;
         inputTextColor: string;
+        loaderAppearance: string;
+        loadingMessageTextColor: string;
+        menuFill: string;
         multipleItemFill: string;
         multipleItemFillHover: string;
         multipleItemIconFill: string;
@@ -21,9 +26,12 @@ declare const selectAppearanceRequire: {
         noOptionsTextColor: string;
         optionBorder: string;
         optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
         optionFillHover: string;
-        optionShape: string;
+        optionSelectedIconFillIcon: string;
         optionTextColor: string;
+        optionTextColorActive: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Select/appearance/selectShape.d.ts

@@ -2,19 +2,19 @@ declare const selectAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedS: {
+    roundedXL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedM: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedL: {
+    roundedM: {
         shape: string;
         shapeStrength: string;
     };
-    roundedXL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };

package/dist/types/components/Select/appearance/selectSize.d.ts

@@ -14,6 +14,7 @@ declare const selectAppearanceSize: {
         multipleItemIcon: string;
         multipleItemTextSize: string;
         noOptionsTextSize: string;
+        optionSelectedIcon: string;
         optionTextSize: string;
         placeholderTextSize: string;
     };
@@ -32,6 +33,7 @@ declare const selectAppearanceSize: {
         multipleItemIcon: string;
         multipleItemTextSize: string;
         noOptionsTextSize: string;
+        optionSelectedIcon: string;
         optionTextSize: string;
         placeholderTextSize: string;
     };
@@ -69,6 +71,7 @@ declare const selectAppearanceSize: {
         multipleItemIcon: string;
         multipleItemTextSize: string;
         noOptionsTextSize: string;
+        optionSelectedIcon: string;
         optionTextSize: string;
         placeholderTextSize: string;
     };

package/dist/types/components/Select/appearance/selectStyle.d.ts

@@ -1,16 +1,17 @@
 declare const selectAppearanceStyle: {
     solid: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
+        borderColor: string;
+        borderColorHover: string;
     };
     outlined: {
         fill: string;
+        fillHover: string;
     };
     full: {};
     ghost: {
         fill: string;
-        inputBorderColor: string;
-        inputBorderColorHover: string;
+        borderColor: string;
+        borderColorHover: string;
     };
 };
 export { selectAppearanceStyle };

package/dist/types/components/Select/appearance/selectSuccess.d.ts

@@ -1,31 +1,37 @@
 declare const selectAppearanceSuccess: {
     successPrimary: {
+        fill: string;
+        fillHover: string;
+        optionFillDisabled: string;
+        optionTextColorDisabled: string;
+        borderColor: string;
+        borderColorHover: string;
         elevation: number;
-        errorInputBorderColor: string;
         badgeAppearance: string;
         clearIconFill: string;
         dropdownIconFill: string;
-        headingFill: string;
-        headingTextColor: string;
-        inputBorderColor: string;
-        inputBorderColorHover: string;
+        groupFill: string;
+        groupTextColor: string;
+        groupTextWeight: string;
         inputCaretColor: string;
-        inputFill: string;
-        inputShape: string;
         inputTextColor: string;
+        loaderAppearance: string;
+        loadingMessageTextColor: string;
+        menuFill: string;
         multipleItemFill: string;
         multipleItemFillHover: string;
         multipleItemIconFill: string;
         multipleItemTextColor: string;
         multipleTextColor: string;
-        noOptionsText: string;
         noOptionsTextColor: string;
         optionBorder: string;
         optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
         optionFillHover: string;
-        optionShape: string;
+        optionSelectedIconFillIcon: string;
         optionTextColor: string;
-        placeholder: string;
+        optionTextColorActive: string;
         placeholderTextColor: string;
         requiredInputBorderColor: string;
     };

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -1,24 +1,26 @@
 declare const textareaAppearanceDefault: {
     defaultPrimary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;
     };
     defaultSecondary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;
     };
-    defaultTertiaryy: {
+    defaultTertiary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;
@@ -26,7 +28,7 @@ declare const textareaAppearanceDefault: {
     defaultQuaternary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Textarea/appearance/textareaDisabled.d.ts

@@ -2,7 +2,7 @@ declare const textareaAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const textareaAppearanceDisabled: {
     disabledSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Textarea/appearance/textareaError.d.ts

@@ -2,7 +2,7 @@ declare const textareaAppearanceError: {
     errorPrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const textareaAppearanceError: {
     errorSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Textarea/appearance/textareaRequire.d.ts

@@ -2,7 +2,7 @@ declare const textareaAppearanceRequire: {
     requirePrimary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +11,7 @@ declare const textareaAppearanceRequire: {
     requireSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Textarea/appearance/textareaShape.d.ts

@@ -5,19 +5,19 @@ declare const textareaAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedS: {
+    roundedXL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedM: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedL: {
+    roundedM: {
         shape: string;
         shapeStrength: string;
     };
-    roundedXL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };

package/dist/types/components/Textarea/appearance/textareaStyle.d.ts

@@ -1,6 +1,7 @@
 declare const textareaAppearanceStyle: {
     solid: {
-        borderWidth: string;
+        borderColor: string;
+        borderColorHover: string;
     };
     outlined: {
         fill: string;
@@ -8,7 +9,8 @@ declare const textareaAppearanceStyle: {
     full: {};
     ghost: {
         fill: string;
-        borderWidth: string;
+        borderColor: string;
+        borderColorHover: string;
     };
 };
 export { textareaAppearanceStyle };

package/dist/types/components/Textarea/appearance/textareaSuccess.d.ts

@@ -1,8 +1,9 @@
 declare const textareaAppearanceSuccess: {
     successPrimary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         textColor: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -11,7 +12,7 @@ declare const textareaAppearanceSuccess: {
     successSecondary: {
         fill: string;
         borderColor: string;
-        borderHover: string;
+        borderColorHover: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/hoc/urlWithAssetPrefix.d.ts

@@ -1,9 +1,28 @@
-import React, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, type ComponentType } from 'react';
-type UrlWithAssetPrefixProps = {
-    imageSrc?: string;
-    placeholderUrl?: string;
-    src?: string;
-    svgSrc?: string;
-};
-declare const urlWithAssetPrefix: <P extends UrlWithAssetPrefixProps, R = unknown>(WrappedComponent: ComponentType<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<R>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+import React from 'react';
+import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { RequireAtLeastOneProp, RequireAtLeastOnePropError } from 'src/types';
+type UrlPropKeys = (typeof urlPropsList)[number];
+type OnePropCheckError = [
+    'urlWithAssetPrefix: компонент должен содержать хотя бы один из пропсов',
+    UrlPropKeys
+];
+declare const urlPropsList: readonly ["src", "imageSrc", "svgSrc", "placeholderUrl"];
+/**
+ * HOC, который добавляет assetPrefix к URL-пропсам.
+ *
+ * @template P - Тип пропсов оборачиваемого компонента.
+ * @template T - Тип ref (если используется forwardRef).
+ * @template Check - Проверка на наличие хотя бы одного URL-пропа.
+ *
+ * @param WrappedComponent - Компонент, который оборачиваем.
+ * @param _error - Проверка: если ни одного URL-пропа нет, будет ошибка компиляции.
+ *
+ * @example
+ * const A = (props: { src?: string }) => <div />;
+ * urlWithAssetPrefix(A); // ✅ OK
+ *
+ * const B = (props: { id: string }) => <div />;
+ * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
+ */
+declare const urlWithAssetPrefix: <P extends Record<string, any>, T = unknown, OnePropCheck extends RequireAtLeastOneProp<P, UrlPropKeys> = RequireAtLeastOneProp<P, UrlPropKeys>>(WrappedComponent: ComponentType<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>, ..._error: RequireAtLeastOnePropError<OnePropCheck, OnePropCheckError>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
 export { urlWithAssetPrefix };

package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts

@@ -1,5 +1,5 @@
 import { AppearanceConfig } from '../useDevicePropsGenerator';
-declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
+declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | "disabledPrimary" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
     appearance?: Partial<Config>;
 }, isDisabled?: boolean) => AppearanceConfig | undefined;
 export { useAppearanceConfig };

package/dist/types/types/utils.d.ts

@@ -7,3 +7,37 @@ export type WithClassKeys<T> = T & {
     [K in keyof T & string as `${K}Class`]: NonNullable<T[K]> extends string ? KebabCase<T[K]> | undefined : string | undefined;
 };
 export type KebabCase<S> = S extends string ? S extends `${infer F}${infer R}` ? R extends Uncapitalize<R> ? `${Lowercase<F>}${KebabCase<R>}` : `${Lowercase<F>}-${KebabCase<Uncapitalize<R>>}` : Lowercase<S> : never;
+/**
+ * Проверяет, что у типа `P` есть хотя бы один ключ из списка `Keys`.
+ *
+ * @template P - Объект, который проверяем (обычно тип пропсов компонента).
+ * @template Keys - Набор ключей, хотя бы один из которых должен присутствовать.
+ *
+ * @example
+ * type Props = { id: string; placeholderUrl?: string };
+ *
+ * type Check1 = RequireAtLeastOneProp<Props, 'src' | 'placeholderUrl'>;
+ * // ✅ "placeholderUrl" (совпадение есть)
+ *
+ * type Check2 = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ * // ❌ never (совпадений нет)
+ */
+export type RequireAtLeastOneProp<P, Keys> = Extract<keyof P, Keys>;
+/**
+ * Выводит типовую ошибку, если в `Check` нет ни одного ключа (равен `never`).
+ *
+ * @template Check - Результат проверки из `RequireAtLeastOneProp`.
+ * @template Error - Текст ошибки, который будет показан в TS.
+ *
+ * @example
+ * type Props = { id: string };
+ *
+ * type Check = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ *
+ * type ErrorCheck = RequireAtLeastOnePropError<
+ *   Check,
+ *   ['Компонент должен содержать хотя бы один из пропсов', 'src' | 'imageSrc']
+ * >;
+ * // ❌ TS ошибка: ["Компонент должен содержать хотя бы один из пропсов", "src" | "imageSrc"]
+ */
+export type RequireAtLeastOnePropError<Check, Error> = [Check] extends [never] ? Error : [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.109",
+  "version": "1.8.111",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -166,12 +166,12 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "9.33.0",
+    "eslint": "9.34.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.5",
     "prettier": "^3.6.2",
     "react-docgen-typescript": "^2.4.0",
-    "rollup": "^4.47.1",
+    "rollup": "^4.48.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",