@telepix-lab/telepix-ui 0.0.1 → 0.1.2

package/dist/esm/table/styles.d.ts

@@ -0,0 +1,45 @@
+export declare const tableStyles: Readonly<{
+    readonly table: Readonly<{
+        readonly width: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"width", "100%">;
+        readonly position: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"position", "relative">;
+        readonly borderCollapse: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"borderCollapse", "collapse">;
+    }>;
+    readonly theadTR: Readonly<{
+        readonly borderBottom: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"borderBottom", `1px solid ${import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>}`>;
+        readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly tr: Readonly<{
+        readonly borderBottom: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"borderBottom", `1px solid ${import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>}`>;
+        readonly ":hover:not([data-selected='true'])": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":hover:not([data-selected='true'])", {
+            readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
+        }>;
+        readonly ":is([data-selected='true'])": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":is([data-selected='true'])", {
+            readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
+        }>;
+        readonly ":is([data-last-border='false']):last-child": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":is([data-last-border='false']):last-child", {
+            readonly borderBottom: "none";
+        }>;
+    }>;
+    readonly cell: Readonly<{
+        readonly fontSize: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"lineHeight", string>;
+        readonly fontWeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"fontWeight", string>;
+        readonly padding: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"padding", "20px 0px 20px 36px">;
+        readonly ":last-child": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":last-child", {
+            readonly paddingRight: "36px";
+        }>;
+        readonly verticalAlign: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"verticalAlign", "middle">;
+    }>;
+    readonly th: Readonly<{
+        readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"color", string>;
+        readonly textAlign: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"textAlign", "left">;
+    }>;
+    readonly td: Readonly<{
+        readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly content: Readonly<{
+        readonly overflow: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+}>;

package/dist/esm/tag/index.d.ts

@@ -1,6 +1,6 @@
 import { TagSize, TagVariant } from "./styles";
 import React from "react";
-interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+interface TagProps extends React.DetailedHTMLProps<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value">, HTMLButtonElement> {
     value: {
         id: string;
         label: string;
@@ -11,22 +11,7 @@ interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLButt
     onDeleteClick?: (value: {
         id: string;
         label: string;
-    }) => void;
+    }, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
-/**
- * 태그 컴포넌트는 다양한 스타일과 크기를 지원하는 UI 요소입니다.
- * 사용자는 태그의 변형(variant)과 크기(size)를 지정할 수 있습니다.
- * 기본적으로 "filled" 변형과 "regular" 크기가 적용됩니다.
- *
- * ### 사용 예시
- * ```tsx
- * <Tag
- *   value={{ id: "1", label: "Example Tag" }}
- *   variant="filled"
- *   size="regular"
- *   onDeleteClick={(value) => console.log("Delete clicked for:", value)}
- * />
- * ```
- */
 export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/esm/tag/styles.d.ts

@@ -77,6 +77,15 @@ export declare const tagStyles: Readonly<{
         readonly padding: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"padding", "0">;
         readonly cursor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"cursor", "pointer">;
     }>;
+    readonly text: Readonly<{
+        readonly flex: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"flex", "1">;
+        readonly whiteSpace: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"color", "inherit">;
+        readonly fontSize: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"lineHeight", "inherit">;
+    }>;
 }>;
 export type TagVariant = Extract<keyof typeof tagStyles, "filled" | "accent">;
 export type TagSize = Extract<keyof typeof tagStyles, "regular" | "small">;

package/dist/esm/text/index.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 import { FontWeightStyles, TextAlignStyles, TextSizeStyles, TextVariantStyles } from "./styles";
 export interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     children: React.ReactNode;
-    className?: string;
     size?: TextSizeStyles;
     weight?: FontWeightStyles;
     align?: TextAlignStyles;
@@ -10,21 +9,6 @@ export interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<
     color?: string;
     as?: React.ElementType;
 }
-/**
- * 다양한 텍스트 스타일을 지원하는 컴포넌트입니다.<br/>
- * 사용자는 크기, 굵기, 정렬, 변형 등을 지정할 수 있습니다.<br/>
- * text variant에 따라 기본 스타일이 적용됩니다.<br/>
- * size, weight, align은 선택이 가능하며, 지정하지 않을 경우 text variant에 정의된 값들이 사용됩니다. <br/>
- * color 속성을 통해 텍스트 색상을 직접 지정할 수 있습니다.<br/>
- * as 속성을 통해 다른 HTML 요소로 렌더링할 수 있습니다. 기본값은 "p"입니다.<br/>
- * <br/>
- * ### 사용 예시
- * ```tsx
- * <Text size="large" weight="bold" align="center" variant="accent">
- *   Hello, World!
- * </Text>
- * ```
- */
 export declare const Text: {
     ({ children, className, size, weight, align, variant, color, as: Component, }: TextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;