@ctlyst.id/internal-ui 1.0.4-canary.8 → 1.1.0-canary.0

package/dist/components/card/__stories__/card.stories.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;

package/dist/components/card/components/card.d.ts

@@ -0,0 +1,8 @@
+import type { BoxProps } from '@chakra-ui/react';
+import React from 'react';
+export interface CardProps extends BoxProps {
+    withShadow?: boolean;
+    isRounded?: boolean;
+}
+declare const CardCustom: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default CardCustom;

package/dist/components/card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card } from './components/card';
+export * from './components/card';

package/dist/components/checkbox/__stories__/checkbox.stories.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithLabel: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;

package/dist/components/checkbox/components/checkbox.d.ts

@@ -0,0 +1,16 @@
+import type { CheckboxProps } from '@chakra-ui/react';
+import type { PropsWithChildren } from 'react';
+export interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
+    isError?: boolean;
+    helpText?: string;
+    errorText?: string;
+}
+declare function CheckboxComponent({ isError, helpText, errorText, children, isDisabled, ...rest }: CheckboxComponentProps): JSX.Element;
+declare namespace CheckboxComponent {
+    var defaultProps: {
+        isError: boolean;
+        helpText: string;
+        errorText: string;
+    };
+}
+export default CheckboxComponent;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './components/checkbox';
+export * from './components/checkbox';

package/dist/components/field/components/field.d.ts

@@ -2,8 +2,11 @@ import type { FC, PropsWithChildren, ReactNode } from 'react';
 export interface Props {
     label?: string | ReactNode;
     isError?: boolean;
-    error?: string | ReactNode;
-    helperText?: string | ReactNode;
+    isSuccess?: boolean;
+    isDisabled?: boolean;
+    errorMessage?: string | ReactNode;
+    leftHelperText?: string | ReactNode;
+    rightHelperText?: string | ReactNode;
     isRequired?: boolean;
 }
 export declare type FieldProps<T = unknown> = Props & T;

package/dist/components/index.d.ts

@@ -1,8 +1,11 @@
 export * from './breadcrumb';
+export * from './card';
+export * from './checkbox';
 export * from './data-table';
 export * from './datepicker';
 export * from './field';
 export * from './header';
+export * from './loader';
 export * from './modal';
 export * from './navigation';
 export * from './pagination';

package/dist/components/{base/stories/checkbox.stories.d.ts → loader/__stories__/loader.stories.d.ts}

@@ -7,5 +7,6 @@ declare const _default: {
     decorators: ((Story: React.ElementType) => JSX.Element)[];
 };
 export default _default;
-export declare const CheckboxDefault: () => JSX.Element;
-export declare const CheckboxSize: () => JSX.Element;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const Size: () => JSX.Element;

package/dist/components/loader/components/loader.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/react';
+export interface LoaderProps {
+    size?: string;
+    variant?: string;
+}
+export interface CustomBadgeProps extends HTMLChakraProps<'span'>, ThemingProps {
+}
+declare const Loader: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", CustomBadgeProps>;
+export default Loader;

package/dist/components/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loader } from './components/loader';
+export * from './components/loader';

package/dist/config/{foundations.stories.d.ts → __stories__/foundations.stories.d.ts}

