welcome-ui 10.5.1 → 10.6.1

package/dist/Table.css

@@ -1 +1 @@
-@layer components{._root_14phd_2{width:100%;overflow:hidden}._content_14phd_6{width:100%;overflow-x:auto}._content_14phd_6 table{width:100%;border-collapse:collapse;border:0}._content_14phd_6 table td{padding:var(--tab-size-icon-lg);text-align:left}._content_14phd_6 table td:first-child{padding-left:0}._content_14phd_6 table td:last-child{padding-right:0}._content_14phd_6 table th{border-bottom:var(--tab-border-width-unchecked) solid var(--tab-color-text-unchecked-pressed);color:var(--color-icon-neutral-subtle);font-weight:var(--font-weight-medium);text-align:left;padding:var(--tab-size-icon-lg);vertical-align:middle}._content_14phd_6 table th:first-child{padding-left:0}._content_14phd_6 table th:last-child{padding-right:0}._content_14phd_6 table tr{border-bottom:var(--tab-border-width-unchecked) solid var(--color-background-neutral-subtlest);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_14phd_6 table tr:last-child{border:0}._content_14phd_6 table tr._clickable_14phd_48{cursor:pointer}._content_14phd_6 table tr._clickable_14phd_48:hover{background-color:var(--color-background-warm-minimal)}._content_14phd_6 table tr._variant-danger_14phd_54{--trBackgroundColor: var(--color-background-danger-minimal);--trColor: var(--color-background-danger-strongest)}._content_14phd_6 table tr._variant-warning_14phd_58{--trBackgroundColor: var(--color-background-warning-minimal);--trColor: var(--color-icon-warning-secondary)}._content_14phd_6 table tr._variant-success_14phd_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-icon-accent-green-tertiary)}._content_14phd_6 table tr._variant-info_14phd_66{--trBackgroundColor: var(--color-background-accent-blue-minimal);--trColor: var(--color-background-accent-blue-strongest)}._indent_14phd_70 table td:first-child,._indent_14phd_70 table th:first-child{padding-left:var(--tab-size-icon-lg)}._indent_14phd_70 table td:last-child,._indent_14phd_70 table th:last-child{padding-right:var(--tab-size-icon-lg)}}
+@layer components{._root_1u48q_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_1u48q_8{width:100%;overflow-x:auto}._content_1u48q_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_1u48q_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_1u48q_8 table tr[data-clickable=true]{cursor:pointer}._content_1u48q_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_1u48q_8 table th,._content_1u48q_8 table td{padding:var(--table-cell-padding);text-align:left}._content_1u48q_8 table th:has(>[aria-checked]:only-child),._content_1u48q_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_1u48q_8 table thead{background-color:var(--table-header-color-background-warm)}._content_1u48q_8 table thead th{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_1u48q_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_1u48q_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_1u48q_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_1u48q_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_1u48q_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_1u48q_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_1u48q_8 table tr:has(+tr[data-clickable=true]:hover),._content_1u48q_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withColumnDivider_1u48q_73 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_1u48q_73 table tbody td:last-child{border-right:none}}

package/dist/Table.js

@@ -1,47 +1,35 @@
 "use client";
 import './Table.css';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as T } from "./index-B6iGEm-i.js";
-const m = "_root_14phd_2", h = "_content_14phd_6", v = "_clickable_14phd_48", y = "_indent_14phd_70", N = {
-  root: m,
-  content: h,
-  clickable: v,
-  "variant-danger": "_variant-danger_14phd_54",
-  "variant-warning": "_variant-warning_14phd_58",
-  "variant-success": "_variant-success_14phd_62",
-  "variant-info": "_variant-info_14phd_66",
-  indent: y
-}, r = T(N), o = p(
-  ({ children: a, className: e, indent: n, ...s }, b) => /* @__PURE__ */ t("div", { className: r("root", e), ref: b, ...s, children: /* @__PURE__ */ t("div", { className: r("content", n && "indent"), children: /* @__PURE__ */ t("table", { children: a }) }) })
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as u } from "./index-B6iGEm-i.js";
+const h = "_root_1u48q_2", p = "_content_1u48q_8", y = "_withColumnDivider_1u48q_73", N = {
+  root: h,
+  content: p,
+  withColumnDivider: y
+}, s = u(N), n = b(
+  ({ children: t, className: a, withColumnDivider: o = !1, ...m }, T) => /* @__PURE__ */ e("div", { className: s("root", a), ref: T, ...m, children: /* @__PURE__ */ e("div", { className: s("content", o && "withColumnDivider"), children: /* @__PURE__ */ e("table", { children: t }) }) })
 );
-o.displayName = "Table";
-const c = (a) => /* @__PURE__ */ t("tbody", { ...a });
-c.displayName = "Table.Tbody";
-const d = (a) => /* @__PURE__ */ t("th", { ...a });
-d.displayName = "Table.Th";
-const i = (a) => /* @__PURE__ */ t("thead", { ...a });
+n.displayName = "Table";
+const r = (t) => /* @__PURE__ */ e("tbody", { ...t });
+r.displayName = "Table.Tbody";
+const l = (t) => /* @__PURE__ */ e("th", { ...t });
+l.displayName = "Table.Th";
+const i = (t) => /* @__PURE__ */ e("thead", { ...t });
 i.displayName = "Table.Thead";
-const l = (a) => /* @__PURE__ */ t("td", { ...a });
-l.displayName = "Table.Td";
-const _ = ({ className: a, onClick: e, variant: n, ...s }) => /* @__PURE__ */ t(
-  "tr",
-  {
-    className: r(n && `variant-${n}`, !!e && "clickable", a),
-    onClick: e,
-    ...s
-  }
-);
-_.displayName = "Table.Tr";
-const k = Object.assign(o, {
-  Tbody: c,
-  Td: l,
-  Th: d,
+const c = (t) => /* @__PURE__ */ e("td", { ...t });
+c.displayName = "Table.Td";
+const d = ({ className: t, onClick: a, ...o }) => /* @__PURE__ */ e("tr", { className: t, "data-clickable": !!a, onClick: a, ...o });
+d.displayName = "Table.Tr";
+const w = Object.assign(n, {
+  Tbody: r,
+  Td: c,
+  Th: l,
   Thead: i,
-  Tr: _
+  Tr: d
 });
 export {
-  k as Table,
-  o as TableComponent,
+  w as Table,
+  n as TableComponent,
   N as tableClasses
 };

package/dist/types/components/Table/index.d.ts

@@ -20,7 +20,7 @@ export declare const Table: import('react').ForwardRefExoticComponent<Omit<Table
         displayName: string;
     };
     Tr: {
-        ({ className, onClick, variant, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
+        ({ className, onClick, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/components/Table/types.d.ts

@@ -3,18 +3,14 @@ export type TableProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivEl
 export type TableTrProps = ComponentPropsWithoutRef<'tr'> & HTMLAttributes<HTMLTableRowElement> & TableTrOptions;
 interface TableOptions {
     /**
-     * Add space on first and last child on the Td and Th component
+     * Add vertical divider between columns
      */
-    indent?: boolean;
+    withColumnDivider?: boolean;
 }
 interface TableTrOptions {
     /**
      * Change the cursor to pointer to indicate the row is clickable
      */
     onClick?: (props?: unknown) => void;
-    /**
-     * Change the background color of the row to represent a specific state
-     */
-    variant?: 'danger' | 'info' | 'success' | 'warning';
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.5.1",
+  "version": "10.6.1",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"