ownui-system 0.0.2 → 0.0.4

package/dist/components/Tab/Tab.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import Tab from ".";
-declare const meta: {
-    title: string;
-    component: typeof Tab;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Box: Story;
-export declare const TextTabGroup: Story;
-export declare const BoxTabGroup: Story;

package/dist/components/Tab/Tab.style.d.ts

@@ -1,29 +0,0 @@
-export declare const baseStyle: {
-    text: string;
-    box: string;
-};
-export declare const activeStyle: {
-    text: string;
-    box: string;
-};
-export declare const tabSize: {
-    text: {
-        large: string;
-        medium: string;
-        small: string;
-    };
-    box: {
-        large: string;
-        medium: string;
-        small: string;
-    };
-};
-export declare const tabGroupBaseStyle: {
-    text: string;
-    box: string;
-};
-export declare const tabGroupGap: {
-    large: string;
-    medium: string;
-    small: string;
-};

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface TabProps {
-    children: React.ReactNode;
-    active?: boolean;
-    className?: string;
-    onClick?: () => void;
-}
-declare function Tab({ children, active, onClick }: TabProps): import("react/jsx-runtime").JSX.Element;
-export default Tab;

package/dist/components/Tab/tab-context.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type TabPropsContextValue = {
-    type?: "text" | "box";
-    size?: "large" | "medium" | "small";
-    activeColor?: string;
-};
-declare function useContext(): TabPropsContextValue;
-export declare function useTabContext(): {
-    TabProvider: import("react").Provider<TabPropsContextValue | undefined>;
-    useContext: typeof useContext;
-    Context: import("react").Context<TabPropsContextValue | undefined>;
-};
-export {};

package/dist/components/Tab/tab-group.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface TabGroupProps {
-    type?: "text" | "box";
-    size?: "large" | "medium" | "small";
-    activeColor?: string;
-    children: React.ReactNode;
-}
-declare function TabGroup({ children, size, type, activeColor, }: TabGroupProps): import("react/jsx-runtime").JSX.Element;
-export default TabGroup;

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

@@ -1,10 +0,0 @@
-import { CSSProperties, PropsWithChildren } from "react";
-type TextProps = {
-    fontSize?: CSSProperties["fontSize"];
-    fontWeight?: CSSProperties["fontWeight"];
-    color?: CSSProperties["color"];
-    bold?: boolean;
-    needGradient?: boolean;
-} & PropsWithChildren;
-declare function Text({ fontSize, fontWeight, color, bold, needGradient, children, }: TextProps): import("react/jsx-runtime").JSX.Element;
-export default Text;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import('.').TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        size: {
-            control: string;
-            options: string[];
-        };
-        hasError: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        focusColor: {
-            controls: {
-                type: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/TextArea/TextArea.style.d.ts

@@ -1,6 +0,0 @@
-export declare const baseStyle: string;
-export declare const inValidStyle: string;
-export declare const textAreaSizeMap: {
-    small: string;
-    large: string;
-};

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

@@ -1,10 +0,0 @@
-import { CSSProperties, ComponentProps } from "react";
-export interface TextAreaProps extends Omit<ComponentProps<"textarea">, "size"> {
-    label?: React.ReactNode;
-    hasError?: boolean;
-    helpMessage?: React.ReactNode;
-    focusColor?: CSSProperties["color"];
-    size?: "small" | "large";
-}
-declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/dist/components/TextField/TextField.stories.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import('.').TextFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        hasError: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        focusColor: {
-            controls: {
-                type: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,10 +0,0 @@
-import { CSSProperties, ComponentProps } from "react";
-export interface TextFieldProps extends Omit<ComponentProps<"input">, "size"> {
-    label?: React.ReactNode;
-    hasError?: boolean;
-    helpMessage?: React.ReactNode;
-    focusColor?: CSSProperties["color"];
-    size?: "small" | "medium" | "large";
-}
-declare const TextField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export default TextField;

package/dist/components/index.d.ts

@@ -1,18 +0,0 @@
-export { default as Dimmed } from "./Dimmed";
-export { default as Button } from "./Button";
-export { default as Input } from "./Input";
-export { default as Text } from "./Text";
-export { default as TextArea } from "./TextArea";
-export { default as TextField } from "./TextField";
-export { default as Divider } from "./Divider";
-export { default as Skeleton } from "./Skeleton";
-export { default as Badge } from "./Badge";
-export { default as Flex } from "./shared/Flex";
-export { default as Spacing } from "./shared/Spacing";
-export { default as Portal } from "./shared/Portal";
-export * from "./Accordion";
-export * from "./Drawer";
-export * from "./Modal";
-export * from "./Dropdown";
-export * from "./Popover";
-export * from "./BottomSheet";

package/dist/components/shared/Flex.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, PropsWithChildren } from "react";
-interface FlexProps extends PropsWithChildren {
-    display?: "flex" | "inline-flex";
-    align?: CSSProperties["alignItems"];
-    justify?: CSSProperties["justifyContent"];
-    direction?: CSSProperties["flexDirection"];
-    style?: CSSProperties;
-    className?: string;
-    wrap?: boolean;
-    onClick?: () => void;
-}
-declare function Flex({ className, display, align, justify, direction, wrap, style, children, onClick, }: FlexProps): import("react/jsx-runtime").JSX.Element;
-export default Flex;

package/dist/components/shared/Portal.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    children: React.ReactNode;
-    container?: React.RefObject<HTMLElement>;
-    id?: string;
-};
-export declare function createPortalRoot(id: string): HTMLDivElement;
-declare function Portal({ children, ...rest }: Props): import("react/jsx-runtime").JSX.Element | null;
-export default Portal;

package/dist/components/shared/Spacing.d.ts

@@ -1,6 +0,0 @@
-interface SpacingProps {
-    size: number;
-    direction?: "vertical" | "horizontal";
-}
-declare function Spacing({ size, direction }: SpacingProps): import("react/jsx-runtime").JSX.Element;
-export default Spacing;

package/dist/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export { default as useClickOutSideEffect } from "./useClickOutSideEffect";
-export { default as useDomRef } from "./useDomRef";
-export { default as useMounted } from "./useMounted";
-export { default as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";

package/dist/hooks/useClickOutSideEffect.d.ts

@@ -1,3 +0,0 @@
-type OneOrMore<T> = T | T[];
-declare function useClickOutSideEffect(container: OneOrMore<HTMLElement> | null, callback: VoidFunction): void;
-export default useClickOutSideEffect;

package/dist/hooks/useDomRef.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ReactRef } from '../types';
-declare function useDOMRef<T extends HTMLElement = HTMLElement>(ref?: ReactRef<T | null>): import("react").RefObject<T>;
-export default useDOMRef;

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,7 +0,0 @@
-import { useEffect } from "react";
-/**
- * @description serverside인 경우 useLayoutEffect에 대한 경고 메시지가 발생하는 이슈에 대하여
- * clientside인 경우 useLayoutEffect, serverside인 경우 useEffect를 사용하도록 하는 목적의 커스텀 훅
- */
-declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;

package/dist/hooks/useMounted.d.ts

@@ -1,2 +0,0 @@
-declare function useMounted(condition?: boolean): boolean;
-export default useMounted;

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./components";
-export * from "./hooks";
-export * from "./types";
-export * from "./styles/typography";
-export * from "./styles/colors";