@itcase/ui 1.1.15 → 1.1.17

package/dist/cjs/components/Panel/Panel.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, heightPropsType, positionPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
     borderColor?: string;
@@ -9,17 +9,17 @@ interface ThemeColor {
     direction?: alignDirectionPropsType;
     fill?: string;
     fillHover?: string;
-    labelTextColor?: textColorPropsType;
+    labelTextColor?: tTextColorProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
-type appearanceType = {
+type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
 export interface IPanelConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
-export interface IPanelProps extends TypeStyleAttributes {
+export interface IPanelProps extends iStyleAttributes {
     appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;
@@ -31,26 +31,26 @@ export interface IPanelProps extends TypeStyleAttributes {
     verticalScroll?: boolean;
     alignContent?: flexJustifyContentPropsType;
     alignItems?: flexAlignPropsType;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     direction?: alignDirectionPropsType;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    height?: heightPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    height?: tHeightProps;
     justifyContent?: flexJustifyContentPropsType;
     position?: positionPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    shape?: tShapeProps;
+    width?: tWidthProps;
     wrap?: flexWrapPropsType;
     desc?: string;
-    descTextColor?: textColorPropsType;
-    descTextSize?: textSizePropsType;
-    descTextWeight?: textWeightPropsType;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
     title?: string;
-    titleTextColor?: textColorPropsType;
-    titleTextSize?: textSizePropsType;
-    titleTextWeight?: textWeightPropsType;
+    titleTextColor?: tTextColorProps;
+    titleTextSize?: tTextSizeProps;
+    titleTextWeight?: tTextWeightProps;
 }
 export {};

package/dist/cjs/components/Panel.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var jsxRuntime = require('../jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Group = require('../Group-C9BxTKs-.js');
-var Text = require('../Text-C8vlKWNN.js');
+var Group = require('../Group-CtseVj34.js');
+var Text = require('../Text-D2YDVhGJ.js');
+require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -91,7 +91,7 @@ function Panel(props) {
     });
     // @ts-expect-error
     var _a = useStyles.useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    var appearanceConfig = React.useMemo(function () { return appearance && panelConfig.appearance && panelConfig.appearance[appearance]; }, [appearance, panelConfig]);
+    var appearanceConfig = appearance && panelConfig.appearance && panelConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: clsx__default.default(className, 'panel', widthClass, heightClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||

package/dist/cjs/components/Radio/Radio.interface.d.ts

@@ -1,32 +1,32 @@
 import { ElementType } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IRadioThemeColor {
-    descTextColor?: textColorPropsType;
-    descTextSize?: textSizePropsType;
-    descTextWeight?: textWeightPropsType;
-    fill?: fillPropsType;
-    labelTextColor?: textColorPropsType;
-    labelTextSize?: textSizePropsType;
-    labelTextWeight?: textWeightPropsType;
-    shape?: shapePropsType;
-    stateBorderColor?: borderColorPropsType;
-    stateBorderColorChecked?: borderColorPropsType;
-    stateBorderColorDisabled?: borderColorPropsType;
-    stateBorderColorDisabledChecked?: borderColorPropsType;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
+    fill?: tFillProps;
+    labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
+    labelTextWeight?: tTextWeightProps;
+    shape?: tShapeProps;
+    stateBorderColor?: tBorderColorProps;
+    stateBorderColorChecked?: tBorderColorProps;
+    stateBorderColorDisabled?: tBorderColorProps;
+    stateBorderColorDisabledChecked?: tBorderColorProps;
     stateBorderColorHover?: borderColorHoverPropsType;
     stateBorderColorHoverChecked?: borderColorHoverPropsType;
-    stateBorderWidth?: borderWidthPropsType;
-    stateCheckmarkFill?: itemColorPropsType;
-    stateCheckmarkFillDisabled?: itemColorPropsType;
-    stateFill?: fillPropsType;
-    stateFillChecked?: fillPropsType;
-    stateFillDisabled?: fillPropsType;
-    stateFillDisabledChecked?: fillPropsType;
-    stateShape?: shapePropsType;
+    stateBorderWidth?: tBorderWidthProps;
+    stateCheckmarkFill?: tItemColorProps;
+    stateCheckmarkFillDisabled?: tItemColorProps;
+    stateFill?: tFillProps;
+    stateFillChecked?: tFillProps;
+    stateFillDisabled?: tFillProps;
+    stateFillDisabledChecked?: tFillProps;
+    stateShape?: tShapeProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type radioStateType = {
     [key in appearanceKeysType]?: IRadioThemeColor;
 };
@@ -39,7 +39,7 @@ export interface IRadioConfig {
     appearance: radioAppearanceType | undefined;
     setAppearance: (newComponent: radioAppearanceType) => void;
 }
-export interface IRadioProps extends IRadioThemeColor, TypeStyleAttributes {
+export interface IRadioProps extends IRadioThemeColor, iStyleAttributes {
     appearance?: appearanceKeysType;
     checked?: boolean;
     className?: string;

package/dist/cjs/components/Radio.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Radio = require('../Radio-Cvbuwkx3.js');
+var Radio = require('../Radio-BH3uHZDb.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/RangeSlider/RangeSlider.interface.d.ts

@@ -1,28 +1,28 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillPropsType, itemColorPropsType, shapePropsType, widthPropsType } from '../../types';
-export interface IRangeSliderProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from '../../types';
+export interface IRangeSliderProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
     disabled?: boolean;
-    fill?: fillPropsType;
-    fillHandle?: itemColorPropsType;
-    fillHandleDragging?: itemColorPropsType;
-    fillHandleDraggingHover?: itemColorPropsType;
-    fillHandleHover?: itemColorPropsType;
-    fillRail?: fillPropsType;
-    fillTrack?: fillPropsType;
+    fill?: tFillProps;
+    fillHandle?: tItemColorProps;
+    fillHandleDragging?: tItemColorProps;
+    fillHandleDraggingHover?: tItemColorProps;
+    fillHandleHover?: tItemColorProps;
+    fillRail?: tFillProps;
+    fillTrack?: tFillProps;
     max?: number;
     min?: number;
     pushable?: boolean;
     range?: boolean;
     set?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     style?: CSSProperties;
     value?: number;
     vertical?: boolean;
-    width?: widthPropsType;
+    width?: tWidthProps;
     onChangeSlider?: () => void;
 }

package/dist/cjs/components/Response/Response.interface.d.ts

@@ -1,41 +1,42 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, titleSizePropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, titleSizePropsType, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IResponseThemeColor {
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    borderWidth?: tBorderWidthProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
     imageSrc?: string;
-    messageTextColor?: textColorPropsType;
-    messageTextSize?: textSizePropsType;
+    messageTextColor?: tTextColorProps;
+    messageTextSize?: tTextSizeProps;
+    messageTextWeight?: tTextWeightProps;
     primaryButtonAppearance?: appearanceKeysType;
-    primaryButtonFill?: fillPropsType;
-    primaryButtonFillHover?: fillHoverPropsType;
+    primaryButtonFill?: tFillProps;
+    primaryButtonFillHover?: tFillHoverProps;
     primaryButtonLabel?: string;
-    primaryButtonLabelTextColor?: textColorPropsType;
-    primaryButtonLabelTextSize?: textSizePropsType;
-    primaryButtonShape?: shapePropsType;
-    primaryButtonSize?: sizePropsType;
-    primaryButtonWidth?: widthPropsType;
+    primaryButtonLabelTextColor?: tTextColorProps;
+    primaryButtonLabelTextSize?: tTextSizeProps;
+    primaryButtonShape?: tShapeProps;
+    primaryButtonSize?: tSizeProps;
+    primaryButtonWidth?: tWidthProps;
     secondaryButtonAppearance?: appearanceKeysType;
-    secondaryButtonFill?: fillPropsType;
-    secondaryButtonFillHover?: fillHoverPropsType;
+    secondaryButtonFill?: tFillProps;
+    secondaryButtonFillHover?: tFillHoverProps;
     secondaryButtonLabel?: string;
-    secondaryButtonLabelTextColor?: textColorPropsType;
-    secondaryButtonLabelTextSize?: textSizePropsType;
-    secondaryButtonShape?: shapePropsType;
-    secondaryButtonSize?: sizePropsType;
-    secondaryButtonWidth?: widthPropsType;
-    shape?: shapePropsType;
-    titleTextColor?: textColorPropsType;
+    secondaryButtonLabelTextColor?: tTextColorProps;
+    secondaryButtonLabelTextSize?: tTextSizeProps;
+    secondaryButtonShape?: tShapeProps;
+    secondaryButtonSize?: tSizeProps;
+    secondaryButtonWidth?: tWidthProps;
+    shape?: tShapeProps;
+    titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
-    titleTextWeight?: textWeightPropsType;
+    titleTextWeight?: tTextWeightProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type responseAppearanceType = {
     [key in appearanceKeysType]?: IResponseThemeColor;
 };
@@ -43,7 +44,7 @@ export interface IResponseConfig {
     appearance: responseAppearanceType | undefined;
     setAppearance: (newComponent: responseAppearanceType) => void;
 }
-export interface IResponseProps extends IResponseThemeColor, TypeStyleAttributes {
+export interface IResponseProps extends IResponseThemeColor, iStyleAttributes {
     after?: ReactNode;
     appearance?: appearanceKeysType;
     before?: ReactNode;
@@ -55,6 +56,7 @@ export interface IResponseProps extends IResponseThemeColor, TypeStyleAttributes
     secondaryButton?: boolean;
     secondaryButtonAfter?: ReactNode;
     secondaryButtonBefore?: ReactNode;
+    messageTextWeight?: tTextWeightProps;
     set?: string;
     style?: CSSProperties;
     title?: string;

package/dist/cjs/components/Response.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Response = require('../Response-DOQQr9jP.js');
+var Response = require('../Response-BmR09awR.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,15 +16,15 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Button-DfUQ11Hs.js');
-require('../Icon-2rv_L0yY.js');
+require('../Button-C-K_KVjd.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
-require('../Loader-2vQxF_aO.js');
-require('../Group-C9BxTKs-.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Loader-2CPNhu-4.js');
+require('../Group-CtseVj34.js');
 
 
 

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

@@ -0,0 +1,3 @@
+import { ISVGContentProps } from './SVGContent.interface';
+declare function SVGContent(props: ISVGContentProps): import("react/jsx-runtime").JSX.Element;
+export { SVGContent };

package/dist/cjs/components/SVGContent/SVGContent.interface.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { svgFillPropsType } from '../../types';
+export interface ISVGContentProps extends iStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    src?: string;
+    svgFill?: svgFillPropsType;
+    svgFillHover?: svgFillPropsType;
+    SvgImage?: any;
+}

package/dist/cjs/components/SVGContent/index.d.ts

@@ -0,0 +1 @@
+export { SVGContent } from './SVGContent';

package/dist/cjs/components/SVGContent.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('../jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.js');
+require('react');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('prop-types');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function SVGContent(props) {
+    var className = props.className, SvgImage = props.SvgImage;
+    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
+    // @ts-expect-error
+    var svgContentStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'svg-content', svgFillClass, svgFillHoverClass), style: svgContentStyles, children: SvgImage && jsxRuntime.jsxRuntimeExports.jsx(SvgImage, {}) }));
+}
+
+exports.SVGContent = SVGContent;

package/dist/cjs/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts

@@ -1,18 +1,18 @@
 import { CSSProperties, ReactNode } from 'react';
 import ScrollContainer from 'react-indiana-drag-scroll';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, heightPropsType, widthPropsType } from '../../types';
-export interface IScrollOnDragProps extends TypeStyleAttributes {
-    borderColor?: borderColorPropsType;
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from '../../types';
+export interface IScrollOnDragProps extends iStyleAttributes {
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    height?: heightPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    height?: tHeightProps;
     scrollContainerProps?: typeof ScrollContainer;
     style?: CSSProperties;
-    width?: widthPropsType;
+    width?: tWidthProps;
 }

package/dist/cjs/components/Scrollbar/Scrollbar.interface.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IScrollbarProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface IScrollbarProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     noDefaultStyles?: boolean;

package/dist/cjs/components/Search/Search.interface.d.ts

@@ -1,34 +1,34 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, iconSizePropsType, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, textStylePropsType, tTextWeightProps, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ISearchThemeColor {
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
-    fill?: fillPropsType;
-    iconAfterFill?: itemColorPropsType;
+    borderWidth?: tBorderWidthProps;
+    fill?: tFillProps;
+    iconAfterFill?: tItemColorProps;
     iconAfterSize?: iconSizePropsType;
-    iconBeforeFill?: itemColorPropsType;
+    iconBeforeFill?: tItemColorProps;
     iconBeforeSize?: iconSizePropsType;
-    iconClearFill?: itemColorPropsType;
+    iconClearFill?: tItemColorProps;
     iconClearSize?: iconSizePropsType;
-    inputFill?: fillPropsType;
-    inputShape?: shapePropsType;
-    inputTextColor?: textColorPropsType;
-    inputTextSize?: textSizePropsType;
+    inputFill?: tFillProps;
+    inputShape?: tShapeProps;
+    inputTextColor?: tTextColorProps;
+    inputTextSize?: tTextSizeProps;
     inputTextStyle?: textStylePropsType;
-    inputTextWeight?: textWeightPropsType;
-    placeholderTextColor?: textColorPropsType;
-    placeholderTextSize?: textSizePropsType;
+    inputTextWeight?: tTextWeightProps;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextSize?: tTextSizeProps;
     placeholderTextStyle?: textStylePropsType;
-    placeholderTextWeight?: textWeightPropsType;
-    shape?: shapePropsType;
+    placeholderTextWeight?: tTextWeightProps;
+    shape?: tShapeProps;
     size?: 'compact' | 'normal' | 's' | 'l';
-    width?: widthPropsType;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type searchAppearanceType = {
     [key in appearanceKeysType]?: ISearchThemeColor;
 };
@@ -36,7 +36,7 @@ export interface ISearchConfig {
     appearance: searchAppearanceType | undefined;
     setAppearance: (newComponent: searchAppearanceType) => void;
 }
-export interface ISearchProps extends ISearchThemeColor, TypeStyleAttributes {
+export interface ISearchProps extends ISearchThemeColor, iStyleAttributes {
     after?: ReactNode;
     appearance?: appearanceKeysType;
     before?: ReactNode;
@@ -57,12 +57,12 @@ export interface ISearchProps extends ISearchThemeColor, TypeStyleAttributes {
     onFocus?: (() => void) | undefined;
     onKeyDown?: (() => void) | undefined;
 }
-export interface ISearchResultProps extends TypeStyleAttributes {
+export interface ISearchResultProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     scrollHeight: number | string;
     type?: string;
 }

package/dist/cjs/components/Search.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SearchResult = require('../SearchResult-BnIZD8lL.js');
+var SearchResult = require('../SearchResult-gHEwq0ay.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,13 +15,13 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 require('../Scrollbar-DOujlQOb.js');
 require('react-scrollbars-custom');
 

package/dist/cjs/components/Segmented/Segmented.interface.d.ts

@@ -1,21 +1,21 @@
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, itemColorPropsType, shapePropsType, textColorActivePropsType, textColorPropsType, textSizePropsType, textWrapPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, textColorActivePropsType, tTextColorProps, tTextSizeProps, textWrapPropsType, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ISegmentedThemeColor {
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    indicatorFill?: itemColorPropsType;
-    inputBorderColor?: borderColorPropsType;
+    borderWidth?: tBorderWidthProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    indicatorFill?: tItemColorProps;
+    inputBorderColor?: tBorderColorProps;
     labelTextActiveColor?: textColorActivePropsType;
-    labelTextColor?: textColorPropsType;
-    labelTextSize?: textSizePropsType;
+    labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
     labelTextWrap?: textWrapPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    shape?: tShapeProps;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type segmentedAppearanceType = {
     [key in appearanceKeysType]?: ISegmentedThemeColor;
 };
@@ -27,7 +27,7 @@ interface ISegment {
     value: string;
     label: string;
 }
-export interface ISegmentedProps extends ISegmentedThemeColor, TypeStyleAttributes {
+export interface ISegmentedProps extends ISegmentedThemeColor, iStyleAttributes {
     activeSegment?: any;
     appearance?: appearanceKeysType;
     className?: string;

package/dist/cjs/components/Segmented.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Segmented = require('../Segmented-BHblcvck.js');
+var Segmented = require('../Segmented-BtzSR0xB.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');