@itcase/ui 1.8.109 → 1.8.111

package/dist/css/styles/bundle.css

@@ -805,7 +805,6 @@ div.alignment {
           &-item {
             &-$(color) {
               background: var(--color-$(type)-item-$(color));
-
               /* &$(alpha) {
                 background: var(--color-$(type)-item-$(color)-$(alpha));
               } */
@@ -813,13 +812,11 @@ div.alignment {
           }
           &-$(color) {
             background: var(--color-$(type)-fill-$(color));
-
             /* &$(alpha) {
               background: var(--color-$(type)-$(color)-$(alpha));
             } */
           }
         }
-
         /* } */
       }
     }
@@ -1356,7 +1353,7 @@ div.alignment {
 .text_align {
   @each $align in left, center, right {
     &_$(align) {
-      text-align: ($align);
+      text-align: $(align);
     }
   }
 }
@@ -1572,48 +1569,42 @@ div.alignment {
   }
 }
 /* stylelint-disable order/order */
-.text {
-  &-weight {
-    @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 {
-      &_$(val) {
-        font-weight: $(val);
+@each $selector in div, span, li {
+  .text,
+  $(selector).text {
+    &-weight {
+      @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900 {
+        &_$(val) {
+          font-weight: $(val);
+        }
+      }
+      &_thin {
+        font-weight: 100;
+      }
+      &_extra-light {
+        font-weight: 200;
+      }
+      &_light {
+        font-weight: 300;
+      }
+      &_normal {
+        font-weight: 400;
+      }
+      &_medium {
+        font-weight: 500;
+      }
+      &_semi-bold {
+        font-weight: 600;
+      }
+      &_bold {
+        font-weight: 700;
+      }
+      &_extra-bold {
+        font-weight: 800;
+      }
+      &_black {
+        font-weight: 900;
       }
-    }
-    &_thin {
-      font-weight: 100;
-    }
-    &_extra-light,
-    &_extralight,
-    &_ultra-light,
-    &_ultralight {
-      font-weight: 200;
-    }
-    &_light {
-      font-weight: 300;
-    }
-    &_normal {
-      font-weight: 400;
-    }
-    &_medium {
-      font-weight: 500;
-    }
-    &_semibold,
-    &_semi-bold,
-    &_demi-bold {
-      font-weight: 600;
-    }
-    &_bold {
-      font-weight: 700;
-    }
-    &_extrabold,
-    &_extra-bold,
-    &_ultrabold,
-    &_ultra-bold {
-      font-weight: 800;
-    }
-    &_black,
-    &_heavy {
-      font-weight: 900;
     }
   }
 }

package/dist/css/styles/fill/fill.css

@@ -12,7 +12,6 @@
           &-item {
             &-$(color) {
               background: var(--color-$(type)-item-$(color));
-
               /* &$(alpha) {
                 background: var(--color-$(type)-item-$(color)-$(alpha));
               } */
@@ -20,13 +19,11 @@
           }
           &-$(color) {
             background: var(--color-$(type)-fill-$(color));
-
             /* &$(alpha) {
               background: var(--color-$(type)-$(color)-$(alpha));
             } */
           }
         }
-
         /* } */
       }
     }

package/dist/css/styles/text-align/text-align.css

@@ -1,7 +1,7 @@
 .text_align {
   @each $align in left, center, right {
     &_$(align) {
-      text-align: ($align);
+      text-align: $(align);
     }
   }
 }

package/dist/css/styles/text-weight/text-weight.css

@@ -1,47 +1,41 @@
 /* stylelint-disable order/order */
 
-.text {
-  &-weight {
-    @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 {
-      &_$(val) {
-        font-weight: $(val);
+@each $selector in div, span, li {
+  .text,
+  $(selector).text {
+    &-weight {
+      @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900 {
+        &_$(val) {
+          font-weight: $(val);
+        }
+      }
+      &_thin {
+        font-weight: 100;
+      }
+      &_extra-light {
+        font-weight: 200;
+      }
+      &_light {
+        font-weight: 300;
+      }
+      &_normal {
+        font-weight: 400;
+      }
+      &_medium {
+        font-weight: 500;
+      }
+      &_semi-bold {
+        font-weight: 600;
+      }
+      &_bold {
+        font-weight: 700;
+      }
+      &_extra-bold {
+        font-weight: 800;
+      }
+      &_black {
+        font-weight: 900;
       }
-    }
-    &_thin {
-      font-weight: 100;
-    }
-    &_extra-light,
-    &_extralight,
-    &_ultra-light,
-    &_ultralight {
-      font-weight: 200;
-    }
-    &_light {
-      font-weight: 300;
-    }
-    &_normal {
-      font-weight: 400;
-    }
-    &_medium {
-      font-weight: 500;
-    }
-    &_semibold,
-    &_semi-bold,
-    &_demi-bold {
-      font-weight: 600;
-    }
-    &_bold {
-      font-weight: 700;
-    }
-    &_extrabold,
-    &_extra-bold,
-    &_ultrabold,
-    &_ultra-bold {
-      font-weight: 800;
-    }
-    &_black,
-    &_heavy {
-      font-weight: 900;
     }
   }
 }

package/dist/hoc/urlWithAssetPrefix.js

@@ -5,6 +5,23 @@ import { formatURL } from '@itcase/common';
 import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix.js';
 
 var urlPropsList = ['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-пропов)
+ */
 var urlWithAssetPrefix = function (WrappedComponent) {
     var HOC = React.forwardRef(function HOC(props, ref) {
         var _a = useContext(UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -3,19 +3,23 @@ import { useMemo } from 'react';
 
 var useAppearanceConfig = function (appearance, componentConfig, isDisabled) {
     var appearanceConfig = useMemo(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         if (appearance) {
             var appearanceProps = appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
                 var _a;
                 return (__assign(__assign({}, resultConfig), (_a = componentConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
             }, {});
-            if (isDisabled && ((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled)) {
-                Object.assign(appearanceProps, (_b = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabled);
+            if (isDisabled &&
+                (((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled) ||
+                    ((_b = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabledPrimary))) {
+                Object.assign(appearanceProps, ((_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _c === void 0 ? void 0 : _c.disabled) ||
+                    ((_d = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _d === void 0 ? void 0 : _d.disabledPrimary));
             }
             return appearanceProps;
         }
         if (isDisabled) {
-            return (_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _c === void 0 ? void 0 : _c.disabled;
+            return (((_e = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _e === void 0 ? void 0 : _e.disabled) ||
+                ((_f = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _f === void 0 ? void 0 : _f.disabledPrimary));
         }
         return {};
     }, [appearance, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance, isDisabled]);

package/dist/hooks/useStyles/useStyles.js

@@ -138,7 +138,6 @@ function useStyles(props) {
     return resultStylesGroups;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [deviceCurrentMainType, deviceCurrentType, ...Object.values(propsStyleAttributes)]);
-  console.error('collectedStyles', collectedStyles);
   return collectedStyles;
 }
 const removeDeviceType = (originalKey, deviceTypesList) => {

package/dist/types/components/Choice/appearance/choiceDefault.d.ts

@@ -3,6 +3,7 @@ declare const choiceAppearanceDefault: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
+        fillItemActiveHover: string;
         fillItemHover: string;
         labelTextActiveColor: string;
         labelTextColor: string;

package/dist/types/components/Choice/appearance/choiceDisabled.d.ts

@@ -3,8 +3,10 @@ declare const choiceAppearanceDisabled: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-        labelTextActiveColor: string;
+        fillItemActiveHover: string;
+        fillItemHover: string;
         labelTextColor: string;
+        labelTextActiveColor: string;
         borderColor: string;
         iconAfterFill: string;
         iconAfterFillActive: string;

package/dist/types/components/Code/Code.interface.d.ts

@@ -27,6 +27,7 @@ export interface CodeProps extends CodeThemeColor, StyleAttributes {
     before?: ReactNode;
     className?: string;
     gap?: string;
+    initialValue?: string;
     inputAutoFocus?: boolean;
     inputBorderColor?: BorderColorProps;
     inputBorderColorHover?: BorderColorHoverProps;

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

@@ -1,3 +1,2 @@
-import type { ImageProps } from './Image.interface';
-declare const Image: import("react").ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Image: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Image };

package/dist/types/components/Input/appearance/inputDefault.d.ts

@@ -1,10 +1,10 @@
 declare const inputAppearanceDefault: {
     defaultPrimary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;
-        textColorDisabled: string;
         caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -12,10 +12,10 @@ declare const inputAppearanceDefault: {
     };
     defaultSecondary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;
-        textColorDisabled: string;
         caret: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Input/appearance/inputDisabled.d.ts

@@ -1,6 +1,7 @@
 declare const inputAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;

package/dist/types/components/Input/appearance/inputRequire.d.ts

@@ -1,6 +1,7 @@
 declare const inputAppearanceRequire: {
     requirePrimary: {
         fill: string;
+        fillHover: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;

package/dist/types/components/Input/appearance/inputShape.d.ts

@@ -5,19 +5,19 @@ declare const inputAppearanceShape: {
     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/Input/appearance/inputStyle.d.ts

@@ -1,6 +1,7 @@
 declare const inputAppearanceStyle: {
     solid: {
         borderColor: string;
+        borderColorHover: string;
     };
     outlined: {
         fill: string;

package/dist/types/components/Logo/Logo.d.ts

@@ -1,4 +1,4 @@
-import type { LogoConfig, LogoProps } from './Logo.interface';
+import type { LogoConfig } from './Logo.interface';
 declare const logoConfig: LogoConfig;
-declare const Logo: import("react").ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Logo: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Logo, logoConfig };

package/dist/types/components/Radio/Radio.appearance.d.ts

@@ -1,14 +1,24 @@
 export declare const radioAppearance: {
     solid: {
+        fill: string;
+        fillHover: string;
         borderColor: string;
+        borderColorHover: string;
+        borderRadioColor: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
+        borderRadioColorHover: string;
     };
     outlined: {
         fill: string;
+        fillHover: string;
     };
     full: {};
     ghost: {
         fill: string;
+        fillHover: string;
         borderColor: string;
+        borderColorHover: string;
     };
     circular: {
         shape: string;
@@ -16,19 +26,19 @@ export declare const radioAppearance: {
     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;
     };
@@ -53,8 +63,10 @@ export declare const radioAppearance: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
     requirePrimary: {
         fill: string;
@@ -62,8 +74,10 @@ export declare const radioAppearance: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
     successPrimary: {
         fill: string;
@@ -71,8 +85,10 @@ export declare const radioAppearance: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
     errorPrimary: {
         fill: string;
@@ -80,19 +96,24 @@ export declare const radioAppearance: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
     defaultPrimary: {
         fill: string;
         fillCheckmark: string;
         fillDisabled: string;
-        fillRadioClass: string;
+        fillRadio: string;
+        fillRadioHover: string;
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorCheckmark: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
+        shape: string;
     };
 };

package/dist/types/components/Radio/appearance/radioDefault.d.ts

@@ -3,13 +3,16 @@ declare const radioAppearanceDefault: {
         fill: string;
         fillCheckmark: string;
         fillDisabled: string;
-        fillRadioClass: string;
+        fillRadio: string;
+        fillRadioHover: string;
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorCheckmark: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
+        shape: string;
     };
 };
 export { radioAppearanceDefault };

package/dist/types/components/Radio/appearance/radioDisabled.d.ts

@@ -5,8 +5,10 @@ declare const radioAppearanceDisabled: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
 };
 export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioError.d.ts

@@ -5,8 +5,10 @@ declare const radioAppearanceError: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
 };
 export { radioAppearanceError };

package/dist/types/components/Radio/appearance/radioRequire.d.ts

@@ -5,8 +5,10 @@ declare const radioAppearanceRequire: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
 };
 export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioShape.d.ts

@@ -5,19 +5,19 @@ declare const radioAppearanceShape: {
     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/Radio/appearance/radioStyle.d.ts

@@ -1,14 +1,24 @@
 declare const radioAppearanceStyle: {
     solid: {
+        fill: string;
+        fillHover: string;
         borderColor: string;
+        borderColorHover: string;
+        borderRadioColor: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
+        borderRadioColorHover: string;
     };
     outlined: {
         fill: string;
+        fillHover: string;
     };
     full: {};
     ghost: {
         fill: string;
+        fillHover: string;
         borderColor: string;
+        borderColorHover: string;
     };
 };
 export { radioAppearanceStyle };

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -5,8 +5,10 @@ declare const radioAppearanceSuccess: {
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
-        borderColorRadio: string;
-        borderColorRadioActive: string;
+        borderRadioColor: string;
+        borderRadioColorHover: string;
+        borderRadioColorActive: string;
+        borderRadioColorActiveHover: string;
     };
 };
 export { radioAppearanceSuccess };

package/dist/types/components/Response/Response.d.ts

@@ -1,4 +1,4 @@
-import type { ResponseConfig, ResponseProps } from './Response.interface';
+import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
-declare const Response: import("react").ForwardRefExoticComponent<Omit<ResponseProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Response: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Response, responseConfig };

package/dist/types/components/SVGContent/SVGContent.d.ts

@@ -1,3 +1,2 @@
-import type { SVGContentProps } from './SVGContent.interface';
-declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<SVGContentProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { SVGContent };