@x-plat/design-system 0.4.5 → 0.5.0

package/dist/components/Table/index.d.cts

@@ -1,9 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 interface TableProps {
-    className?: string;
     children: React.ReactNode;
     rowBorderUse?: boolean;
     colBorderUse?: boolean;
@@ -17,7 +15,6 @@ declare const Table: {
 
 interface TableBodyProps {
     children: React.ReactNode;
-    className?: string;
 }
 declare const TableBody: {
     (props: TableBodyProps): react_jsx_runtime.JSX.Element;
@@ -27,7 +24,6 @@ declare const TableBody: {
 interface TableCellProps {
     children: React.ReactNode;
     align?: "start" | "center" | "end";
-    className?: string;
     isSticky?: boolean;
     onClick?: (e: React.MouseEvent<HTMLTableCellElement>) => void;
 }
@@ -35,16 +31,14 @@ declare const TableCell: React.FC<TableCellProps>;
 
 interface TableHeaderProps {
     children: React.ReactNode;
-    className?: string;
     cellHover?: boolean;
 }
 declare const TableHead: {
-    ({ children, className, cellHover, }: TableHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, cellHover, }: TableHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface TableRowProps extends ColorProps {
-    className?: string;
+interface TableRowProps {
     children: React.ReactNode;
     type?: "primary" | "secondary";
     isHover?: boolean;

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

@@ -1,9 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 interface TableProps {
-    className?: string;
     children: React.ReactNode;
     rowBorderUse?: boolean;
     colBorderUse?: boolean;
@@ -17,7 +15,6 @@ declare const Table: {
 
 interface TableBodyProps {
     children: React.ReactNode;
-    className?: string;
 }
 declare const TableBody: {
     (props: TableBodyProps): react_jsx_runtime.JSX.Element;
@@ -27,7 +24,6 @@ declare const TableBody: {
 interface TableCellProps {
     children: React.ReactNode;
     align?: "start" | "center" | "end";
-    className?: string;
     isSticky?: boolean;
     onClick?: (e: React.MouseEvent<HTMLTableCellElement>) => void;
 }
@@ -35,16 +31,14 @@ declare const TableCell: React.FC<TableCellProps>;
 
 interface TableHeaderProps {
     children: React.ReactNode;
-    className?: string;
     cellHover?: boolean;
 }
 declare const TableHead: {
-    ({ children, className, cellHover, }: TableHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ children, cellHover, }: TableHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface TableRowProps extends ColorProps {
-    className?: string;
+interface TableRowProps {
     children: React.ReactNode;
     type?: "primary" | "secondary";
     isHover?: boolean;

package/dist/components/Table/index.js

@@ -1,19 +1,3 @@
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
 // src/components/Table/TableContext.tsx
 import React from "react";
 var TableContext = React.createContext(null);
@@ -28,14 +12,13 @@ var TableContext_default = TableContext;
 import { jsx } from "react/jsx-runtime";
 var Table = (props) => {
   const {
-    className,
     children,
     rowBorderUse = true,
     colBorderUse = true,
     headerSticky = false,
     stickyShadow = true
   } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx_default("lib-xplat-table-wrapper", className), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "lib-xplat-table-wrapper", children: /* @__PURE__ */ jsx(
     TableContext_default.Provider,
     {
       value: {
@@ -54,8 +37,8 @@ var Table_default = Table;
 // src/components/Table/TableBody.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var TableBody = (props) => {
-  const { children, className } = props;
-  return /* @__PURE__ */ jsx2("tbody", { className, children });
+  const { children } = props;
+  return /* @__PURE__ */ jsx2("tbody", { children });
 };
 TableBody.displayName = "TableBody";
 var TableBody_default = TableBody;
@@ -63,6 +46,22 @@ var TableBody_default = TableBody;
 // src/components/Table/TableCell.tsx
 import React4 from "react";
 
+// ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
 // src/components/Table/TableHeadContext.tsx
 import React2 from "react";
 var TableHeadContext = React2.createContext(
@@ -90,7 +89,6 @@ var TableCell = (props) => {
   const {
     children,
     align = "center",
-    className,
     isSticky = false,
     onClick
   } = props;
@@ -135,8 +133,7 @@ var TableCell = (props) => {
         isSticky && "table-sticky",
         isLastSticky && stickyShadow && "right-shadow",
         onClick && "clickable",
-        enableHover && "cell-hover",
-        className
+        enableHover && "cell-hover"
       ),
       style: isSticky ? { left } : void 0,
       onClick,
@@ -151,11 +148,10 @@ var TableCell_default = TableCell;
 import { jsx as jsx4 } from "react/jsx-runtime";
 var TableHead = ({
   children,
-  className = "",
   cellHover = false
 }) => {
   const { headerSticky } = useTableContext();
-  return /* @__PURE__ */ jsx4(TableHeadContext_default.Provider, { value: { cellHover }, children: /* @__PURE__ */ jsx4("thead", { className: clsx_default(headerSticky ? "table-sticky" : null, className), children }) });
+  return /* @__PURE__ */ jsx4(TableHeadContext_default.Provider, { value: { cellHover }, children: /* @__PURE__ */ jsx4("thead", { className: clsx_default(headerSticky ? "table-sticky" : null), children }) });
 };
 TableHead.displayName = "TableHead";
 var TableHead_default = TableHead;
@@ -166,8 +162,6 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 var TableRow = (props) => {
   const {
     children,
-    className,
-    color = "xplat-neutral-900",
     type = "secondary",
     isHover,
     onClick
@@ -180,17 +174,14 @@ var TableRow = (props) => {
       return [...prev, ref];
     });
   };
-  const colorClass = color;
   return /* @__PURE__ */ jsx5(TableRowContext_default.Provider, { value: { stickyCells, registerStickyCell }, children: /* @__PURE__ */ jsx5(
     "tr",
     {
       className: clsx_default(
         rowBorderUse ? "table-bottom-border" : null,
         type,
-        colorClass,
         isHover && "hover",
-        onClick && "clickable",
-        className
+        onClick && "clickable"
       ),
       onClick,
       children