@launchpad-ui/modal - npm Package Compare versions

Comparing version 0.6.3 to 0.6.4

dist/index.es.js

@@ -1,4 +0,1 @@
-// ../../scripts/react-shim.js
-import * as React from "react";
-
 // src/Modal.tsx
@@ -9,3 +6,3 @@ import { Button, ButtonSize, ButtonType } from "@launchpad-ui/button";
 import { usePreventScroll } from "@react-aria/overlays";
-import cx from "clsx";
+import { cx } from "classix";
 import { LazyMotion, m } from "framer-motion";
@@ -122,3 +119,3 @@ import { useEffect, useRef } from "react";
 // src/ModalBody.tsx
-import cx2 from "clsx";
+import { cx as cx2 } from "classix";
 import "./styles/Modal.css";
@@ -136,3 +133,3 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 // src/ModalFooter.tsx
-import cx3 from "clsx";
+import { cx as cx3 } from "classix";
 import "./styles/Modal.css";
@@ -151,3 +148,3 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 import { Close as Close2, IconSize as IconSize2 } from "@launchpad-ui/icons";
-import cx4 from "clsx";
+import { cx as cx4 } from "classix";
 import "./styles/Modal.css";
@@ -183,3 +180,3 @@ import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 import { Progress } from "@launchpad-ui/progress";
-import cx5 from "clsx";
+import { cx as cx5 } from "classix";
 import { Suspense } from "react";
@@ -238,3 +235,3 @@
 // src/Prompt.tsx
-import cx6 from "clsx";
+import { cx as cx6 } from "classix";
 import "./styles/Prompt.css";
@@ -241,0 +238,0 @@ import { jsx as jsx7 } from "react/jsx-runtime";

dist/index.js

@@ -39,5 +39,2 @@ "use strict";
 
-// ../../scripts/react-shim.js
-var React = __toESM(require("react"));
-
 // src/Modal.tsx
@@ -48,3 +45,3 @@ var import_button = require("@launchpad-ui/button");
 var import_overlays = require("@react-aria/overlays");
-var import_clsx = __toESM(require("clsx"));
+var import_classix = require("classix");
 var import_framer_motion = require("framer-motion");
@@ -112,3 +109,3 @@ var import_react = require("react");
   };
-  const modalClasses = (0, import_clsx.default)("Modal", className);
+  const modalClasses = (0, import_classix.cx)("Modal", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.LazyMotion, {
@@ -162,7 +159,7 @@ strict: true,
 // src/ModalBody.tsx
-var import_clsx2 = __toESM(require("clsx"));
+var import_classix2 = require("classix");
 var import_Modal = require("./styles/Modal.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ModalBody = ({ className, children, ...other }) => {
-  const classes = (0, import_clsx2.default)("Modal-body", className);
+  const classes = (0, import_classix2.cx)("Modal-body", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -176,7 +173,7 @@ className: classes,
 // src/ModalFooter.tsx
-var import_clsx3 = __toESM(require("clsx"));
+var import_classix3 = require("classix");
 var import_Modal2 = require("./styles/Modal.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var ModalFooter = ({ className, testId, children }) => {
-  const classes = (0, import_clsx3.default)("Modal-footer", className);
+  const classes = (0, import_classix3.cx)("Modal-footer", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -191,3 +188,3 @@ className: classes,
 var import_icons2 = require("@launchpad-ui/icons");
-var import_clsx4 = __toESM(require("clsx"));
+var import_classix4 = require("classix");
 var import_Modal3 = require("./styles/Modal.css");
@@ -203,3 +200,3 @@ var import_jsx_runtime = require("react/jsx-runtime");
 }) => {
-  const classes = (0, import_clsx4.default)("Modal-header", className);
+  const classes = (0, import_classix4.cx)("Modal-header", className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -210,3 +207,3 @@ className: classes,
         id: titleID || "Modal-title",
-        className: (0, import_clsx4.default)("Modal-title", titleClassName),
+        className: (0, import_classix4.cx)("Modal-title", titleClassName),
         children
@@ -225,3 +222,3 @@ }),
 var import_progress = require("@launchpad-ui/progress");
-var import_clsx5 = __toESM(require("clsx"));
+var import_classix5 = require("classix");
 var import_react3 = require("react");
@@ -264,3 +261,3 @@
 }) => {
-  const classes = (0, import_clsx5.default)("ModalSheet", `ModalSheet--${size}`);
+  const classes = (0, import_classix5.cx)("ModalSheet", `ModalSheet--${size}`);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
@@ -281,3 +278,3 @@ className: classes,
 // src/Prompt.tsx
-var import_clsx6 = __toESM(require("clsx"));
+var import_classix6 = require("classix");
 var import_Prompt = require("./styles/Prompt.css");
@@ -287,3 +284,3 @@ var import_jsx_runtime = require("react/jsx-runtime");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
-    className: (0, import_clsx6.default)("Prompt", className),
+    className: (0, import_classix6.cx)("Prompt", className),
     children
@@ -290,0 +287,0 @@ });

package.json

 {
   "name": "@launchpad-ui/modal",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "status": "beta",
@@ -29,10 +29,10 @@ "publishConfig": {
   "dependencies": {
-    "@launchpad-ui/button": "~0.4.0",
-    "@launchpad-ui/icons": "~0.3.2",
-    "@launchpad-ui/progress": "~0.3.1",
+    "@launchpad-ui/button": "~0.4.1",
+    "@launchpad-ui/icons": "~0.3.3",
+    "@launchpad-ui/progress": "~0.3.2",
     "@launchpad-ui/tokens": "~0.1.5",
     "@react-aria/focus": "^3.7.0",
     "@react-aria/overlays": "^3.10.0",
-    "clsx": "^1.2.0",
-    "framer-motion": "^7.1.0"
+    "classix": "^2.1.13",
+    "framer-motion": "^7.2.0"
   },
@@ -39,0 +39,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

57065

decreased by-0.4%

Lines of code

629

decreased by-0.63%

Dependency changes

• + Addedclassix@^2.1.13

• - Removedclsx@^1.2.0

• - Removedclsx@1.2.1(transitive)

• Updated@launchpad-ui/button@~0.4.1

• Updated@launchpad-ui/icons@~0.3.3

• Updated@launchpad-ui/progress@~0.3.2

• Updatedframer-motion@^7.2.0