@launchpad-ui/tab-list - npm Package Compare versions

Comparing version 0.4.2-alpha.0 to 0.4.2

dist/index.es.js

@@ -7,3 +7,8 @@ import './style.css';
 import { jsxs, jsx } from "react/jsx-runtime";
-const TabList$1 = "";
+const styles = {
+  "TabList-list": "_TabList-list_e9kt3_1",
+  "TabList-item": "_TabList-item_e9kt3_8",
+  "is-active": "_is-active_e9kt3_30",
+  "TabList-panel": "_TabList-panel_e9kt3_52"
+};
 const TabList = (props) => {
@@ -29,5 +34,4 @@ var _a;
   } = useTabList(props, state, ref);
-  const classes = cx("TabList", className);
   return /* @__PURE__ */ jsxs("div", {
-    className: classes,
+    className,
     "data-test-id": testId,
@@ -37,3 +41,3 @@ children: [/* @__PURE__ */ jsx("div", {
       ref,
-      className: "TabList-list",
+      className: styles["TabList-list"],
       children: [...state.collection].map((item) => /* @__PURE__ */ jsx(TabItem, {
@@ -63,3 +67,3 @@ item,
   const isSelected = state.selectedKey === key;
-  const classes = cx("TabList-item", isSelected && "is-active", className);
+  const classes = cx(styles["TabList-item"], isSelected && styles["is-active"], className);
   return /* @__PURE__ */ jsx("div", {
@@ -84,3 +88,3 @@ ...tabProps,
     ref,
-    className: "TabList-panel",
+    className: styles["TabList-panel"],
     children: (_a = state.selectedItem) == null ? void 0 : _a.props.children
@@ -87,0 +91,0 @@ });

dist/index.js

@@ -9,3 +9,8 @@ require('./style.css');
 const jsxRuntime = require("react/jsx-runtime");
-const TabList$1 = "";
+const styles = {
+  "TabList-list": "_TabList-list_e9kt3_1",
+  "TabList-item": "_TabList-item_e9kt3_8",
+  "is-active": "_is-active_e9kt3_30",
+  "TabList-panel": "_TabList-panel_e9kt3_52"
+};
 const TabList = (props) => {
@@ -31,5 +36,4 @@ var _a;
   } = tabs$1.useTabList(props, state, ref);
-  const classes = classix.cx("TabList", className);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: classes,
+    className,
     "data-test-id": testId,
@@ -39,3 +43,3 @@ children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
       ref,
-      className: "TabList-list",
+      className: styles["TabList-list"],
       children: [...state.collection].map((item) => /* @__PURE__ */ jsxRuntime.jsx(TabItem, {
@@ -65,3 +69,3 @@ item,
   const isSelected = state.selectedKey === key;
-  const classes = classix.cx("TabList-item", isSelected && "is-active", className);
+  const classes = classix.cx(styles["TabList-item"], isSelected && styles["is-active"], className);
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
@@ -86,3 +90,3 @@ ...tabProps,
     ref,
-    className: "TabList-panel",
+    className: styles["TabList-panel"],
     children: (_a = state.selectedItem) == null ? void 0 : _a.props.children
@@ -89,0 +93,0 @@ });

dist/TabList.d.ts

 import type { ItemElement } from '@react-types/shared';
 import type { AriaTabListProps } from '@react-types/tabs';
 import type { ReactNode } from 'react';
-import './styles/TabList.css';
 declare type TabListProps<T extends string | number> = (AriaTabListProps<HTMLDivElement> & {
@@ -6,0 +5,0 @@ /** The active Tab to show on render. The value passed in here should match the value of the active Tab's Item key. */

package.json

 {
   "name": "@launchpad-ui/tab-list",
-  "version": "0.4.2-alpha.0",
+  "version": "0.4.2",
   "status": "beta",
@@ -33,3 +33,3 @@ "publishConfig": {
     "@react-types/tabs": "^3.1.0",
-    "@launchpad-ui/tokens": "0.1.5",
+    "@launchpad-ui/tokens": "~0.1.5",
     "classix": "^2.1.13"
@@ -50,3 +50,2 @@ },
     "clean": "rm -rf dist",
-    "e2e": "playwright test --config=../../playwright.config.ct.ts",
     "lint": "eslint '**/*.{ts,tsx,js}' && stylelint '**/*.css' --ignore-path ../../.stylelintignore",
@@ -53,0 +52,0 @@ "test": "vitest run --coverage"

No alert changes

Improved metrics

Total package byte prevSize

22802

1.13%

Lines of code

270

2.66%

Dependency changes

• Updated

  @launchpad-ui/tokens@~0.1.5