@theguild/components 9.4.1-alpha-20250218181659-02d1f5fc3413009fa09c3ca8ec3659a2e706d50a → 9.4.1-alpha-20250218190401-79df8fd3d45c02241c0a5929c9a967383af76efc

package/dist/components/comparison-table/index.d.mts

@@ -1,15 +1,7 @@
 import * as react from 'react';
 import { FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface ComparisonTableProps extends React.HTMLAttributes<HTMLTableElement> {
-    scheme?: 'green' | 'neutral';
-}
-/**
- * It's exported under the name `ComparisonTable`
- * because we also reexport `Table` from nextra.
- */
-declare const ComparisonTable: (({ className, scheme, ...props }: ComparisonTableProps) => react_jsx_runtime.JSX.Element) & {
+declare const ComparisonTable: FC<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>> & {
     Row: FC<react.ClassAttributes<HTMLTableRowElement> & react.HTMLAttributes<HTMLTableRowElement> & {
         highlight?: boolean;
     }>;
@@ -17,4 +9,4 @@ declare const ComparisonTable: (({ className, scheme, ...props }: ComparisonTabl
     Cell: FC<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>>;
 };
 
-export { ComparisonTable, type ComparisonTableProps };
+export { ComparisonTable };

package/dist/components/comparison-table/index.js

@@ -1,13 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@theguild/components";
-const Table = ({ className, scheme = "green", ...props }) => {
+const Table = ({ className, ...props }) => {
   return /* @__PURE__ */ jsx(
     "table",
     {
       className: cn(
-        "x:block x:overflow-x-auto nextra-scrollbar overflow-x-auto rounded-2xl border border-[--border]",
-        scheme === "green" && "[--border:theme(colors.green.200)] [--highlight-bg:theme(colors.green.100)]",
-        scheme === "neutral" && "[--border:theme(colors.beige.400)] [--highlight-bg:theme(colors.beige.100)] dark:[--border:theme(colors.neutral.800)]",
+        "x:block x:overflow-x-auto nextra-scrollbar overflow-x-auto rounded-2xl border border-green-200",
         className
       ),
       ...props
@@ -19,20 +17,15 @@ const TableRow = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(
-    "tr",
-    {
-      className: cn(
-        "bg-[--highlight,var(--highlight-bg)] [--highlight:0]",
-        highlight && "[--highlight:initial]",
-        className
-      ),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("tr", { className: cn(highlight && "bg-green-100", className), ...props });
 };
 const cellStyle = cn(
-  "border border-[--border] p-4 first:sticky first:left-0 first:border-l-0 first:bg-[--highlight,var(--highlight-bg)] last:border-r-0 max-sm:first:drop-shadow-2xl [tbody_&]:border-b-0 [thead_&]:border-t-0"
+  "border border-green-200 p-4 first:border-l-0 last:border-r-0",
+  "[tbody_&]:border-b-0 [thead_&]:border-t-0",
+  "first:sticky",
+  "first:left-0",
+  "max-sm:first:drop-shadow-2xl",
+  "first:bg-[rgb(var(--nextra-bg))]"
 );
 const TableHeader = ({ className, ...props }) => {
   return /* @__PURE__ */ jsx("th", { className: cn(cellStyle, "font-medium", className), ...props });

package/dist/components/marketplace-search.js

@@ -135,7 +135,8 @@ function MarketplaceSearchInput({
       {
         onClick: () => onChange(""),
         tabIndex: -1,
-        className: "flex size-6 items-center justify-center rounded-sm",
+        className: "flex size-6 items-center justify-center rounded-sm [input:placeholder-shown+&]:hidden",
+        "aria-label": "Clear input",
         children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-5 text-[--fg-80]" })
       }
     )

package/dist/index.d.mts

@@ -59,11 +59,6 @@ import 'react-player';
 import 'clsx';
 import './types/utility.mjs';
 
-/**
- * @deprecated Consider using `ComparisonTable` instead.
- * This name was kept for back-compat, because the public
- * API differs,
- */
 declare module 'react' {
     interface CSSProperties {
         [key: `--${string}`]: string | number | undefined;

package/dist/index.js

@@ -7,11 +7,11 @@ import {
   Mermaid,
   Steps,
   Tabs,
+  Table,
   Bleed,
   Collapse,
   Search,
-  Banner,
-  Table
+  Banner
 } from "nextra/components";
 import { useMounted } from "nextra/hooks";
 export * from "./components";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "9.4.1-alpha-20250218181659-02d1f5fc3413009fa09c3ca8ec3659a2e706d50a",
+  "version": "9.4.1-alpha-20250218190401-79df8fd3d45c02241c0a5929c9a967383af76efc",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"