sag_components 2.0.0-beta34 → 2.0.0-beta341

package/dist/types/components/IconButton/IconButton.style.d.ts

@@ -1,4 +1,4 @@
-export const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const IconButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export const SpanText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export const CancelClick: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const IconButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const SpanText: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const CancelClick: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -1,15 +1,21 @@
 export default Input;
-declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, onChange, onBlur, required, disabled, width, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, }: {
+declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, inputType, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, minWidth, height, minHeight, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
     label: any;
     labelEmptyValue: any;
     size: any;
     selectedValue: any;
     placeHolder: any;
+    inputType?: string;
     onChange: any;
+    onClick: any;
     onBlur: any;
     required: any;
     disabled: any;
+    isDarkerBackground?: boolean;
     width: any;
+    minWidth: any;
+    height?: string;
+    minHeight: any;
     error: any;
     errorMessage: any;
     labelColor: any;
@@ -18,27 +24,40 @@ declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolde
     password: any;
     leftIconOnClick: any;
     rightIconOnClick: any;
-}): import("react/jsx-runtime").JSX.Element;
+    multiline?: boolean;
+    rows?: number;
+    maxLength: any;
+    regex: any;
+    onKeyDown: any;
+}): any;
 declare namespace Input {
     namespace propTypes {
-        const placeHolder: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<string>;
-        const labelEmptyValue: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-        const labelColor: PropTypes.Requireable<string>;
-        const required: PropTypes.Requireable<boolean>;
-        const width: PropTypes.Requireable<string>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const error: PropTypes.Requireable<boolean>;
-        const errorMessage: PropTypes.Requireable<string>;
-        const selectedValue: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const leftIconOnClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const rightIconOnClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const leftIcon: PropTypes.Requireable<string>;
-        const rightIcon: PropTypes.Requireable<string>;
-        const password: PropTypes.Requireable<boolean>;
+        const placeHolder: any;
+        const label: any;
+        const labelEmptyValue: any;
+        const size: any;
+        const labelColor: any;
+        const required: any;
+        const width: any;
+        const minWidth: any;
+        const minHeight: any;
+        const disabled: any;
+        const error: any;
+        const errorMessage: any;
+        const selectedValue: any;
+        const onChange: any;
+        const onClick: any;
+        const leftIconOnClick: any;
+        const rightIconOnClick: any;
+        const onBlur: any;
+        const leftIcon: any;
+        const rightIcon: any;
+        const password: any;
+        const multiline: any;
+        const rows: any;
+        const maxLength: any;
+        const regex: any;
+        const onKeyDown: any;
     }
     namespace defaultProps {
         const placeHolder_1: string;
@@ -55,6 +74,10 @@ declare namespace Input {
         export { required_1 as required };
         const width_1: string;
         export { width_1 as width };
+        const minWidth_1: string;
+        export { minWidth_1 as minWidth };
+        const minHeight_1: any;
+        export { minHeight_1 as minHeight };
         const disabled_1: boolean;
         export { disabled_1 as disabled };
         const error_1: boolean;
@@ -73,8 +96,19 @@ declare namespace Input {
         export { rightIconOnClick_1 as rightIconOnClick };
         export function onBlur_1(): void;
         export { onBlur_1 as onBlur };
+        export function onClick_1(): void;
+        export { onClick_1 as onClick };
         const password_1: boolean;
         export { password_1 as password };
+        const multiline_1: boolean;
+        export { multiline_1 as multiline };
+        const rows_1: number;
+        export { rows_1 as rows };
+        const maxLength_1: any;
+        export { maxLength_1 as maxLength };
+        const regex_1: any;
+        export { regex_1 as regex };
+        export function onKeyDown_1(): void;
+        export { onKeyDown_1 as onKeyDown };
     }
 }
-import PropTypes from "prop-types";

package/dist/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,410 @@
+declare namespace _default {
+    export const title: string;
+    export { Input as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace label {
+            const name: string;
+            namespace type {
+                const name_1: string;
+                export { name_1 as name };
+            }
+            const description: string;
+            namespace defaultValue {
+                const summary: string;
+            }
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+        }
+        namespace placeHolder {
+            const name_2: string;
+            export { name_2 as name };
+            export namespace type_2 {
+                const name_3: string;
+                export { name_3 as name };
+            }
+            export { type_2 as type };
+            const description_1: string;
+            export { description_1 as description };
+            export namespace defaultValue_1 {
+                const summary_1: string;
+                export { summary_1 as summary };
+            }
+            export { defaultValue_1 as defaultValue };
+            export namespace control_1 {
+                const type_3: string;
+                export { type_3 as type };
+            }
+            export { control_1 as control };
+        }
+        namespace selectedValue {
+            const name_4: string;
+            export { name_4 as name };
+            export namespace type_4 {
+                const name_5: string;
+                export { name_5 as name };
+            }
+            export { type_4 as type };
+            const description_2: string;
+            export { description_2 as description };
+            export namespace defaultValue_2 {
+                const summary_2: string;
+                export { summary_2 as summary };
+            }
+            export { defaultValue_2 as defaultValue };
+            export namespace control_2 {
+                const type_5: string;
+                export { type_5 as type };
+            }
+            export { control_2 as control };
+        }
+        namespace size {
+            const name_6: string;
+            export { name_6 as name };
+            export const options: string[];
+            export namespace control_3 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        namespace inputType {
+            const name_7: string;
+            export { name_7 as name };
+            const options_1: string[];
+            export { options_1 as options };
+            export namespace control_4 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_4 as control };
+        }
+        namespace width {
+            const name_8: string;
+            export { name_8 as name };
+            export namespace type_8 {
+                const name_9: string;
+                export { name_9 as name };
+            }
+            export { type_8 as type };
+            const description_4: string;
+            export { description_4 as description };
+            export namespace defaultValue_3 {
+                const summary_3: string;
+                export { summary_3 as summary };
+            }
+            export { defaultValue_3 as defaultValue };
+            export namespace control_5 {
+                const type_9: string;
+                export { type_9 as type };
+            }
+            export { control_5 as control };
+        }
+        namespace minWidth {
+            const name_10: string;
+            export { name_10 as name };
+            export namespace type_10 {
+                const name_11: string;
+                export { name_11 as name };
+            }
+            export { type_10 as type };
+            const description_5: string;
+            export { description_5 as description };
+            export namespace defaultValue_4 {
+                const summary_4: string;
+                export { summary_4 as summary };
+            }
+            export { defaultValue_4 as defaultValue };
+            export namespace control_6 {
+                const type_11: string;
+                export { type_11 as type };
+            }
+            export { control_6 as control };
+        }
+        namespace labelColor {
+            const name_12: string;
+            export { name_12 as name };
+            const description_6: string;
+            export { description_6 as description };
+            export namespace control_7 {
+                const type_12: string;
+                export { type_12 as type };
+                export const presetColors: string[];
+            }
+            export { control_7 as control };
+        }
+        namespace required {
+            const name_13: string;
+            export { name_13 as name };
+            export namespace type_13 {
+                const name_14: string;
+                export { name_14 as name };
+            }
+            export { type_13 as type };
+            const description_7: string;
+            export { description_7 as description };
+            export namespace defaultValue_5 {
+                const summary_5: boolean;
+                export { summary_5 as summary };
+            }
+            export { defaultValue_5 as defaultValue };
+            export namespace control_8 {
+                const type_14: string;
+                export { type_14 as type };
+            }
+            export { control_8 as control };
+        }
+        namespace disabled {
+            const name_15: string;
+            export { name_15 as name };
+            export namespace type_15 {
+                const name_16: string;
+                export { name_16 as name };
+            }
+            export { type_15 as type };
+            const description_8: string;
+            export { description_8 as description };
+            export namespace defaultValue_6 {
+                const summary_6: boolean;
+                export { summary_6 as summary };
+            }
+            export { defaultValue_6 as defaultValue };
+            export namespace control_9 {
+                const type_16: string;
+                export { type_16 as type };
+            }
+            export { control_9 as control };
+        }
+        namespace isDarkerBackground {
+            const name_17: string;
+            export { name_17 as name };
+            export namespace type_17 {
+                const name_18: string;
+                export { name_18 as name };
+            }
+            export { type_17 as type };
+            const description_9: string;
+            export { description_9 as description };
+            export namespace defaultValue_7 {
+                const summary_7: boolean;
+                export { summary_7 as summary };
+            }
+            export { defaultValue_7 as defaultValue };
+            export namespace control_10 {
+                const type_18: string;
+                export { type_18 as type };
+            }
+            export { control_10 as control };
+        }
+        namespace error {
+            const name_19: string;
+            export { name_19 as name };
+            export namespace type_19 {
+                const name_20: string;
+                export { name_20 as name };
+            }
+            export { type_19 as type };
+            const description_10: string;
+            export { description_10 as description };
+            export namespace defaultValue_8 {
+                const summary_8: boolean;
+                export { summary_8 as summary };
+            }
+            export { defaultValue_8 as defaultValue };
+            export namespace control_11 {
+                const type_20: string;
+                export { type_20 as type };
+            }
+            export { control_11 as control };
+        }
+        namespace errorMessage {
+            const name_21: string;
+            export { name_21 as name };
+            export namespace type_21 {
+                const name_22: string;
+                export { name_22 as name };
+            }
+            export { type_21 as type };
+            const description_11: string;
+            export { description_11 as description };
+            export namespace defaultValue_9 {
+                const summary_9: string;
+                export { summary_9 as summary };
+            }
+            export { defaultValue_9 as defaultValue };
+            export namespace control_12 {
+                const type_22: string;
+                export { type_22 as type };
+            }
+            export { control_12 as control };
+        }
+        namespace password {
+            const name_23: string;
+            export { name_23 as name };
+            export namespace type_23 {
+                const name_24: string;
+                export { name_24 as name };
+            }
+            export { type_23 as type };
+            const description_12: string;
+            export { description_12 as description };
+            export namespace defaultValue_10 {
+                const summary_10: boolean;
+                export { summary_10 as summary };
+            }
+            export { defaultValue_10 as defaultValue };
+            export namespace control_13 {
+                const type_24: string;
+                export { type_24 as type };
+            }
+            export { control_13 as control };
+        }
+        namespace leftIcon {
+            const name_25: string;
+            export { name_25 as name };
+            export { iconsList as options };
+            export namespace control_14 {
+                const type_25: string;
+                export { type_25 as type };
+            }
+            export { control_14 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        namespace rightIcon {
+            const name_26: string;
+            export { name_26 as name };
+            export { iconsList as options };
+            export namespace control_15 {
+                const type_26: string;
+                export { type_26 as type };
+            }
+            export { control_15 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        namespace multiline {
+            const name_27: string;
+            export { name_27 as name };
+            export namespace type_27 {
+                const name_28: string;
+                export { name_28 as name };
+            }
+            export { type_27 as type };
+            const description_15: string;
+            export { description_15 as description };
+            export namespace defaultValue_11 {
+                const summary_11: boolean;
+                export { summary_11 as summary };
+            }
+            export { defaultValue_11 as defaultValue };
+            export namespace control_16 {
+                const type_28: string;
+                export { type_28 as type };
+            }
+            export { control_16 as control };
+        }
+        namespace rows {
+            const name_29: string;
+            export { name_29 as name };
+            export namespace type_29 {
+                const name_30: string;
+                export { name_30 as name };
+            }
+            export { type_29 as type };
+            const description_16: string;
+            export { description_16 as description };
+            export namespace defaultValue_12 {
+                const summary_12: number;
+                export { summary_12 as summary };
+            }
+            export { defaultValue_12 as defaultValue };
+            export namespace control_17 {
+                const type_30: string;
+                export { type_30 as type };
+                export const min: number;
+                export const max: number;
+            }
+            export { control_17 as control };
+        }
+        namespace maxLength {
+            const name_31: string;
+            export { name_31 as name };
+            export namespace type_31 {
+                const name_32: string;
+                export { name_32 as name };
+            }
+            export { type_31 as type };
+            const description_17: string;
+            export { description_17 as description };
+            export namespace control_18 {
+                const type_32: string;
+                export { type_32 as type };
+                const min_1: number;
+                export { min_1 as min };
+                const max_1: number;
+                export { max_1 as max };
+            }
+            export { control_18 as control };
+        }
+        namespace leftIconOnClick {
+            const name_33: string;
+            export { name_33 as name };
+            export const action: string;
+            const description_18: string;
+            export { description_18 as description };
+        }
+        namespace rightIconOnClick {
+            const name_34: string;
+            export { name_34 as name };
+            const action_1: string;
+            export { action_1 as action };
+            const description_19: string;
+            export { description_19 as description };
+        }
+        namespace onChange {
+            const name_35: string;
+            export { name_35 as name };
+            const action_2: string;
+            export { action_2 as action };
+            const description_20: string;
+            export { description_20 as description };
+        }
+        namespace onBlur {
+            const name_36: string;
+            export { name_36 as name };
+            const action_3: string;
+            export { action_3 as action };
+            const description_21: string;
+            export { description_21 as description };
+        }
+    }
+}
+export default _default;
+export const Small: any;
+export const SmallLeftIcon: any;
+export const SmallRightIcon: any;
+export const SmallTwoIcons: any;
+export const SmallWithInitValue: any;
+export const Medium: any;
+export const MediumWithInitValue: any;
+export const Required: any;
+export const Disabled: any;
+export const MediumLeftIcon: any;
+export const MediumRightIcon: any;
+export const MediumLeftAndRightIcon: any;
+export const ErrorMessage: any;
+export const Password: any;
+export const TextareaSmall: any;
+export const TextareaMedium: any;
+export const TextareaWithInitialValue: any;
+export const TextareaWithCharacterLimit: any;
+export const TextareaWithError: any;
+export const TextareaDisabled: any;
+export const TextareaLarge: any;
+import Input from "./Input";
+declare const iconsList: string[];

package/dist/types/components/Input/Input.style.d.ts

@@ -1,7 +1,8 @@
-export const MainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const InputSubContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const MainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const Label: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const InputSubContainer: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -16,25 +16,25 @@ declare function InputOld({ label, value, onChange, borderRadius, required, widt
     type: any;
     borderColor: any;
     textColor: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): any;
 declare namespace InputOld {
     namespace propTypes {
-        const label: PropTypes.Validator<string>;
-        const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const borderRadius: PropTypes.Validator<string>;
-        const required: PropTypes.Requireable<boolean>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const placeholder: PropTypes.Requireable<string>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const password: PropTypes.Requireable<boolean>;
-        const defaultValue: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        const error: PropTypes.Requireable<boolean>;
-        const errorMessage: PropTypes.Requireable<string>;
-        const type: PropTypes.Requireable<string>;
-        const borderColor: PropTypes.Requireable<string>;
-        const textColor: PropTypes.Requireable<string>;
+        const label: any;
+        const value: any;
+        const onChange: any;
+        const borderRadius: any;
+        const required: any;
+        const width: any;
+        const height: any;
+        const placeholder: any;
+        const disabled: any;
+        const password: any;
+        const defaultValue: any;
+        const error: any;
+        const errorMessage: any;
+        const type: any;
+        const borderColor: any;
+        const textColor: any;
     }
     namespace defaultProps {
         const required_1: boolean;
@@ -63,4 +63,3 @@ declare namespace InputOld {
         export { textColor_1 as textColor };
     }
 }
-import PropTypes from "prop-types";