@launchpad-ui/table - npm Package Compare versions

Comparing version 0.5.7 to 0.5.8

dist/index.es.js

 import './style.css';
+import { jsx } from "react/jsx-runtime";
 import { cx } from "classix";
-import { jsx } from "react/jsx-runtime";
 const Table$1 = "_Table_19a5o_3";
@@ -44,9 +44,10 @@ const styles = {
 }) => {
-  const classes = cx(styles.Table, auto && styles["Table--auto"], compact && styles["Table--compact"], isResourceTable && styles["Table--resourceTable"], className);
-  return /* @__PURE__ */ jsx("table", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  const classes = cx(
+    styles.Table,
+    auto && styles["Table--auto"],
+    compact && styles["Table--compact"],
+    isResourceTable && styles["Table--resourceTable"],
+    className
+  );
+  return /* @__PURE__ */ jsx("table", { ...rest, "data-test-id": testId, className: classes, children });
 };
@@ -60,15 +61,5 @@ const TableBody = ({
   const classes = cx(styles["Table-body"], className);
-  return /* @__PURE__ */ jsx("tbody", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsx("tbody", { ...rest, "data-test-id": testId, className: classes, children });
 };
-const TableCell = ({
-  align = "left",
-  className,
-  children,
-  ...rest
-}) => {
+const TableCell = ({ align = "left", className, children, ...rest }) => {
   const classes = cx(styles["Table-cell"], styles[`Table-cell--${align}`], className);
@@ -79,7 +70,3 @@ const restProps = rest;
   }
-  return /* @__PURE__ */ jsx("td", {
-    ...restProps,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsx("td", { ...restProps, className: classes, children });
 };
@@ -93,8 +80,3 @@ const TableHead = ({
   const classes = cx(styles["Table-header"], className);
-  return /* @__PURE__ */ jsx("thead", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsx("thead", { ...rest, "data-test-id": testId, className: classes, children });
 };
@@ -110,9 +92,10 @@ const TableHeadCell = ({
   const widthClass = defaultColWidth ? styles[`Table-cell--width-${defaultColWidth}`] : "";
-  const classes = cx(styles["Table-cell"], styles["Table-cell--head"], styles[`Table-cell--${align}`], widthClass, className);
-  return /* @__PURE__ */ jsx("th", {
-    ...rest,
-    className: classes,
-    scope,
-    children
-  });
+  const classes = cx(
+    styles["Table-cell"],
+    styles["Table-cell--head"],
+    styles[`Table-cell--${align}`],
+    widthClass,
+    className
+  );
+  return /* @__PURE__ */ jsx("th", { ...rest, className: classes, scope, children });
 };
@@ -128,8 +111,3 @@ const TableRow = ({
   const classes = cx(styles["Table-row"], verticalAlignClass, className);
-  return /* @__PURE__ */ jsx("tr", {
-    ...rest,
-    className: classes,
-    "data-test-id": testId,
-    children
-  });
+  return /* @__PURE__ */ jsx("tr", { ...rest, className: classes, "data-test-id": testId, children });
 };
@@ -136,0 +114,0 @@ export {

dist/index.js

 require('./style.css');
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const classix = require("classix");
-const jsxRuntime = require("react/jsx-runtime");
 const Table$1 = "_Table_19a5o_3";
@@ -46,9 +46,10 @@ const styles = {
 }) => {
-  const classes = classix.cx(styles.Table, auto && styles["Table--auto"], compact && styles["Table--compact"], isResourceTable && styles["Table--resourceTable"], className);
-  return /* @__PURE__ */ jsxRuntime.jsx("table", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  const classes = classix.cx(
+    styles.Table,
+    auto && styles["Table--auto"],
+    compact && styles["Table--compact"],
+    isResourceTable && styles["Table--resourceTable"],
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("table", { ...rest, "data-test-id": testId, className: classes, children });
 };
@@ -62,15 +63,5 @@ const TableBody = ({
   const classes = classix.cx(styles["Table-body"], className);
-  return /* @__PURE__ */ jsxRuntime.jsx("tbody", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { ...rest, "data-test-id": testId, className: classes, children });
 };
-const TableCell = ({
-  align = "left",
-  className,
-  children,
-  ...rest
-}) => {
+const TableCell = ({ align = "left", className, children, ...rest }) => {
   const classes = classix.cx(styles["Table-cell"], styles[`Table-cell--${align}`], className);
@@ -81,7 +72,3 @@ const restProps = rest;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("td", {
-    ...restProps,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { ...restProps, className: classes, children });
 };
@@ -95,8 +82,3 @@ const TableHead = ({
   const classes = classix.cx(styles["Table-header"], className);
-  return /* @__PURE__ */ jsxRuntime.jsx("thead", {
-    ...rest,
-    "data-test-id": testId,
-    className: classes,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { ...rest, "data-test-id": testId, className: classes, children });
 };
@@ -112,9 +94,10 @@ const TableHeadCell = ({
   const widthClass = defaultColWidth ? styles[`Table-cell--width-${defaultColWidth}`] : "";
-  const classes = classix.cx(styles["Table-cell"], styles["Table-cell--head"], styles[`Table-cell--${align}`], widthClass, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("th", {
-    ...rest,
-    className: classes,
-    scope,
-    children
-  });
+  const classes = classix.cx(
+    styles["Table-cell"],
+    styles["Table-cell--head"],
+    styles[`Table-cell--${align}`],
+    widthClass,
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { ...rest, className: classes, scope, children });
 };
@@ -130,8 +113,3 @@ const TableRow = ({
   const classes = classix.cx(styles["Table-row"], verticalAlignClass, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("tr", {
-    ...rest,
-    className: classes,
-    "data-test-id": testId,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...rest, className: classes, "data-test-id": testId, children });
 };
@@ -138,0 +116,0 @@ exports.Table = Table;

dist/Table.d.ts

@@ -9,5 +9,5 @@ import type { ComponentProps } from 'react';
 };
-declare const Table: ({ auto, compact, className, children, isResourceTable, "data-test-id": testId, ...rest }: TableProps) => JSX.Element;
+declare const Table: ({ auto, compact, className, children, isResourceTable, "data-test-id": testId, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export { Table };
 export type { TableProps };
 //# sourceMappingURL=Table.d.ts.map

dist/TableBody.d.ts

@@ -5,5 +5,5 @@ import type { ComponentProps } from 'react';
 };
-declare const TableBody: ({ className, children, "data-test-id": testId, ...rest }: TableBodyProps) => JSX.Element;
+declare const TableBody: ({ className, children, "data-test-id": testId, ...rest }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export { TableBody };
 export type { TableBodyProps };
 //# sourceMappingURL=TableBody.d.ts.map

dist/TableCell.d.ts

@@ -13,5 +13,5 @@ import type { ComponentProps } from 'react';
 type TableCellProps = TableCellWithHeadersProps | TableCellWithScopeProps | (TableCellWithHeadersProps & TableCellWithScopeProps);
-declare const TableCell: ({ align, className, children, ...rest }: TableCellProps) => JSX.Element;
+declare const TableCell: ({ align, className, children, ...rest }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 export { TableCell };
 export type { TableCellProps };
 //# sourceMappingURL=TableCell.d.ts.map

dist/TableHead.d.ts

@@ -5,5 +5,5 @@ import type { ComponentProps } from 'react';
 };
-declare const TableHead: ({ className, children, "data-test-id": testId, ...rest }: TableHeadProps) => JSX.Element;
+declare const TableHead: ({ className, children, "data-test-id": testId, ...rest }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 export { TableHead };
 export type { TableHeadProps };
 //# sourceMappingURL=TableHead.d.ts.map

dist/TableHeadCell.d.ts

@@ -5,5 +5,5 @@ import type { ComponentProps } from 'react';
 };
-declare const TableHeadCell: ({ align, className, children, defaultColWidth, scope, ...rest }: TableHeadCellProps) => JSX.Element;
+declare const TableHeadCell: ({ align, className, children, defaultColWidth, scope, ...rest }: TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
 export { TableHeadCell };
 export type { TableHeadCellProps };
 //# sourceMappingURL=TableHeadCell.d.ts.map

dist/TableRow.d.ts

@@ -6,5 +6,5 @@ import type { HTMLProps } from 'react';
 };
-declare const TableRow: ({ className, children, verticalAlign, "data-test-id": testId, ...rest }: TableRowProps) => JSX.Element;
+declare const TableRow: ({ className, children, verticalAlign, "data-test-id": testId, ...rest }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 export { TableRow };
 export type { TableRowProps };
 //# sourceMappingURL=TableRow.d.ts.map

package.json

 {
   "name": "@launchpad-ui/table",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "status": "beta",
@@ -30,3 +30,3 @@ "publishConfig": {
     "classix": "2.1.17",
-    "@launchpad-ui/tokens": "~0.5.6"
+    "@launchpad-ui/tokens": "~0.5.7"
   },
@@ -33,0 +33,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

34584

decreased by-2.54%

Lines of code

413

decreased by-9.63%

Dependency changes

• Updated@launchpad-ui/tokens@~0.5.7