@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/components/FormField/FormFiled.interface.d.ts

@@ -0,0 +1,77 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, fillPropsType, iconSizePropsType, textSizePropsType, textColorPropsType, textWeightPropsType, directionPropsType, sizePropsType, shapePropsType, itemColorPropsType } from '../../types';
+export interface IFormFieldProps extends TypeStyleAttributes {
+    afterItem?: ReactNode;
+    beforeItem?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    clearIcon?: string;
+    clearIconFill?: fillPropsType;
+    clearIconSize?: iconSizePropsType;
+    dataTestId?: string;
+    desc?: string;
+    descSize?: textSizePropsType;
+    descTextColor?: textColorPropsType;
+    descTextWeight?: textWeightPropsType;
+    direction?: directionPropsType;
+    dividerDirection?: directionPropsType;
+    dividerFill?: fillPropsType;
+    dividerSize?: sizePropsType;
+    dividerWidth?: string;
+    fill?: fillPropsType;
+    id?: string;
+    inputFill?: fillPropsType;
+    inputShape?: shapePropsType;
+    label?: string;
+    labelSize?: textSizePropsType;
+    labelTextColor?: textColorPropsType;
+    labelTextWeight?: textWeightPropsType;
+    message?: string;
+    messageSize?: textSizePropsType;
+    messageTextColor?: textColorPropsType;
+    messageTextWeight?: textWeightPropsType;
+    set?: string;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    style?: CSSProperties;
+}
+export interface IChoiceFieldProps extends TypeStyleAttributes {
+    radioId?: string;
+    radioClassName?: string;
+    radioFillCheckmark?: itemColorPropsType;
+    radioFillChecked?: fillPropsType;
+    radioFill?: fillPropsType;
+    radioFillDisabled?: fillPropsType;
+    radioShape?: shapePropsType;
+    radioBorder?: borderColorPropsType;
+}
+export interface IPasswordFieldProps extends TypeStyleAttributes {
+    placeholder?: string;
+    passwordClassName?: string;
+    value?: string;
+    placeholderColor?: textColorPropsType;
+    valueTextColor?: textColorPropsType;
+    valueTextSize?: textSizePropsType;
+}
+export interface ISelectFieldProps extends TypeStyleAttributes {
+    className?: string;
+    selectInputClass?: string;
+    selectFill?: fillPropsType;
+    selectShape?: shapePropsType;
+    selectBorder?: borderColorPropsType;
+    selectSize?: sizePropsType;
+    selectOptionFill?: fillPropsType;
+    selectOptionTextSize?: textSizePropsType;
+    selectOptionTextColor?: textColorPropsType;
+    selectOptionBefore?: ReactNode;
+    selectOptionAfter?: ReactNode;
+    selectInputBefore?: ReactNode;
+    selectInputAfter?: ReactNode;
+    selectInputFill?: fillPropsType;
+    selectInputTextSize?: textSizePropsType;
+    selectInputTextColor?: textColorPropsType;
+}
+export interface ISwitchFieldProps extends TypeStyleAttributes {
+    className?: string;
+}

package/dist/cjs/components/FormField/PasswordField.d.ts