@@ -9,5 +9,6 @@ declare const _default: {
 export default _default;
 export declare const Color: () => JSX.Element;
 export declare const Typography: () => JSX.Element;
+export declare const Shadow: () => JSX.Element;
 export declare const Spacing: () => JSX.Element;
 export declare const Sizes: () => JSX.Element;

package/dist/config/theme/components/card.d.ts

@@ -0,0 +1,18 @@
+declare const CardStyle: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        shadow: string;
+        borderRadius: string;
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default CardStyle;

package/dist/config/theme/components/checkbox.d.ts

@@ -1,3 +1,87 @@
-import type { ComponentStyleConfig } from '@chakra-ui/theme';
-declare const Checkbox: ComponentStyleConfig;
+declare const Checkbox: {
+    baseStyle?: {
+        control: {
+            borderRadius: string;
+            width: string;
+            height: string;
+            border: string;
+        };
+        icon: {
+            color: string;
+            width: string;
+        };
+        label: {
+            fontWeight: string;
+            lineHeight: string;
+            color: string;
+            ml: string;
+        };
+        _disabled: {
+            background: string;
+            border: string;
+            borderColor: string;
+            cursor: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "label" | "control")[];
+        }>;
+    } | undefined;
+    variants?: {
+        errors: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    backgroundColor: string;
+                    _hover: {
+                        borderColor: string;
+                        backgroundColor: string;
+                    };
+                };
+                _indeterminate: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        unstyled: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    backgroundColor: string;
+                    _hover: {
+                        borderColor: string;
+                        backgroundColor: string;
+                    };
+                    _disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                    };
+                };
+                _disabled: {
+                    backgroundColor: string;
+                };
+                _indeterminate: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "errors" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "label" | "control")[];
+};
 export default Checkbox;

package/dist/config/theme/components/index.d.ts

@@ -1,8 +1,10 @@
 export { default as Button } from './button';
+export { default as Card } from './card';
 export { default as Checkbox } from './checkbox';
 export { default as FormLabel } from './form-label';
 export { default as Input } from './input';
+export { default as LoaderStyle } from './loader';
+export { default as Popover } from './popover';
 export { default as Radio } from './radio';
 export { default as Switch } from './switch';
-export { default as Popover } from './popover';
 export { default as Textarea } from './textarea';

package/dist/config/theme/components/loader.d.ts

@@ -0,0 +1,85 @@
+declare const LoaderStyle: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        borderRadius: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        animation: string;
+        background: string;
+        ':before': {
+            content: string;
+            display: string;
+            borderRadius: string;
+            width: string;
+            height: string;
+            position: string;
+            bottom: number;
+            background: string;
+        };
+    }) | undefined;
+    sizes?: {
+        xs: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        sm: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        md: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        lg: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        xl: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        xxl: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default LoaderStyle;

package/dist/config/theme/foundations/index.d.ts

@@ -1,5 +1,6 @@
 export { default as colors } from './colors';
 export { default as radii } from './radius';
-export { default as space } from './spacing';
+export { default as shadows } from './shadows';
 export { default as sizes } from './sizes';
-export { fonts, fontSizes, lineHeights, textStyles } from './typography';
+export { default as space } from './spacing';
+export { fonts, fontSizes, letterSpacings, lineHeights, textStyles } from './typography';

package/dist/config/theme/foundations/shadows.d.ts

@@ -0,0 +1,15 @@
+declare const shadows: {
+    raised: string;
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    outline: string;
+    inner: string;
+    none: string;
+    "dark-lg": string;
+};
+export default shadows;

package/dist/config/theme/foundations/typography.d.ts

@@ -20,6 +20,11 @@ declare const lineHeights: {
     short: number;
     base: number;
     tall: number;
+    64: string;
+    56: string;
+    48: string;
+    40: string;
+    36: string;
     34: string;
     32: string;
     30: string;
@@ -33,6 +38,14 @@ declare const lineHeights: {
     14: string;
     12: string;
 };
+declare const letterSpacings: {
+    tighter: string;
+    tight: string;
+    normal: string;
+    wide: string;
+    wider: string;
+    widest: string;
+};
 declare const fontSizes: {
     heading: {
         1: string;
@@ -67,37 +80,37 @@ declare const textStyles: {
     heading: {
         1: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         2: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         3: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         4: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         5: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         6: {
             fontSize: string;
-            fontWeight: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
@@ -105,26 +118,31 @@ declare const textStyles: {
     text: {
         xl: {
             fontSize: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         lg: {
             fontSize: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         md: {
             fontSize: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         sm: {
             fontSize: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
         xs: {
             fontSize: string;
+            fontWeight: number;
             lineHeight: string;
             letterSpacing: string;
         };
@@ -170,4 +188,4 @@ declare const textStyles: {
         };
     };
 };
-export { fonts, fontSizes, fontWeights, lineHeights, textStyles };
+export { fonts, fontSizes, fontWeights, letterSpacings, lineHeights, textStyles };