@launchpad-ui/table - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/index.es.js

@@ -1,6 +0,3 @@
-// ../../scripts/react-shim.js
-import * as React from "react";
-
 // src/Table.tsx
-import cx from "clsx";
+import { cx } from "classix";
 import "./styles/Table.css";
@@ -19,7 +16,5 @@ import { jsx } from "react/jsx-runtime";
     "Table",
-    {
-      "Table--auto": auto,
-      "Table--compact": compact,
-      "Table--resourceTable": isResourceTable
-    },
+    auto && "Table--auto",
+    compact && "Table--compact",
+    isResourceTable && "Table--resourceTable",
     className
@@ -36,3 +31,3 @@ );
 // src/TableBody.tsx
-import cx2 from "clsx";
+import { cx as cx2 } from "classix";
 import "./styles/Table.css";
@@ -50,3 +45,3 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 // src/TableCell.tsx
-import cx3 from "clsx";
+import { cx as cx3 } from "classix";
 import "./styles/Table.css";
@@ -99,3 +94,3 @@
 // src/TableHead.tsx
-import cx4 from "clsx";
+import { cx as cx4 } from "classix";
 import "./styles/Table.css";
@@ -114,3 +109,3 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 import camelCase from "camelcase";
-import cx5 from "clsx";
+import { cx as cx5 } from "classix";
 import "./styles/Table.css";
@@ -146,3 +141,3 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 // src/TableRow.tsx
-import cx6 from "clsx";
+import { cx as cx6 } from "classix";
 import "./styles/Table.css";
@@ -149,0 +144,0 @@ import { jsx as jsx6 } from "react/jsx-runtime";

dist/index.js

@@ -41,7 +41,4 @@ "use strict";
 
-// ../../scripts/react-shim.js
-var React = __toESM(require("react"));
-
 // src/Table.tsx
-var import_clsx = __toESM(require("clsx"));
+var import_classix = require("classix");
 var import_Table = require("./styles/Table.css");
@@ -58,9 +55,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 }) => {
-  const classes = (0, import_clsx.default)(
+  const classes = (0, import_classix.cx)(
     "Table",
-    {
-      "Table--auto": auto,
-      "Table--compact": compact,
-      "Table--resourceTable": isResourceTable
-    },
+    auto && "Table--auto",
+    compact && "Table--compact",
+    isResourceTable && "Table--resourceTable",
     className
@@ -77,7 +72,7 @@ );
 // src/TableBody.tsx
-var import_clsx2 = __toESM(require("clsx"));
+var import_classix2 = require("classix");
 var import_Table2 = require("./styles/Table.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var TableBody = ({ className, children, ...props }) => {
-  const classes = (0, import_clsx2.default)("Table-body", className);
+  const classes = (0, import_classix2.cx)("Table-body", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
@@ -91,3 +86,3 @@ ...props,
 // src/TableCell.tsx
-var import_clsx3 = __toESM(require("clsx"));
+var import_classix3 = require("classix");
 var import_Table3 = require("./styles/Table.css");
@@ -127,3 +122,3 @@
 }) => {
-  const classes = (0, import_clsx3.default)("Table-cell", `Table-cell--${align}`, className);
+  const classes = (0, import_classix3.cx)("Table-cell", `Table-cell--${align}`, className);
   const restProps = props;
@@ -141,7 +136,7 @@ if ("hasScope" in restProps) {
 // src/TableHead.tsx
-var import_clsx4 = __toESM(require("clsx"));
+var import_classix4 = require("classix");
 var import_Table4 = require("./styles/Table.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var TableHead = ({ className, children, ...props }) => {
-  const classes = (0, import_clsx4.default)("Table-header", className);
+  const classes = (0, import_classix4.cx)("Table-header", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
@@ -156,3 +151,3 @@ ...props,
 var import_camelcase = __toESM(require("camelcase"));
-var import_clsx5 = __toESM(require("clsx"));
+var import_classix5 = require("classix");
 var import_Table5 = require("./styles/Table.css");
@@ -171,3 +166,3 @@ var import_jsx_runtime = require("react/jsx-runtime");
   const widthClass = defaultColWidth ? `Table-cell--${width}` : "";
-  const classes = (0, import_clsx5.default)(
+  const classes = (0, import_classix5.cx)(
     "Table-cell",
@@ -189,3 +184,3 @@ "Table-cell--head",
 // src/TableRow.tsx
-var import_clsx6 = __toESM(require("clsx"));
+var import_classix6 = require("classix");
 var import_Table6 = require("./styles/Table.css");
@@ -195,3 +190,3 @@ var import_jsx_runtime = require("react/jsx-runtime");
   const verticalAlignClass = verticalAlign ? `Table-row--${verticalAlign}` : "";
-  const classes = (0, import_clsx6.default)("Table-row", verticalAlignClass, className);
+  const classes = (0, import_classix6.cx)("Table-row", verticalAlignClass, className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", {
@@ -198,0 +193,0 @@ ...props,

package.json

 {
   "name": "@launchpad-ui/table",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "status": "beta",
@@ -31,3 +31,3 @@ "publishConfig": {
     "camelcase": "^7.0.0",
-    "clsx": "^1.2.0"
+    "classix": "^2.1.13"
   },
@@ -34,0 +34,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

42568

decreased by-0.75%

Lines of code

468

decreased by-1.68%

Dependency changes

• + Addedclassix@^2.1.13

• + Addedclassix@2.2.1(transitive)

• - Removedclsx@^1.2.0

• - Removedclsx@1.2.1(transitive)