@@ -0,0 +1,9 @@
+import { IPasswordFieldProps } from './FormFiled.interface';
+declare function PasswordField(props: IPasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PasswordField {
+    var defaultProps: {
+        set: string;
+        passwordClassName: string;
+    };
+}
+export { PasswordField };

package/dist/cjs/components/FormField/SelectField.d.ts

@@ -0,0 +1,9 @@
+import { ISelectFieldProps } from './FormFiled.interface';
+declare function SelectField(props: ISelectFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectField {
+    var defaultProps: {
+        set: string;
+        selectInputClass: string;
+    };
+}
+export { SelectField };

package/dist/cjs/components/FormField/SwitchField.d.ts

@@ -0,0 +1,8 @@
+import { ISwitchFieldProps } from './FormFiled.interface';
+declare function SwitchField(props: ISwitchFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SwitchField {
+    var defaultProps: {
+        set: string;
+    };
+}
+export { SwitchField };

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

@@ -0,0 +1,6 @@
+import { ChoiceField } from './ChoiceField';
+import { FormField } from './FormField';
+import { PasswordField } from './PasswordField';
+import { SelectField } from './SelectField';
+import { SwitchField } from './SwitchField';
+export { ChoiceField, FormField, PasswordField, SelectField, SwitchField };

package/dist/cjs/components/FormField.js

@@ -1,53 +1,41 @@
 'use strict';
 
-var SelectField = require('../SelectField-BJTu7BXO.js');
+var SwitchField = require('../SwitchField-xk1JORBl.js');
+require('../_tslib-CKiUdo7p.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('prop-types');
+require('../Radio-DRXdBBWU.js');
 require('clsx');
-require('./Radio.js');
-require('../Text-D7Aq1i5R.js');
-require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../Text-CgYNdSwY.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('./Switch.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/size.js');
-require('../Divider-CIYsHYud.js');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
-require('react-inlinesvg');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
 require('./Select.js');
 require('react-select');
+require('../Icon-D1v73UhR.js');
+require('react-inlinesvg');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Title-C3lN-EvU.js');
 require('react-dom');
-require('../floating-ui.dom-C34fOuI9.js');
-require('./Badge.js');
-require('../Group-4zWTDvKx.js');
+require('../floating-ui.dom-CW7i9VDu.js');
+require('../Badge-BvJTwXqB.js');
+require('../Group-C9BxTKs-.js');
+require('../Divider-doetVRw0.js');
+require('../Switch-K1p9h3aF.js');
 
 
 
-exports.ChoiceField = SelectField.ChoiceField;
-exports.FormField = SelectField.FormField;
-exports.PasswordField = SelectField.PasswordField;
-exports.SelectField = SelectField.SelectField;
-exports.SwitchField = SelectField.SwitchField;
+exports.ChoiceField = SwitchField.ChoiceField;
+exports.FormField = SwitchField.FormField;
+exports.PasswordField = SwitchField.PasswordField;
+exports.SelectField = SwitchField.SelectField;
+exports.SwitchField = SwitchField.SwitchField;

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

@@ -1,4 +1,4 @@
-import React, { ElementType } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, shapePropsType, verticalResizeModePropsType } from '../../types';
 export interface IGridBaseThemeColor extends TypeStyleAttributes {
@@ -54,30 +54,33 @@ export interface IGridBaseThemeColor extends TypeStyleAttributes {
     zIndexTablet?: string;
 }
 export interface IGridItemProps extends IGridBaseThemeColor {
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
     dataTour?: string;
     id?: number | string;
+    style?: CSSProperties;
     onClick?: () => void;
 }
 export interface IGridRowProps extends IGridBaseThemeColor {
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
     dataTour?: string;
     htmlFor?: string;
     id?: number | string;
-    onClick?: () => void;
+    style?: CSSProperties;
     tag: ElementType;
+    onClick?: () => void;
 }
 export interface IGridProps extends TypeStyleAttributes {
-    after?: React.ReactNode;
-    before?: React.ReactNode;
-    children?: React.ReactNode;
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
     className?: string;
     dataTour?: string;
     id?: number | string;
-    onClick?: () => void;
+    style?: CSSProperties;
     tag: ElementType;
+    onClick?: () => void;
     alignContentDesktop?: gridAlignPropsType;
     alignContentMobile?: gridAlignPropsType;
     alignContentTablet?: gridAlignPropsType;

package/dist/cjs/components/Grid.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var GridRow = require('../GridRow-mzs0CkNG.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var GridRow = require('../GridRow-OxLsh_2P.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');

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

@@ -1,15 +1,15 @@
-import React, { CSSProperties, ElementType } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../types';
+import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, textColorPropsType, widthPropsType, wrapPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
-    fill?: string;
-    fillHover?: string;
-    labelTextColor?: string;
     border?: string;
     borderColor?: string;
     borderWidth?: string;
     direction?: directionPropsType;
+    fill?: string;
+    fillHover?: string;
+    labelTextColor?: textColorPropsType;
 }
 type appearanceKeysType = appearanceKeysDefaultType & {};
 type appearanceType = {
@@ -21,31 +21,31 @@ export interface IGroupConfig {
 }
 export interface IGroupProps extends TypeStyleAttributes {
     appearance?: appearanceKeysType;
-    id?: number | string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: string;
+    dataTour?: string;
     horizontalScroll?: boolean;
-    tag?: ElementType;
     htmlFor?: string;
+    id?: number | string;
     set?: string;
     style?: CSSProperties;
-    dataTour?: string;
+    tag?: ElementType;
     onClick?: () => void;
-    alignDirection?: alignDirectionPropsType;
     align?: alignPropsType;
-    stacking?: stackingPropsType;
+    alignDirection?: alignDirectionPropsType;
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    columns?: number;
     direction?: directionPropsType;
-    wrap?: wrapPropsType;
+    elevation?: elevationPropsType;
     fill?: fillPropsType;
     fillHover?: fillHoverPropsType;
-    shape?: shapePropsType;
-    columns?: number;
-    width?: widthPropsType;
-    height?: heightPropsType;
-    borderColor?: borderColorPropsType;
-    borderType?: borderTypePropsType;
     flexGrow?: flexGrowPropsType;
-    elevation?: elevationPropsType;
+    height?: heightPropsType;
     justifyContent?: justifyContentPropsType;
+    shape?: shapePropsType;
+    stacking?: stackingPropsType;
+    width?: widthPropsType;
+    wrap?: wrapPropsType;
 }
 export {};

package/dist/cjs/components/Group.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Group = require('../Group-4zWTDvKx.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Group = require('../Group-C9BxTKs-.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');

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

@@ -1,35 +1,31 @@
-import React from 'react';
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, strokeColorPropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType } from '../../types';
+import { alignmentPropsType, borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 export interface IIconThemeColor {
-    alignment?: string;
+    alignment?: alignmentPropsType;
+    bgFill?: fillPropsType;
     borderColor?: borderColorPropsType;
-    borderColorHover?: string;
+    borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
     borderWidth?: borderWidthPropsType;
     cursor?: string;
     fill?: fillPropsType;
-    fillDisabled?: string;
+    fillDisabled?: fillPropsType;
     fillHover?: fillHoverPropsType;
     fillSize?: iconFillSizePropsType;
     iconAfterFill?: fillPropsType;
     iconAfterFillSize?: iconFillSizePropsType;
     iconAfterShape?: shapePropsType;
-    iconAfterStroke?: string;
     iconBeforeFill?: fillPropsType;
     iconBeforeFillSize?: iconFillSizePropsType;
     iconBeforeShape?: shapePropsType;
-    iconBeforeStroke?: string;
-    iconFill?: fillPropsType;
-    iconFillDisabled?: string;
-    iconFillHover?: fillHoverPropsType;
+    iconFill?: itemColorPropsType;
+    iconFillDisabled?: itemColorPropsType;
+    iconFillHover?: itemColorPropsType;
     iconFillSize?: iconFillSizePropsType;
     iconShape?: shapePropsType;
     iconSize?: iconSizePropsType;
-    iconStroke?: strokeColorPropsType;
-    iconStrokeDisabled?: string;
-    iconStrokeHover?: string;
     label?: string;
     labelTextColor?: textColorPropsType;
     labelTextColorHover?: textColorHoverPropsType;
@@ -38,7 +34,6 @@ export interface IIconThemeColor {
     loaderItemFill?: string;
     shape?: shapePropsType;
     size?: iconSizePropsType;
-    stroke?: string;
 }
 type appearanceKeysType = appearanceKeysDefaultType & {};
 export type iconAppearanceType = {
@@ -49,9 +44,10 @@ export interface IIconConfig {
     setAppearance: (newComponent: iconAppearanceType) => void;
 }
 export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
-    Badge?: React.ReactNode;
-    after?: React.ReactNode;
-    before?: React.ReactNode;
+    Badge?: ReactNode;
+    SvgImage?: any;
+    after?: ReactNode;
+    before?: ReactNode;
     className?: string;
     dataTour?: string;
     height?: string;
@@ -62,24 +58,28 @@ export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
     linkRel?: string;
     linkTarget?: string;
     showTooltip?: boolean;
+    style?: CSSProperties;
     tooltipAppearance?: appearanceKeysType;
     tooltipText?: string;
-    tooltipTextSize?: string;
+    tooltipTextSize?: textSizePropsType;
     tooltipTitle?: string;
-    tooltipTitleSize?: string;
+    tooltipTitleSize?: titleSizePropsType;
     width?: string;
-    SvgImage?: any;
-    onClick?: () => void;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    LinkComponent?: ReactNode;
     fillDesktop?: fillPropsType;
     fillMobile?: fillPropsType;
     fillSizeDesktop?: string;
     fillSizeMobile?: string;
     fillSizeTablet?: string;
     fillTablet?: fillPropsType;
-    iconStrokeDesktop?: strokeColorPropsType;
-    iconStrokeMobile?: strokeColorPropsType;
-    iconStrokeTablet?: strokeColorPropsType;
-    LinkComponent?: any;
+    htmlType?: string;
+    icon?: string;
+    iconAfterSrc?: string;
+    iconBeforeSrc?: string;
+    iconSrc?: string;
+    loading?: boolean;
+    rel?: string;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;
@@ -87,14 +87,7 @@ export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
     sizeMobile?: iconSizePropsType;
     sizeTablet?: iconSizePropsType;
     target?: string;
-    rel?: string;
-    icon?: string;
-    iconAfterSrc?: string;
-    iconBeforeSrc?: string;
-    iconSrc?: string;
     type?: string;
-    loading?: boolean;
-    htmlType?: string;
     isDisabled?: boolean;
 }
 export {};

package/dist/cjs/components/Icon.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var Icon = require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Icon = require('../Icon-D1v73UhR.js');
+require('../_tslib-CKiUdo7p.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
+require('react-inlinesvg');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -16,22 +17,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
 
 
 

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

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

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

@@ -0,0 +1,34 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, fillHoverPropsType, fillPropsType, horizontalContentAlignPropsType, shapePropsType, verticalContentAlignPropsType, widthPropsType } from '../../types';
+export interface IImageProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    alt?: string;
+    before?: ReactNode;
+    borderColor?: borderColorPropsType;
+    borderColorImage?: string;
+    caption?: string;
+    children?: ReactNode;
+    className?: string;
+    cursor?: string;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    height?: string;
+    horizontalAlign?: horizontalContentAlignPropsType;
+    imageClassName?: string;
+    imageHeight?: string;
+    imageWidth?: string;
+    imageWrapperClassName?: string;
+    mode?: string;
+    overlay?: any;
+    resizeMode?: string;
+    shape?: shapePropsType;
+    src?: string;
+    style?: CSSProperties;
+    title?: string;
+    type?: string;
+    verticalContentAlign?: verticalContentAlignPropsType;
+    width?: widthPropsType;
+    onClick?: () => void;
+    onError?: () => void;
+}

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

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