@devopness/ui-react 2.184.0 → 2.184.1

package/dist/src/components/Buttons/Button/Button.d.ts

@@ -52,6 +52,8 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      */
     typeSize?: 'default' | 'medium' | 'auto';
 };
+type IconProps = Pick<ButtonProps, 'loading' | 'icon' | 'iconSize' | 'buttonType' | 'iconColor'>;
+declare const Icon: ({ loading: isLoading, icon, iconSize, buttonType, iconColor, }: IconProps) => import("react/jsx-runtime").JSX.Element;
 /** Primary UI component for user interaction */
 declare const Button: ({ backgroundColor, borderColor, buttonType, children, color, disabled, icon, iconColor, iconSize, loading: isLoading, noIconMargin, noMargin, noPadding, noPointerEvents, revertOrientation, tabIndex, type, typeSize, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export type { ButtonProps };

package/dist/src/components/Forms/Alert/Alert.d.ts

@@ -34,5 +34,5 @@ type AlertProps = {
  * ```
  */
 declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
-export type { AlertProps };
 export { Alert };
+export type { AlertProps };

package/dist/src/components/Forms/Alert/Alert.styled.d.ts

@@ -1,12 +1,13 @@
-import { AlertProps } from './Alert';
 type StyledProps = {
     type: string;
 };
-declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<AlertProps, "noPadding">>> & string;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $noPadding?: boolean;
+}>> & string;
 declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    fullWidth?: boolean;
+    $fullWidth?: boolean;
 }>> & string;
 declare const LabelContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, StyledContent, StyledIcon, StyledLabel, LabelContentWrapper };
+export { LabelContentWrapper, StyledContent, StyledIcon, StyledLabel, Wrapper };

package/dist/src/components/Forms/Container/Container.styled.d.ts

@@ -1,5 +1,8 @@
 import { ContainerProps } from './Container';
-type StyledProps = Pick<ContainerProps, 'shouldRemoveTopMargin' | 'styles'>;
+type StyledProps = {
+    $shouldRemoveTopMargin?: boolean;
+    styles?: ContainerProps['styles'];
+};
 declare const ContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const WrapperContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, StyledProps>> & string;
 export { ContainerStyled, WrapperContent };

package/dist/src/components/Forms/FormText/FormText.styled.d.ts

@@ -2,7 +2,7 @@ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBa
 declare const Line: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 type ParagraphProps = {
-    subtitleColor?: string;
+    $subtitleColor?: string;
 };
 declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ParagraphProps>> & string;
-export { Wrapper, Line, Title, Paragraph };
+export { Line, Paragraph, Title, Wrapper };

package/dist/src/components/Forms/Input/Input.d.ts

@@ -28,6 +28,8 @@ type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: 'left' | 'right';
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 };
 type InputProps = (SharedProps & {
     /** HTML input type (text, number, email, etc.) */
@@ -35,8 +37,6 @@ type InputProps = (SharedProps & {
 }) | (SharedProps & {
     /** HTML input type (text, number, email, etc.) */
     type: 'number';
-    /** Removes increment/decrement arrows from number inputs */
-    removeArrows?: boolean;
 });
 /**
  * Allows users to enter and edit text
@@ -92,6 +92,8 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: "left" | "right";
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 } & {
     /** HTML input type (text, number, email, etc.) */
     type: Exclude<React.HTMLInputTypeAttribute, "number">;
@@ -123,11 +125,11 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: "left" | "right";
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 } & {
     /** HTML input type (text, number, email, etc.) */
     type: "number";
-    /** Removes increment/decrement arrows from number inputs */
-    removeArrows?: boolean;
 }, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
-export type { InputProps };
 export { Input };
+export type { InputProps };

package/dist/src/components/Forms/Input/Input.styled.d.ts

@@ -1,31 +1,32 @@
-import { InputProps } from './Input';
-type IconPositionProps = Pick<InputProps, 'iconPosition'>;
+type IconPositionProps = {
+    $iconPosition?: 'left' | 'right';
+};
 type WrapperProps = {
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
+    $error?: boolean;
 };
 type InputTextProps = {
-    disabled?: boolean;
-    hasError?: boolean;
+    $disabled?: boolean;
+    $hasError?: boolean;
     type: string;
-    removeArrows?: boolean;
-    publicStyle?: {
+    $removeArrows?: boolean;
+    $publicStyle?: {
         fontStyleValue?: string;
         fontStylePlaceholder?: string;
     };
-    readOnly?: boolean;
-    hasIcon?: boolean;
-    iconPosition?: 'left' | 'right';
+    $readOnly?: boolean;
+    $hasIcon?: boolean;
+    $iconPosition?: 'left' | 'right';
 };
 type InputWrapperProps = {
-    hasError?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
+    $hasError?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const InputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>> & string;
 declare const InputText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputTextProps>> & string;
 declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconPositionProps>> & string;
 declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>> & string;
-export { Container, InputWrapper, InputText, Icon, Wrapper };
+export { Container, Icon, InputText, InputWrapper, Wrapper };

package/dist/src/components/Forms/TextArea/TextArea.d.ts

@@ -1,4 +1,4 @@
-import { TextareaHTMLAttributes, RefObject } from 'react';
+import { RefObject, TextareaHTMLAttributes } from 'react';
 import { LabelProps } from '../../Primitives';
 /**
  * Props for the TextArea component.

package/dist/src/components/Forms/TextArea/TextArea.styled.d.ts

@@ -1,8 +1,8 @@
 type PropsStyled = {
-    hasError?: boolean;
-    noResize?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
+    $hasError?: boolean;
+    $noResize?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const StyledTextarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, PropsStyled>> & string;

package/dist/src/components/Primitives/Cover/Cover.styled.d.ts

@@ -1,6 +1,6 @@
 import { Color } from '../../../colors';
 type StyledCoverProps = {
-    backgroundColor: Color;
+    $backgroundColor: Color;
 };
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCoverProps>> & string;
 export {};

package/dist/src/components/Primitives/EmptyData/EmptyData.styled.d.ts

@@ -1,8 +1,8 @@
 type ImgContainerProps = {
-    isSmallContainer: boolean;
+    $isSmallContainer: boolean;
 };
 declare const ImgContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ImgContainerProps>> & string;
 declare const Img: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 declare const EmptyDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const EmptyDataText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { EmptyDataContainer, EmptyDataText, ImgContainer, Img };
+export { EmptyDataContainer, EmptyDataText, Img, ImgContainer };

package/dist/src/components/Primitives/FlexContainer/FlexContainer.d.ts

@@ -24,6 +24,6 @@ type FlexContainerProps = {
  * </FlexContainer>
  * ```
  */
-declare const FlexContainer: ({ children, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
-export type { FlexContainerProps };
+declare const FlexContainer: ({ children, direction, align, wrap, gap, justify, }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
 export { FlexContainer };
+export type { FlexContainerProps };

package/dist/src/components/Primitives/FlexContainer/FlexContainer.styled.d.ts

@@ -1,3 +1,9 @@
-import { FlexContainerProps } from './FlexContainer';
-declare const FlexContainerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexContainerProps>> & string;
+type FlexStyledProps = {
+    $direction?: 'row' | 'column';
+    $justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    $align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    $wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    $gap?: string;
+};
+declare const FlexContainerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexStyledProps>> & string;
 export { FlexContainerWrapper };

package/dist/src/components/Primitives/LoadStarship/LoadStarship.styled.d.ts

@@ -1,5 +1,5 @@
 type ContainerProps = {
-    isFullContainer?: boolean;
+    $isFullContainer?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
 declare const Gif: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

package/dist/src/components/Primitives/Loader/Loader.styled.d.ts

@@ -1,9 +1,9 @@
 type ContainerCometSpinLoaderProps = {
-    paddingTop?: string;
+    $paddingTop?: string;
 };
 type LoaderContainerProps = {
-    paddingTop?: string;
-    isAlignLeft?: boolean;
+    $paddingTop?: string;
+    $isAlignLeft?: boolean;
 };
 declare const PageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const ContainerCometSpinLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerCometSpinLoaderProps>> & string;
@@ -22,4 +22,4 @@ declare const PageLoader: import('styled-components/dist/types').IStyledComponen
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 declare const BarLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./ReactSpinners.type').ReactSpinnersProps, never>> & string & Omit<(props: import('./ReactSpinners.type').ReactSpinnersProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 declare const RingLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./ReactSpinners.type').ReactSpinnersProps, never>> & string & Omit<({ color, ...restProps }: import('./ReactSpinners.type').ReactSpinnersProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
-export { BarLoader, PageLoader, CircleLoader, LoaderContainer, RingLoader, PageContainer, ContainerCometSpinLoader, };
+export { BarLoader, CircleLoader, ContainerCometSpinLoader, LoaderContainer, PageContainer, PageLoader, RingLoader, };

package/dist/src/components/Primitives/Pagination/Pagination.styled.d.ts

@@ -1,5 +1,5 @@
 type PaginationContentProps = {
-    hideFirstAndLastButton: boolean;
+    $hideFirstAndLastButton: boolean;
 };
 declare const ContainerPagination: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const PaginationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PaginationContentProps>> & string;

package/dist/src/components/Primitives/Popover/Popover.styled.d.ts

@@ -1,10 +1,10 @@
 import { Popover } from '@mui/material';
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').PopoverProps, never>> & string & Omit<typeof Popover, keyof import('react').Component<any, {}, any>>;
 declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    justifyContent: "space-between" | "end";
+    $justifyContent: "space-between" | "end";
 }>> & string;
 declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    justifyContent: "space-between" | "end";
+    $justifyContent: "space-between" | "end";
 }>> & string;
-export { Container, Header, Title, Footer };
+export { Container, Footer, Header, Title };

package/dist/src/components/Primitives/Review/Review.d.ts

@@ -42,5 +42,5 @@ type ReviewProps = {
  * ```
  */
 declare const Review: ({ content, icon, iconBackgroundColor, iconColor, iconSize, isBoldFontWeight, prefix, backgroundColor, hasPrefixMargin, isIconAfterLabel, }: ReviewProps) => import("react/jsx-runtime").JSX.Element;
-export type { ReviewProps };
 export { Review };
+export type { ReviewProps };

package/dist/src/components/Primitives/Review/Review.styled.d.ts

@@ -1,24 +1,24 @@
 type DetailContentValueProps = {
-    isBoldFontWeight?: boolean;
+    $isBoldFontWeight?: boolean;
 };
 type DetailContentInformationProps = {
-    noIcon?: boolean;
-    isIconAfterLabel?: boolean;
-    backgroundColor?: string;
+    $noIcon?: boolean;
+    $isIconAfterLabel?: boolean;
+    $backgroundColor?: string;
 };
 type ContentDetailProps = {
     type?: 'default' | 'warning';
 };
 type StyledProps = {
-    backgroundColor?: string;
+    $backgroundColor?: string;
     color?: string;
 };
 declare const DetailContentInformation: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, DetailContentInformationProps>> & string;
 declare const DetailContentValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DetailContentValueProps>> & string;
 declare const PrefixWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    showMarginRight?: boolean;
+    $showMarginRight?: boolean;
 }>> & string;
 declare const ContentIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const ContentDetail: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, ContentDetailProps>> & string;
-export type { DetailContentInformationProps, DetailContentValueProps, ContentDetailProps, };
-export { DetailContentInformation, DetailContentValue, PrefixWrapper, ContentIcon, ContentDetail, };
+export { ContentDetail, ContentIcon, DetailContentInformation, DetailContentValue, PrefixWrapper, };
+export type { ContentDetailProps, DetailContentInformationProps, DetailContentValueProps, };

package/dist/src/components/Primitives/Skeleton/Skeleton.styled.d.ts

@@ -1,9 +1,9 @@
-type SkeletonProps = {
-    widthPercent?: number;
-    heightPercent?: number;
-    width?: number;
-    height?: number;
-    borderRadius?: number;
+type TransientSkeletonProps = {
+    $widthPercent?: number;
+    $heightPercent?: number;
+    $width?: number;
+    $height?: number;
+    $borderRadius?: number;
 };
-declare const SkeletonEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;
+declare const SkeletonEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TransientSkeletonProps>> & string;
 export { SkeletonEffect };